body {
	background-color:#ddd;
} 
#wrapper {
	margin:0; 
	padding:0;
	position:fixed;
	top:0;
	right:0;
	left:0;
	border-bottom: 1px solid #eee;
	z-index:10;
}
img {
	border:0;
}

.main_wrapper {
	text-align:center;
	width:auto;
	min-width:964px;
	height:auto;
	padding-right:5px;
	padding-left:5px;

}
.main, .admain{
	text-align:left;
	display:inline-block;
	background-color:white;
	width:964px;
	height:auto;
	min-height:445px;
	padding:10px;
	margin:20px auto 10px;
}
.admain {
	width:360px;
	min-height:0;
}
.review_block, .mobile_photo_block{
	display:inline-block;
	float:left;
	position:relative;
	width:370px;
	height:auto;
	min-height:445px;
	border:1px solid #f2f2f2;
}
.review_block {
	min-height:478px;
}
.review_tilte_wrapper {
	width:auto;
	min-height:66px;
	margin-bottom:10px;
}
.review_userphotoframe {
	width:66px;
	height:66px;
	background-color:gray;
	float:left;
	border: 1px solid gray;
}
.review_userphotoframe img {
	width:66px;
	height:66px;
}
.review_title {
	float:left;
	width:400px;
	padding:10px;
	padding-right:0px;
	vertical-align:middle;
}
#recommend_icon {
	float:left;
	position:relative;
	top:-10px;
	left:3px;
}
#placename {
	font-size:18px;
	width:400px;
	clear:both;
	word-wrap:break-word;
}
.pixer {
	width:1px; 
	height:46px; 
	vertical-align:middle;
}
#who {
	width:auto;
	height:auto;
	font-size:14px;
}
#review {
	margin-left:12px;
	line-height:1.4em;
	width:346px;
	min-height:300px;
	padding-bottom: 5px;
	height:auto;
	word-wrap: break-word;
}
#review a:link, #review a:visited {
	color:#4296d1;
}
#more {
	color:#66b3d9;
	float:right;
	margin-right:12px;
	margin-bottom:5px;
}
.line {
	clear:both;
	width:auto;
	height:1px;
	margin:2px 12px ;
	background-color:#f1f1f1;
}
.pinfo_photoframe {
	margin:12px 0 0 12px;
	width:auto;
	min-width:350px;
	min-height:108px;
	text-align:center;
	vertical-align: middle;
	display:inline-block;
}
.photo {
	
}
.photo a {
	display:block;
}

#date {
	/*display:inline-block;*/
	float:left;
	margin-top:5px;
	font-size:14px;
	position:absolute;
	color:#999999;
	margin-left:15px;
}
.privacy, .category{
	display:inline-block;
	float:right;
	font-size:14px;
	color:gray;
	font-weight: bold;
}
.category {
	margin-right:10px
}
#with {
	font-size:14px;
	overflow: hidden;
	min-height:16px;
	float:right;
	width:200px;
	text-align:right;
	margin-top:5px;
	margin-right:12px;
	margin-bottom:10px;
}
#with a:link, #with a:visited {
	text-decoration: none;
	color:#4296d1;
}
.reviewfunctionframe {
	clear:both;
	color:#999999;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#f2f2f2;
	width:370px;
	height:34px;
	position:relative;
}
.reviewfunction {
	height:34px;
	line-height:34px;
	vertical-align:middle;
	min-width:60px;
	text-align:center;
	float:right;
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:#f2f2f2;
	padding-left:10px;
	padding-right:10px;
}

.reviewfunction {
	cursor:pointer;
	font-weight:bold;
	color:#e84534;
	text-decoration: none;
}
.colorgrey {
	color:#999999;
}
#editplace {
	color:#666666;
}

