/* content */
.div_location_map{ position:relative; height:570px; }
.div_result{ float:left; position:relative; width:320px; height:100%; }
.div_try_option{ display:none; float:left; position:relative; width:610px; background-color:#fff; height:100%; }
.div_detail{ display:none; float:left; position:relative; width:610px; background-color:#fff; height:100%; }
.div_googlemap{ float:left; width:290px; height:100%; }

.btn_close_detail{ position:absolute; z-index:100; top:0px; right:0px; width:50px; height:50px; background:url('../../locations/popup_close.png') no-repeat; background-position:center; cursor:pointer; }

.div_store_result{ display:none; width:100%; height:100%; }
.div_store_result .div_store_head{ width:100%; height:70px; background-color:#68792e; color:#fff; }
.div_store_result .div_store_head.notfound{ background-color:#9f2020; }
.div_store_result .div_store_head .loc_icon{ float:left; width:60px; height:70px; background-repeat:no-repeat; background-size:60px 70px; }
.div_store_result .div_store_head .title{ font-size:28px; float:left; width:200px; height:70px; line-height:70px; text-align: left; margin-top:0px;margin-left:5px; }
.div_store_result .div_store_head .title > cufon{margin-top:-10px;}
.div_store_result .div_store_head a.btn_close_search_loc{ float:right; display:block; width:50px; height:70px; background: url('../../locations/btn_close_search_loc.png') no-repeat;background-size:contain; text-decoration: none; text-indent: -9999px;}
.div_store_result .div_store_count{ font-size:24px; width:100%; height:28px; background-color:#9f9f91; color:#545454; text-align:center; line-height:28px; }
.div_store_result .div_store_count > cufon{margin-top:-10px;}
.div_store_result .div_store_search_name{ position:relative;font-size:28px; width:100%; height:70px;  text-align:left; line-height:70px; }
.div_store_result .div_store_search_name > cufon{margin-top:-10px;}
.div_store_result .btn_other{ position:absolute; top:0;right:0; display:block; width:50px; height:70px; margin-right:10px; background-repeat: no-repeat; background-size:contain; text-decoration: none; text-indent: -9999px;}
.div_store_result .btn_other:before{clear:both;content:"";}
.div_store_result .btn_other.try_other_product{ background-image:url('../../locations/loc_try_product_th.png');}
.div_store_result .btn_other.try_other_channel{ background-image:url('../../locations/loc_try_channel_th.png');}
.div_store_result .btn_other.try_other_product.eng{ background-image:url('../../locations/loc_try_product_en.png');}
.div_store_result .btn_other.try_other_channel.eng{ background-image:url('../../locations/loc_try_channel_en.png');}
.div_store_result .div_store_search_name.product{background-color:#efede8; color:#000;}
.div_store_result .div_store_search_name.channel{background-color:#d9d6cd; color:#000;}
.div_store_result .div_store_search_name .div_image{float:left; display:block; width:68px; height:68px; margin:1px 10px 1px 2px; background-color:#fff; background-repeat:no-repeat;background-position:center;background-size: contain; }
.div_store_result .div_store_search_name .div_text{ float:left; max-width: 180px; white-space: nowrap; overflow:hidden; }
.div_store_result .div_store_search_name .div_text a{ text-decoration: none; color:#000;}
.div_store_result .div_store_list{ width:100%; height:472px; color:#545454; overflow-y: auto; }

.div_store_list .div_try_near_store{ position:relative; float:left; width:95%;padding-left:5%; height:70px; overflow: hidden;background-color:#c2c3b7; color:#000; font-size:28px; text-align:left; line-height:70px;  }
.div_store_list .div_try_near_store.eng{  line-height:28px; }
.div_store_list .div_try_near_store > cufon{margin-top:-10px;}
.div_store_list .div_try_near_store.eng > cufon{margin-top:3px;}

.div_store_list .store_list{ position:relative; float:left; width:100%; height:92px; overflow: hidden;}
.div_store_list .store_list.selected{ background-color:#e1dccc; }
.div_store_list .store_list:after{ content: " "; background-color:#dfdaca; position:absolute; bottom:0px; left:0; visibility: visible !important;display: block; width:98%; height: 1px !important;}
.div_store_list .store_list a{ position:absolute; left:0; top:0; display:block; width:100%; height:100%; }
.div_store_list .store_list .div_img{ float:left; margin:12px 6px; width:70px; height:70px; }
.div_store_list .store_list .div_img .div_table{ display: table-cell; vertical-align: middle; width:70px; height:70px; }
.div_store_list .store_list .div_img .div_table img{  width:70px; height:auto; }

.div_store_list .store_list .detail{float:left;  margin-left:0px; width:210px; height:92px; overflow:hidden; }
.div_store_list .store_list .detail .store_name{ margin-top:2px; font-size:28px; height:68px; line-height:26px; color:#343434; }
/*.div_store_list .store_list .detail .store_branch{ font-size:27px; height:29px;line-height:26px; color:#343434; }*/
.div_store_list .store_list .detail .store_address{ display:none; font-size:24px; width:160px; height:52px;line-height:26px; color:#7d7d7d; overflow:hidden;}
.div_store_list .store_list .detail .store_name > cufon{margin-top:0px;}
.div_store_list .store_list .detail .store_branch > cufon{margin-top:-7px;}
.div_store_list .store_list .detail .store_address > cufon{margin-top:-14px;}
.div_store_list .store_list .detail .store_distance{ position:absolute; text-align:right; right:4px;bottom:4px; max-width:60px; font-size:24px; height:26px;line-height:26px; color:#7d7d7d;white-space: nowrap; }

/* Try Option Page */
.div_try_option .try_option_content{ position:relative; width:100%; height:100%; }
.div_try_option .div_try_similarinsellgroup_list{background-color:#efede8; padding-left:10px;}
.div_try_option .div_try_otherinsellgroup_list{background-color:#d9d6cd;}
.div_try_option .title{float:left; width:100%; height:70px; overflow: hidden; color:#000; font-size:32px; font-weight:bold; text-align:center; line-height:30px; padding-top:5px;}
.div_try_option .product_page{ position:relative; height:100%; overflow-y: auto; }
.div_try_option .product_page .productlist_btn{ position:relative; float:left; width:124px; height:185px; margin:5px; overflow:visible; border: 1px solid #a5a4a4; }
.div_try_option .product_page .productlist_btn .special{ position:absolute; top:-10px;left:-10px; width:100%; height:100%; border: 10px solid #cdd1a3;}
.div_try_option .product_page .productlist_btn a{ position:absolute; display:block; cursor:pointer; top:0;left:0; width:100%; height:100%; text-decoration:none;}
.div_try_option .product_page .productlist_image{ position:absolute; display:block; top:0;left:0; width:100%; height:50%;
	background-repeat: no-repeat;  background-position:center; background-size: cover;}
.div_try_option .product_page .productlist_label{ position:absolute; line-height:22px; font-size:24px; top:50%; margin-left:5%; max-width:90%; overflow:hidden; }
.div_try_option .product_page .productlist_label > cufon{margin-top:-4px;}
.div_try_option .product_page .productlist_seedetail{ position:absolute; left:0; bottom:0; width:100%; height:20%; background-color:#778642; 
	display: table; text-align: center;}
.div_try_option .product_page .productlist_seedetail span{display: table-cell; vertical-align: middle; color:#fff; text-align: center; line-height: 24px; font-size:22px; font-weight:bold; }
.div_try_option .product_page .productlist_seedetail span > cufon{margin-top:-4px;}

/*  detail menu */
.div_detail .subpagedetail_div { position:relative; width:100%; background:url('../../products/bg_submenu.png') repeat-x; height:54px; }
.div_detail .subpagedetail_div p{ width:100%; text-align: center; line-height:52px; font-size:26px; color:#000;}
.div_detail .subpagedetail_div p > cufon{margin-top:-10px;}

/* distribure detail menu */
.div_detail .subpagedetail_div .row { position:relative; width:80%; margin-left:20px; margin-right:20px; height:46px; text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; }
.div_detail .subpagedetail_div .row:after {display: inline-block !important; display: -moz-inline-stack !important; content:"";width:100%; zoom: 1; *display: inline;}
.div_detail .subpagedetail_div .subpagedetail_item{ padding-left:5px; padding-right:5px; background-color:transparent; height:100%; margin: 0; cursor:pointer; border-bottom: transparent 4px solid;
				display: -moz-inline-stack !important; display: inline-block; *display: inline; zoom: 1; text-align: left; }
				
.subpagedetail_div .subpagedetail_item a > cufon{margin-top:-10px;}
.subpagedetail_div .subpagedetail_item a{ text-decoration:none; color:#000; line-height: 50px; font-size:26px; font-weight:normal; }

.subpagedetail_div .subpagedetail_item:hover{border-color:#b6d161;}
.subpagedetail_div .subpagedetail_item.focus{border-color:#b6d161;}

.subpagedetail_content{ position:relative; width:100%; height:516px; }


/* Pin Google Map InfoBox */
.location_Infobox{position:relative; width:76px; height:76px; background-color: #68792e;  }
.location_Infobox .location_content{position:relative;width:70px; height:70px; background-color: #FFFFFF; margin:3px auto; overflow:hidden;}
.location_Infobox .location_content a{display:block; width:100%; height:100%; cursor:pointer; text-decoration: none; color:#7c7c7c;  line-height:76px;}
.location_Infobox .location_content a img{width:100%; height:auto; }

/* OVERRIDE CSS TOP MENU */
.loc_search_bg{height:100% !important;}
.loc_search_div_filter{padding-left: 10px !important;padding-right: 10px !important;}
.loc_search_div_area{padding-left: 10px !important;padding-right: 10px !important;}

/* Detail Page */
.div_detail .detail_page{ position:relative; margin-top:20px; }
.div_detail .detail_page .address{ position:relative; float:left; width:380px; height :305px; }
.div_detail .detail_page .address .store_name{ font-size:36px; height:36px; line-height:36px; color:#343434; margin-left:20px; }
.div_detail .detail_page .address .store_branch{ font-size:35px; height:35px;line-height:35px; color:#343434; margin-left:20px; }
.div_detail .detail_page .address .location_label{ font-size:26px; height:26px;line-height:26px; color:#808d3b; font-weight:bold; margin-left:20px;margin-top:0px; }
.div_detail .detail_page .address .store_address{ font-size:24px; height:auto;line-height:24px; color:#7d7d7d; margin-left:20px; max-height:120px; overflow: hidden; letter-spacing:-0.2px }
.div_detail .detail_page .address .store_name > cufon{margin-top:-14px;}
.div_detail .detail_page .address .store_branch > cufon{margin-top:-14px;}
.div_detail .detail_page .address .location_label > cufon{margin-top:-14px;}
.div_detail .detail_page .address .store_address > cufon{margin-top:-14px;}

.div_detail .detail_page .address .btn_fb_share{ margin-left:20px; margin-top:10px; height:35px; }

.div_detail .detail_page .address .store_opentime_div{ position:absolute; left:20px; bottom:0px; width:318px;height:38px; border: 1px solid #dbd6c4;}
.div_detail .detail_page .address .store_status{ float:left; width:95px;height:34px; background-color:#b6d161; color:#fff;  margin:2px; font-size:22px; text-align: center; line-height:27px;}
.div_detail .detail_page .address .store_status.close{ background-color:#ab3d41;}
.div_detail .detail_page .address .store_opentime_text{ position:absolute; left:98px;top:0;  width:220px; height:38px; color:#798847; 
							font-size:22px;text-align: center; line-height:30px; font-weight:bold; overflow: hidden;}
							
.div_detail .detail_page .address .store_opentime_detail{ display:none; position:absolute; left:120px; bottom:39px; padding-left:10px; width:208px; height:218px; color:#798847; background-color:#fff; border: 1px solid #dbd6c4;
							font-size:22px;text-align: left; line-height:30px; font-weight:bold; overflow: hidden; }							


.div_detail .detail_page .picture{ position:relative; float:left; width:200px; height :305px; }
.div_detail .detail_page .picture .channel_image{ margin:0 auto; width:198px;height:88px; border: 1px solid #a5a4a4; background-size:contain; background-position:center;background-repeat:no-repeat; }
.div_detail .detail_page .picture .location_image{ margin:0 auto; width:200px;height:200px; margin-top:15px;background-size:contain; background-position:center;background-repeat:no-repeat; }

.div_detail .detail_page .open_google_map{ margin: 20px auto 20px auto; width:400px; font-size:26px; line-height:28px; height:38px; padding-top:0px; }

/* Promotion Page */
.div_detail .promotion_page{ position:relative; height:100%; overflow-x: hidden; overflow-y: auto;}
.div_detail .promotion_page .btn_fb_share{ margin-top:20px; margin-left:20px; height:22px; }
.div_detail .promotion_page .promotion_item{ position:relative; display:block; margin: 20px auto 20px auto; width:570px; height:210px; overflow:hidden;}
.div_detail .promotion_page .promotion_item img{width:100%;height:auto;}
.div_detail .promotion_page .btn_see_all_promotion{ margin: 20px auto 20px auto; width:400px; font-size:26px; line-height:28px; height:38px; padding-top:0px; }

/* Product Page */
.div_detail .product_page{ position:relative; height:100%; overflow-y: auto; }
.div_detail .product_page .productlist_btn{ position:relative; float:left; width:124px; height:185px; margin:5px; overflow:hidden; border: 1px solid #a5a4a4; }
.div_detail .product_page .productlist_btn a{ position:absolute; display:block; cursor:pointer; top:0;left:0; width:100%; height:100%; text-decoration:none;}
.div_detail .product_page .productlist_image{ position:absolute; display:block; top:0;left:0; width:100%; height:50%;
	background-repeat: no-repeat;  background-position:center; background-size: cover;}
.div_detail .product_page .productlist_label{ position:absolute; line-height:22px; font-size:24px; top:50%; margin-left:5%; max-width:90%; overflow:hidden; }
.div_detail .product_page .productlist_label > cufon{margin-top:-4px;}
.div_detail .product_page .productlist_seedetail{ position:absolute; left:0; bottom:0; width:100%; height:20%; background-color:#778642; 
	display: table; text-align: center;}
.div_detail .product_page .productlist_seedetail span{display: table-cell; vertical-align: middle; color:#fff; text-align: center; line-height: 24px; font-size:22px; font-weight:bold; }
.div_detail .product_page .productlist_seedetail span > cufon{margin-top:-4px;}

@media screen and (max-width: 480px) {
	.div_location_map{ position:relative; height:auto; }
	.div_result{ padding-top:244px; width:100%;height:auto; }
	.div_detail{ padding-top:244px; width:100%;height:auto; }
	.div_try_option{ padding-top:244px; width:100%;height:auto; }
	.div_googlemap{ position:absolute !important; left:0; top:44px; float:none; width:100%;height:200px; }
	
	.div_store_result { height:auto; }
	.div_store_result .div_store_list{ height:auto; }
	.div_store_list .store_list .detail .store_address{ width:230px; }
	.div_store_list .store_list .detail{float:left;  margin-left:0px; width:210px; height:92px; overflow:visible; }
	.btn_close_detail{top: 244px;}
	.div_result.mobile_hide{ display:none; }
	
	/* Try Option Page */
	.div_try_option .try_option_content{ height:auto; }
	.div_try_option .product_page .productlist_btn{  width:45%; height:auto; margin:2%; }
	.div_try_option .product_page .productlist_seedetail span{line-height: 30px; font-size:28px;}
	.div_try_option .product_page .productlist_seedetail span > cufon{margin-top:-12px;}

	.loc_search_div_filter{width:80%;padding-left: 10% !important;padding-right: 10% !important;}
	.loc_search_div_area{width:80%;padding-left: 10% !important;padding-right: 10% !important;}
	
	.subpagedetail_content{ height:auto; }
	/* Detail Page */
	.div_detail .detail_page .picture{ margin:20px 0 0 5%; width:90%; }
	.div_detail .detail_page .open_google_map{ width:200px; }
	
	/* Promotion Page */
	.div_detail .promotion_page .btn_see_all_promotion{ width:200px; }
	.div_detail .promotion_page .promotion_item{margin: 20px auto 20px auto; width:380px; height:140px;}
	
	/* Product Page */
	.div_detail .product_page .productlist_btn{  width:45%; height:auto; margin:2%; }
	.div_detail .product_page .productlist_seedetail span{line-height: 30px; font-size:28px;}
	.div_detail .product_page .productlist_seedetail span > cufon{margin-top:-12px;}
}