@charset "utf-8";
/* CSS Document */

/*
--------------------common --------------------
*/

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }

html{
	background: #fff; 
}
body{ min-width:auto;overflow-x: hidden; }

 .sb-slidebar, .menu-link{ display:block;}

/*
--------------------Header --------------------
*/

/* 2016-6-8
.wrap #abic_border{position: fixed; top:0; z-index:99;}
.wrap #abic_border .abic_border_inner{ background-size:100%;height:4px; }
*/
.header_top_box #abic_border .abic_border_inner{ background-size:100%;height:4px; }
#header{  background:#fff none;      height: auto; position:fixed; top:0px; margin-top:0px; z-index:99; border-bottom:1px solid #f3f3f3; 
	}
#header .logo{ position:static;  min-width: auto; font-size:2.5em; line-height:66px; height:66px; margin:0; padding-top:10px;}

#header .logo img{ height:100%; position:relative; z-index:3; top:-14px;}

#sb-site, .sb-site-container {
	background-color: #ffffff;
}

#header .container{  height: 66px;}

#header .container, #header .container .logo{width: 100%;}

.header_menu_top{ display:block; position:absolute; top:66px; z-index:1; width:100%; background-color:#fff; }
	.header_menu_top ul{ list-style-type:none;  margin:0; padding:0;}
	.header_menu_top li{ display:inline-block; width:25%; text-align:center;}
	.header_menu_top li a{ display:block; }
	
	.header_menu_l1 li a{    line-height:44px; height:44px; background-color:#e5e5e5; font-size:1em; font-weight:bolder; position:relative;}
		.header_menu_l1 li a.current{ color:#ca5077; }
		.header_menu_l1 li:first-of-type a.current::after, .header_menu_l1 li:first-of-type a.arrow::after{ 
		width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color:  transparent transparent #fff transparent;
position:absolute;
top:34px;
left:40%;
content: " ";
    
}
	ul.header_menu_l1{height:44px;}
	ul.header_menu_l2 { height:72px; padding-top:10px; padding-bottom:10px;}
	.header_menu_l2 li a{	
	line-height:1.5em;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
	border-radius: 6px;
	background:#fff;
	box-shadow: 0 0 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
	width:90%;
	margin:0 auto;
	color:#474a4f; font-size:1em; font-weight:bolder;}
	.header_menu_l2 li a:hover, .header_menu_l2 li a:hover::before, .header_menu_l2 li a.current::before, .header_menu_l2 li a.current{ color:#F4817E;}
	.header_menu_l2 li a::before{font: normal normal normal 14px/1 FontAwesome;  font-size: 1.25em; line-height:1.5em; display:block; color:#474a4f;}
	.header_menu_l2 li:nth-of-type(1) a::before{content:"\f118";  }
	.header_menu_l2 li:nth-of-type(2) a::before{content:"\f0f5";  }
	.header_menu_l2 li:nth-of-type(3) a::before{content:"\f236";  }
	.header_menu_l2 li:nth-of-type(4) a::before{content:"\f00a";  }



.quick_map{ display:none;}
/* filter */
#filter {display:none;}
#searchBar{ float:none; width:100%; text-align:center;}
#searchBar input[type=text]{ width:50%;}

#small_searchBar{ display:none; background-color:#f3f3f3; position:relative; top:0; padding:15px 0 15px 0;
	box-shadow: 0 2px 2px rgba(34,25,25,0.2);
    -moz-box-shadow: 0 2px 2px rgba(34,25,25,0.2);
    -webkit-box-shadow: 0 2px 2px rgba(34,25,25,0.2);
}
#search-toggle, #small_searchBar.active{ display:block; }

/* adDiv */
#adDiv{width:auto;  height:auto; overflow:inherit; text-align:center; margin-top:10px;}
	#adDiv img{ padding:1px; width:100%; max-width:458px; height:auto; box-sizing:border-box;}

#adDiv_l{  float:none; margin-bottom:5px; display:inline;} 
#adDiv_r{ float:none;display:inline;}
.home_swiper_banner{ display:block;}

/* main */
#main.page_minWidth, #main_static {
    min-width: auto;
    width:97%;
	padding:0 ;
	margin:0 auto;
}
#forum_container{min-width: auto;
    width: 100%;
	padding:0 ;
	margin: 10px auto 20px auto; float:none;}
#main_static{ margin: 10px auto 20px auto;}
#posts_recommend{
	max-width:auto;
	width:97%;
	padding:1.5%;
}
#placeview_box{ width:100%;float: none;}
#place{ float:none;width:100%; margin-bottom:0;}
/*insidebanner*/
.insidebanner{ display:block;}
#place iframe{ min-height:1204px;}

/* sidepost */
#sidepost {
	float:none;
	width: 100%;
	padding-left:0;
	
}

.couponexchange .titlecont .cont {line-height:1.5em;}

/* News & newsGoodies & tab */
/*
.newsGoodies .tabcont .box_item, .commentPlace .tabcont .box_item{ display:none;}
.newsGoodies .tabcont .box_item:nth-of-type(1), .newsGoodies .tabcont .box_item:nth-of-type(2), .commentPlace .tabcont .box_item:nth-of-type(1), .commentPlace .tabcont .box_item:nth-of-type(2){ display:block;}*/

	#usual1 li, #usual2 li, #usual3 li, #usualforum li{width:50%;text-align: center; }
	#usual1 li a, #usual2 li a, #usual3 li a{padding-right:10px;}
	.tabcont .info{  padding:15px 10px 0px 10px; margin:0px 0 0px 0 ;  }
	#usual3.commentmap li a{font-size:14px;}

	.newsGoodies  .box_item{padding: 15px 2%; width:100%; 	}
.forumhometab .tabcont .side_comments .comment{padding:1%; min-height:78px;}
	.forumhometab .tabcont .side_comments .comment.link:last-of-type{ border-bottom: 0px dotted #ccc;}
	.forumhometab .tabcont .info{ border-top: 1px solid #ebe5e1;}
	
		.newsGoodies  .box_item  .photo{ float:none; margin-right:0; border:2px solid #cccccc; width:100%; }
		.newsGoodies  .box_item  .photo img{border:0 solid #cccccc;}
		
		.newsGoodies  .box_item .cont{float:none;width:auto; overflow-y:auto; padding-top:10px; }

/* comment & place & tab */		

	.commentPlace  .box_item{ padding:15px 10px 0px 10px; margin:0px 0 0px 0 ; }
	
		.commentPlace  .box_item  .photo{ float:none; margin-right:0; border:2px solid #cccccc; width:100%; }
		.commentPlace  .box_item  .photo img{border:0 solid #cccccc;}		
		.commentPlace  .box_item .cont{float:none;width:auto; overflow-y:auto; padding:10px 0;}
			.commentPlace  .box_item .Portrait{ margin-top:5px;}
				.commentPlace  .box_item .Portrait_message{margin-top:5px;}
.commentPlace .box_item .photo{ margin:0;}

/* main */

#masonry_container{ padding-left:0; width: 100%;}

#main .container {
    display: block;
    margin-left: 0;
    margin-bottom: 15px;
}


.post.banner {
    width: 100%;
    height: auto;
	
}
#main .post, .container #pager{display:none;}/* 首頁隨機景點 */


.post{
width: 100%;
    margin: 0px 0 2% 0;
	left:auto;
	
}
.post.w2{
	width: 100%;
}
.post.w3{
	width: 100%;
}
.post.w4{
	width: 100%;
}


.post .message{
	font-size: 1.125em;
	line-height: 1.5em;
	padding: 5px 0px;
	margin-bottom: 0px;
}
.post div img{
    float: left;
    margin-right: 15px;
}

/* footer */
#footer_abic_border{height:4px;}
#footer_abic_border .abic_border_inner{ background-size:100%; }

#footer_abic_border .abic_border_inner{ height:4px;}
#footer .container{ height:auto; width:auto; min-width:auto; padding-bottom:20px;}

#footer .fb_like{ float:none; margin-left:0; margin-right: 0px; margin:0 auto;
	width:86%;
	height:auto;

}

#footer .info{
	text-align: center;
	margin:0 auto;
	width:100%;

}

#footer .info .logo img{ width:150px; height:auto;}

.Zebra_Tooltip{ visibility:hidden;}


#Selector, #areaSelector, #typeSelector, #sortSelector,  .nav_bar, #show_adv_search, #adDiv, .advcooperation{ display:none;}




/*
Layout
======================================
*/

.innertopL2 #sb-site.top-padding{position: relative;top:184px;/* 套 HEADER + 附近景點.搜尋景點.主題景點.我的收藏 + 親子玩樂.親子用餐.親子住宿.全部景點 */}
.innertopL1 #sb-site.top-padding{top:112px;} /* 套 HEADER + 附近景點.搜尋景點.主題景點.我的收藏 */
.innertopL0 #sb-site.top-padding{top:69px;} /* 套 HEADER  */



.menu-link::before{font: normal normal normal 14px/1 FontAwesome; content:"\f0c9";  font-size: 2em; line-height:66px; color:#99abb5;}
.menu-link {
  position: absolute;
  font-size: 1em;
  z-index:99999;

  width:66px;
  height:66px;
  top:0;


}


.menu-link:hover,
.menu-link:active , #header .user:hover, #header .user:active{
  color: #fff;
  background-color: rgba(255, 255, 255, .5);
  cursor:pointer;
}

#header .user{
position: absolute;
	right: 0px;
	top: 0px;
	width:66px;
  height:66px;
  text-align:center;
	}
#header .user::before{font: normal normal normal 14px/1 FontAwesome;content:"\f007";  font-size: 2em; line-height:66px; color:#99abb5;}
#header .user .logout, #header .user .login, #header .user .name, #header .user .icon, #adDiv, .advcooperation{ display:none;}


.sb-slidebar ul, li{ list-style-type:none; margin:0; padding:0;
}

.sb-slidebar a {
  display: block;
  padding: 1em;
  font-size:1.25em;
}

.sb-slidebar a:link,
.sb-slidebar a:visited {
  color: #fff;
}

.sb-slidebar a:hover,
.sb-slidebar a:active {
  background: #999;
}

.nav-icon {
  margin-right: 6px;
}

.sb-slidebar .user{ padding: 1em; overflow:auto;}
.sb-slidebar .user{text-align: center;min-height: 68px;}
.sb-slidebar .user a{  padding: 0;}
.sb-slidebar .user a:link,
.sb-slidebar .user a:visited {
 background:transparent;
}
.sb-slidebar .user .icon{  width:100%;}
	.sb-slidebar .user .icon img{  width: 100%; height:auot;}
.sb-slidebar .user .name{ width:87%; color:#fff; text-align:center; line-height:1.5; position:absolute; top:20px; text-shadow: 0px 1px 2px #000;
	-moz-text-shadow: 0px 1px 2px #000;
	-webkit-text-shadow: 0px 1px 2px #000;font-size:1.25rem;}
	.sb-slidebar .user .name a{ display:inline; padding-left:10px; font-size:1.25rem; }
	.sb-slidebar .user .name a:hover{color:#F4817E}


#sb-site .notes2{left: 0; 
	-moz-transition: left 300ms ease;
	-webkit-transition: left 300ms ease;
	-khtml-transition: left 300ms ease;
	transition: left 300ms ease;
}



/*
Helper Classes
-----------------------------------
*/

.hide {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.post.round_corner_5_bottomleft, .comment.round_corner_5_bottomleft, .comments.round_corner_5_bottomleft{
	-moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -khtml-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
}

.post .comment{ padding:13px 15px;}

#pager a{ padding:10px;}
#pager a.button{ display:none;}
#pager a.button:nth-of-type(2){     display: inline-block;}
#pager a.button:nth-last-of-type(2){     display: inline-block;}
/*
內頁placeviel.html
*/
.view_share_box{	display:block; }
#placeview_box .title {
    border-left: 0px solid #fff;
    padding: 0;
    margin-bottom:5px;
}
#placeviewslider{float:none; width:100%;}
.placeview_main_photo{
	float: none;
    width: 100%;
}

.placeview_info {float:none; width:100%;}
.placeview_info ul{ margin-left:0; }

#usual3 li{ width: 23.5%;  }
#usual3 li a{font-size:0.75em; padding:0 0 0 0;white-space: nowrap; 
overflow: hidden;
text-overflow: ellipsis;}
#place .comment .comment_message textarea, .post_me .comment .comment_message textarea{ width:100%;}
#usual3 #place{ width:100%;}
/*
class="wrap " 套 HEADER
class="wrap innertopL1" 套 HEADER + 附近景點.搜尋景點.主題景點.我的收藏
class="wrap innertopL2" 套 HEADER + 附近景點.搜尋景點.主題景點.我的收藏 + 親子玩樂.親子用餐.親子住宿.全部景點
*/

.innertopL1 #sidepost, .innertopL0 #sidepost, .innertopL0 .header_menu_top, #carousel, #placeview_box .tag, .viewrecommend , #sidebar, #posts_recommend, .innertopL0 .header_menu_top, .innertopL2.showpost #sidepost{ display:none;}

.innertopL1 #main .post, .innertopL1 .container #pager, .innertopL0 #main .post,  .innertopL0 .container #pager, .notes2{ display:block;}
.innertopL2.showpost #main .post, .innertopL2.showpost #pager{ display:block;}

.innertopL1.showpost #main .post.banner, .innertopL1.showpost .header_menu_l2, .innertopL2.showpost #main .post.banner{ display:none;}
/* Member */
.ProfileCoverBox{ width:100%; left: 0%; margin-left: 0;}
.ProfileCover{width:100%; border-left:0; border-right:0;}


.post_me{ margin-top:1%;}
.ProfileIntro, .ProfileInfo, .profile_me_menu .google_ads_div, .profile_me_menu #me_menu{ display:none;}

.ProfileTab li{ height:50px;}
.ProfileTab li a{white-space: nowrap; 
overflow: hidden;
text-overflow: ellipsis;  display:block;}
.ProfileTab li a{ text-decoration:none;}


.ProfilePhoto{ width: 50%;    margin-left: 0%;    margin-right: 0%;}
.chage_profile_photo{left: 10px;}


.profile_me_menu{ width:220px; float:inherit; position:absolute; }

	.ProfilePhotoBox .ProfileName{ width:60%;color:#fff;position:absolute; bottom:25%; right:-20%;  
	 text-shadow: 0px 2px #000; 
	-moz-text-shadow: 0px 2px #000;
	-webkit-text-shadow: 0px 2px #000; font-size:2em;}
	
.ProfileCover{ position:relative;}	
.ProfileTab ul{ width:100%;     margin: 0 0 0 0; position:relative;}
.profile_me_menu{    margin-top: -139px;}

.post_me h1 .gui-select{height: 35px;}
.post_me{ float:none; width:100%; margin-left:0%;}

		.item_box  .function .button_style{  display:inline-block; margin:0 0 10px auto; padding:0 10px;    line-height: 26px; width:auto; }
		.item_box  .function .ui-state-hover{display:inline-block;     line-height: 26px; padding:0 10px;width:auto;}


.me_profile_picture{ position:static; width: 132px; margin:2% auto;}
.me_profile_picture img{ width: 100%; height:auto;}
.me_profile_picture img::after{ /* 正方形等比縮放 */
		display: block;
		padding-top: 100%;
		content : '';
	}
.me_profile_form .rwd_table_form{margin-top:0px; padding:1% 2%;}

.editmodal_main .updatebemyself #listImages{ width:100%;}
.ProfileTab{ display:none;}


/* RWD form */

.rwd_table_form  > div {
    margin: 0 0 15px 0; 
  }
  .rwd_table_form  > div > label,
  .rwd_table_form legend {
	  width: 100%;
    float: none;
    margin: 0 0 5px 0;
	text-align:left;
	font-weight:bold;
  }
  .rwd_table_form  > div > div,
  .rwd_table_form  > div > fieldset > div {
    width: 100%;
    float: none;
  }
 
  input[type=text],
  input[type=num],
  input[type=email],
  input[type=url],
  input[type=password],
  textarea,
  select {
    width: 100%; 
  }
  .rwd_table_form > div.half_field > div, .minput_w2{width:100%; float:none;}
  .rwd_table_form > div.half_field{ width:100%; float:none; clear:none;}
  .rwd_table_form > div.half_field > label{ text-align:left;}
.rwd_table_form > div.half_field > div{}


.item_box .photo{width:102px; }

.item_box .photo a {
    width: 66px;
    height: 66px;
}
	
.item_box .main{margin-left:112px; margin-right: 0px; }
.item_box .function{width:100%; clear:both; float:none;  position:static; margin-bottom:5px; margin-top:5px;}
.item_box .function .button_style{ display:inline; float:right;}
.item_box .function span{ float:right; margin-right:10px;}
.item_box .main .lb_title .area{ width:auto;}



.arrowbg2{padding: 45px 0px 45px 34px;}
.fblink{ text-align:center; height: auto; width:100%;}
.fblink img{float:none;}
.fblink a{word-break: break-all; display:block; }
.fblink a span{ display:block;}


.product_cont .event_top_buy{	margin:0 auto;	}



	
@media (max-width:440px) {
.product_cont .event_top_buy{
	background:url(../images/event_top_buy-small.png) no-repeat 0px 0px;
	width:140px;
	height:52px;
	line-height:52px;}	
	.product_cont .event_top_buy::before{ margin:-5px 5px 0 10px;}
.product_cont .event_top_buy::before{background:url(../images/icon_buy.png) no-repeat 0px 0px; width:21px; height:30px; }
.product_cont .event_top_buy.disabled{background:url(../images/event_top_buy-small_disabled.png) no-repeat 0px 0px;}
.product_cont .event_top_buy.disabled::before{ background:url(../images/icon_buy_gray.png) no-repeat 0px 0px; }
}
@media (max-width:340px) {
	.product_cont .p_price, .product_cont .p_price_org, .product_cont .p_price_save, .product_cont .p_order{ position:static; width:100%;padding:0; margin:0;}
}
	.item_box .function .gui-btn-light{width: auto;
    padding: 0 15px;}

.product_cont .p_pic.round_corner_10_left {
    -moz-border-radius: 10px 10px 0px ;
    -webkit-border-radius: 10px 10px 0px 0px ;
    -khtml-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}
.editlikemodal{ top:100px;}
.editmodal{ top:100px; width:90%; margin-left:-50%; left:55%;}
.editmodal_main .columnname{ width:70%;}
.editmodal_main .minput_w1,  .updatebemyself #listImages{ width:100%;}
.choisephoto{ float:none;}
.updatebemyself{ margin:10px 0 0 0;}


#main_static.main_static_map{ position:static; margin-top:-9px;}
.map_left, .map_filter_right{ display:none;}
.map_wrapper .search_box,  .map_result .map_filter_right{ display:block;}

.map_result .map_filter_right{ border:0; position:static; width:auto;}
.forum_box .th .filter-select{ display:block; width:100%;}
.forum_box .th .btn{ float:left; }
.forum_box .th .path{ display:block;}

h1.forumtitle{ background-position:0 0; line-height:1.5}
.forumtitle .gui-select{ display:inline-block;}

.forumtitle .buttonset{ float:right;}

.forumtitle .gui-radio-two{ display:block;margin-left: 0px; clear:both; float:none;}


.forrwd{ display:block;}
.forpc{ display:none;}
/* RWD table */
	.css-table .th, .css-table .td, .css-table , .css-table .td:nth-of-type(1){
    display: block;
    width: 100%;
	}
	
	.hide-column .large{
		display: none;
	}
	.css-table{
		background-color: transparent;
	}
	.css-table .thead{
		display: none;
	}
	.css-table .tr{
		display:block;
		border:1px dotted #bbb;
		overflow-y:auto;
	-moz-border-radius: 5px;
    -webkit-border-radius :5px;
    -khtml-border-radius:5px;
    border-radius:5px;
	padding-bottom:5px;
	margin:5px 0 10px 0;
	}
	.css-table.additional{ margin-top:0;}
	.css-table.additional .tr{border:1px dotted #bbb; background-color:#f9f5d3;}
	
	.css-table .hide_td{ display:block;}
		.css-table .hide_td a{ color:#f4817e; }
	
/*  購買紀錄table */	
	.order_table .td{border-bottom: 0px dotted #bbb; line-height:1.5em;}	
	.order_table .td, .order_table .td:nth-last-of-type(3) , .order_table .td:nth-last-of-type(2), .order_table .td:nth-last-of-type(1){ width:70%;display:block; float:right; padding: 5px 7px 0px 7px;}
	.order_table .td:nth-of-type(1){ width:30%; display:block; float:left ;padding: 10px 7px 10px 7px;}
	.order_table .td:before {
    content: attr(data-title);
	width: 30%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
    color: #1a1a1a;
}

.order_table .desc, .order_table .code{ display:none;}
.order_table .td:nth-of-type(1):before, .order_table .td:nth-last-of-type(1):before{content:none; }
.order_table .td:nth-last-of-type(1){ text-align:right; }

.product_box .product_pic img{margin-bottom: 0px;}


/* 討論區table */
	.forum_box .tr, .forum_box .td{ display:block; width:auto; overflow:auto; padding-left:0; padding-right:0;}
.forum_box .thead{ display:none;}
.forum_box .td{ display:inline; float:left;}
.forum_box .td:nth-of-type(1) {width:100%; }
.forum_box .td:nth-of-type(2){ width:auto; padding-right:10px; margin-left:20px;}
.forum_box .td:nth-of-type(2):before {
	content: " ";
	background: url(../images/talk.png) 0 0  no-repeat;
	padding-right:20px;
}
.forum_box .td:nth-of-type(1){ padding:10px 0 0 0;}
.forum_box .td:nth-of-type(4):before { content: "/"; padding:0 5px;}
.forum_box .td:nth-of-type(5), .forum_box .th:nth-of-type(5){ display:none;}
.forum_box .td.first span{border-left: 10px solid #ca5078; padding-left:10px; display:block;}


.forum-item .forum_message{ margin-left:80px;}

.forum-item .forum_message .name, .forum-item .forum_message .forum_btn{ float:none; width:auto;     text-align: left; min-height:auto;}
.topicdetail .forum-item .forum_icon.mark {
    border-left: 4px solid #ca5078;
    padding-left: 5px;
}

.forum-item .link a.talk:before, .forum-item .link a.follow:before, .forum-item .link a.share:before{ font-size:1em;}
.forum-item .link{ text-align:right;}
.forum-item .link .floor{ display:block; line-height:1.9em; text-align:left;}

/* 訂購資訊table */
	.block_cont .td{border-bottom: 0px dotted #bbb; line-height:1.5em;}	
	.block_cont .td, .block_cont .td:nth-last-of-type(3) , .block_cont .td:nth-last-of-type(2), .block_cont .td:nth-last-of-type(1){ width:70%;display:block; float:right; padding: 5px 7px 0px 7px;}
	.block_cont .td:nth-of-type(1){ width:30%; display:block; float:left ;padding: 10px 7px 10px 7px;}
	.block_cont .td:before {
    content: attr(data-title);
	width:80px;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
    color: #1a1a1a;
	display:inline-block;
}


/* RWD 加購資訊table */
	 
	.block_cont .additional .td{ width:70%;}
	.block_cont .additional .td:nth-of-type(1) {width:30%; }
	.block_cont .additional .td:nth-of-type(2), .block_cont .additional .td:nth-of-type(3), .block_cont .additional .td:nth-of-type(4), .block_cont .additional .td:nth-of-type(5){ width:70%;}

.css-table .tbody, .forum_css-table .tbody{ display:block;}

.block_cont .desc, .order_table .code{ display:none;}
.block_cont .td select{ display:inline-block; width:auto;}

.block_cont .td:nth-of-type(1):before, .order_table .td:nth-last-of-type(1):before{content:none; }
.block_cont .td_right{ text-align:left;}
.forumtitle .filter-select{ display:block;  height:auto; padding:0px 20px 0px 10px;}
.memberdata .mlist input[type=text], .memberdata .mlist .intl-tel-input{ width:70%;}
.memberdata .mlist .intl-tel-input input[type=text]{width:100%;}

.memberdata .post_me_note{ padding-left:55px; }

.abic_logo-list{ text-align:center;}
.fixed_bottom{ display:block}

.memberdata .mtitle{ display:inline; padding-right:5px; width:auto;}
.memberdata .notes{ display:block; padding-left:100px; color:#A7A7A7;}

@media (max-width: 480px){
	.memberdata .mlist input[type=text], .memberdata .mlist .intl-tel-input{ width:100%;}
	.memberdata .post_me_note{ padding-left:0px; }
	.memberdata .notes{  padding-left:0px;}
}

/*
--------------------abic app download--------------------
*/
.bgd_box .nav{display:none; float:none; width:100%; }
.bgd_box .nav li{ display:inline;  }
.bgd_box .nav li::after{ content:'│'; font-size:0.5em; padding-left:5px;}
.bgd_box .nav li:nth-last-of-type(1)::after{content:' '; }

.bgd_mobile0 .app_title, .mobile0, .downloadbox, .bgd_mobile0 .exp{margin-left:0;}
.bgd_mobile0 .app_title{ margin-top:5%; padding-left: 5%; height:auto; }

.mobile0, .mobile1, .mobile2_1, .mobile2_2, .mobile3_1, .mobile3_2, .mobile4, .mobile5_1, .mobile5_2{ position:static;  width:100%; margin:3% auto; text-align:center;}

#main_static .bgd_mobile0 p.exp, #main_static .bgd_mobile1 p.exp, #main_static .bgd_mobile2 p.exp, #main_static .bgd_mobile3 p.exp, #main_static .bgd_mobile4 p.exp, #main_static .bgd_mobile5 p.exp{width:100%;  margin-left:0;}
.downloadbox {
    margin: 5% 0 0 0;
    min-height: 60px;
    width: 100%;
}
#main_static h1{padding-bottom:5px;}

.bgd_mobile1 .app_title, .bgd_mobile2 .app_title, .bgd_mobile3 .app_title, .bgd_mobile4 .app_title, .bgd_mobile5 .app_title{ width:100%; padding-left:0;padding-right:0;}
.mobile0 img, .mobile3_1 img, .mobile5_1 img{ margin:0 auto; width:auto; max-height:100%;}


#m1, #m2{min-height:auto;}
#m3, #m4{ min-height:auto;}

.aboutpic img{ float:none; max-width:100%; height:auto; display:block; margin:0 0 5px 0;}
.product_cont_sec #sidebar, #product_info{ width:100%; float:none;}
.product_cont_sec .sub_left{
	float:none;
	width:auto;
}
.product_cont_sec .sub_right{ 
	float:none;
	text-align:left;
	width:auto;
	
}
.item_box .talk{ margin-right:0;}

.notes2 .dialog_l input[type=button], .notes2 .dialog_r input[type=button]{ display:block; margin:0 auto; font-size:1rem; margin-bottom:5px;}

.adDiv_msite{ display:block;}


#place-blogs-box, .postlist_title{ padding-left:0px;}
#place-blogs-box .pb-item{ float:none; width:100%;}
#owl-demorwd .owl-item .disc{padding:1% 2% 1% 2%; width:100%; font-size:0.875em;}
#owl-demorwd .owl-item .disc .titlecont{ display:none;}
.owl-theme .owl-controls{ display:block; width:100%; visibility:hidden; height:0; padding:0; margin:0;}



.croppie-function{  top:5px; right:5px; display:inline; background-color:transparent; width:auto; z-index:2;}
.croppie-exp{ top:120px;	}
.croppie-exp::before{background:url(../images/scrollDrag.png) 0 0 no-repeat;background-size:contain; }
.croppie-Profile-function{ display:none;}
.croppie-exp span{ display:inline;}
.croppie-Profile-page-function .cr-slider{display:none;}
.croppie-exp.single{top: 360px;}

.chage_profile_photo:hover{ width:100px;}

.keyword ul{ text-align:left; margin:0 10px;}



/* 加購 */
.block_cont.product_set{border-radius: 5px;  border-bottom:1px solid #e1e1e1; margin-bottom:4px;}
.block_cont.product_set .css-table .tr{border:0; border-bottom:1px dashed #e1e1e1; border-radius: 0px;     margin: 5px 0 0px 0;}
.block_cont.product_set .css-table .tr:last-of-type{border:0; }
.block_cont.product_set .td {    border-bottom: 0px dashed #e1e1e1;}
.total_summary_info {    border-radius: 5px;}
.add_set{ font-size:0.5em; padding-left:5px;}
.add_set select{ width:auto;}


/* 討論區109/3/23 */
.forum-item .forum_message {position: relative; margin-top: 5px;}
.forum-item .forum_message .name{padding-right: 160px; }
.forum-item .forum_message .forum_btn .time{display: block; text-align: left;padding-right: 50px;  }
.forum-item .forum_message .forum_btn .link{ width: 200px; position: absolute; top: -5px; right: 	0; 
	display: inline-flex;
	flex-direction: column-reverse;
}
.forum-item .forum_message .forum_btn .link {text-align: right;}
.forum-item .forum_message .forum_btn .link .floor{margin-top: 5px;text-align: right;}

.forum-item .forum_message .message{ clear: both; }



/* login */
.login-wrapper-inner {
    padding: 0 20px;
    width: 100%;
    margin: 0 auto;
}
.login-wrapper-inner .up_main{ display: block; padding-top: 20px; }
.login-wrapper-inner .up_main .left, .login-wrapper-inner .up_main .right{ width: 100%; margin: 0; }
.login-wrapper-inner .up_main .left .logo{text-align: center;}
.login-wrapper-inner .up_main .right .form-field input{ width: 100%; }

/*
--------------------font size unity--------------------
大標 (標題)32px/2rem
中標 (次標/BTN) 20px/1.25rem
內文 16px/1rem
小標 (備註之類的) 12px / 0.75rem
*/
.bgd_mobile1 .app_title, .forumtitle .path, h1{font-size: 2rem;}

.couponexchange .title, #usual1 li a, #usual2 li a, #usual3 li a, .product_hd .p_title, .product_cont .event_top_buy, .product_cont_sec h3.sub_title, .forumtab, .forum_topic, .forum_box .forum_topic, #place .title .name, #placeview_box .title .name, .fixed_bottom .bottom_buy, .forumtitle .filter-select, .columnname, .columtitle, .post_me .gui-select, #place_photo{font-size: 1.25rem;}

.header_menu_l1 li a, .couponexchange .titlecont .cont, #place .comment, .post_me .comment, .notes2 .icon a, .post .message, .post .comment .info a, .post .message .info a, .post .distance, .notes2 .subItem, .notes2 .text {font-size: 1rem;}

.order_terms .lists_text, .product_cont .p_counter #countdown, .product_cont .p_counter .countdown, .product_cont .p_buy_num, .product_cont .p_price_org, .product_cont .p_price_save{font-size: 0.75rem;}



.lw-btn .lw-btn-login, .lw-btn .lw-btn-cancel{ display: block; margin-bottom: 10px; width: 100%; }