.map_block {
	display:inline-block;
	float:left;
	position:relative;
	left:12px;
	width:578px;
	min-height:445px;
	height:auto;
	border:1px solid #f2f2f2;
	background-color:#f1ead2; 
}
#map_canvas {
	display:inline-block;
	width:964px;
	min-height:376px;
	height:auto;
}
/* 		.back_main_map { */
/* 			position:absolute; */
/* 			left:0px; */
/* 			bottom:4px; */
/* 			padding-right:10px; */
/* 			cursor:pointer; */
/* 			z-index:8; */
/* 			background-color:rgba(255, 255, 255, 0.9); */
/* 			border-top:1px solid #dddddd; */
/* 			border-right:1px solid #dddddd */
/* 		} */
.back_main_map {
	position:absolute;
	background-color:rgba(255, 255, 255, 0.8);
	border:1px solid #cccccc;
	padding:3px 10px;
	cursor:pointer; 
	z-index:1;
}
.back_main_map:hover {
	background-color:rgba(255, 204, 51, 0.8);
}
.tip {
	display:none;
	background-color:rgba(255, 255, 255, 0.8);
	padding:5px;
	color:#666666;
	font-size:14px;
	position:absolute;
	left:0;
	min-width:100px;
	width:auto;
}
.back_main_map:hover .tip {
	display:inherit;
}
#map_title {
	width:auto;
	height:auto;
	background-color:#f1ead2; 
}
#store_name {
	float:left;
	font-size:24px;
	padding-top:7px;
	min-height:36px;
	margin-left:10px;
	text-shadow: 1px 1px white;
}
#address {
	color:#333333;
	clear:left;
	margin:3px 10px;
	font-size: medium;
}
#phone {
	clear:right;
	color:#333333;
	margin:0 5px 5px 5px;
	float:right;
}
#category {
	color:#333333;
	float:right;
	width:auto;
	margin:8px 5px 5px 5px;
	font-size:large;
}
#info {
	float:right;
	margin-top:42px;
	margin-right:5px;
}
.second_wrapper {
	text-align:center;	
	width:auto;
	height:auto;
	padding-right:5px;
	padding-left:5px;
	margin-bottom: 10px;
}
.second {
	text-align:left;
	display:inline-block;
	width:984px;
	margin:0 auto;
	height:auto;
	background-color: white;
}
.comment_wrapper ,.ohterreview_wrapper{
	float:left;
	background-color:white;
	width: 550px;
	height:auto;
	min-height:100px;
	padding:10px;
	
}
.ohterreview_wrapper {
	padding-left:0;
	padding-right:0;
	margin:0 10px;
}
.comment_frame, .ohterreview_frame{
	border:1px solid #f2f2f2;
	min-height:100px;
}
.comment_title, .ohterreview_title , .near_place_title{
	background-color:#f6f4ec;
	width:auto;
	line-height:36px;
	vertical-align:middle;
	padding-left:10px;
	height:36px;	
}
.near_place_title {
	text-align:left;
}
.user_comment_wrapper, .user_otherreview_wrapper {
	display:inline-block;
	width:530px;
	margin:16px 4px 16px 12px;
	height:auto;
}

