@charset "utf-8";
/* CSS Document */
/*
--------------------common --------------------
*/
body {
    min-width: auto;
	max-width: auto;
}
/*
--------------------Header --------------------
*/

#header {margin-bottom:44px;}
#header .container .logo{ min-width:auto;}

#header .border, #footer .container, #abic_border .abic_border_inner { width:100%; min-width:auto;}

#header .container {height: 140px;}
#header .container .logo{top:5px; }




#header .container{width:100%;}

#header .container .logo img{ width:80%; }
#header .border, #footer .container, #abic_border .abic_border_inner { width:100%; min-width:auto;}


.nav_bar .icon{ 
	min-width: 71px; 
}
.nav_bar a span{	
	min-width: 71px; 
}

.nav_bar .icon.map{margin-right:0px;}
.nav_bar .icon.cooperation{ margin-left:0px;}


/* login */
.login-wrapper-inner{ padding:0; width:80%; margin:0 auto;}
.lw-logo { float:none; padding:10% 10% 2% 10%;}
.lw-cont{     margin-left:0px;  }

/* filter */
#filter {
    width: 100%;
    margin: 0px auto;
}
#searchBar{  text-align:center;}

#filter #sortSelector input, #filter #areaSelector input, #filter #typeSelector input{ width:88px;}
.quick_map{ display:none;}

.filter-result-title{ width: 100%; text-align: center; }

/* adDiv */
#adDiv{width:auto;  height:auto; overflow:inherit; text-align:center;}
	#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: 96%;
	padding:0 ;
	margin: 10px auto 20px auto;
}
#forum_container{min-width: auto;
	width:66%;
	padding:0 ;
	margin:0 auto 20px auto; float:left; }

#posts_recommend{
	max-width:auto;
	width:94%;
	padding:1.5%;
}
#place{ float:left;width:61%; margin-bottom:0;}

/*insidebanner*/
.insidebanner{ display:block;}

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

}

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

.fullwidth, #place.fullwidth, #forum_container.fullwidth{ float:none; width:96%;}

/* News & newsGoodies & fotum & tab */

	#usual1 li, #usual2 li, #usualforum li{width:50%;text-align: center;}
	
	.tabcont .info{  padding:15px 10px 0px 10px; margin:10px 0 0px 0 ;  border-top: 1px solid #ebe5e1;}

	.forumhometab .tabcont .side_comments .comment{padding: 1%;}
	.forumhometab .tabcont .side_comments .comment.link:last-of-type{ border-bottom: 0px dotted #ccc;}

	.newsGoodies  .box_item{padding: 15px 1.0975% 15px 1.75%; border-bottom: 0px solid #ebe5e1;overflow-y:auto; width:96%; 
    min-height: 20px;
	display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
	}
	.newsGoodies  .box_item:nth-child(even){padding: 15px 1.75% 15px 1.0975%;}
	

		
		.newsGoodies  .box_item .cont{float:none;width:auto; overflow-y:auto; padding-top:0px; }

/* comment & place & tab */		


	.commentPlace  .box_item{padding: 15px 1.0975% 15px 1.75%; border-bottom: 0px solid #ebe5e1;overflow-y:auto; width:46.5%;
    min-height: 20px;
	display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline; }
	.commentPlace  .box_item:nth-child(even){padding: 15px 1.75% 15px 1.0975%;}
	
		.commentPlace  .box_item  .photo{ float:none; margin-right:0; border:2px solid #cccccc; width:100%; /*height:150px; overflow-y:hidden;*/}
		.commentPlace  .box_item  .photo img{border:0 solid #cccccc; width: 100%;/* max-height: 800px; min-height: 150px;*/}

		.commentPlace  .box_item .cont{float:none;width:auto; overflow-y:auto; padding-top:10px;}
			.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;
	
}


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

/* footer */
#footer .info .logo img{ width:200px; height:auto;}



/* close section */
#adDiv, .advcooperation, #main .post{ display:none;}

/*
內頁body.innertopL1
*/
.innertopL1 #sidepost, .innertopL0 #sidepost, .innertopL0 .header_menu_top, .google_ads_div{ display:none;}
.innertopL1 #main .post,  .innertopL1 .container #pager, .innertopL0 #main .post,  .innertopL0 .container #pager{ display:block;}
.innertopL2.showpost #main .post{ display:block;}
.innertopL2.showpost #sidepost{ display:none;}
.innertopL1.showpost #main .post.banner, .innertopL1.showpost .header_menu_l2, .innertopL2.showpost #main .post.banner, .innertopL2.showpost #sidepost, .innertopL1.showpost #sidepost{ display:none;}
#placeview_box{ width:66%;float:left;}
#sidebar{
	width: 31%;
	margin-left:0%;
	margin-right:0%;
	margin-top:0;
	float:right;
}
.placeview_main_photo {
    float: none;
    width: 100%;
}
.placeview_info {
    float: none;
    width: 100%;
}
.product_cont_sec .sub_left, .product_cont_sec .sub_right{ float:none; width:auto;}
.updatebemyself {
    margin: 0;
}
.choisephoto{margin-bottom:10px;}

#sidebar .commentPlace .box_item{width:auto;padding:0 2.5%;}
#sidebar .commentPlace .box_item .photo{ float:left; width:43%; margin-right:4%;}
#sidebar .commentPlace  .box_item  .photo img{border:0 solid #cccccc; width: 100%;}
#sidebar .commentPlace  .box_item .cont{float:left;width:51%; color:#444; line-height:1.5;}

/* Member */
.ProfileCoverBox{ width:100%; left: 0%; margin-left: 0;}
.ProfileCover{width:100%; border-left:0; border-right:0;}


.post_me{ margin-top:1%;}
.ProfileTab a{word-wrap:break-word;}

.ProfileTab li span{ display: inline-block;
    margin-left: 5px; margin-right: 5px;}

#main_static.main_static_map, .map_left, .map_filter_right{top:180px;}
.forum_box .th .filter-select{ display:block; width:50%;}
.forum_box .th  .s_title{display:none;}

#product_info{ width:61%;}
.product_cont_sec #sidebar{width:35%;}
@media (min-width: 769px) and  (max-width: 905px) {

.product_cont_sec #sidebar{width: 42%;}		  
#product_info{   width: 54%;}
		}

.product_cont_sec #usual1 li, .product_cont_sec #usual2 li{width:auto;text-align: left;}
.item_box .function {
  /*  width: 100%;
    clear: both;
    float: none;
    position: static;
    margin-bottom: 5px;
    margin-top: 5px;*/
}
.item_box .talk {
    margin-right: 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;}
		
		
/* RWD table */
	.forum_box .css-table ._th, .forum_box .css-table .td{
    display: block;
    width: 100%;}
	
	.forum_box .hide-column .large{
		display: none;
	}
	.forum_box .css-table{
		background-color: transparent;
	}
	.forum_box .css-table .thead{
		display: none;
	}
	.forum_box .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;
	}
	
	
	.forum_box .css-table .hide_td{ display:block;}
		.forum_box .css-table .hide_td a{ color:#f4817e; }		
		
/* 討論區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:100px;}

.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;
}		

#place-blogs-box, .postlist_title{ padding-left:0px;}


/* 討論區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; }