/* Index:
common
abic cis lin
header
footer
masonry
sidebar
sidepost
filter
home AD
page
other
login
////////////////////////
景點內頁
contact
abic app download
jquery-ui
內頁 整頁模式
好康優惠
右側更多商品列表
Event 右側框架
訂購資訊/修改確認
會員專區 購買紀錄
會員專區 profile

	新版景點列表
	me_menu
	input width
	edit dialog
最新消息 news
地圖搜尋
推薦景點
討論區
搜尋景點
////////////////////////
RWD slide menu
RWD Back To Top
RWD 會員專區menu
RWD table
	RWD 購買紀錄table
	RWD 討論區table
	RWD 訂購資訊table
GUI	
	
NEW 內文連結顏色


*/



/*
--------------------common --------------------
*/
html{
	background: #dad7d5; height: 100%; width:100%;
}
body{
	background: #F3F3F3;  min-height:100%;
}

body, td, th, input, a{
   	font-family: Helvetica, Arial, Microsoft JhengHei;
    font-size: 1em;
    color: #444;
    line-height: 1.2em;
	outline: none;
}
hr.hr-style{
	margin:2rem 0;
	border: none;
    height: 2px;
    background: #f3f3f3;
    border-radius: 2px;
}
a:hover{
	color: #F4817E;
}

ul, ol{
	margin: 10px 5px;
	padding: 0px 1em;
	list-style:  disc none outside;
}

h1{
	font-size: 2.25rem;
	line-height: 1.2em;
	color: #333;
}
#main_static h1.noicon{padding-left: 0px;}
h2{
	font-size: 1.25em;
	line-height: 1.2em;
	color: #333;
}
h2 a{
	line-height: 1em;
	color: #333;
}

img{
	border: none;vertical-align:middle
}

#main_static p img{max-width:100%; height:auto;}


.round_corner_5{
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
	border-radius: 5px;
}

.round_corner_10{
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
	border-radius: 10px;
}
.round_corner_10_left{
	-moz-border-radius: 10px 0px 0px 10px;
    -webkit-border-radius: 10px 0px 0px 10px;
    -khtml-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
}

.round_corner_10_right{
	-moz-border-radius: 0px 10px 10px 0px;
    -webkit-border-radius: 0px 10px 10px 0px;
    -khtml-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
}
.round_corner_10_bottom{
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	-khtml-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
}
.round_corner_20{
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
	border-radius: 20px;
}

.round_corner_5_left{
	-moz-border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    -khtml-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
}
.round_corner_5_right{
	-moz-border-radius: 0px 5px 5px 0px;
    -webkit-border-radius: 0px 5px 5px 0px;
    -khtml-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
}