.user_comment_frame, .user_otherreview_frame {
	position:relative;
	display:inline-block;
	width:auto;
	height:auto;
	margin-bottom:3px;
}
.user_comment_photo, .user_otherreview_photo {
	float:left;
	margin-right:5px;
	width:54px;
	height:54px;
	background-color:#f2f2f2;
	overflow: hidden;
	text-align: center;
	border:1px solid #ccc;
}
.user_add_btn {
	position:absolute;
	width:20px;
	height:20px;
	top:45px;
	left:-10px;
	background-image: url('/img/placeinfo/owlting_photo_add_friend.png');
}
.user_comment_photo img, .user_otherreview_photo img {
	width:54px;
	height:54px;
}
.user_comment_content_frame , .user_otherreview_content_frame {
	float:left;
	width:460px;
}
.user_otherreview_content_frame {
		width:460px;
}
.user_name, .user_comment_content, .user_comment_date, .user_otherreview_date, .user_otherreview_content {
	padding-top:3px;
	font-size:small;
}
.user_comment_date, .user_otherreview_date {
	color:#999999;
	font-size:smaller;
}
.user_comment_content {
	width:460px;
	height: auto;
	word-wrap: break-word;
}
.user_comment_content a:link, .user_comment_content a:visited {
	color:#4296d1;
}
.user_otherreview_content {
	width:auto;
	max-height:34px;
	word-spacing: normal;
	overflow: hidden;
}
.user_form {
	float:left;
}
.user_comment_input {
	width:450px;
	height:18px;
	padding:5px;
	color:black;
}
.enter {
	display:inline-block;
	float:right;
	text-align:center;
	text-shadow: 1px 1px #fede9c;
	color:#996633;
	line-height:24px;
	width:53px;
	height:24px;
	font-size:12px;
	background: url('/img/placeinfo/owlting_comment_sent_btn.png');
	margin-top:3px;
}
.comment_count, .otherreviews_count {
	background-color:#ffde34;
	color:white;
	float:left;
	margin:15px 5px 10px 10px;
	width:30px;
	height:30px;
	line-height: 30px;
	text-align:center;
}
.otherreviews_count {
	background-color:#f2f2f2;
	margin-left:0;
}
.please_login a:link {
	color:#3f93cb;
	text-decoration: none;
}
.please_login a:visited {
	color:#3f93cb;
	text-decoration: none;
}
.please_login a:hover {
	color:#e94a33;
	text-decoration: none;
}
.share_frame {
	float:left;
	width:120px;
	height:30px;
	margin-top:2px;	
	margin-left:5px;
}
.delete_all_comment ,.delete_comment {
	cursor:pointer;
	float:right;
	font-size:12px;
	margin-right:10px;
}
.delete_comment {
	margin-right:0px;
	font-size:11px;
}
.recommend_tip {
	color:black;
	border-radius:3px;
	padding:5px;
	top:35px;
	right:0px;
	background-color:rgba(252,228,96, 0.8);
	position:absolute;font-size: small;
}
.pinfo_link:hover {
	color:#4296d1;
	text-decoration: underline;
}

.main_wrapper > .admain { 
	display: none;
}
.shop_photo {
	display:block;
	width:370px;
	height:370px;
	background-color:#e1dfdf;
	clear:both;
}
.jssorn21 div,.jssorn21 div:hover,.jssorn21 .av {
	background:url(/shop/n21.png) no-repeat;
	overflow:hidden;
	cursor:pointer;
}
.jssorn21 div {
	background-position:-5px -5px;
}
.jssorn21 div:hover,.jssorn21 .av:hover {
	background-position:-35px -5px;
}
.jssorn21 .av {
	background-position:-65px -5px;
}
.jssorn21 .dn,.jssorn21 .dn:hover {
	background-position:-95px -5px;
}
.jssord21l,.jssord21r,.jssord21ldn,.jssord21rdn {
	position:absolute;
	cursor:pointer;
	display:block;
	background:url(/shop/d21.png) center center no-repeat;
	overflow:hidden;
}
.jssord21l {
	background-position:-3px -33px;
}
.jssord21r {
	background-position:-63px -33px;
}
.jssord21l:hover {
	background-position:-123px -33px;
}
.jssord21r:hover {
	background-position:-183px -33px;
}
.jssord21ldn {
	background-position:-243px -33px;
}
.jssord21rdn {
	background-position:-303px -33px;
}
.jssord03l, .jssord03r, .jssord03ldn, .jssord03rdn
{
	position: absolute;
	cursor: pointer;
	display: block;
	background: url(/shop/d03.png) no-repeat;
	overflow:hidden;
}
.jssord03l { 
	background-position: -3px -33px; 
}
.jssord03r { 
	background-position: -63px -33px; 
}
.jssord03l:hover { 
	background-position: -123px -33px; 
}
.jssord03r:hover { 
	background-position: -183px -33px; 
}
.jssord03ldn { 
	background-position: -243px -33px; 
}
.jssord03rdn { 
	background-position: -303px -33px; 
}
.mobile_photo_block {
	display:none;
}
.share_img {
	width:30px;
	height:30px;
}
.facebookwrapper {
	padding:10px;
	width: 550px;
	float:left;
}