.round_corner_5_top{
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	-khtml-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

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

.round_corner_5_bottomleft{
	-moz-border-radius: 0px 0px 0px 5px;
	-webkit-border-radius: 0px 0px 0px 5px;
	-khtml-border-radius: 0px 0px 0px 5px;
	border-radius: 0px 0px 0px 5px;
}
.round_corner_5_lefttop{
	-moz-border-radius: 5px 0px 0px 0px;
    -webkit-border-radius: 5px 0px 0px 0px;
    -khtml-border-radius: 5px 0px 0px 0px;
	border-radius: 5px 0px 0px 0px;
}

.line_bottom{ border-bottom:1px #aaa solid;}
.line_top{ border-top:1px #aaa solid;}
.line_right{ border-right:1px #aaa solid;}
.line_left{ border-left:1px #aaa solid;}

.first_letter_big:first-letter{
	font-size: 1.5em;
	font-weight: bold;
	padding-left: 0.1em;
	padding-right: 0.1em;
}

.placeholder{
  color: #aaa;
}

a.button{
	background: #FFF;
}
a.button{
	border: 1px solid #C6D6DD;
	color: #444;
	padding: 2px 10px;
	line-height: 1.3em;
	display: inline-block;
}
a.button:hover{
	background: #F3FAFE;
}
	/* color font */
	.greenfont{ color:#00A002;}
	.pinkfont{ color:#DC006B;}
	.orangefont{color:#FA8000}
		
	.scoreicon{width: 50px; float:right; text-align: center; font-size: 0.875em; color: #CA5078;}
	.noresult{padding: 140px 15px 138px 15px;  width:50%; margin:0 auto; font-size:1.25em; line-height:1.5; text-align:center; background:url(https://static-nocdn.abic.com.tw/images/icon/icon_empty.png) 50% 20px no-repeat; }
	
	/*  ui btn style */	

.abic-ui-btn{
	border: 1px solid #C6D6DD;
	background: #fff;
	text-align: center;
	font-size: 1em;
    font-weight: bold;
    height: auto;
	margin:0 5px;
	color:#444;
	padding: 5px 10px;
}
a:hover.abic-ui-btn{ background:#f3fafe; color:#444;}
.ui-btn-blue{	border: 1px solid #C6D6DD;background: #F3FAFE;}	
.abic-ui-btn.ui-large{padding: 10px 25px 10px 25px; font-size: 1.875em;}
.abic-ui-btn.disabled{background: #eee; color: #aaa; border: 1px #ddd solid;}
	

/*
--------------------page width --------------------
*/
.page_minWidth{	margin: 0px auto;}

#header .container{ width:1150px; margin: 0px auto;}

#header, #footer, .page_minWidth,  #abic_border{ width:100%; }
#main_static{
	margin: 20px auto 20px auto;
	line-height: 1.5em;
	max-width: 1130px;
}
#main_static #sidepost{ width:28%;padding:0; margin-left:1.5%; margin-bottom:2%;}


/*
--------------------login --------------------
*/

.login_bg{
	background: #d3eaf9 url(https://static-nocdn.abic.com.tw/images/header_bg.png) repeat-y center center;
}
.login_intro{
	font-size: 1.125em;
	line-height: 1.5em;
}

.login_intro .abic{
	font-size: 2.375em;
	font-weight: bold;
	line-height: 1em;
}
.login_intro .login2{
	font-size: 0.75em;
	font-weight: bold;
	line-height: 1em;
}


/* for rwd */
.login-wrapper{ background: #d3eaf9 url(https://static-nocdn.abic.com.tw/images/header_bg.png) 0 0 repeat-y ;  display: flex; justify-content: center; align-items: center;}

.login-wrapper-inner{ width:850px; max-width: 100%; }

.login-wrapper-inner .up_main{ display: flex; flex-direction: row; }
.login-wrapper-inner .up_main .left{width: calc(100% - 320px);}
.login-wrapper-inner .up_main .left .logo{margin-bottom: 20px;}
.login-wrapper-inner .up_main .left .wording p{font-size: 1.25rem; line-height: 1.5; margin:1rem 0; text-align: left; }
.login-wrapper-inner .up_main .left a{ text-decoration: none; }

.login-wrapper-inner .up_main .right{
	 margin:0 0 0 10%; padding:40px 30px 20px;
	width: 360px;
	max-width: 100%;
	border-radius: 10px;
	background-color: rgba(255,255,255,.7);
	box-shadow: 0 0 10px rgba(255,255,255,0.5)
}
.login-wrapper  h2{ font-size: 1.25rem; margin:0 0 20px 0; font-weight: bolder; text-align: center;  line-height: 1;}
.login-wrapper  p{color: #666; text-align: center; margin-bottom: 20px;}

.login-wrapper-inner .up_main .right .form-field{margin:0 0 10px 0;}
.login-wrapper-inner .up_main .right .form-field .ps{ color: #999; font-size: 0.875rem; padding:4px;  }
.login-wrapper-inner .up_main .right .form-field .btn-link{ text-align: center;   font-size: 1rem; color: #666;}
.login-wrapper-inner .up_main .right .form-field  a{ color: #1eabf9; text-align: center; margin: 0 5px; }
.login-wrapper-inner .up_main .right .form-field input{ width: calc(100% - 20px); margin: 0; height: 40px; line-height: 40px;}
.login-wrapper-inner .up_main .right .form-field .btn-login{
	background-color: #1eabf9;
	border: 1px solid #1eabf9;
	color: #fff;
	border-radius: 5px;
	height: 40px; line-height: 40px;
	width: 100%;
	cursor: pointer;
}
.login-wrapper-inner .up_main .right  .form-field.link{ 
	margin-top:20px; 
	display: flex; 
	flex-direction: row; 
	align-items: center; 
	justify-content:space-around; 
	min-height: 40px; 
	font-size: 0.875rem;
	color: #d3d3d3;
}
.login-wrapper-inner .up_main .right  .form-field.link a{font-size: 1rem; color:#666; text-decoration: none; border-bottom: 1px solid #1eabf9; }
.login-wrapper-inner .up_main .right  .form-field.link a:hover{border-bottom: 0px solid #1eabf9;}

.or{
	margin: 1.5em auto;
    height: 20px;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.or span{color: #919191; font-size: 1rem; display: inline-block; padding: 0 10px; }
.or:before, .or:after{ content: ""; display: block; height: 1px; background-color: #d3d3d3; width: calc(50% - 20px);}

.btn-foreign{
	padding:0 12px; 
	margin: 10px 0;
	text-align: center; 
	border-radius: 5px; 
	height: 40px; 
	line-height: 40px; 
}
.btn-foreign:hover, .login-wrapper-inner .up_main .right .form-field .btn-login:hover{ opacity: 0.7; cursor: pointer; }
.btn-fb{ background-color: #1877f2;border: 1px solid #1877f2;  color: #fff;}
.btn-apple{width: 100%;    height: 42px;}
.btn-apple > div{max-width: 100%!important; cursor: pointer;}
.btn-apple > div:hover{opacity: 0.7;}
.btn-foreign img{height: 18px; margin-right: 8px; vertical-align: sub;}
.btn-apple img{margin-bottom: 2px;}

.login-wrapper-inner .down_footer{ text-align: center; color: #000; margin: 50px 0 ; }
.login-wrapper-inner .down_footer a{ color: #666; font-size: 1.125rem; }
.login-wrapper-inner  a{text-decoration: underline;}
.login-wrapper-inner  a:hover{ text-decoration: none; }
/*
	.lw-logo{ margin:0 auto; text-align:center; float:left; width:350px;}
	.lw-cont{ position:relative; margin-left:350px;}
	.lw-text { padding:5% 0;}
	.lw-text p{ color:#555555; font-size:1.25em;line-height:1.4;}
	
	
	.lw-btn .lw-btn-login, .lw-btn .lw-btn-cancel{ width: 40%;    display: inline-block;    margin: 0 1%;}
	.lw-btn .lw-link{ width:100%;}
		.abic_red, .result{	color: #444444;}
		
	.lw-btn a{ font-size:1.2em;display:block;
		-moz-border-radius: 10px; 
		-webkit-border-radius: 10px;
		-khtml-border-radius: 10px;
		border-radius: 10px; 
		padding:0.5em 1em; margin:0 auto; width:100%; text-align:center; color:#fff;}	
	a.lw-btn-login.phone-bg{ background-color: #45a65c; }
	a:hover.lw-btn-login.phone-bg{ opacity: 0.8; background-color: #45a65c; }	

	a.lw-btn-login.phone-bg::before {content: "\f098";}
	a.lw-btn-login{
		background-color:#3b5998; 
		margin-bottom:10px;
	}
	a.lw-btn-login::before {
		font: normal normal normal 14px/1 FontAwesome;
		content: "\f082";
		font-size: 1.2em;
		color: #fff;
		margin-right:10px;
	}
a.lw-btn-cancel { background-color:#8d8d8d;}

a.lw-btn-login:active, a.lw-btn-login:hover{ background-color:#566d9c; color:#fff;}
a.lw-btn-cancel:active, a.lw-btn-cancel:hover{ background-color:#9b9b9b; color:#fff;}

a.lw-link{ color:#555; margin:40px 0 0 0 ; padding:0; text-decoration: underline; }
a.lw-link:active, a.lw-link:hover{color:#F4817E; text-decoration: none;}

*/


/*
--------------------abic cis line --------------------
*/

#abic_border{
	background-color: #94cee9;
	height: 2px;
	clear: both;
	background-size: 100%;
}
#abic_border .abic_border_inner{background: #94cee9 url(https://static-nocdn.abic.com.tw/images/footer_border.png) repeat-y center center; height: 2px; width:100%; background-size: contain;}

#footer_abic_border{
	background-color: #94cee9;
	height: 2px;
	clear: both;
	}
#footer_abic_border .abic_border_inner{background: #94cee9 url(https://static-nocdn.abic.com.tw/images/footer_border.png) repeat-y center center; height: 2px; width:100%;}

/*
--------------------header --------------------
*/

#header{
	position: relative;
	background: #d3eaf9 url(https://static-nocdn.abic.com.tw/images/header-ground-floor.gif) repeat-x left bottom;
	height:150px;
	margin-bottom: 11px;
}

#header .container{
	position: relative;
	height: 110px;
	background:#d3eaf9 url(https://static-nocdn.abic.com.tw/images/header_bg.png) repeat-y center center;
	width:1247px;
	margin:0 auto;
	text-align:center;
}

.nav_bar{position: absolute; left: 0;	bottom: -38px; width:100%; background:url(https://static-nocdn.abic.com.tw/images/header_bottom.png) left bottom repeat-x;}
.nav_bar ul, .nav_bar li{ list-style:none; margin:0; padding:0; text-align:center; display:inline-block;}
.nav_bar ul{ overflow:auto; display:block;}

.nav_bar .icon{ 
	min-width: 79px; 
}
.nav_bar .icon a{
	text-align:center;
	display:block;
	line-height:38px;
}
.nav_bar a span{
	background: url(https://static-nocdn.abic.com.tw/images/header_icon_home.png) no-repeat center top;
	display:block;
	min-width: 79px; 
	height:53px;
	margin:0 auto;
}
.nav_bar .icon.buy a span{background-image: url(https://static-nocdn.abic.com.tw/images/header_icon_buy.png);}
.nav_bar .icon.newsinfo  a span{background-image: url(https://static-nocdn.abic.com.tw/images/header_icon_newsinfo.png);}
.nav_bar .icon.comments  a span{background-image: url(https://static-nocdn.abic.com.tw/images/header_icon_comments.png);}
.nav_bar .icon.map  a span{background-image: url(https://static-nocdn.abic.com.tw/images/header_icon_map.png);}

.nav_bar .icon.cooperation a span{background-image: url(https://static-nocdn.abic.com.tw/images/header_icon_cooperation.png);}
.nav_bar .icon.placeadd  a span{background-image: url(https://static-nocdn.abic.com.tw/images/header_icon_placeadd.png);}
.nav_bar .icon.profile  a span{background-image: url(https://static-nocdn.abic.com.tw/images/header_icon_profile.png);}
.nav_bar .icon.contactus  a span{background-image: url(https://static-nocdn.abic.com.tw/images/header_icon_contactus.png);}
.nav_bar .icon.app  a span{background-image: url(https://static-nocdn.abic.com.tw/images/header_icon_app.png) ;}
.nav_bar .icon.forum  a span{background-image: url(https://static-nocdn.abic.com.tw/images/header_icon_forum.png) ;}

.nav_bar .icon a:hover span, .nav_bar .icon a.active span{background-position: center -53px;}

.nav_bar .icon.map{margin-right:10%;}
.nav_bar .icon.cooperation{ margin-left:10%}

#header .comment_icon{
	position: absolute;
	top: -29px;
	right: 35px;
	background-image: url(https://static-nocdn.abic.com.tw/images/icon/comment_top.png);
	width: 67px;
	height: 55px;
	z-index: 10;
	cursor: pointer;
}
#header .comment_icon .text{
	position: absolute;
	bottom: 5px;
	left: -4.5em;
	display: none;
	padding: 5px;
}
#header .logo{
	position: absolute;
	text-align: center;
	top: 20px;
	left:50%;
	z-index:2;
	width:258px;
	margin-left:-129px;
}
#header .user{
	position: absolute;
	right: 10px;
	top: 5px;
	width: 330px;
	text-align: right;
}
#header .user .icon{
	float: right;
}
#header .user .icon img{ width:35px; height:35px;}
#header .user .name a{
	float: right;
	line-height: 35px;
	margin-left:10px;
	font-size: 1.5em;
}
#header .user .logout{
	float: right;
	line-height: 35px;
	margin-left:10px;
}
#header .user .login{
	float: right;
	margin-left:10px;
}

/*
--------------------footer --------------------
*/

#footer{
	background-image: url(https://static-nocdn.abic.com.tw/images/footer_bg.png);
}
#footer .container{
	padding-top: 20px;
	padding-bottom:50px;
	background-image: url(https://static-nocdn.abic.com.tw/images/footer_bg.png);
	max-width: 1200px;
	margin: 0px auto;
	overflow:auto;
}
#footer .info{
	text-align: center;
	float:left;
	width:47%;

}
	#footer .info .logo{
		margin-top: 30px;
	}
	#footer .info .link{
		margin-top: 20px;
	}
	#footer .info .legal{
		margin-top: 10px;
	}
	#footer .info .legal a{
		font-size: 0.625em;
	}
	#footer .info .link a:hover{
		color: inherit;
		border-bottom: 2px solid #ca5078;
	}

#footer .fb_like::before{content: " "; background:url(https://static-nocdn.abic.com.tw/images/fb_like_plugin_tag.png) 0 0 no-repeat;  position: absolute; width: 26px; height:97px; left:-26px; top:11px;}
#footer .fb_like{
	float: right;
	width: 50%;
	margin-right:2%;
	
	background-color:rgba(255, 255, 2550, .6) ;
	border:3px solid ;
	border-color:rgba(255, 255, 255, 0.2) ;
	position:relative;
	
	
}
#footer .fb_like iframe{ min-width:98%; max-width:98%; margin:1%; padding:0 0 0 0; border:0; height:auto; }

	#footer .fb_like_box{
		margin-top: 8px;
		margin-left: 32px;
	}


/*
--------------------masonry --------------------
*/

.home_swiper_banner{ display:none;}


#main.page_minWidth{
	margin: 0 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	width:100%;	
}

#sidepost{ /* fixed width ；只有首頁固定寬，內頁都是% */
	width:320px;
	float:left;
	padding: 0 0px 10px 15px; 
}
#main .container{ display:block; margin-left:335px; margin-bottom:15px; } /* Flexbox */

#masonry_container{ padding: 0 0px 10px 15px; }

#posts_recommend{
	position: relative;
	background: #fff;
    margin: 30px auto 0 auto;
	max-width:1090px;
	padding: 20px 20px 10px 20px;
}

#posts_recommend.homeposition{
   margin: 30px 15px 30px 15px;
   width:auto;
}
#posts_recommend.homeposition .info{margin-right:10px; padding-bottom:10px;}


#posts_recommend .recommend_title{
	position: absolute;
	top: -25px;
	background-color: #FBF1A2;
	width: 100px;
	text-align: center;
	line-height: 25px;
}
#posts_recommend .info{margin-right:10px;margin-top:5px;text-align:right;}

.post{
    position: relative;
    float:left;
    width: 230px;
    margin: 0px 0 15px 0px;
    background-color: white;
    box-shadow: 0 1px 3px rgba(34,25,25,0.4);
    -moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
    -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
}
	.post.noplaces_box{
	width: 100%; background-color:transparent;
	
	 box-shadow: 0 0px 0px rgba(34,25,25,0);
    -moz-box-shadow:0 0px 0px rgba(34,25,25,0);
    -webkit-box-shadow: 0 0px 0px rgba(34,25,25,0);}
	.post.noplaces_box:hover{
	border-right: 0px solid #999;
	border-bottom: 0px solid #999;
	
}

.post.dummy{
	opacity:0.2;-moz-opacity:0.2;-khtml-opacity:0.2; filter:alpha(opacity=20);
}
.post.dummy.bg{
	background: url(https://static-nocdn.abic.com.tw/images/post_watermark.png) no-repeat center center;
}
.post:hover{
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	
}
.post.news:hover{
	border: inherit;

}


.post.w2{
	width: 475px; /* 230*2+15 */
}
.post.w3{
	width: 720px; /* 230*3+15-2 */
}
.post.w4{/* .post.w4{ display:none;}   不能使用W4， 不然會造成首頁破版 */
	width: 965px; /* 230*4+15*3 */
}
.post.w2 .left, .post.w3 .left, .post.w4 .left{
	float: left;
	margin-right: 15px;
}

.post .area{
	background: url(https://static-nocdn.abic.com.tw/images/area_bg.png) no-repeat center center;
    position: absolute;
    top: 0px;
    right: 8px;
    width: 67px;
    height: 26px;
    text-align: center;
}
.post .area a{
	color: #fff;
	line-height: 25px;

}
.post.w2 .area, .post.w3 .area, .post.w4 .area{
	position:static;
	background: #f4817e;
	padding: 4px 18px;
	margin-left: 7px;
	white-space: nowrap;
}
.post.w2 .title .area a, .post.w3 .title .area a, .post.w4 .title .area a{ font-size:1em;}


.post .main{
    padding: 15px 15px 0;
}
.post.w3 .main, .post.w3 .main, .post.w4 .main, .post.news .main{
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 1.6em;
}
.post.news .result{
	font-size: 1.125em;
	font-weight: bold;
	color:#444
}
.post.news .clear{
	margin-top: 5px;
	text-align: center;
}
.post .thumb{
    width: 200px;
	margin-bottom: 10px;
}
.post .title{
    padding: 5px 0px;
	margin-top: 10px;
    color: #333;
	font-weight: bold;
}
.post .title a{
	font-size: 1.25em;
	line-height: 1.4em;
}
.post.w2 .title, .post.w3 .title, .post.w4 .title, .post.w2:hover .title{
	background-color: #f0f0f0;
    border: none;
	border-left: 10px solid #ca5078;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 4px 15px;
}
.post.w4 .title a, .post.w3 .title a, .post.w2 .title a{
	font-size: 2em;
	line-height: 1.2em;
}
.post.news .title, .post.news:hover .title{
	background-color: #fbf1a2;
    border: none;
	font-size: 1.25em;
	text-align:center;
	line-height: 1.6em;
	padding: 0px 15px;
	margin: 0px;
}
.post.news .title.sub{
	position: relative;
	border-top: 1px dotted #CCC;
    background: #EEE;
	font-size: 0.875em;	
	margin-top:15px;
}
.post.news .title.sub .comment_icon{
	position: absolute;
	top: -24px;
	right: 43px;
	background-image:url(https://static-nocdn.abic.com.tw/images/icon/comment_s.png);
	width: 38px;
	height: 38px;
}
.post .message{
	font-size: 1em;
	line-height:1.5;
	margin-bottom: 10px;
}

.post .user_recommend{
	margin-bottom: 5px;
}
.post.w2 .message, .post.w3 .message, .post.w4 .message{
	font-size: 1em;
	line-height: 1.5em;
	padding: 5px 0px;
	margin-bottom: 0px;
}
.post.w2 .message .info, .post.w3 .message .info, .post.w4 .message .info{
	text-align: right;
	margin-bottom: 5px;
	margin-right: 10px;
}
.post .address{
    font-size: 0.75em;
	margin: 10px 0px;
}
.post .address img{
	float: left;
	margin-top:4px;
}
.post .address .text{
	margin-left: 19px;
	width:190px;
}
.post.w2 .address, .post.w3 .address, .post.w4 .address{
	margin: 5px 0px;
}
.post .comments{
    background-color: #fafafa;
	clear: both;
}
.post .comment{
    clear: both;
    font-size: 0.875em;
    padding: 5px 15px;
    border-top: 1px dotted #ccc;
}
#place .comment .more a.button{padding:4px 10px 3px;font-size: 0.875em;}
.post .comment.link:hover{
    background-color: #f3f3f3;
	cursor: pointer;
}
.post .comment .place{
    font-weight:bold;
}
.post .comment .comment_icon{
    float:left;
    margin-right: 5px;
    border: 2px solid #ccc;
}
.post .comment .comment_message{
    margin-left: 35px;
    word-break: break-all;
}
.post.w2 .comment .comment_message, .post.w3 .comment .comment_message, .post.w4 .comment .comment_message{
	margin-left: 40px;
	word-break: normal;
}
.post .comment .comment_name{
    font-weight: bold;
    font-size: 0.75em;
}
.post .comment .info, .post .message .info{
	font-size: 0.875em;
	color: #999;
}
.post .comment .info a, .post .message .info a{
    float: right;
	font-size: 1em;
}
.post .comment .info a img, .post .message .info a img{
	display:none;
	margin-right:3px;
}
.post:hover .comment .info a img, .post:hover .message .info a img{
	display: block;
}
.post .comment .info img, .post .comment .info span, .post .message .info img, .post .message .info span{
    float: left;
}
.post .comment .info span, .post .message .info span{
    margin: 0px 10px 0px 3px;
}
.post .comment .comment_createtime{
    
}
.post.banner{
		width: 720px; height: 315px;
}

.post .distance{ color:#999999; padding:0 5px; position:absolute; right:75px; top:5px; font-size:0.875em;}
	.post .distance:before{ display:inline-block; content: "\f124";font: normal normal normal 1em FontAwesome; width:15px; height:15px;}

	.post.w2 .distance, .post.w3 .distance, .post.w4 .distance{	position:static;}
/*
--------------------sidebar --------------------inner right gray 
*/
#sidebar{
	width: 27%;
	float: right;
	padding:1%;
	margin-bottom:1.5%;
	background-color:#e9e9e9;
	word-break: break-all;
	
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
	border-radius: 10px;
}
#sidebar .fb_share{
	text-align: right;
	margin-bottom: 10px;
}
#sidebar .dashboard{
	background: #FAFAFA;
	margin-top: 5px;
	padding: 5px 0px;
}
#sidebar .dashboard .number{
	text-align: center;
	font-size: 2.5em;
	line-height: 60px;
}
#sidebar .dashboard .desc{
	
	text-align: center;
	line-height: 1.5em;
}
#sidebar .dashboard .likes, #sidebar .dashboard .comments{
	float:left;
	border-right: 1px solid #ddd;
	width: 34%;
}
#sidebar .item{
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 1.25em;
	line-height: 1.4em;
	border-bottom: 1px solid #ddd;
}
#sidebar .notes{
	padding: 0 10px;
}
#sidebar .notes .icon{
	position: relative;
}
#sidebar .notes .icon a{
	float: left;
	width: 33%;
}
#sidebar .notes .icon .indicator{
	position: absolute;
	bottom: -16px;
	left: 0;
	background:url(https://static-nocdn.abic.com.tw/images/ui/indicator.png);
	width: 22px;
	height: 12px;
	margin-left:5px;
}
#sidebar .notes .texts{
	position: relative;
	margin-top: 20px;
}
#sidebar .notes .text{
	background: #FAFAFA;
	padding: 10px;
	font-size: 0.875em;
}
#sidebar .notes .dialog_l, #sidebar .notes .dialog_r{
	display: none;
}
#sidebar .notes .dialog_3 .score{
	margin-bottom: 10px;
}
#sidebar .notes .dialog_3 .score img{ display:block; margin: 0 auto;}
#sidebar .notes .dialog_3 .score a{
	display: block;
	float: left;
	width: 20%;
	text-align: center;
	font-size: 0.75em;
}
#sidebar .notes .dialog_3 .score a.active{
	color: #CA5078;
}
	/*notes2*/
	.bottomfixed{ bottom:66px;}
	.bottomfixed .cd-top{ bottom:80px;}
	
	.notes2{
		display:none;
	position:fixed; left:0; bottom:0; width:100%; z-index:1001;
	
	}

	.notes2 #abic_border{ position:relative; top:0; z-index:1000; }
	.notes2 #abic_border .abic_border_inner{ background-size:100%;}
	
	
	.notes2 .icon{
		 background:url(https://static-nocdn.abic.com.tw/images/footer_bg.png) repeat ;
		position: relative;
		padding:5px;
		height:66px;
	}
	.notes2 .icon a{
		float: left;
		width: 20%;
		font-size:0.85em;
		text-align:center;	
		height:58px;
		
	white-space: nowrap;
    overflow: hidden;
    -moz-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-khtml-text-overflow: ellipsis;
text-overflow: ellipsis;
	}
	.notes2 .icon a img{ display:block; height:60%; margin:0 auto 4px auto; }
	.notes2 .icon .indicator{
		
		position: absolute;
		top: -18px;
		left: 8.3333%;
		background:url(https://static-nocdn.abic.com.tw/images/ui/indicator.png);
		width: 22px;
		height: 12px;
		margin-left:-11px;
	}
	.notes2 .texts{
		position: relative;
		margin-top: 20px;
		margin:0 1.5% 4px 1.5%;
	
	box-shadow: 0 0 4px rgba(255,255,255,1);
    -moz-box-shadow: 0 0 4px rgba(255,255,255,1);
    -webkit-box-shadow: 0 0 4px rgba(255,255,255,1);
	}
	.notes2 .text{
		background: #dbd7d6;
		padding:3% 3% 20px 3%;
		font-size: 0.875em;
	}
	.notes2 .dialog_l, .notes2 .dialog_r{
		display: none;
	}
	.notes2 .dialog_3 .score{
		margin-bottom: 10px;
		text-align:center;
	}
	.notes2 .dialog_3 .score img{ display:block; margin:0 auto 5px auto;}
	.notes2 .dialog_3 .score a{
		display: block;
		float: left;
		width: 20%;
		text-align: center;
		font-size: 0.75em;
	}
	.notes2 .dialog_3 .score a.active{
		color: #CA5078;
	}


#sidebar .subItem{
	border-bottom: 1px dotted #CCC;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.notes2 .subItem{
	border-bottom: 1px dotted #999;
	padding-bottom: 10px;
	margin-bottom: 10px;
}


#sidebar .address{
}
#sidebar .address img{
	float: left;
	margin-top: 1px;
}
#sidebar .address .text{
	margin-left: 19px;
}
#sidebar .links{
	position: relative;
	clear: both;
	padding-top: 10px;margin:0 10px;
}
#sidebar #place-blogs-box{ padding:0;}
#sidebar #place-blogs-box .pb-item{ float:none; width:auto; position:relative;}

#sidebar .abicLike, #sidebar .abicUnlike{
	text-align: center;
}
.itemoption { float:right;}
.itemoption  select{  font-size:0.7em; }
#other_product_lists.remind .list_hd{
	font-size:1.25em; 
	font-weight:bolder;
	line-height:1.5em; 
	color:#ff4d6d;
	border-bottom: 2px solid #ff4d6d;
	margin:0px 0px 10px 0px;
}
#other_product_lists.remind li{ margin-bottom:10px;}

.forum-comment-box{
	background-color: #ffffff;
    border: 1px solid #ebe5e1;
    clear: both;
    padding: 10px; 
}
.forum-comment-box .title, .forum-newarticle-box .title{
    background: url(https://static-nocdn.abic.com.tw/images/icon/icon_forum_s.png) 0 0 no-repeat;
    line-height: 30px;
    font-size: 16px;
    margin: 0;
    border-bottom: 1px solid #aa0000;
    padding: 0 0 10px 40px; margin-bottom:5px;
}

.forum-newarticle-box{ 
	background-color: #ffffff;
    border: 1px solid #ebe5e1;
    clear: both;
    padding: 10px;
	margin-top:15px;
}

.forum-newarticle-box .comment_message .ftitle{ color:#000; overflow: hidden;    -moz-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-khtml-text-overflow: ellipsis;
text-overflow: ellipsis; width:100%;white-space:nowrap;}
.forum-newarticle-box .comment_message .fcontent{ color:#444;overflow: hidden;    -moz-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-khtml-text-overflow: ellipsis;
text-overflow: ellipsis;width:100%; white-space:nowrap;}


/*
--------------------sidepost 內頁左側欄位--------------------
*/
#sidepost:hover{
	border-right:0px solid #999;
	border-bottom:0px solid #999;	
}

	/* coupon */
	.couponexchange{		
		background-color: #ffffff;
		border:1px solid #ebe5e1;
		clear: both;
		padding:10px;
		
	}
	.couponexchange .title{ background: url(https://static-nocdn.abic.com.tw/images/icon/icon_s.png) 0 0 no-repeat; line-height:30px; font-size:1.25em;  margin:0; border-bottom:1px solid #aa0000; padding:0 0 5px 40px;}
	.couponexchange .titlecont{ padding:10px; overflow-y:auto; line-height:26px;}
		.couponexchange .titlecont .photo{ float:left; width:33%; margin-right:4%;}
		.couponexchange .titlecont .photo img{border:2px solid #cccccc; width:100%}
		.couponexchange .titlecont .cont{float:left;width:63%; color:#444; line-height:1.5;}
			.couponexchange .titlecont .date{ font-weight:bolder; color:#000;}
	
	/* News & newsGoodies & tab */
	#usual1 ul, #usual2 ul, #usualforum ul{overflow-y:auto;  margin:15px 0 0 0; padding:0;  margin-bottom:-2px;}
	#usual1 li, #usual2 li, #usualforum li{list-style:none; float:left; }
	#usual1 li a, #usual2 li a, #usualforum li a{   border:1px solid #e1e1e1; padding:0 20px 0 5px; background:url(https://static-nocdn.abic.com.tw/images/tab_bg.jpg) 0 0 repeat-x;  display:block ;height:43px; line-height:43px; font-size:1.25em; }
	#usual1 li a:hover, #usual2 li a:hover, #usualforum li a:hover{background-image:url(https://static-nocdn.abic.com.tw/images/tab_bg_current.jpg); border:1px solid #d3d3d3;  }
	#usual1 li a.selected, #usual2 li a.selected, #usualforum li a.selected{background-image:url(https://static-nocdn.abic.com.tw/images/tab_bg_current.jpg); border:1px solid #d3d3d3; border-bottom:1px solid #fff; height:44px; line-height:44px;}
	#usual1 .tabcont, #usual2 .tabcont, #usualforum .tabcont{ clear:both; padding:10px 0 ; border:1px solid #ebe5e1;  border-top:1px solid #d3d3d3; background-color:#fff; }
	#usual1 li a .icon, #usual2 li a .icon, #usualforum li a .icon{display:inline-block; width:35px; line-height:30px;}

	
	.tabcont .info{ text-align: right; padding:5px 0; margin:0 10px; font-size:0.875em;}
	.tabcont .info a img{display:none; }
	.tabcont .info a:hover img{display:inline-block; margin-top:-1px;}
	
	.forumhometab li a .icon.forum{background: url(https://static-nocdn.abic.com.tw/images/icon/icon_forum_s.png) 0 0 no-repeat; }
	.forumhometab .tabcont .side_comments .comment{ padding-left:10px; padding-right:10px; min-height:68px;}
	.forumhometab .tabcont .side_comments .comment.link:last-of-type{ border-bottom: 1px dotted #ccc;}
	
	.newsGoodies{}
		.newsGoodies li a .icon.news{background: url(https://static-nocdn.abic.com.tw/images/icon/icon_news_m.png) 0 0 no-repeat; }
		.newsGoodies li a .icon.goodies{background: url(https://static-nocdn.abic.com.tw/images/icon/icon_s.png) 0 0 no-repeat; }
	
	.newsGoodies  .box_item{padding: 15px 2.5%; border-bottom: 1px solid #ebe5e1;overflow-y:auto; }
		.newsGoodies  .box_item  .photo{ float:left; width:43%; margin-right:4%;}
		.newsGoodies  .box_item  .photo img{border:2px solid #cccccc; width:100%;}
		
		.newsGoodies  .box_item .cont{float:left;width:53%; color:#444; line-height:1.5;}

			.newsGoodies  .box_item .date, #placeview_box .newsGoodies  .box_item .date{ font-weight:bolder; color:#000; text-align:left; font-size:1em;}


	/* cooperation */		
	.advcooperation{
		background-color: #ffffff;
		border:1px solid #ebe5e1;
		clear: both;
		padding:10px;
		margin-top:15px
		
	}	
	.advcooperation .title{ font-size:1.25em;  margin:0; border-bottom:1px solid #aa0000; }
	.advcooperation .title a{ display:block;  background: url(https://static-nocdn.abic.com.tw/images/icon/icon_cooperation_s.png) 0 0 no-repeat;line-height:30px; padding:0 0 5px 40px; }
	.advcooperation .titlecont{ padding:10px; overflow-y:auto; line-height:26px; text-align:center;}
		.advcooperation .titlecont img{}
	
	
	#sidebar .advcooperation .titlecont{ padding:10px 0; }
	/* comment & place & tab */				
.commentPlace{}
		.commentPlace li a .icon.comments{background: url(https://static-nocdn.abic.com.tw/images/icon/icon_comment_s.png) 0 0 no-repeat; }
		.commentPlace li a .icon.place{background: url(https://static-nocdn.abic.com.tw/images/icon/icon_place_s.png) 0 0 no-repeat; }
	
	.commentPlace  .box_item{padding: 15px 2.5%; border-bottom: 1px solid #ebe5e1;overflow-y:auto; }
		.commentPlace  .box_item  .photo{float:left; width:43%; margin-right:4%;}
		.commentPlace  .box_item  .photo img{border:2px solid #cccccc; width:100%;}
		
		.commentPlace  .box_item .cont{float:left;width:53%; color:#444; line-height:1.5;}
			.commentPlace  .box_item .area{
					background:#f4817e url(https://static-nocdn.abic.com.tw/images/aarea_bg.png) no-repeat center center;
					position:static;
					top: 0px;
					right: 8px;
					width: 67px;
					height: 25px;
					text-align: center;
					white-space: nowrap;
					margin-bottom:5px;
				}
			.commentPlace  .box_item .area a{ color: #fff;line-height: 25px;  }
			.commentPlace  .box_item .date{ font-weight:bolder; color:#000;}
			.commentPlace  .box_item .Portrait{ font-weight:bolder; color:#000; float:left;    margin-right: 5px;    border: 2px solid #ccc;}
			.commentPlace  .box_item .Portrait a{ display:block; height:25px;}
			.commentPlace  .box_item .Portrait_message{  word-break: break-all; margin-left:35px;}
		.commentPlace  .box_item  .comments{			background-color: #fafafa;	clear: both;	margin:0 10px;		}
		.commentPlace  .box_item  .comment{
			clear: both;
			font-size: 0.875em;

			}	
		.commentPlace  .box_item  .comments .info{font-size: 0.75em;color: #999;}
			
.placeview_info {float:right; width:42%;}
.placeview_info ul, .placeview_info li{ list-style-type:none; }
.placeview_info li{ margin-bottom:10px; color:#333;}
.placeview_info li b{ color:#000;}
.placeview_info .link{ text-align:right; }
.placeview_info .link a{ display:inline-block; width:30px; height:30px;  padding-top:35px; color:#000; font-size:0.75em; text-align:center; margin-left:10px;}
.placeview_info .link a.disable{color:#767676;}
.placeview_info .link a.price{ background:url(https://static-nocdn.abic.com.tw/images/icon/icon_price.png) 0 0 no-repeat;}
	.placeview_info .link a.price.disable{ background:url(https://static-nocdn.abic.com.tw/images/icon/icon_price_disable.png) 0 0 no-repeat; }
.placeview_info .link a.fb{background:url(https://static-nocdn.abic.com.tw/images/icon/icon_fb.png) 0 0 no-repeat;}
	.placeview_info .link a.fb.disable{background:url(https://static-nocdn.abic.com.tw/images/icon/icon_fb_disable.png) 0 0 no-repeat;}
.placeview_info .link a.web{background:url(https://static-nocdn.abic.com.tw/images/icon/icon_web.png) 0 0 no-repeat;}
	.placeview_info .link a.web.disable{background:url(https://static-nocdn.abic.com.tw/images/icon/icon_web_disable.png) 0 0 no-repeat;}


.placeview_main .tag{ position:relative; top:20px; }
.placeview_main .tag a{margin-botom:5px;}
.placeview_main .message{position:relative; top:30px; padding-bottom: 15px;}

.viewtab{margin-bottom:15px; overflow: auto;}

.viewtab #place .comments{
	clear: both;
	margin-top:0px;
}	
	#usual3 ul{overflow-y:auto;  margin:15px 0 0 0; padding:0; position: relative; }
	#usual3 li{list-style:none; float:left; margin-right:3px;}
	 	#usual3 li a{  padding:0 20px 0 10px; background:#fff none;  display:block ;  font-size:1em; 
	-moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -khtml-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0; border-bottom:3px solid #f4f4f5; }
		#usual3 li a:hover{background:#fff none;   }
		#usual3 li a.selected{background:#fff none; font-weight:bold; border-bottom:3px solid #fff; }
	#usual3 .tabcont{ clear:both; padding:10px 0 ; background-color:#fff;  
	-moz-border-radius: 0 10px  10px  10px;
    -webkit-border-radius:0 10px  10px  10px;
    -khtml-border-radius: 0 10px  10px  10px;
	border-radius: 0 10px  10px  10px ;
	}
	#usual1 li a .icon, #usual2 li a .icon, #usual3 li a .icon{display:inline-block; width:35px; line-height:30px;}
		
		
	#usual3 .tabcont{ padding:4.5% 3%; border:0;}
		
		#usual3.commentmap li a .icon{width: 15px; line-height: 30px;}
		.commentmap li a.selected .icon{background: url(https://static-nocdn.abic.com.tw/images/viewtab_icon.png) 0 50% no-repeat;}
		
		
		#usual3.commentmap li a {  background-position:bottom left; height: 34px; line-height: 34px; }
			.coordinate{ float:right; line-height:30px; font-size:0.87em;}
			
#usual3 #place{ width:94%;}
			

/*
--------------------filter --------------------
*/

#filter{
	min-height: 38px;
	font-size:0.875em;
	text-align:center;
}
#filter .active{
	width: 120px;
}
#filter .popup{
	position: absolute;
	display: none;
	top: 35px;
	left: 0px;
	z-index: 1000;
	background: #eee;
	width: 385px;
	padding: 5px 0 10px 15px;
	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
    -moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
    -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-khtml--box-shadow: 0 1px 3px rgba(34,25,25,0.4);
}
#filter .popup .col{
    float: left;
    margin-right: 10px;
}
#filter .popup .col input{
    float: left;
    margin-right: 10px;
}
#filter .popup label{
	margin-top: 5px;
}
#filter .popup .all{
	text-align: center;
	margin-top: 10px;
	margin-right: 15px;
	padding-top: 10px;
	border-top: 1px solid #C6D6DD;
}
#filter .popup .tri{
	background-image: url(https://static-nocdn.abic.com.tw/images/areaSelector_tri.png);
	position: absolute;
	top: -7px;
	left: 102px;
	width: 13px;
	height: 7px;
}
#filter .popup .close{
	background-image: url(https://static-nocdn.abic.com.tw/images/areaSelector_close.png);
	position: absolute;
	right: 7px;
	bottom: 7px;
	cursor: pointer;
	height:19px;
}

#filter .filter_option{
	position: relative;
	display:inline-block;
	margin-right: 8px;
	margin-bottom: 10px;
}

#filter .filter_option.first{

}

#areaSelector{
	position: relative;
	margin-right: 30px;
}

#typeSelector{
	position: relative;
	
	margin-right: 30px;
}
#topsearchBar{
	display:inline-block;
}
#topsearchBar input[type=text]{
	outline: none;
	cursor: auto;
	padding: 0px 10px;
    height: 24px;
}


#search-toggle {
    position:absolute;
	right:0;
	top:0;
	z-index:1000;
    width: 66px;
    height: 66px;
	line-height: 66px;
	background:url(https://static-nocdn.abic.com.tw/images/icon-search.svg) 50% 50% no-repeat;
	background-size:36px;
	display:none;
}
#small_searchBar{display:none;}

/*
--------------------home AD  --------------------
*/

#adDiv{
	width: 960px;
	height: 64px;
	margin: 0 auto 13px;
	overflow-y:auto;
}
#adDiv_l{
	float: left;
}
#adDiv_r{
	float: right;
}

.adDiv_msite{ display:none; padding:10px 0; text-align:center;}

/*
--------------------placeview AD  --------------------
*/
.ad_placeview_box{
	margin-bottom: 15px;
	overflow: hidden;
	-moz-border-radius:  5px!important;
    -webkit-border-radius: 5px!important;
    -khtml-border-radius:5px!important;
    border-radius: 5px!important;
}


/*
--------------------page --------------------
*/
#pager{
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	clear:both;
}
#pager a{
	margin-right: 5px; font-size:1em;
}
#pager a:hover{ text-decoration:none;}
#pager a.current{ background-color:#f3807d; color:#fff;}
#pager a.disabled{background: #eee;color: #aaa;border: 1px #ddd solid;}


/*
--------------------other --------------------
*/

#main_static p{
	margin-top: 1em;
}
#main_static h1{
	padding-left: 40px; 
}
h1.b{
	background: url(https://static-nocdn.abic.com.tw/static-nocdn.abic/titile_icon_b.png) no-repeat left top;
}
h1.contact{
	background: url(https://static-nocdn.abic.com.tw/static-nocdn.abic/titile_icon_contact.png) no-repeat left top;
}
h1.c{
	background: url(https://static-nocdn.abic.com.tw/static-nocdn.abic/titile_icon_c.png) no-repeat left top;
}
h1.newstitle{
	background: url(https://static-nocdn.abic.com.tw/static-nocdn.abic/icon_news_title.png) no-repeat left top;
}
h1.commenttitle{
	background: url(https://static-nocdn.abic.com.tw/static-nocdn.abic/icon_comment_title.png) no-repeat left top;
}
h1.placeadd_title{background: url(https://static-nocdn.abic.com.tw/static-nocdn.abic/titile_icon_a.png) no-repeat left top;}

h1.forumtitle {
	background: url(https://static-nocdn.abic.com.tw/images/icon/icon_forum.png) no-repeat left top;
}

/*
--------------------景點內頁 --------------------
*/
.postlist_title{ font-size:1.25em; padding:10px 0; line-height:1.5; font-weight:bolder; text-align:left; padding-left:15px;
 display: flex;
 flex-direction: row;
 align-items: center;
 

}
.postlist_title .title{ word-break: break-all; width: calc(100% - 100px); }
.postlist_title .filter_box{ width: 100px; }


.placeview_main, .viewrecommend{background-color:#fff; padding:20px 20px 30px 20px; margin-bottom:15px; overflow: auto;}

#placeview_box{ float:left; width:69.5%;}
#place{
    float:left;
    width:65.5%; 
	background-color:#fff; 
	padding:20px 2%;
	margin-bottom:50px;
	
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
	border-radius: 10px;
}


#place .title, #placeview_box .title{
	border-left: 10px solid #ca5078;
	padding: 4px 15px;
    margin-bottom: 5px;
	overflow-y:auto;
}
.placeview_main_photo{
    float: left;
    width: 58%;
}
.placeview_main_photo img{ width:100%;}

#place .title a:hover, #placeview_box .title a:hover{ color:#F4817E;}
#place .date, #placeview_box .date{
	text-align:right;
	font-size:1.125em;
}
#place .date a{font-size:1.125em;}
#place .title .name, #placeview_box .title .name{
    color: #333;
	font-weight: bold;
	font-size: 2em;
	line-height: 1.2em;
}
#place .title .area, #placeview_box .title .area{
	background: #f4817e;
	padding: 4px 18px;
	margin-left: 7px;
    text-align: center;
	white-space: nowrap;
}
#place .title .area a, #placeview_box .title .area a{
	color: #fff;
	font-weight: normal;
	font-size: 1em;
}
.place_title_fb-like{ float:right; height:30px; width:160px; margin-top: 10px; text-align:right;}
#place .left, #placeview_box .left{
    float: left;
	width: 200px;
	margin-right: 15px;
}
#place .main, #placeview_box .main{
    padding: 10px 15px;
}
#place .thumb, #placeview_box .thumb{
    width: 200px;
	margin-bottom: 5px;
}
#place .tag, #placeview_box .tag{
	margin-bottom: 5px;
}
#place .tag a, #place .tag a:hover{
	background-color:inherit;
	margin-bottom: 5px;
}
#place .message, #place .message, .side_comments .message{
	font-size: 1.125em;
	line-height: 1.5em;
	text-align: justify;
	padding: 5px 0px;
}
#place .user_recommend{
	float: right;
	background-color: #E4F2FC;
	padding: 5px;
}
#place .fb_like{
	text-align:right; 
	margin-right:10px;
}
#place .comments, .post_me .comments{
	clear: both;
	margin-top:20px;
}
#place .comment, .post_me .comment{
    clear: both;
    font-size: 1em;
    padding: 10px 0;
    border-bottom: 1px dotted #ccc;
}


#place .comment .more, .post_me .comment .more{
	text-align:center;
}
#place .comment .more a, .post_me .comment .more a{
    font-size: 0.75em;
	cursor:pointer;
}
#place .comment .comment_icon, .post_me .comment .comment_icon, .side_comments .comment_icon{
    float:left;
	position:absolute;
	width:66px;
	height:66px;
	overflow-y:hidden;
}
#place .comment .comment_icon img, .post_me .comment .comment_icon img, .side_comments .comment_icon img{ width:100%; height:auto;}

#place .comment .comment_message .comment_name, .post_me .comment .comment_message .comment_name, .side_comments  .comment_name{
	font-weight: bold;
	font-size: 1em;
	color: #398FC4;
}
#place .comment .comment_message .comment_name a, .post_me .comment  .comment_message .comment_name a, .side_comments  .comment_name a{color: #398FC4;	font-weight: bold;}

#place .comment .comment_message  .comment_name a.fbcolor, .post_me .comment .comment_message  .comment_name a.fbcolor, .side_comments  a.fbcolor{ color:#46629e;}

#place .comment .comment_message .comment_place a, .post_me .comment .comment_message .comment_place a{color: #444;}
#place .comment .comment_message .comment_place a:hover, .post_me .comment .comment_message .comment_place a:hover{color: #F4817E;}

#place .comment .comment_message .comment_name a:hover, .post_me .comment  .comment_message .comment_name a:hover, #place .comment .comment_message  .comment_name a:hover.fbcolor, .post_me .comment .comment_message  .comment_name a:hover.fbcolor, .side_comments .comment_name a:hoverr{ color:#f58c89;}

#place .comment .comment_message, .post_me .comment .comment_message, .side_comments .comment_message{
    margin-left:76px;
	word-break: break-all;
	min-height:66px;
	line-height:1.5;
	
}
#place .comment .comment_message .message,  .post_me .comment .comment_message .message{
	font-size:inherit;
}
#place .comment .comment_message textarea,  .post_me .comment .comment_message textarea{
	margin: 10px 0 5px 0;
	width: 97%;
	height:100px;
}
#place .comment .comment_message .send, .post_me .comment .comment_message .send{
    text-align: right;
	margin-top: 10px;
}
#place .comment .comment_time,  .post_me .comment .comment_time, .side_comments .comment_time{
	color: #999;
}
#place .comment .comment_place img,  .post_me .comment .comment_place img{
	display: none;
}
#place .comment:hover .comment_place img,  .post_me .comment:hover .comment_place img{
	display: inherit;
}
#place .comment .comment_disabled,  .post_me .comment .comment_disabled{
	color: #a5b2b9;
	font-style: italic;
}
.view_share_box{	display:none; width:100%;}
.view_share_box ul{margin:0; padding:0; border:1px solid #e1e1e1;-webkit-border-radius:10px;
    -khtml-border-radius: 10px;
	border-radius:10px;}
.view_share_box li{ width:25%; display:inline-block; color:#fff; text-align:center; }
.view_share_box li a{ display:block;color:#fff; font-size:1em; line-height:44px; height:44px;}

.view_share_box li:first-of-type a{-moz-border-radius:10px 0  0 10px;
    -webkit-border-radius:10px 0  0 10px;
    -khtml-border-radius: 10px 0  0 10px;
	border-radius:10px 0  0 10px;}
.view_share_box li:last-of-type a{-moz-border-radius: 0 10px 10px 0;
    -webkit-border-radius:0 10px 10px 0;
    -khtml-border-radius: 0 10px 10px 0;
	border-radius:0 10px 10px 0;}
	.view_share_box li:nth-of-type(1) a{ background-color:#00c300;padding-top: 0px;/* padding-top: 16px; */padding-bottom: 28px;}
		.view_share_box li:nth-of-type(1) a img{ width:35px; vertical-align:middle;}
	.view_share_box li:nth-of-type(2) a{ background-color:#3d5a99;}
	.view_share_box li:nth-of-type(3) a{ background-color:#37a1e9;}
	.view_share_box li:nth-of-type(4) a{ background-color:#e1933e;}
	


		.view_share_box li:nth-of-type(2) a:before{content: "\f09a";font: normal normal normal 1em FontAwesome;}
		.view_share_box li:nth-of-type(3) a:before{content: "\f003";font: normal normal normal 1em FontAwesome;}
		.view_share_box li:nth-of-type(4) a:before{content: "\f0c1";font: normal normal normal 1em FontAwesome;}



#place-blogs-box{position:relative; padding-left:15px; text-align:left;}
#place-blogs-box .pb-item{
	
	background-color:#fff; box-shadow: 0 1px 3px rgba(34,25,25,0.4);
    -moz-box-shadow: 0 1px 2px rgba(255,255,255,1);
    -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-khtml--box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

	float: left;
    width: 300px;
    margin: 0px 0 15px 0px;
	
}
#place-blogs-box .pb-item .main{padding:8px; }
	.pb-item .viewphoto{ }
	.pb-item .viewphoto img{	width:100%;	height:auto;-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px; }
	
	.pb-item .viewinfo{ color:#444; padding-top:8px;}
		.pb-item .viewinfo a.portrait{ display:inline-block;  float:left; height:30px;}
			.pb-item .viewinfo a.portrait img{ height:100%; width:auto; }
		.pb-item .viewinfo .name{  float:left; line-height:30px; padding-left:1%;}
		.pb-item .viewinfo .countnum{ float:right;line-height:30px; padding-right:1%;}

.pb-item .intro{
	padding:10px 0 0 0; clear:both; 
}
.pb-item .intro a{ display:inline-block;}
.pb-item .intro img{margin-right:3px;float: right;display:none; }
.pb-item .intro a:hover  img{ display:block;} 
.pb-item .remove{
	position: absolute;
	top: -8px;
	right: -8px;
	display: none;
	cursor: pointer;
	width:19px;
	height:auto;
}
.pb-item:hover .remove{
	display: inherit;
}

#posts_recommend .filter_box{position: absolute;
    top: -25px;
    right: 20px;
    line-height: 25px;
}
.postlist_title .filter_box{ display: inline-block; position: absolute; right: 10px;}


.filter_box{ color: #4a4a4a; font-size: 1rem; font-weight: normal; }
.filter_box:before{
	content: '';
	display: inline-block;
	width: 20px; height: 20px;	
	background: url('https://static-nocdn.abic.com.tw/images/icon/icon-fiter.png') 0 50% no-repeat;
	background-size: cover;
	margin-right: 5px;
	vertical-align: sub;
}

.filter-result-title{ text-align: left; width: 1092px;    margin: 0 auto; max-width: 100%;    line-height: 30px;
    font-size: 1.25em; color: #444;padding-bottom: 10px; }

/*
--------------------contact / abic app download /  about--------------------
*/
.bubble_bg{
	background: #f3f3f8;
	padding:1% 2% 2% 2%;
	/*margin-top:1%;*/
}
.about_idea{
	position: relative;
	width: 450px;
	float: right;
	padding: 20px;
	text-align: justify;
}

.about_idea .bubble{
	position: absolute;
	background: url(https://static-nocdn.abic.com.tw/static-nocdn.abic/bubble.png) no-repeat left center;
	left: -85px;
	top: 157px;
	width: 97px;
	height: 85px;
}
.about_doit_title{
	clear:both;
	padding:50px;
	text-align:center;
	position:relative;
}
.about_doit_title .arrow1{
	position: absolute;
	background: url(https://static-nocdn.abic.com.tw/static-nocdn.abic/arrow1.png) no-repeat left center;
	right: 210px;
	top: 15px;
	width: 100px;
	height: 74px
}
.about_doit_title .arrow2{
	position: absolute;
	background: url(https://static-nocdn.abic.com.tw/static-nocdn.abic/arrow2.png) no-repeat left center;
	left: 198px;
	top: 55px;
	width: 100px;
	height: 74px
}
.about_doit{
	width: 450px;
	padding: 20px;
	padding-left: 10px;
	text-align: justify;
}
.about_facebook{
	width: 100%;
	padding: 20px;
	margin-right: 10px;
	text-align: justify;
}
.about_facebook .arrow3{
	position: absolute;
	background: url(https://static-nocdn.abic.com.tw/static-nocdn.abic/arrow3.png) no-repeat left center;
	left: -156px;
	top: 30px;
	width: 100px;
	height: 74px
}
.about_place_restaurant{
	position: relative;
	width: 520px;
	float: left;
	padding: 20px;
	margin: 40px 100px 20px 0px;
	text-align: justify;
}
.about_place_restaurant .arrow1{
	position: absolute;
	background: url(https://static-nocdn.abic.com.tw/static-nocdn.abic/arrow1.png) no-repeat left center;
	right: -228px;
	top: 193px;
	width: 100px;
	height: 74px
}
.about_contact{
	margin: 50px 50px;
}


/*
--------------------abic app download--------------------
*/
.bgd_box{	
	width:92%;
	margin:20px auto 0 auto;
	padding:2% 4%;
	position:relative;
}
.bg_gray{background-color:#f3f3f8;}
.app_title{			color:#343237; font-size:2.5em; line-height:1.2em;   font-weight:bold;}

#m1, #m2{min-height:300px;}
#m3, #m4{ min-height:300px;}
/* 0 */
	
	.bgd_box .nav{float:left; width:25%; }
		
		.bgd_box .nav ul, .bgd_box .nav li{ list-style-type:none; margin:0; padding:0; font-size:1em; }
		.bgd_box .nav li a{ font-size:1em; }
		.bgd_box .nav li{padding:5px 0;}
		.bgd_mobile0 .app_title, .mobile0, .downloadbox, .bgd_mobile0 .exp{margin-left:25%;}
			.bgd_mobile0 .app_title{  
			background:url(https://static-nocdn.abic.com.tw/images/app_title_bg.png) center 0 repeat-y;
			 -webkit-background-size:contain ;
     		-moz-background-size:contain ;
			background-size:contain ;
			 padding-left:30%;
			}	
			.mobile0{ position:absolute; top:0; left:5%; width:22%;}
			.mobile0 img, .mobile1 img, .mobile2_1 img, .mobile2_2 img, .mobile3_1 img, .mobile3_2 img, .mobile4 img, .mobile5_1 img, .mobile5_2 img{ width:100%;}
			#main_static .bgd_mobile0  p.exp{   width:45%;   margin-left:55%; margin-top:3%;}

/* 1 */
	.bgd_mobile1 .app_title{
		-webkit-background-size:contain ;
     	-moz-background-size:contain ;
		background-size:contain ;
		background:url(https://static-nocdn.abic.com.tw/images/app_title_bg.png) right 100% no-repeat; padding-bottom:20px;
		font-size:2em;
		font-weight:normal;
		padding-left:50%;
	}
	.mobile1{position:absolute; top:0; left:5%; width:40%;}
	.bgd_mobile1 .exp{ width:45%;   margin-left:50%; margin-top:3%;  }
	
/* 2 */
	.bgd_mobile2 .app_title{
		-webkit-background-size:contain ;
     	-moz-background-size:contain ;
		background-size:contain ;
		background:url(https://static-nocdn.abic.com.tw/images/app_title_bg.png) left 100% no-repeat; padding-bottom:20px;
		font-size:2em;
		font-weight:normal;
		padding-right: 50%;
	}
	.mobile2_1{position:absolute; top:5%; right:5%; width:40%; }
	.mobile2_2{position:relative; top:5%;  width:40%; margin-top:15px;}
	.bgd_mobile2 .exp{ width:45%;    margin-top:3%; }
	
/* 3 */
	.bgd_mobile3 .app_title{
		-webkit-background-size:contain ;
     	-moz-background-size:contain ;
		background-size:contain ;
		background:url(https://static-nocdn.abic.com.tw/images/app_title_bg.png) right 100% repeat-x; padding-bottom:20px;
		font-size:2em;
		font-weight:normal;
		padding-left:25%;
	}
	.mobile3_1{position:absolute; top:5%; left:10%; width:15%;}
	.mobile3_2{position:relative; top:5%;  width:75%; margin-top:15px;margin-left:25%;}
	.bgd_mobile3 .exp{    margin-top:3%; margin-left:25%;}	
	
/* 4 */

	.bgd_mobile4 .app_title{
		-webkit-background-size:contain ;
     	-moz-background-size:contain ;
		background-size:contain ;
		background:url(https://static-nocdn.abic.com.tw/images/app_title_bg.png) left 100% no-repeat; padding-bottom:20px;
		font-size:2em;
		font-weight:normal;
		padding-right: 50%;
	}
	.mobile4{position: absolute;    top: 5%;    right: 5%;    width: 47%;}
	.bgd_mobile4 .exp{ width:45%;    margin-top:3%; }	

/* 5 */
	.bgd_mobile5 .app_title{
		-webkit-background-size:contain ;
     	-moz-background-size:contain ;
		background-size:contain ;
		background:url(https://static-nocdn.abic.com.tw/images/app_title_bg.png) right 100% repeat-x; padding-bottom:20px;
		font-size:2em;
		font-weight:normal;
		padding-left:42%;
	}
	.mobile5_1{position:absolute; top:5%; left:10%; width:30%;}
	.mobile5_2{position:relative; top:5%;  width:58%; margin-top:15px;margin-left:42%;}
	.bgd_mobile5 .exp{    margin-top:3%; margin-left:42%;}	
	
/* mobile_bgd */
.mobile_bgd{background:url(https://static-nocdn.abic.com.tw/images/mobile_bgd.png) no-repeat top center; padding:15px 0px; overflow:auto; margin-top:5%;}
.mobile_bgd .exp{border-top:1px solid #c0d6d3; padding:10px 0; margin:0 17px;}	
.mobile_bgd .FBbox{ float:left; width:70%;}

.otherlink{ font-size:0.75em; float:right; color:#aeacac;}
.otherlink a{font-size:0.75em;color:#0088cc;}
.otherlink a:hover{ font-size:0.75em; color:#0088cc;}

.downloadbox{ margin:30px 0 0 55% ; min-height:60px; width:45%;}
.downloadbt{ float:left; font-size:0.75em; text-align:center; width:47%; }
.downloadbt.apple{margin-right:5%;}	
.downloadbt img{ max-width:100%; height:auto;}

	/* contact */
	#main_static .content{padding:2% 4%;}
	.fblink{ text-align:left; height:50px; margin:0 auto 10px auto; width:400px; margin-top:10px;}
	.fblink span{font-size:20px;line-height:1.5em;font-weight:bold}
	.fblink img{ height:100%; width:auto; float:left; margin-right:5px;}
	.fblink a{ color:#3e5e96;}
	
	.bubble_bg ul{ list-style-type:disc; margin-top:3%;}
	.bubble_bg ul li{ padding-bottom:1%;}
	
	.arrowbg1{ background:url(https://static-nocdn.abic.com.tw/static-nocdn.abic/arrow4.png) 0 0 no-repeat; margin:2% 0;}
	.arrowbg2{background:url(https://static-nocdn.abic.com.tw/static-nocdn.abic/arrow1.png) 100% 100% no-repeat; padding: 50px 74px;}
	
	.firstbig:first-letter{ font-size:200%;}
	
	.aboutpic{ font-size:120%; line-height:1.8; overflow:auto; margin-top:5%; padding-left:10%;}
	.aboutpic h2{ margin-bottom:5%; font-weight:bold; margin-left:-10%;}
	.aboutpic img{ float:right; margin-left:3px;}
	
	.abic_logo-list a{ padding-right:2%; display:inline-block; text-align:center; padding-bottom:10px;}
	.abic_logo-list img{ width:100px; margin-bottom:10px; display:block;}


/*
--------------------jquery-ui --------------------
*/

.style-button.ui-widget{
	background: #FFF;
	border: 1px solid #C6D6DD;
	font-size: 1em;
	font-weight: normal;
	font-family: inherit;
	color: inherit;
	height: 26px;
	line-height:26px;
}
.style-button.ui-widget.placeholder{
	color: #aaa;
}
.style-button.ui-widget.ui-state-hover{
	background: #F3FAFE;
}
.ui-state-active.style-button.ui-widget, .active.style-button.ui-widget{
	background: #E4F2FC;
}

.style-button.ui-corner-all{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

.style-button.style-button-text-only .style-button-text {
	padding: 2px 10px;
}
input.style-button.ui-widget {
	padding: 0px 10px 3px 10px; text-align:center;
}
.ui-datepicker{
	font-size: 0.75em;
	width: 180px;
}
.ui-datepicker table th, .ui-datepicker table a{
	font-size: 0.75em;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	height: 1.3em;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
width: 40%;
}


/*
--------------------內頁 整頁模式 --------------------
*/

#main_static{
 	margin: 10px auto 20px auto;
    line-height: 1.5em;
    max-width: 1130px;
}
	.layout_one_field{
	padding: 20px 20px 30px 20px;
	margin-bottom:1.5%;
    background-color: #fff;
	
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	}
	.one_field h1{ padding-top:20px;}



/*
--------------------好康優惠 --------------------
*/
.union_box{ padding:0 2%;}
#product_info{ width:66.5%; float:left;}
#product_info img { max-width:100%; height:auto;}
.product_cont_sec #sidebar{  float:right; width:30%;}

.product_cont_sec #sidebar #usual1 ul, .product_cont_sec #sidebar #usual2 ul, .product_cont_sec #sidebar #usualforum ul{    margin-bottom: -2px;}

.product_hd{
	clear:both;
	margin:0px;
	padding-bottom:10px;
	padding-top:20px;
}

.product_hd .p_title{ 
	margin:0px;
	padding: 4px 15px;
	font-size:2em;
	line-height:1.2em;
	color:#333;
	font-weight:bold;
	border-left:10px solid #ca5078;
	margin-bottom: 5px;
}
.product_hd .p_title a{}
.product_hd .p_title a:hover, .product_hd .p_title a:active{color:#F4817E;}
.product_hd .p_date{ 
	color:#333;
	font-size:1em;
	text-align:right;
	padding: 4px 15px;
}
.product_hd .p_sub_title{ 
	text-align:left;
	padding: 4px 15px;
}

.product_cont{ 
	margin:0px auto 20px auto;
	padding:0px 0px;
	width:100%;
}
.product_cont_sec{ padding:0;}
.product_cont p.p_description{ 
	font-size:1em; 
	line-height:1.4em; 
	color:#666;
	margin:0px 0px 10px 0px !important;
	padding:0px;
}
.product_cont_sec h3.sub_title{ 
	font-size:1.25em; 
	line-height:1.5em; 
	color:#333;
	border-bottom: 1px solid #ddd;
	margin:0px 0px 10px 0px;
}

.product_cont_sec .title_tag{ 
	-moz-border-radius:10px 10px 0px 0px;
    -webkit-border-radius:10px 10px 0px 0px;
    -khtml-border-radius:10px 10px 0px 0px;
	border-radius:10px 10px 0px 0px;
	
	margin:0;
	background:#f87e7d;
	color:#fff;
	padding:4px 10px;
	display:inline-block;
}



.product_cont_sec .sub_left{
	float:left;
	width:75%;
}
.product_cont_sec .sub_right{ 
	float:right;
	width:25%;
	text-align:right;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	
}



.product_cont .event_top_buy{
	color:#666;
	font-weight:bold;
	text-align:left;
	margin:8px auto 5px auto;	
	border:0px #fff solid;	
	background:url(https://static-nocdn.abic.com.tw/images/event_top_buy.png) no-repeat 0px 0px;
	width:186px;
	height:78px;
	line-height:78px;
	display:block;}

.product_cont .event_top_buy::before{ display:inline-block; content:' ';background:url(https://static-nocdn.abic.com.tw/images/icon_button_buy.gif) no-repeat 0px 0px; width:22px; height:34px; vertical-align:middle; margin:-5px 5px 0 20px;}

.product_cont .event_top_buy.disabled{background:url(https://static-nocdn.abic.com.tw/images/event_top_buy_disabled.png) no-repeat 0px 0px;}
.product_cont .event_top_buy.disabled::before{ background:url(https://static-nocdn.abic.com.tw/images/icon_button_buy_gray.gif) no-repeat 0px 0px; }


.product_cont .event_top_buy.disabled{ background-image:url(https://static-nocdn.abic.com.tw/images/event_top_buy_disabled.png); }
.product_cont a:hover.event_top_buy.disabled { color:#666; cursor:default;}
.product_cont a:hover.event_top_buy{ color:#F4817E;}

.product_cont .ui-state-active.style-button.ui-widget, .product_cont .active.style-button.ui-widget{
	filter:alpha(opacity=70);
    opacity:0.7;
}
.event_top_buy-small{
	height:52px;
	width:140px;	
	color:#666;
	line-height:52px;
	display:block;
	font-size:1.25em;
	font-weight:bold;
	margin:0px 0px 0px 0px;

	border:0px #fff solid;	
	background:url(https://static-nocdn.abic.com.tw/images/event_top_buy-small.png) no-repeat 0px 0px;
	text-align:left;
}
.event_top_buy-small:before{ display:inline-block; content:' ';background:url(https://static-nocdn.abic.com.tw/images/icon_buy.png) no-repeat 0px 0px; width:22px; height:34px; vertical-align:middle; margin:-5px 5px 0 10px;}
.event_top_buy-small.disabled:before{background:url(https://static-nocdn.abic.com.tw/images/icon_buy_gray.png) no-repeat 0px 0px;}

.product_cont_side{
	float: right;
	width: 250px;
}

.event_top_buy-small.disabled{ background-image:url(https://static-nocdn.abic.com.tw/images/event_top_buy-small_disabled.png); }
a:hover.event_top_buy.disabled { color:#666; cursor:default;}


.fixed_bottom{ display:none; position:fixed; z-index:99; bottom:0; left:0;  width:100%; text-align:right; }
.fixed_bottom .bottom_buy{ 
	background:rgba(235,219,99,0.85); 
	width:100%; height:40px; 
	display:inline-block;
	padding:5px;
	font-weight:bold;
	font-size: 1.125em;
	text-align:center;}
.fixed_bottom .bottom_buy:before{ display:inline-block; content:' '; background:url(https://static-nocdn.abic.com.tw/images/icon_buy.png) left center no-repeat; height:30px; width:25px; vertical-align:middle;}
.fixed_bottom .bottom_buy.disabled{ background-color:#e2e2e2;}
.fixed_bottom .bottom_buy.disabled:before{  background:url(https://static-nocdn.abic.com.tw/images/icon_buy_gray.png) left center no-repeat; }

/*
--------------------右側更多商品列表 --------------------
*/

#other_product_lists{ padding: 10px 15px 0px;}
#other_product_lists .list_hd{
	font-size:1.25em; 
	line-height:1.5em; 
	color:#333;
	border-bottom: 1px solid #ddd;
	margin:0px 0px 10px 0px;
}
#other_product_lists .list_cont{ 
	padding:0px 0px 0px;
}
#other_product_lists .list_cont .list_box{ border-bottom:1px solid #ffa33c; margin:20px 0px 0px 0px; padding:0px 0px 5px 0px;}
.list_cont .list_box .box_title{
	font-size:1em; 
	line-height:1.5; 
	color:#333;
	margin:0px 0px 5px 0px;
}
.list_cont .list_box .box_title a{ line-height:1.5;}

/*
--------------------Event 右側框架 --------------------
*/
.event_right_frame{ padding: 10px 20px 0px; margin-top:10px; }
.event_right_frame .list_hd{
	font-size:1.25em; 
	line-height:1.5em; 
	color:#333;
	border-bottom: 1px solid #ddd;
	margin:0px 0px 10px 0px;
}
.event_right_frame .list_cont{ 
	padding:0px 0px 0px;
}
.event_right_frame .list_cont .list_box{ border-bottom:1px solid #ffa33c; margin:20px 0px 0px 0px; padding:0px 0px 5px 0px;}
.list_cont .list_box .box_title{
	font-size:1em; 
	line-height:1.3em; 
	color:#333;
	margin:0px 0px 5px 0px;
}

.list_cont .list_box .box_cont{}
.box_cont .box_pic{ 
	padding:5px;
	background:#fff;
    box-shadow: 0 0px 5px rgba(34,25,25,0.2);
    -moz-box-shadow: 0 0px 5px rgba(34,25,25,0.2);
    -webkit-box-shadow: 0 0px 5px rgba(34,25,25,0.2);
}
.box_cont .box_pic img{ 
	width:100%;
}

.box_cont .box_info{ margin:10px 0px 0px 0px; clear:both;}
.box_cont .p_price{ 
	font-size:1em; 
	line-height:18px;
	color:#f08418;
	font-weight:bold;
	margin:0px 10px 0px 0px;
	float:left;
	padding:3px 0px 0px 22px;
	background:url(https://static-nocdn.abic.com.tw/images/icon_list_buy.gif) no-repeat 3px top;
}
.box_cont .p_price span{ 
	font-size:1em;
	margin:0px 0px 0px 0px;
}
.box_cont .p_price .ctxt,
.box_cont .p_price .etxt{ 
	font-size:1em;
}
.box_cont .p_order{ 
	font-size:1em;
	float:right;
}

/*
--------------------訂購資訊/修改確認--------------------
*/

.buyflow_box{
  list-style-type:none;
  text-align:center;
}
.buyflow_box li{ display:inline-block; height:187px; vertical-align:top; width:204px; margin-bottom:15px;}
.buyflow_box li.arrow{ padding-top:30px; height:112px; width:49px }

#order_comfirm{ padding:20px 20px 30px 20px; background-color:#fff;}
#order_comfirm .cancel{ text-decoration:line-through; }
.product_block .block_order_id{
	margin:0px 0px 0px 0px;
	padding:6px 15px 6px 15px;
	font-size:1.25em;
	text-align:right;
	background:#ff8700;
	color:#fff;
	min-width:280px;
	float:right;
}
.product_block .block_order_cancel_desc{
	padding:10px 15px 6px 15px;
	font-size:1em;
	text-align:right;
	color:#DC006B;
	float:right;
}
.product_block .block_title{
	margin:0px;
	padding:4px 15px;
	padding:5px 15px 5px 35px;
	font-size:2em;
	line-height:1.2em;
	color:#333;
	font-weight:bold;
	border-bottom: 0px solid #ddd;
	background:#ffffff url(https://static-nocdn.abic.com.tw/images/icon_button_buy.gif) no-repeat left center;
	clear:both;
	overflow:auto;
}

.product_block .summary_info{
	padding:10px 0px 0px 0px;
	text-align:right;
	font-size:1em;
}
.product_block .summary_info span.item_num{
	margin:0px 5px 0px 5px;
	font-weight:bold;
}
.product_block .summary_info span.item_total{
	margin:0px 5px 0px 5px;
	font-weight:bold;
}
.product_block .del_item{ 
	padding:6px 10px;
	background:#d9d9d9;
	color:#fff;
	font-weight:bold;
	font-size:1em;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
	border-radius: 20px;
}
.product_block .del_item:hover{
	background:#666;
	color:#fff;
}

.member_block{
	margin:0px 0px 30px 0px; padding-bottom:10px;
}

.member_block .block_title{
	margin:0px;
	padding:4px 15px;
	padding:5px 15px 5px 35px;
	font-size:2em;
	line-height:1.2em;
	color:#333;
	font-weight:bold;
	border-bottom: 0px solid #ddd;
	background:#ffffff url(https://static-nocdn.abic.com.tw/images/icon_button_buy.gif) no-repeat left center;
}
.member_block .block_cont{ padding:0 10px 10px 10px;}
.block_cont.memberdata{}
.memberdata .mlist{ padding-bottom:10px;}
.memberdata .mtitle{ display:inline-block; width:24%; text-align:right;}
.memberdata .post_me_note{ padding-left:15%;}

.checkout_bar{ 
	text-align:center;
}
.checkout_bar input.style-button{ 
	margin:0px 10px 0px 10px;
}
.checkout_bar .style-button.ui-widget.ui-state-hover{
	font-size:1.875em;
	font-weight:bold;
	padding:10px 25px 10px 25px;
	height:auto;
}
.checkout_bar .ui-state-active.style-button.ui-widget, .checkout_bar .active.style-button.ui-widget{
	filter:alpha(opacity=70);
    opacity:0.7;
}
.checkout_bar .style-button.ui-widget.ui-state-hover.reback_button{
	background:#eee;
	color:#aaa;
	border:1px #ddd solid;
	padding:10px 15px 10px 15px;
}
.order_terms{
	width:80%;
	margin:40px auto 40px;
	text-align:center;
	padding:10px 2px 10px 10px;
	border:1px #ddd solid;
}
.order_terms .title{
	font-size:1.25em;
	font-weight:bold;
	line-height:30px;
}
.order_terms .lists_text{ 
	height:150px;
	overflow-x:hidden;
	overflow-y:auto;
	width:100%;
	background:#fff;
	margin:0 0 0 auto;
	font-size:0.875em;
	
}
.order_terms .lists_text ol{ 
	list-style:decimal;
	margin:0px 0px 0px 15px;
	text-align:left;	
}
.order_terms .lists_text li{
	margin:5px 0px 0px 0px;
}

.order_terms strong{ font-weight:bold;}

.td_center{ 
	text-align:center;
}
.td_left{ 
	text-align:left;
}
.td_right{ 
	text-align:right ;	
}
.bottom_line{ 
	border-bottom:1px #aaa solid;
}
table.align_lt{ margin:0px 0px 0px 10px; text-align:left;} /*對齊左邊*/
table.align_rt{ margin:0px 10px 0px 0px; text-align:right;} /*對齊右邊*/

/*
--------------------會員專區 購買紀錄--------------------
*/
.post_me{ 
	position: relative;
    float:left;
	width: 75%;
 	margin:0% 0 2% 2%;
}
.post_me_list_box.blogershare .item_box .main{width:auto;}
.post_me h1{padding-left: 40px;}
.post_me .title{	
	background-color: #f0f0f0;
    border: none;
	border-left: 10px solid #ca5078;
	margin: 0;
	padding: 18px 15px 11px;
	font-size:2.25em;
}

	.post_me_note{color: #A7A7A7; padding-top:5px;}
	.post_me_btbox{margin: 30px auto; width:100%; text-align:center; clear:both;}
		.post_me_bt{background-color: #6CBD1F; color: white; padding: 1px 1px 1px 1px; cursor: pointer;}

/*
--------------------會員專區 profile--------------------
*/
.me_profile_picture{border: 2px solid #F0F0F0; position: absolute; right: 20%; top:130px; z-index: 1000;}
.me_profile_picture img{width:50px; height:50px;}

	/* 新版景點列表 */
.item_box, .post_me .comments, .order_table{ background-color:#fff; padding:1.5%; margin:2% 0 2% 0%  ;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
	border-radius: 10px;
	overflow-y:auto;}
	
	
.item_box{ position:relative;}
.item_box .photo{ float:left; width:142px; position:absolute;}
.item_box .photo a{ 
	display: block;
    width: 110px;
    height:110px;
    margin:0 auto;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	background-size:cover;
    background-position:center center;
}

.item_box  .main{ margin-left:152px;  margin-right:160px; }
.post_me_list_box.blogershare .item_box  .main{margin-left:152px; margin-right:auto;}

	.item_box  .main .lb_title{padding:4px 0 5px 0 ; font-weight:bolder; font-size:1.25em;}
	.item_box  .main .lb_title .area{  position: static;
			background: #f4817e;
			padding: 4px 15px;
			white-space: nowrap;width: 40px;
			text-align: center;-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			-khtml-border-radius: 5px; font-weight:normal;
			border-radius: 5px; color:#fff; font-size:0.75em; float:left; margin-right:10px; margin-top:-4px;}
			.item_box  .main .lb_title .area a{color:#fff; font-size:0.875em;}
		.item_box  .main .message{ clear:both; padding:5px 0 ; min-height:44px;}
		.item_box  .main .time{clear:both;  background-color:#fafafa; color:#c9ccd3; padding:2px 15px; display:inline-block;}

.item_box  .function{ color:#9b949c; float:left; width:150px; position:absolute; text-align:right; right:13px; top:13px;}
	.item_box  .function span{ font-size:0.875em; display:block;}
		.item_box  .function span .checkout_bar .style-button.ui-widget.ui-state-hover{padding:2px 10px 3px;}
		.item_box  .function span img{ vertical-align:middle; margin-right:4px;}
		
		.item_box  .function .button_style{  display:inline-block; margin:0 0 10px auto; text-align:center;     line-height: 26px; width:45.5%}
		.item_box  .function .ui-state-hover{display:inline-block;     line-height: 26px;width:98% ; text-align:center;}
		
		.item_box  .function .gui-btn-light{  display:inline-block; margin:0 0 10px auto; padding:0; text-align:center;     line-height: 26px; width:45.5%}
		.item_box  .function .gui-btn{display:inline-block;     line-height: 26px;width: 92.5%; text-align:center; padding:0;}
		
		
.item_box  .blogtalk{ clear:both; width:90%;margin: 0 0 0 auto; position:relative; min-height:70px;
    padding-top: 10px; }
	.item_box  .blogerphoto { float:left; width:44px; position:absolute; text-align:right; }
	.item_box  .blogerphoto img{ width: 100%; margin-right:20px;}
	.item_box  .talk{ background-color:#fafafa; font-weight:normal; margin-left:54px;position:relative;margin-right:17%;
	line-height:2;
	padding:10px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			-khtml-border-radius: 5px; 
			border-radius: 5px;}
	.item_box  .talk::before{
		content:' ';
		width:0px;
		height:0px;
		border-width:10px;
		border-style:solid;
		border-color:transparent #fafafa transparent  transparent ;
		position:absolute;
		top:10px;
		left:-20px;}
	.blogtalk  .function{float:right; width:17%;  text-align:right; right:0;   position:absolute; top:12px;}
	/* me_menu */
#me_menu ul, #me_menu li{margin:0; padding:0; list-style:none;}
#me_menu li{border-bottom: 1px dotted #BBBBBB; padding: 4px 0px 3px 20px;}
#me_menu li a{color:#398FC4;}
#me_menu li a.active{color:#444;}
#me_menu .totalnum{    background-color: #fafafa;	clear: both; padding: 4px 0px 3px 20px; margin-bottom:30px;}

.post_me #masonry_container{padding-top:15px; }
.post_me #masonry_container .title{
    padding: 5px 0px;
	margin-top: 10px;
    color: #333;
	font-weight: bold;
	background: none;
	border-left:0px solid #ca5078;
}
.post_me #masonry_container .title a{
	font-size: 1em;
	line-height: 1.4em;
}

	/* input width */
.minput_w1{ width:82%;}
.minput_w2{ width:94%;}
.minput_w3{ width:90%; text-align:left; background-color:#096}

	
	/* edit dialog */
	
	/* Default class for an overlay */
	.ow-overlay {
	  position: fixed;
	  z-index: 1000;
	  top: 0;
	  left: 0;
	  height: 100%;
	  width: 100%;
	
	  background: #000;
	  opacity: 0.7;
	}
	
	/* Default class for both hidden overlay and modal window */
	.ow-closed {
	  display: none;
	}
	
	/* Default class for modal window */
	.editmodal, .editlikemodal {
	  position:fixed;
	  z-index: 1000;
	  min-height: 300px;
	  left: 50%;
	  top: 50px;
	  width: 660px;
	  margin-left:-330px;
		-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
	border-radius: 5px;
	  background-color: #f9f9f9;
	}
	.editmodal_main{ padding:2% 3%;}
	
	.ow-closed, .custom-overlay-closed, .custom-modal-closed {
		display: none;
	}
	
	.editmodal a.close-button,  .editlikemodal a.close-button{
		
		text-decoration: none;
		padding: 18px;
		background:url(https://static-nocdn.abic.com.tw/images/editmodal_close.png);
	position: absolute;
    right: -18px;
    top: -18px;
		
	}
	
.editmodal_main .columnname{ display:inline-block; width:20%;}
.editmodal_main .minput_w1{width:75%;}
.editmodal_main #place_photo, .editmodal_main .updatebemyself #listImages{ background-color:#fff;}
.editmodal_main .updatebemyself #listImages{ width:340px;}
.editmodal_main #uploadBtn{ float:right;}
.editmodal_main .columone{ clear:both; padding-top:10px; width:96%;}
.editmodal_main  .minput_w2{ width:100%;}


.editlikemodal{ background-color:#e9e9e9; min-height:200px;

	  width: 260px;
	  margin-left:-130px;

	}
.editmodal_main{
	padding: 10px;
}
.editmodal_main .notes .icon{
	position: relative;
}
.editmodal_main .notes .icon a{
	float: left;
	width: 33%;
	display:inline-block;

}
.editmodal_main .notes .icon .indicator{
	position: absolute;
	bottom: -16px;
	left: 166px;
	background:url(https://static-nocdn.abic.com.tw/images/ui/indicator.png);
	width: 22px;
	height: 12px;
}
.editmodal_main .notes .texts{
	position: relative;
	margin-top: 20px;
}
.editmodal_main .notes .text{
	background: #FAFAFA;
	padding: 10px;
	font-size: 0.9em;
}
.editmodal_main .notes .text input[type=button] {
    display: block;
    margin: 0 auto;
}
.editmodal_main .notes .links, .editmodal_main .notes .link_url{  display: block;position:relative;}
.editmodal_main .notes .link_url{	padding-right:23px; }
	.editmodal_main .notes .remove{ position:absolute; right:0; top:5px; cursor:pointer;}
	
	.editmodal_main .notes #delete_place_been{ clear:both;display: block;    padding-top: 5px;}
	.editmodal_main .notes #delete_place_been img{margin-right:5px;}
	
.editmodal_main .notes .title{
    background-color: transparent;
    border: none;
    border-left:0px solid #ca5078;
    margin: 0;
    padding: 0;
    font-size:1em;	
	position:relative;
	padding-left:55px;

	}
.editmodal_main .notes .notplaceimg{ float:left;}

.editmodal_main .notes2 .subItem {
    border-bottom: 1px dotted #999;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.editmodal_main .notes .dialog_l, .editmodal_main .notes .dialog_r{
	display: none;
}
.editmodal_main .notes .dialog_3 .score{
	margin-bottom: 10px;
}
.editmodal_main .notes .dialog_3 .score a{
	display: block;
	float: left;
	width: 16%;
	text-align: center;
	font-size: 12px;
}
.editmodal_main .notes .dialog_3 .score img{ display:block; text-align:center;margin: 0 auto;}
.editmodal_main .notes .dialog_3 .score a.active{
	color: #CA5078;
}


/*
--------------------最新消息 news --------------------
*/

#place .newswrepper{
		clear: both;
}
#place .news{
		clear: both;
		font-size: 1em;
		padding: 20px 0px 30px 0;
		border-bottom: 1px dotted #ccc;
		overflow-y:auto;

}
#place .news .news_icon{
		float:left; 
		width:38%;
		margin-right:2%;
}
#place .news .news_icon img{ width:100%;}
#place .news .news_message{
		float:right; 
		width:60%;
		word-break: break-all;

		padding-bottom:10px;
}
#place .news .news_time{
		float:right; 
		width:60%;
		color: #999;
		margin-left: 10px;
		margin-bottom:30px;
}
#place .news .news_place{ 	
		margin:0 0 0 auto;
		float:right;

}
#place .news .news_place img{
		display: none;

}
#place .news:hover .news_place img{
		display: inherit;
		margin-top:-1px;
}





/*
--------------------地圖搜尋--------------------
*/
.map_wrapper .search_box{ display:none;}
#main_static.main_static_map{
	position:absolute;
	top:221px;
	margin:0;
	bottom:0;
	right:0;
	left:0;
	display:block;
	background-color:#f3f3f3;
	width:auto;
	max-width:100%;
	padding:0;
}

.map_left{
	display: block;
	width:40%;
	position:fixed;
	top:100px;
	left:0;
	bottom:0;

}
.map_filter_right{
	display:block;
	width:60%;
	position:fixed;
	top:100px;
	right:0;
	left:auto;
	bottom:0;	
	background-color:#fff;
	border-left:4px solid #efefef;
	overflow-y:auto;
}
.map_filter_right .inner{ padding:20px 0;}
.map_filter_right .noresult{ padding-top:200px; background-position:50% 80px;}

.filter_row{ padding:10px 0; margin:0 30px }
	.filter_th{ width:15%; display:inline-block; vertical-align:top; color:#444; font-size:1em; font-weight:bolder;}
	.filter_td{ width:80%; display:inline-block;}
		.filter_item{}
		.filter_item_more{}
			.filter_item .item3, .filter_item_more .item3{ display:inline-block; width:32%; padding:0px 0;}
		
	.filter_more{ width:3%; display:inline-block; vertical-align:top;}
		.filter_more .ad_toggler{ background:url(https://static-nocdn.abic.com.tw/images/collapse.png) 0 0 no-repeat; width:16px; height:16px; display:block; cursor:pointer;}
		.filter_more .ad_toggler.field-opened{ background-position:bottom;}

.filter_row .gui-btn{ text-align:center; width:100%;}

.search_result{background-color: #fbf1a2; padding:5px 15px; margin:0 15px;}
	.search_result_info{ color:#444; font-size:1em; float:right; padding:4px 0; display:block;}




/*
--------------------推薦景點--------------------
*/
.steps .columtitle{ display:block; margin-bottom:5px;}
.choisephoto{float:left;position:relative;}
.choisephoto #capturing{position: absolute;top:57px;left:57px;display:none;}
#place_photo{width: 150px;min-height:120px; background-color:#f3f3f3;padding:2px;}
.updatebemyself{margin-left: 170px;}
.updatebemyself #listImages{ background-color:#f3f3f3;}
#uploadBtn{position:relative;float:left;margin-top:10px;}
#uploadBtn .word{width:100px;height:35px; line-height:35px; text-align:center; background-color:#CCC;}
#imgOriFile{position:absolute; top:0; left:0;width:100px;height:35px;opacity:0;}

.tag{ display:block; clear:both;}
.tag a.button{ margin-bottom:5px;}

.mapsize{width:100%; height:450px}

.ProfileCoverBox .chage_profile_photo{ z-index:9;}
.chage_profile_photo{ position:absolute; top:10px; left:25px; height:27px; width:0px; }
	.ProfileCover .chage_profile_photo a, .ProfilePhoto .chage_profile_photo a{ background:url(https://static-nocdn.abic.com.tw/images/icon/icon_profile_photo.png) 0 0 no-repeat; padding-left:32px;  height:27px; line-height:27px; text-indent:-9999px; display:inline-block; padding-right:8px;}
	.ProfileCover .chage_profile_photo a:hover,  .ProfilePhoto .chage_profile_photo a:hover{text-indent:0; background-color:#000; font-size:0.875em; color:#fff;border:1px solid #fff;box-shadow: 0 0px 5px rgba(0,0,05,0.8);
    -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.8);
    -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.8); text-decoration:none;}
	
	
.chage_profile_photo input[type=file]{
	background:url(https://static-nocdn.abic.com.tw/images/icon/icon_profile_photo.png) 0 0 no-repeat; padding-left:32px;  height:27px; line-height:20px; text-indent:-9999px; display:inline-block; padding-right:8px; border:0; font-size:0; cursor:pointer;width:0px
   }

.chage_profile_photo .change_cover{ display:none;}   
.chage_profile_photo:hover{background-color:#000; border:1px solid #fff;box-shadow: 0 0px 5px rgba(0,0,05,0.8);
    -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.8);
    -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.8); color:#fff;font-size:0; text-decoration:none; width:150px;}
	.chage_profile_photo:hover .change_cover{ display:block; position:absolute; color:#fff; top:5px; left:32px; white-space: nowrap; width:150px;font-size:1rem;}
	
/*
--------------------討論區--------------------
*/	
#forum_container{
   float:left;
   width: 70%;
   margin-bottom:20px;
}
.forum_main, .forum_other{background-color:#fff; padding:2.5%; margin-bottom:15px; overflow: auto;}
.forumtitle .path{ font-size:2.25rem;}
.forumtitle .gui-select{  font-size: 1.25rem; display:none;  display:inline-block;

}

.forumtitle .gui-radio-two{margin-left:10px; display:inline-block; line-height:1;}
.forumtitle .gui-radio-two label, .forumtitle .gui-radio label, .forumtitle .gui-radio .col label{ font-size:1.25rem;}
.forumtitle .gui-radio-two label:nth-of-type(2){margin-left: -11px;}

.forumtitle .btn{ float:right; margin:10px 0; line-height:0;}
.forumtitle .btn a{ font-size:1rem;
	background: #f4817e;
    padding: 4px 18px;
    margin:2px 2px 2px 2px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
	border-radius: 5px;
	}





.forum_topic{ font-size:2em; line-height:1.5; border-left: 10px solid #ca5078; padding-left:15px; margin:10px 0 10px 0; }
.forum_main .main{border-top: 1px solid #ccc;	}

.forum_box{ clear:both;}

	.forum_box .forum_topic{ font-size:2.125em; line-height:1.5; font-weight:bolder; border-left: 10px solid #ca5078; padding-left:15px; margin:10px 0 10px 0; border-bottom: 1px solid #ccc;	
display: flex; flex-direction: row; justify-content: space-between; align-items: center;
	}
	.forum_box .forum_topic span{ flex: auto;padding-right:10px }
	.forum_box .forum_topic span.fb-box{ width: 100px;padding-right: 0px; text-align: right; display: inline-flex; flex-direction: row; justify-content: flex-end;}

.btn-follow{ 
	border-radius: 3px; 
	height: 20px; 
	min-width: 44px;
	line-height: 20px; 
	color:#fff; 
	text-align: center;
	background-color: #1877f2;
	margin-right: 2px;
	padding: 0 6px;
}

.btn-follow:before{
	content: "\f0a2";
	font: 14px/1 FontAwesome;
    display: inline-block;
    padding-right: 5px;
}
.forum_box .forum_topic a.btn-follow{font-size: 12px; }

	.forum_box .forum_topic a{ float:right; vertical-align:baseline; font-size:0.47em;}
	.forum_box .forum_topic a img{ visibility:hidden;}
	.forum_box .forum_topic a:hover img{ visibility:visible;}
	.forumtab{ font-size:1.25rem; vertical-align:middle;}
	
	.forum-item{
	padding: 10px 0;
  	border-bottom: 1px dotted #ccc;	
	clear:both;
	min-height: 78px;
	}
	
	.forum-item .forum_icon{ float:left; position:absolute; width:66px;}
	.forum-item .forum_icon img{ width:100%;}
	
.topicdetail .forum-item .forum_icon{padding-left:15px;}	
.topicdetail .forum-item .forum_icon.mark{border-left: 4px solid #ca5078;padding-left:15px; padding-bottom:20px; }
	
	.forum-item .forum_message{word-break: break-all;  margin-left:100px; }
		.forum-item .forum_message img{ max-width:100%; height:auto;}
	.forum-item .forum_message .name{ color:#398FC4; font-size:16px; padding-bottom:5px; width:50%; float:left; }
		.forum-item .forum_message .name a{color:#398FC4;font-size:16px;}
	.forum-item .forum_message .forum_btn{ float:right;  text-align:right; width:50%; float:right; padding-bottom:5px;}
	.forum-item .forum_message .forum_btn .time{ text-align:right;  color:#999; display:inline-block;}
	.forumtitle .forum_message .btn, .forum-item .forum_btn .btn{ text-align:center;
		background: #f4817e;
		padding: 4px 18px;
		margin-left: 7px;
		white-space: nowrap;
		color:#fff;
	}
	
	.forum-item .forum_message .message{ font-size:15px; float:inherit; padding-top:5px;word-break: break-all; clear:both; }
	.forum-item .forum_message .message a{ color:#F4817E;}
	.forum-item .forum_message .message a:hover{ color:#e61557;}
	
	.forumtitle .btn a, .forum-item .forum_btn .btn a{ color:#fff;}
	
	.style-button.ui-widget.forumbtn{ background:#ff5566;border:0; height:35px;  line-height: auto;  color:#fff; }
	input.style-button.ui-widget.forumbtn{ padding-right:15px; padding-left:15px;}
	
	.forum-item .link a{display:inline-block; color:#000; text-align:center; margin-left:10px;
		background-color: #E4F2FC;
		border:1px solid #C6D6DD;
		border-radius: 10px;
		padding:2px 4px;
	}
	.forum-item .link a.talk:before, .forum-item .link a.follow:before, .forum-item .link a.share:before{font: normal normal normal 14px/1 FontAwesome; display:inline-block; content: "\f0e5"; padding-right:5px;}
	.forum-item .link a.follow:before{content: "\f0a2";}
	.forum-item .link a.share:before{content:"\f045"; }
	
	
	.forum_info{ display:block; clear:both; text-align:right; padding:5px 0; font-size:0.875em;}

.side_comments .comment.link{
    clear: both;
    font-size:1em;
    padding: 5px 0;
    border-bottom: 1px dotted #ccc;

}
.side_comments .comment.link:last-of-type{border-bottom: 0px;}


.side_comments .forum_slide_list{margin:0;padding:0;}
.side_comments .forum_slide_list li{ list-style-type:none;}
.side_comments .forum_slide_list li a{display:block;padding:5px 15px; margin:10px 10px 0 20px }
.side_comments .forum_slide_list li.current{	background: url(https://static-nocdn.abic.com.tw/images/ui/indicator_right.png) 0 50% no-repeat;}
.side_comments .forum_slide_list li.current a{ 	
	background-color:#fafafa;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
	border-radius: 5px;}
.side_comments .forum_slide_list li.unread a{ background-image:url(https://static-nocdn.abic.com.tw/images/icon_unread.png); background-position:5px 50%; background-repeat:no-repeat;}
.forrwd{ display:none;}
/*
--------------------搜尋景點 --------------------
*/

.search_box{  padding:5%;}

.filters-section{ padding-bottom:1em;    word-break: break-all;}
.section-th{ font-weight:bolder; padding-bottom:0.3em;}
.section-td{}

.filter-select select {
   background: transparent;
   width: 98%;
   margin:0 auto;
   font-size: 1em;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height:2em;
   -webkit-appearance: none;
   text-align:center;
   cursor:pointer;font-weight:bolder
   }
  
.filter-select {
   width:100%;
   height:2em;
   text-align:center;
   background: url(../svg/icon-select-arrow.svg) #f6f6f6  98% 50% no-repeat;
   border: 1px solid #e5e5e5;
   
    box-shadow: 0 0px 4px rgba(34,25,25,0.4);
    -moz-box-shadow: 0 0px 4px rgba(34,25,25,0.4);
    -webkit-box-shadow: 0 0px 4px rgba(34,25,25,0.4);
	
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
	border-radius: 10px;
   }
 .filter-select .filter-input {
    border: 0px solid #e5e5e5;
    background: transparent;
    width: 100%;
    height: 2.1em;
	box-shadow:inset  0 0px 0px rgba(34,25,25,0.4);
    -moz-box-shadow:inset  0 0px 0px rgba(34,25,25,0.4);
    -webkit-box-shadow:inset  0 0px 0px rgba(34,25,25,0.4);
	cursor:pointer;
}  
   
.filter-input{
	 border: 1px solid #e5e5e5;
	background:#fff;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
	border-radius: 10px;
	
	box-shadow:inset  0 1px 4px rgba(34,25,25,0.4);
    -moz-box-shadow:inset  1 0px 4px rgba(34,25,25,0.4);
    -webkit-box-shadow:inset  1 0px 4px rgba(34,25,25,0.4);
	
	width: 100%;
	text-indent:0.5em;

   height:2.1em;
	}  
 
 .filter-adv{ overflow-y:auto;}
 .filter-adv-name{ color:#2527d4;padding:0.5em 0;cursor:pointer;}
 .filter-adv-name:active, .filter-adv-name:hover{color:#F4817E;}
 
  .filter-adv .filters-section{ width:46%; float:left; margin:0 0 0 1%;}
   .filter-adv .filters-section:nth-child(even){float:right; margin:0 1% 0 0 ;}
 
 .filter-btn-box{}
  .filter-btn-box .filter-btn{ width:100%; background-color:#0283df; color:#fff; font-size:1.25em; padding:2% 1%; border:0;
  	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
	border-radius: 4px;
	cursor:pointer;
  }

/*
-------------------- RWD slide menu --------------------
*/

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

	/*insidebanner*/
.insidebanner{ display:none;
		position:relative;
		left: -1.45%;
		top: 0px;	
		width:103%;
		height: auto;
	}

.sb-slidebar .icon a.active{ background: #797979;}
.sb-slidebar {
  background: #333333;
  z-index: 9999;
  position: fixed;  
  left: -300px; /*or width of your navigation panel*/
  width: 300px; /*should match the above value*/
}

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

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

.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;}
.sb-slidebar .user a{  padding: 0;}
.sb-slidebar .user a:link,
.sb-slidebar .user a:visited {
 background:transparent;
}
.sb-slidebar .user .icon{ float:left; width:30%;}
.sb-slidebar .user .name{ float:right; width:65%; color:#fff; text-align:left; line-height:1.5;}


/*
-------------------- RWD Back To Top ---------------------
*/

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  
  bottom: 80px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.8) url(https://static-nocdn.abic.com.tw/images/icon-top.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  z-index:1001;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #aa3854;
  opacity: 1;
}









/* RWD 會員專區menu */
.toggleMenu {
    display:  none;
	position: absolute;
    right: 0px;
    top: 0px;
    width: 66px;
    height: 66px;
	
}
.toggleMenu.active::before{font: normal normal normal 14px/1 FontAwesome;content:"\f00d";  font-size: 2em; line-height:66px; color:#99abb5; background-color:#e9f4fc;
position: absolute;
    right: 0px;
    top: 0px;
    width: 66px;
    height: 66px;}
.nav_toggleMenu {
    list-style: none;
     *zoom: 1;
     background:#e5e5e5;
	 margin: 0; padding: 0;
	 position:relative;
	 display:none;
	 z-index:2;}
.nav_toggleMenu:before,
.nav_toggleMenu:after {
    content: " "; 
    display: table; 
}
.nav_toggleMenu:after {
    clear: both;
}
.nav_toggleMenu ul {
    list-style: none;
	display: block;
    width: 100%;
	margin: 0; padding: 0;
}
.nav_toggleMenu a {
    padding: 10px 15px;
    color:#444444;
}
.nav_toggleMenu li {
	margin: 0; padding: 0;
    position: relative;
}
.nav_toggleMenu > li {
    border-top: 1px solid #fff;
}
.nav_toggleMenu > li > .parent {
    background-image: url("../svg/icon-select-arrow.svg");
    background-repeat: no-repeat;
   background-position: 95% 50%;
}
.nav_toggleMenu li li .parent {
        background-image: url("../svg/icon-select-arrow.svg");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
.nav_toggleMenu > li > a {
    display: block;
}
.nav_toggleMenu li  ul {
    position: absolute;
    left: -9999px;
}
.nav_toggleMenu a:hover, .nav_toggleMenu a:active, .nav_toggleMenu a.active{ color:#f4817e;}
.nav_toggleMenu > li.hover > ul {
    left: 0;
}
.nav_toggleMenu li li.hover ul {
    left: 100%;
    top: 0;
}
.nav_toggleMenu li li a {
    display: block;
    background: #f3f3f3;
    position: relative;
    z-index:100;  
    
}
.nav_toggleMenu li li li a {
    background:#249578;
    z-index:200;
    border-top: 1px solid #ebebeb;
}

 .nav_toggleMenu .active { display: block;}
   .nav_toggleMenu > li.hover > ul , .nav_toggleMenu li li.hover ul {
        position: static;
    }
	    
.js .tinynav { display: none; width:100%; padding:1%;
}
/*
--------------------RWD table --------------------
*/
.rwd_table_form   > div {        
  clear: both;
  /*overflow: hidden;*/
  padding: 1px;
  margin: 0 0 10px 0;
}
.rwd_table_form   > div:after{ display:block; clear:both; content:' '; }

.rwd_table_form > div > fieldset > div > div {
  margin: 0 0 5px 0;
}
.rwd_table_form > div > label,
.rwd_table_form legend {
  width: 19%;
  float: left;
  padding-right: 1%;
  text-align:right;
}
.rwd_table_form > div > div,
.rwd_table_form > div > fieldset > div {
  width: 80%;
  float: right;
}
.rwd_table_form > div > fieldset label {
	font-size: 90%;
}
.style-button{ text-align:left;}
.me_profile_form .rwd_table_form{margin-top:15px;
    padding: 1.5%;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	background-color:#fff; overflow-y:auto;}
.rwd_table_form select{ margin-bottom:10px; width:30%;}


.rwd_table_form > div.half_field{ width:49%; float:left; clear:none;}
.rwd_table_form > div.half_field > label{width: 30%;}
.rwd_table_form > div.half_field > div{width: 68%; float:left;}

.css-table.additional{ margin-top:10px;}
.css-table.additional  .th{ background-color:#f9f5d3;}
.css-table, .forum_css-table{
	width: 100%;
	border-collapse: collapse;
	display: table;
}
.css-table .thead, .forum_css-table .thead{
	display:table-header-group;
}
.css-table .tbody, .forum_css-table .tbody{
	display:table-row-group;
}
.css-table .tr{
	display:table-row;
	padding:10px 7px;
}
.td-cancel{text-decoration: line-through; }
.css-table .th, .css-table .td, .forum_css-table .th, .forum_css-table .td{
	display:table-cell;vertical-align: top;padding:10px 7px;
}
.css-table .hide_td{ display:none;}

 
	/*  RWD 購買紀錄table */
	
	.order_table .th{ background-color:#ffdb01; text-align:left; vertical-align:top; font-size:1em; color:#000; font-weight:bolder;}
	.order_table .td{	border-bottom: 1px dotted #bbb;  text-align:left; vertical-align:top;  font-size:1em; color:#444; word-break:break-all}
	.order_table .stress_red{ color:#f01400;}
	.order_table .td{ width:11%;}
	.order_table .td:nth-of-type(1){ width:20%;}
	.order_table .td:nth-last-of-type(3){ width:12%;}
	.order_table .td:nth-last-of-type(2){ width:15%;}
	.order_table .td:nth-last-of-type(1){ width:13%;}
	.order_table .gui-btn-light{white-space: nowrap;}
	
	.product_box{ clear:both; }
	.product_box .product_pic img{width: 100%; }
	.product_box .desc{   margin-bottom:5px; padding-top:5px;}
	.product_box .desc a{color:#444; }
	.product_box .code a{ color:#f4817e; }
		.product_box .show_code a, .css-table .hide_td  .show_code a{ color:#398FC4; display:block;margin-top:5px; font-size:0.875rem; }
		 .css-table .hide_td  .show_code a{ text-align:center;}
		 .css-table .hide_td  .show_code{ display:inline-block;}
	.icon-pencil{ cursor:pointer;}



	/* RWD 討論區table */
	.forum_box .css-table{ margin-top:15px;}
			.forum_box .th{ border-bottom: 1px solid #ccc; padding:5px; font-weight:bold;}
			.forum_box .th.first{border-left: 10px solid #ca5078; padding-left:10px;}
			.forum_box .td{ padding:10px 5px;}
			.forum_box .tbody .tr:nth-child(even){ background-color:#f6f6f6;}
			.forum_box .tbody .tr:hover, .forum_box .tbody .tr > .td:focus{ background-color:#e4f2fc; cursor:pointer;}
			.forum_box .td.first{padding-left:15px;}
	.forum_box .td{ width:20%;}
	.forum_box .td:nth-of-type(1) {width:30%; }
	.forum_box .td:nth-of-type(2){white-space: nowrap; width:10%;}
	.forum_box .td:nth-of-type(3){white-space: nowrap;}
	.forum_box .td:nth-of-type(4){white-space: nowrap; }
	.forum_box .td:nth-of-type(5){ white-space: nowrap;}


	/* RWD 訂購資訊table */
	.block_cont .th{ background-color:#f3f3f8;}
	.block_cont .td{ font-size:1em; border-bottom:1px #aaa solid; width:10%; }
	.block_cont .td:nth-last-of-type(1){  font-weight:bolder; }
	.block_cont .td .desc a{font-size:0.875em; }
	
	.block_cont .td:nth-of-type(1){width:36%;}
	.block_cont .td:nth-of-type(5){ width:12%;}
	.block_cont .td:nth-last-of-type(1){ width:12%;}
	
	#sidepost .flex-direction-nav{ display:none;}
	
	#place iframe{ width:100%; overflow:auto;}
	
	.forumtitle .filter-select{ display:none; }
	.forumtitle .filter-select select{ height:30px;}
	
	
	/* RWD 加購資訊table */
	 

	.block_cont .additional .td:nth-of-type(1), .block_cont .additional .th:nth-of-type(1) {width:40%; }
	.block_cont .additional .td:nth-of-type(2), .block_cont .additional .th:nth-of-type(2){width:11%; }
	.block_cont .additional .td:nth-of-type(3), .block_cont .additional .th:nth-of-type(3){width:11%;}
	.block_cont .additional .td:nth-of-type(4), .block_cont .additional .th:nth-of-type(4){width:24%;}
	.block_cont .additional .td:nth-of-type(5), .block_cont .additional .th:nth-of-type(5){width:14%;}

/*
--------------------replace  jquery-ui-1.css--------------------
*/
.helper-hidden { display: none; }
.helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.helper-clearfix:before, .helper-clearfix:after { content: ""; display: table; }
.helper-clearfix:after { clear: both; }
.helper-clearfix { zoom: 1; }
.helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }



.style-button {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: .1em;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
}

.button_set .style-button {
    margin-left: 0;
    margin-right: -.4em;
}
.widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* 原.ui-widget-overlay */

/*
--------------------custom Club Med banner--------------------
*/
	.banner_clubmed{position:fixed; top:80px; right:0; z-index:1000;}
	.banner_clubmed .close_banner{ display:block;width:14px; height:14px;   cursor:pointer; position: absolute; top:5px; right:5px;}
	.formobile{ display:none;}
	@media (max-width: 640px) {
		  .forweb{ display:none;}
		  .formobile{ display:block;}
		  .banner_clubmed{position:fixed; bottom:0; right:0; z-index:1000;  top: auto; width:100%;}
		  .banner_clubmed img{ width:100%;}

		  .bottomfixed .banner_clubmed{bottom: 68px;}
		  .bottomfixed{margin-bottom: 254px;}
		 .bottomfixed  .cd-top{ bottom:146px; /* 80+66 */  }


			.bottomfixed .fb_dialog_content iframe {
			bottom: 146px!important; 
			right: auto!important; 
			left: 10px!important; 
			}
		}

/*
--------------------GUI--------------------
*/
.gui-input-text-white, .gui-input-text-blue{
	padding:0 10px;
	height: 26px;
    line-height: 26px;
	cursor: pointer;
	font-size: 1em;
    text-align: left;
	background: #FFF;
    border: 1px solid #C6D6DD;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	margin:2px 5px 2px 0;
}
.gui-input-text-white:hover, .gui-textarea-white:hover, .gui-radio-two label:hover, .gui-radio label:hover, .gui-radio .col label:hover{background: #F3FAFE;}

.gui-input-text-blue{background: #E4F2FC;}
.gui-textarea-white{	
	padding: 0.5% 1%;
	font-size: 1em;
	border: 1px solid #C6D6DD;
	outline: none;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	margin:2px 0;
}

.gui-radio-two , .gui-radio { line-height:2; }

.gui-radio-two input[type="radio"] , .gui-radio input[type="radio"],  .gui-radio .col input[type="radio"] , .gui-radio input[type="checkbox"],  .gui-radio .col input[type="checkbox"]{ 
	border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.gui-radio-two input:checked + label , .gui-radio input:checked + label , .gui-radio .col input:checked + label {background: #E4F2FC;}
.gui-radio-two label, .gui-radio label, .gui-radio .col label{
	background: #FFF;
    border: 1px solid #C6D6DD;
    font-size: 1em;
    height: 26px;
    line-height: 26px;
	cursor:pointer;
	padding:4px 10px;
	
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	
	margin:5px 0;
	white-space :nowrap;

	}
.gui-radio-two label:nth-of-type(1) {
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	
    -moz-border-bottom-right-radius: 0px;
	 -webkit-border-bottom-right-radius: 0px;
	-khtml-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
	
	-moz-border-top-right-radius: 0px;
	 -webkit-border-top-right-radius: 0px;
	-khtml-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
}	
.gui-radio-two label:nth-of-type(2){
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	
    -mozborder-top-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-khtml-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
	
	-mozborder-bottom-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-khtml-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
	
	margin-left:-5px;
}

.gui-select{
	background: #FFF;
    border: 1px solid #C6D6DD;
    font-size: 1em;
    line-height: 26px;
	cursor:pointer;
	padding:2px 10px;
	
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	margin:2px 5px 2px 0;
	}
	
.gui-popup{
	position: absolute;
    display: none;
    top: 35px;
    left: 0px;
    z-index: 1000;
    
	text-align:left;
	background: #eee;
    width: 385px;
    padding: 5px 0 10px 15px;
	line-height:2.5;
    box-shadow: 0 1px 3px rgba(34,25,25,0.4);
    -moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
    -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	
	 -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}	
.gui-popup .close {
    background-image: url(https://static-nocdn.abic.com.tw/images/areaSelector_close.png);
    position: absolute;
    right: 7px;
    bottom: 7px;
	padding:19px 19px 0 0;
	line-height:0;
	font-size:0;
    cursor: pointer;
}
.gui-popup .col{float: left;  margin-right: 10px; width:58px;}
.gui-popup .all {
    text-align: center;
    margin-top: 10px;
    margin-right: 15px;
    padding-top: 10px;
    border-top: 1px solid #C6D6DD;
}

#filter .gui-input-text-white{width:160px; text-align:center;}
#filter .gui-input-text-blue{ width:120px; text-align:center; }
#filter .gui-btn{ height:24px; line-height:24px;}

.gui-btn, .gui-btn-light, .gui-btn-gray, .gui-btn-red{
	padding:0 10px;
	height: 26px;
    line-height: 26px;
	cursor: pointer;
	font-size: 1em;
    text-align: left;
	background: #91afbc;
    border: 1px solid #91afbc;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	margin:2px;
	color:#fff;
	display:inline-block
}
.gui-btn-light{background: #fff url(https://static-nocdn.abic.com.tw/images/btn-light.png) 0 100% repeat-x; border: 1px solid #C6D6DD; color:#444;}
.gui-btn-gray{background:#ccc none;border: 1px solid #ccc; color:#444; padding:5px 10px; height:auto; line-height:auto;}
.gui-btn-red{background: #ff5566;border:1px solid #ff5566; color:#fff; padding:5px 15px; height:auto; line-height:auto;}

.btn-disable{background: #eee;
    color: #aaa;
    border: 1px #ddd solid;}


.post_me .comment .comment_message .gui-btn-light{color:#444;}
.post_me .comment .comment_message .gui-btn, .viewtab .tabcont .gui-btn{color:#fff;}
.gui-btn.large-btn{ font-size:1.25rem; padding:10px 15px;height: auto;  line-height: auto;}
.gui-btn.disabled, a:hover.gui-btn.disabled{border: 1px #ddd solid;background: #f3fafe;    color: #444;height: auto;  line-height: auto;}

a:hover.gui-btn{ color:#fff;}
a:hover.gui-btn-light{color:#444;}
.gui-btn-light:hover{background: #eeeeee;}

.gui-btn-gray:hover, .gui-btn-red:hover{opacity:0.8;}

.gui-btn:hover, .post_me .comment .comment_message .gui-btn-light:hover,  .post_me .comment .comment_message .gui-btn:hover, #place .comment .comment_message .gui-btn:hover, .viewtab .tabcont .gui-btn:hover{ background-color:#b0c5cf; color:#444;}


/*
-------------------- JQUERY owl.carousel ------------------
*/
   #owl-demo .owl-item img, #owl-demorwd .owl-item img,
   .owl-demo .owl-item img, .owl-demorwd .owl-item img{
      display: block;
      width: 100%;
      height: auto;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
    }
	#owl-demo .owl-item img{height: 315px;}
	#owl-demorwd .owl-item img, #owl-demorwd .owl-item .disc,
  .owl-demorwd .owl-item img, .owl-demorwd .owl-item .disc{-webkit-border-radius: 0px;-webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      border-radius: 0px;}
	.owl-buttons{ display:none;}
.insidebanner{margin-bottom:10px;}
	.owl-item .disc{
		position: absolute;bottom: 0; background: rgba(0,0,0, .7); font-size:1.25rem; width:83%;
		-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; padding:1% 1% 1% 1%; color:#fff; }

	#owl-demo .owl-item .disc, #owl-demorwd .owl-item .disc, .owl-demorwd .owl-item .disc{
		width:100%; moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size:1.25rem;}
	.owl-item .disc a, .viewtab .owl-item .disc a{ display:block; color:#fff;}
	.owl-theme .owl-controls{position: absolute;    bottom: 0;    right: 0;}
	.owl-theme .owl-controls .owl-page span{    background:#fff; filter: Alpha(Opacity=100);/*IE7 fix*/	opacity: 1;}
	.owl-theme .owl-controls .owl-page.active span{ background-color:#ED4093;}
.croppie-plugin-close{ display:none;}	
.croppie-function{ position:absolute; bottom:4px; right:0; height:55px; width:100%; background-color:#fff; text-align:right; line-height:55px;}	



	.ProfileTab .croppie-function a{ line-height:26px;}
	.croppie-move{ cursor:move;}
	.croppie-exp{ color:#fff; 
	font-weight:bold;
	background-color:rgba(155, 187, 202, .9);
	padding:5px;

	
	-moz-border-radius: 5px;
		-webkit-border-radius:  5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
	
	position:absolute; top:150px; left:50%; font-size:1.25rem;
	text-align:center; width:300px; margin-left:-150px;
	z-index:9;
	
	}
	.croppie-exp span{ display:none;}
	.croppie-exp::before{ display:inline-block; content:'';background:url(https://static-nocdn.abic.com.tw/images/Drag.png) 0 0 no-repeat; background-size:contain; width:30px; height:30px; vertical-align:middle;margin-right:5px;}
	
.croppie-Profile-function{ text-align:center; padding:5px 0;}
.croppie-Profile-function .cr-slider{ display:block; margin:0 auto 10px auto; width:100%;}	
.croppie-Profile-page-function{ text-align:center; padding:0px 0 20px 0;}
.croppie-Profile-page-function .cr-slider{ display:block; margin:0 auto 10px auto; width:233px;}	
.chage_profile_photo_box{ text-align:center; /*width:233px;*/ margin:0 auto; position:relative;}
 .chage_profile_photo_box img{ width:100%;}
 .croppie-exp.single{ top:370px;}


/* google push */
.google-push{ width:460px; background: #d3eaf9 url(https://static-nocdn.abic.com.tw/images/header_bg.png) 0 0; padding:15px;position:fixed; bottom:4px; left:4px; z-index:1000;
 box-shadow: 0 0px 4px rgba(34,25,25,0.4);
    -moz-box-shadow: 0 0px 4px rgba(34,25,25,0.4);
    -webkit-box-shadow: 0 0px 4px rgba(34,25,25,0.4);
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
	.google-push .title{ font-size:1.25rem; font-weight:bolder; padding-bottom:10px;}
	.google-push p{font-size:1rem; padding-bottom:10px; line-height:1.5;}
	.google-push .light{ color:#f58221;}
	.google-push .blue-btn {  position:absolute; right:15px; bottom:15px;}
	.google-push .blue-btn a{
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
			background-color: #3b5998;
			ont-size: 1.2em;
		display: block;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-khtml-border-radius: 10px;
		border-radius: 10px;
		padding: 0.5em 1em;
		margin: 0 auto;
		width: 100%;
		text-align: center;
		color: #fff;
		width: 80px;
		display: inline-block;
		margin: 0 1%;
		}
		.google-push .blue-btn a:hover {
    background-color: #566d9c;
    color: #fff;}
	
	.google-push .close {
    display: block;
    width: 14px;
    height: 14px;
    background: url(https://static-nocdn.abic.com.tw/images/icon_banner_close.png) 0 0 no-repeat;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
}
@media (max-width:480px) {
		  .google-push{ width:100%;bottom:0px; left:0px;}
		  .google-push .blue-btn {  position:relative; margin-left:-40px; left:50%; top:0; }
		  .google-push .blue-btn a{ }
		}

.post .adDiv_msite{padding:0; }
.intl-tel-input .country-list{ width:265px;}


.keyword{ height:20px; margin-bottom: 10px;    margin-top: 0px; text-align:center; width:100%; overflow:hidden;}
.keyword ul{margin:0; padding:0;}
.keyword li{ display:inline-block; margin:0 10px 0 0px; font-size:0.875rem; color:#444;}
.keyword li a{ color:#687d86;}
.keyword li a:hover{color:#f4817e;}

#filter br{ display:none;}
#filter:after{ display:block; clear:both; content:' ';}

/* 加購 */

.add_set{ padding-left:15px; font-size:0.5em; float:right;}
.product_set{ border:1px solid #e1e1e1; border-bottom:10px solid #e1e1e1; margin:0;}

.block_cont.product_set .td{ border-bottom:1px dashed #e1e1e1;}
.block_cont.product_set .tr:last-of-type .td{border-bottom:0px ;}
.product_block .block_cont.product_set .summary_info {
    border-top:3px double #e1e1e1;
	padding: 5px 0px ;
 
}
.block_cont .td select{ display:block;}
.total_summary_info{ background-color:#f08418; color:#fff; padding: 10px 5px; margin-bottom:30px;text-align: right;    font-size: 1.2em;}

.total_summary_info span.item_num {
    margin: 0px 5px 0px 5px;
    font-weight: bold;
}
/*
-------------------- 放在最後 ------------------
------------- NEW 內文連結顏色 ------------------
*/

.entry-content a, .viewtab .tabcont a, .first_letter_big a, #place .comment .comment_message a, .post_me .comment .comment_message a, .viewtab .owl-item .disc a:hover, .owl-item .disc a:hover{color:#F4817E;}
.entry-content a:hover, .viewtab .tabcont a:hover, .first_letter_big a:hover, #place .comment .comment_message a:hover, .post_me .comment .comment_message a:hover{color:#e61557;}

/* fb 儲存 */
.fb-save{margin:0 5px}
#main_static h1 { line-height: 1;}






.icono-cross {

	    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
width:14px;
height:14px;
	display: inline-block;
	
}

.icono-cross:after, .icono-cross:before {
    content: '';
    pointer-events: none;
	width: 20px;
    height: 2px;
	display: inline-block;
	background-color:#fff;
	position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	box-shadow: 0 0 5px rgba(0,0,0,.7);
	
}


.icono-cross:after {
   
	width: 2px;
    height: 20px;

}

.google_ads_div{ text-align: center; }



/*  好康優惠  */
.product_cont .p_brief_info{ 

	position:relative;
	-moz-box-shadow: 0 0px 6px rgba(34,25,25,0.4);
    -webkit-box-shadow: 0 0px 6px rgba(34,25,25,0.4);
	-khtml-box-shadow: 0 0px 6px rgba(34,25,25,0.4);
	box-shadow: 0 0px 6px rgba(34,25,25,0.4);
	border-radius: 10px;

}

.product_cont .p_pic{ 
	
	width:100%;
	padding:0px;
	background:#fff;
    
}
.product_cont .p_pic a{ 
	display:block;
	width: 100%;
	padding-top: 50.65%;
	background-position:left top;
	background-repeat:no-repeat;
	
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-khtml-background-size:cover;
	background-size:cover;
}


.product_cont .p_price_org, .product_cont .p_price_save{ 
	line-height:20px;
	color:#ffe4c6;
	text-align:center
}
.product_cont .p_price_save{ margin-top:0px;}
.product_cont .p_price_org span,
.product_cont .p_price_save span{ 
	font-size:1em;
	margin:0px 2px 0px 2px;
}
.product_cont .p_price_org .ctxt,
.product_cont .p_price_org .etxt,
.product_cont .p_price_save .ctxt,
.product_cont .p_price_save .etxt{ 
	font-size:1em;
}
.product_cont .p_price{ 
	line-height:1.2;
	color:#ff8700;
	color:#fff;
	font-weight:bold;
	margin:0px 5px 0px 5px;
	text-align:center
}

.product_cont .p_price .ctxt,
.product_cont .p_price .etxt{ 
	font-size:0.5em;
}
.product_cont .p_order{ 
	font-size:1.5em;
	text-align:center;
}

.product_cont .right .box1 {background:#ffa33c;}
.product_cont .right .box2 .p_buy_num{ 
	background:#fff;
	color:#666;
	font-weight:bold;
	text-align:center;
}
.fb-like{
	display:inline-block; 
	margin-top: -11px;
}
.line-like{
	display:inline-block; 
	margin-top: 8px;

}

.product_cont .p_counter{ 
	font-weight:bold;
	line-height:1.4em;
	color:#ffa33c;	
	background:#444;
	text-align: center;
	
}
.product_cont .p_counter .countdown:before {
	display: inline-block;
	content: '';
	width: 19px;
	height: 16px;
	background:url(https://static-nocdn.abic.com.tw/images/icon_clock.gif) no-repeat 0 0 / cover;
	vertical-align: sub;
}
.product_cont .p_counter span{ 
	margin:0px 5px 0px 0px;
}
.product_cont .p_counter em{ 
	margin:0px 2px 0px 5px;
}



@media (min-width:954px){
        .product_cont .left .p_pic,
		.product_cont .p_pic a{
	    	border-top-left-radius: 10px;
	    	border-bottom-left-radius: 10px;
	    }
	    .product_cont .right .box1{border-top-right-radius: 10px;}
	    .product_cont .right .p_counter{border-bottom-right-radius: 10px;}

		.product_cont .p_brief_info{
			display: flex;
			flex-direction: row;
			align-items: stretch;
			justify-content: space-between;

		}

		.product_cont .p_price{ 
			font-size:3.4em; 
			margin-bottom: -8px;
		}
		.product_cont .left{ flex:1;}
		.product_cont .right{
			flex:0 0 200px; 
			display: flex;
			flex-wrap: wrap;
		}
		.product_cont .right .box1{align-items: center;}
		.product_cont .right .box1,
		.product_cont .right .box2{
			width: 100%;
			display: flex;
			flex-wrap: wrap;
		}
		.product_cont .right .box1 > div{
			width: 100%; 
		}
		.product_cont .right .box2 > div{
			width: 100%; 
			padding:0px
		}
		.product_cont .right .box2 .p_counter,
		.product_cont .right .box2 .p_buy_num,
		.product_cont .right .box1 .p_order{
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.product_cont .right .box1 .p_order{    max-height: 90px;}
		.product_cont .right .box2 .p_counter{padding:5px}
}
@media (max-width:953px){
		
		.product_cont .left .p_pic,
		.product_cont .p_pic a{
	    	border-top-left-radius: 10px;
	    	border-top-right-radius: 10px;
	    }
	    .product_cont .right .box1{border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}

		.product_cont .p_brief_info{
			display: flex;
			flex-wrap: wrap;
		}
		.product_cont .left, 
		.product_cont .right,
		.product_cont .right .box1,
		.product_cont .right .box2{
			width: 100%;
		}

		.product_cont .right{
			display: flex;
			flex-direction: column-reverse;

		}
		.product_cont .right .box1,
		.product_cont .right .box2{ 
			display: inline-flex; 
			justify-content: space-between;
			align-items: stretch;
		}

		.product_cont .right .box1 > div,
		.product_cont .right .box2 > div{
			flex:  1;
			padding: 5px;
			

		}
		
		.product_cont .right .box2 .p_counter,
		.product_cont .right .box1 .p_order{
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.product_cont .p_price{ 
			font-size:2em; 
		}


}