.float_frame_parnet {
	margin: 10px auto;
	text-align: center;
	width: 984px;
	height:auto;
	display: inline-block;
}
.float_frame {
	height: auto;
	width: auto;
	margin: 0px auto;
	position: relative;
	display: inline-block;
	float:left;
	margin-right:10px;
}
.float_wrapper {
	text-align: left;
	display: inline-block;
	height: auto;
	background-color: white;
	float:left;	
	margin-right:10px;
}
#ad {
	border:1px solid #f6f4ec;
	margin:10px;
}
.nearest_place {
	display:inline-block;background-color:white;width:404px;min-height:200px;text-align:left;
}
.near_place_block {
	display:inline-block;width: 102px;padding:15px 0 15px 24px;height: 170px;float: left;
}
.near_place_photo_frame {
	width:100px;height:100px;margin:0 auto;border:1px solid gray
}
.near_place_photo_frame img {
	width:100px;height:100px;
}
.near_place_name, .near_user_name, .near_distance {
	width:100px;text-align:left;margin-top:5px;height:auto;max-height:40px;overflow:hidden
}
.near_place_name {
	font-weight:bold;color:#4296d1;
}
.near_user_name ,.near_distance{
	height:18px;
}
.near_distance{
	font-size:13px;font-weight:bold
}
.leftside {
	width:570px;display:inline-block;position:relative;
}
.rightside {
	width:404px;display:inline-block;position:relative;float:right
}
.second_wrapper_commentwrapper {
	width:570px;height:auto;margin:0px auto;display:inline-block;padding:0
}
.second_comment {
	width:570px;float:left;margin-bottom:10px;
}
.content_column {
	width:984px;margin:0 auto;position:relative
}
.float_wrapper_othersreview {
	margin-bottom:10px;float:none;width:570px;
}
.float_frame_near {
	margin-right: 0;margin-bottom:10px;
}
.float_wrapper_near {
	margin-right: 0;
}
.facebook_parent{
	margin-top:0;width:570px
}
.ad_wrapper {
	margin-right:0;width:404px;text-align:center;margin-bottom:10px;
}
.near_place_loadingmore {
	float:left;
	clear:both;
	color:#4296d1;
	background-color: #f8f8f8;
	width: 404px;
	margin-top:20px;
	line-height: 36px;
	text-align:center;
	height: 36px;
	cursor:pointer;
}
.desktop_map {
	width:964px;left:0
}
.mobile_photo_block {
	display:none;
}

.bookmark-btn
{
	background:none;
	border:none; 
	padding:0!important;
	cursor: pointer;
	/*ref. http://stackoverflow.com/questions/1367409/how-to-make-button-look-like-a-link */

	color: #e84534;
	font-weight: bold;
	font-size: 16px;
	font-family:"Helvetica Neue","Heiti TC","微軟正黑體",Helvetica,Arial,sans-serif;
	
	height: 25px;
	width: 20px;

	vertical-align: middle;
}
button.bookmark-btn:focus 
{
	border: none;
	outline: none;
	/*ref. http://stackoverflow.com/questions/3397113/how-to-remove-border-outline-around-text-input-boxes-chrome */
}
.bookmark-on
{
	/*background-image: url('/test/img/bookmark_add.png');*/
	background-image: url('/img/common/bookmark_64.png');
	background-size: 14px 21px;
	background-repeat: no-repeat;
	background-position: center;
}
.bookmark-off
{
	/*background-image: url('/test/img/bookmark_default.png');*/
	background-image: url('/img/common/bookmark_64_gray.png');
	background-size: 14px 21px;
	background-repeat: no-repeat;
	background-position: center;
}
.bookmark-cnt
{
	/*vertical-align: top;*/
}
.bookmark-text
{
	display: none;
}

.like-widget-frame
{
	vertical-align: middle;
}
.like-btn
{
	border:none; 
	padding:0!important;
	cursor: pointer;
	/*ref. http://stackoverflow.com/questions/1367409/how-to-make-button-look-like-a-link */

	font-weight: bold;
	font-size: 16px;
	font-family:"Helvetica Neue","Heiti TC","微軟正黑體",Helvetica,Arial,sans-serif;
	
	height: 30px;
	width: 30px;
	
	vertical-align: middle;
}
button.like-btn:focus 
{
	border: none;
	outline: none;
	/*ref. http://stackoverflow.com/questions/3397113/how-to-remove-border-outline-around-text-input-boxes-chrome */
}
.like-on
{
	background-image: url('/img/common/ic_action_favorite_red.png');
	background-size: 30px 30px;
	background-color:#fff;
}
.like-off
{
	background-image: url('/img/common/ic_action_favorite.png');
	background-size: 30px 30px;
	background-color:#ddd;
}
.like-cnt
{
	display: none;
}
.like-text
{
	display: none;
}
.like-names
{	
	vertical-align: middle;
}
.like-names a
{	
	color: #4296d1;
}
.like-ending
{
	padding-left: 5px;
	vertical-align: middle;
	color: #000;
}
.photo_style {
		float:left;border:1px solid #f1f1f1;
	}
	.review_linkify a:link, .review_linkify a:visited{
		color:#4296d1;
	}
	.mask {
		display: block;
		position: absolute;
	}
	.review_linkify {
		margin-left:12px;line-height:1.4em;min-height:0px;margin-top:10px;margin-bottom:15px;width:460px;white-space: pre; /* CSS 2.0 */white-space: pre-wrap; /* CSS 2.1 */
			white-space: pre-line; /* CSS 3.0 */
			white-space: -pre-wrap; /* Opera 4-6 */
			white-space: -o-pre-wrap; /* Opera 7 */
			white-space: -moz-pre-wrap; /* Mozilla */
			word-wrap: break-word; /* IE 5+ */
	}
	.title {
		margin-left:12px;
		margin-top:10px;
	}
	.header {
		background-color:white;
	}
	#more_and_loading {
		width: 480px;padding: 10px 15px 15px;background-color: white;margin:10px auto;border-radius:5px;
	}
	.more_text {
		display:inline-block;
	}
	#loadingmore_gif {
		display: inline-block;position: relative;top: 5px;;
	}
	.tab_wrapper {
		margin-top:15px;width:510px;display:inline-block;margin-bottom: -3px;
	}
	.tab {
		display:inline-block;
		padding:10px 20px;
		text-align:center;
		background-color:#f5f5f5;
		float:left;
		cursor:pointer;
		color:gray;
		min-width:120px;
	}
	.border_top_left_radius {
		border-top-left-radius: 3px;
	}
	.border_top_right_radius {
		border-top-right-radius: 3px;
	}
	.select{
		color:black;
		background-color:white;
	}
	.main {
		margin-top:0;
		border-radius:0px 5px 5px;
		border:1px solid #ddd;
	}
	.border_right {
		border-right: 1px solid #DDD;
	}
	.border_left {
		border-left: 1px solid #DDD;
	}
	.searchbar_block {
		margin: 25px auto 10px;
		width:510px;
		position:relative;
	}
	.ui-helper-hidden-accessible {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	.home_searchbar {
		float:left;
		width: 450px;
		height: 22px;
		margin-right: 3px;
		margin-top: -2px;
		padding: 4px;
		color: gray;
		font-size: 16px;
		display: inline-block;
	}
		.placelist_wrapper {
			cursor:pointer;
			text-align:left;
			display:inline-table;
			position:relative;
			width:auto;
			min-height:50px;
			height:auto;
			padding:5px;
			border-bottom: 1px solid #CCCCCC;
		}
		.placelist_userphotoframe {
			cursor:pointer;
			float:left;
			width:66px;
			height:66px;
			background-color:#eeeeee;
		}
		
		.placelist_userphotoframe img {
			width:66px;
			height:66px;
		}
		.placelist_content_wrapper{
			position:relative;
			float:left;
			width:405px;
			min-height:66px;
			height:auto;
			margin-left:5px;
			overflow: hidden;
			font-size:14px;
		}
		.placelist_user_name {
			float:left;
			font-size:12px;
			color: #4296d1;
		}
		.placelist_recommend {
			float: left;
		}
		.placelist_placename {
		cursor: pointer;
		font-size: 16px;
		clear: left;
		font-weight: bold;
		word-wrap: break-word;
		color: #4296d1;
		}
		.placelist_date {
			color:#999999;
			font-size:11px;
			float:left;
			margin-top:3px;
		}
		.placelist_recommend img {
			width:12px;
			height: 12px;
			margin-left: 5px;
			margin-right: 5px;
		}
		:focus {
			outline:none;
		}
		.search_results_text {
			margin:15px auto 0;
			width:510px;
			background-color:#f5f5f5;
		}
		.ch, .bh, .ah {
			vertical-align: middle;
		}
	.c-v-x {
		position: relative;
		display: -moz-inline-box;
		display: inline-block;
	}
	.c-y-i-d {
		-webkit-border-radius: 2px;
		border-radius: 2px;
		background-color: #f5f5f5;
		background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
		background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
		border: 1px solid #dcdcdc;
		color: #444;
		cursor: default;
		font-size: 11px;
		line-height: 27px;
		list-style: none;
		margin: 0 2px;
		min-width: 46px;
		outline: none;
		padding: 0 18px 0 6px;
		text-align: center;
		text-decoration: none;
	}
	.c-y-i-d-V {
		vertical-align: top;
		white-space: nowrap;
	}
	.ah {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		/*margin: 1px 10px 0 0;*/
		min-width: 145px;
		font-size:16px;
	}
	.c-y-i-d-Fa {
		border-color: #777 transparent;
		border-style: solid;
		border-width: 8px 6px 0 6px;
		height: 0;
		width: 0;
		position: absolute;
		top: 12px;
	}
	.up_narrow {
		border-width: 0 6px 8px 6px;
	}
	.c-i {
		-webkit-border-radius: 0;
		border-radius: 0;
		-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
		box-shadow: 0 2px 4px rgba(0,0,0,0.2);
		-webkit-transition: opacity .218s;
		transition: opacity .218s;
		background: #fff;
		border: 1px solid #ccc;
		border: 1px solid rgba(0,0,0,.2);
		cursor: default;
		font-size: 16px;
		margin: 0;
		outline: none;
		padding: 6px 0;
		min-width: 143px;

	}
	.c-X, .c-X-cf {
		padding: 6px 30px!important;
		border-width: 0!important;
	}
	.c-X {
		position: relative;
		color: #333;
		cursor: pointer;
		list-style: none;
		margin: 0;
		white-space: nowrap;
		
	}
	.c-X:hover{
		background-color:#eee;
	}
	.kw .c-X {
		background-position: 3px center;
		/*padding-left: 32px!important;*/
	}
	.c-Ne-C {
		background-image: url(https://ssl.gstatic.com/ui/v1/menu/checkmark.png);
		background-repeat: no-repeat;
		background-position: left center;
	}
	#category_menu {
		text-align: center;-webkit-user-select: none; visibility: visible; left: 35px; top: -5px;position: absolute;z-index: 2;
	}
	.more_btn {
		display:inline-block;cursor:pointer;border-top:1px solid #f2f2f2;padding:10px;text-align:center;width:458px;background-color:#f2f2f2;margin-top:5px;
	}
	.more_comment_btn {
		cursor:pointer;padding:10px;padding-top:0;color:#4296d1
	}
	#filter {
		margin: 5px;margin-left:0;text-align: left;position:relative;float:left;cursor: pointer;
	}
	.narrow_link_block {
		float: right;width:34px;height: 48px;cursor:pointer
	}
	.narrow_down {
		padding-left: 5px;padding-right: 10px;padding-top: 11px;margin-left:0;margin-top:0;
	}
	#search_icon {
		width:30px;cursor:pointer;top: 0px;float:left;
	}
	.tab img {
		height:24px;
	}
	#timesort, #distancesort {
		padding:15px;display:inline-block;
		border-left:1px solid #ccc;
	}
	#distancesort {
		border-right:1px solid #ccc;
	}
	.searchSort {color:#4296d1;cursor:pointer;background-color:#f5f5f5;}
	.clickthis {
		background-color:white;
	}
	#content_div {
		margin-top:64px;
	}
	.mobile_category_up_narrow {
		border-color: #777 transparent;
		border-style: solid;
		border-width: 10px 10px 0 10px;
		height: 0;
		width: 0;
		margin: 15px;
	}
	
	.margintop {
		margin-top:64px;
	}
	.share_url_input {
		width: 345px;
		padding: 4px 5px;
		margin: 2px 5px;
		margin-left: 10px;
	}
	.share_bar_wrapper {
		border-top-width: 0;
		border-bottom: 1px solid #f2f2f2;
		width:470px;
		height:38px;
	}