@charset "utf-8";
/* CSS Document */
.clear { clear: both; }

element:hover, element:active {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-user-select: none;
-webkit-touch-callout: none
}

body, td{ font-size: 16px; }
body { font-family:微軟正黑體,Microsoft JhengHei,蘋果儷中黑,Apple LiGothic Medium,黑体,SimHei,sans-serif; color: #555; background-color: white; }
a{ color: #00A499; }
a:hover{ color: #087; }
.text-color-green { color: #00A499; }
a.scroll_obj, a.scroll_obj .item { background-color: #EEE !important;}

#wrapper { position: relative; background-color: #FFF; margin: 0px auto; max-width: 760px; overflow: hidden; }
#header { height: 50px; background-color: #00A499; z-index: 5; }
#header>div { position:relative; }
#header.fixed { position: fixed; top: 0; width: 100%; max-width: 760px; }
#header .title { text-align: center; line-height: 50px; color: white; font-size: 18px; }
#header .btn-side-menu{ position:absolute; left: 0px; top: 0px; display: block; width: 50px; height: 50px; background-image: url(../images/top-menu-btn-side-menu.png); background-size: 50px 50px; text-indent: -999px; overflow: hidden; }
#header .btn-search{ position: absolute; top: 0px; right: 0px; display: block; width: 50px; height: 50px; background-image: url(../images/top-menu-btn-search.png); background-size: 50px 50px; text-indent: -999px; overflow: hidden; }
#dummy_header { }
.btn-report img { width: 20px; height: 20px; }
/*--------------------------------------------------------------*/

#header-grey{
	height:50px;
	background-color:#F8F8F8;
	position:relative;
}
#header-grey .title{
	text-align:center;
	color:#333;
	line-height:50px;
	font-size:18px;
}
#header-grey .btn-back{
	position:absolute;
	left:0px;
	top:0px;
	height:50px;
	width:50px;
	background-image:url(../images/top-menu-btn-back-grey.png);
	background-size:50px 50px;
	text-indent:-999px;
	overflow:hidden;
	display:block;
}
#header-grey .btn-text{
	position:absolute;
	top:0px;
	right:0px;
	height:50px;
	width:50px;
	background-image:url(../images/top-menu-btn-search.png);
	background-size:50px 50px;
	color:#666;
	overflow:hidden;
	line-height:50px;
	display:block;
}

/*---------------------------------------------------------------------------------------*/
#footer, #footer-grey{
	background-color:#00A499;
	padding:20px;
	color:#FFF;
	text-align:center;
	font-size:12px;
}
#footer a { padding: 2px; }
#footer a:HOVER { text-decoration: underline; }
#footer .download-app{
	margin-bottom:10px;
}
#footer .download-app a{
	margin:0px 5px;
	display:inline-block;
}
#footer .download-app a img{
	width:120px;
}
#footer .copyright-link{
	margin-top:5px;
	margin-bottom:15px;
}
#footer .links-group a, #footer .copyright-link a{
	color:#FFF;
}
#footer .switch-agent a { color: white; }

/*--------------------------------------------------------*/
#footer-grey{
	background-color:#EEE;
	border-top:1px solid #CCC;
	color:#666;
}

/*----------------------------------------------------*/

#side-menu { position: absolute; left: 0px; top: 0px; width: 100%; z-index: 50; display: none; }
.side-menu-close-area { position: absolute; right: 0px; top: 0px; height: 100%; width: 50px; background-image: url(../images/black-60.png); }
.side-menu-content { margin-right: 50px; background-color: #FFF; }
.side-menu-content .member-panel { position: relative; padding: 5px 20px; height: 110px; text-align: center; overflow: hidden; background-image: url(../images/side-menu-member-panel-bg-green.png); background-color: #01BDB3; background-size: cover; }
.side-menu-content .member-panel.after-login{ text-align: left; background-color: #E8C000; background-image:url(../images/side-menu-member-panel-bg-yellow.png); }
.side-menu-content .member-panel.after-login .profile-entry { padding-top:5px; }
.side-menu-content .member-panel.after-login .profile-thumb{
	height:70px;
	width:70px;
	border-radius:35px;
	border:2px solid #FFF;
	margin-bottom:5px;
	background-color:#EEE;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.side-menu-content .member-panel.after-login .name { color:#FFF; }
.side-menu-content .member-panel.after-login .arrow { position: absolute; right: 10px; bottom: 15px; width: 7px; height: 10px; }
.side-menu-content .member-panel.after-login .profile-fb {
position: absolute;
top: 55px;
left: 70px;
color: #F00;
width: 20px;
height: 20px;
background-image: url(../images/side-menu-fb-logo.png);
background-size: cover;
}

.side-menu-content .member-panel .logo{
	height:40px;
	display:block;
	background-image:url(../images/price-logo-dark.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	
}
.side-menu-content .member-panel .btn-login, .side-menu-content .member-panel .btn-reg{
	display:inline-block;
	background-color:#F0C400;
	color:#FFF;
	width:100px;
	height:40px;
	line-height:40px;
	margin:15px 3px 0px 3px;
	border-radius:3px;
}
.side-menu-content .member-panel .btn-reg{
	background-color:#FFF;
	color:#00A499;
}
.side-menu-content .page-links a, .side-menu-content .setting-links a{
	display:block;
	height:50px;
	line-height:50px;
	padding-left:50px;
	color:#666;
	background-size:40px 40px;
	background-position:5px 5px;
	background-repeat:no-repeat;
}

/*
.page-links a.home{ background-image:url(../images/side-menu-icon-home.png);}
.page-links a.category{ background-image:url(../images/side-menu-icon-category.png);}
.page-links a.shop{ background-image:url(../images/side-menu-icon-location.png);}
.page-links a.news{ background-image:url(../images/side-menu-icon-news.png);}
.page-links a.second-hand{ background-image:url(../images/side-menu-icon-second-hand.png);}
*/
.page-links a.home{ background-image:url(../images/side-menu-icon-home.png);}
.page-links a.category{ background-image:url(../images/side-menu-icon-category.png);}
.page-links a.shop{ background-image:url(../images/side-menu-icon-location.png);}
.page-links a.news{ background-image:url(../images/side-menu-icon-news.png);}
.page-links a.second-hand{ background-image:url(../images/side-menu-icon-second-hand.png);}

.page-links a.history{ background-image:url(../images/side-menu-icon-history.png);}
.page-links a.setting{ background-image:url(../images/side-menu-icon-setting.png);}
.page-links a.logout{ background-image:url(../images/side-menu-icon-logout.png);}
.page-links a.lang { position: relative; background-image:url(../images/side-menu-icon-setting.png);}
.page-links a.lang form {}
.page-links a.lang select { position: absolute; top: 0; right: 20px; width: 100%; background-color: transparent; font-weight: bold; border: 0; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; }
.page-links a.sub-zone { background: none; overflow: hidden; }
.page-links a.sub-zone>.icon { display: inline-block; width: 26px; height: 26px; position: relative; top: 6px; left: -10px; background-size: contain; }
/*
.page-links a.sub-zone-1>.icon { background-image: url('../images/icon/new_zone/zone_01.png'); }
.page-links a.sub-zone-2>.icon { background-image: url('../images/icon/new_zone/zone_02.png'); }
.page-links a.sub-zone-3>.icon { background-image: url('../images/icon/new_zone/zone_03.png'); }
.page-links a.sub-zone-4>.icon { background-image: url('../images/icon/new_zone/zone_04.png'); }
.page-links a.sub-zone-5>.icon { background-image: url('../images/icon/new_zone/zone_05.png'); }
.page-links a.sub-zone-6>.icon { background-image: url('../images/icon/new_zone/zone_06.png'); }
.page-links a.sub-zone-7>.icon { background-image: url('../images/icon/new_zone/zone_08.png'); }
.page-links a.sub-zone-8>.icon { background-image: url('../images/icon/new_zone/zone_07.png'); }
.page-links a.sub-zone-9>.icon { background-image: url('../images/icon/new_zone/zone_09.png'); }
.page-links a.sub-zone-10>.icon { background-image: url('../images/icon/new_zone/zone_11.png'); }
.page-links a.sub-zone-33>.icon { background-image: url('../images/icon/new_zone/zone_033.png'); }
*/
.zone-flag { display: block; position: absolute; left: 30px; margin-top: 6px; width: 17px; height: 17px; overflow: hidden; z-index: 1;}
.zone-new, .zone-hot { display: block; overflow: hidden; width: 17px; height: 17px; background-size: contain; }
.zone-new { background-image: url("../images/zh_HK/new_20.png"); background-repeat:no-repeat; }
.zone-hot { background-image: url("../images/zh_HK/hot_20.png"); background-repeat:no-repeat; }

.setting-links a.history{ background-image:url(../images/side-menu-icon-history.png);}
.setting-links a.setting{ background-image:url(../images/side-menu-icon-setting.png);}
.setting-links a.logout{	background-image:url(../images/side-menu-icon-logout.png);}
.setting-links a.lang { position: relative; background-image: url(../images/side-menu-icon-setting.png); line-height: 100%; padding-right: 80px; padding-top: 15px; height: auto; padding-bottom: 15px; background-position: 5px center;}
.setting-links a.lang form {}
.setting-links a.lang select { position: absolute; width: 100%; height:100%; float: left; top: 0; right: 0px; background-color: transparent; font-weight: bold; border: 0; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; padding-right: 5px; }
.setting-links a.lang select option { text-align: right; }
@-moz-document url-prefix() { 
.setting-links a.lang select { margin-top: 15px; }
}

.side-menu-content .page-links a:hover, .side-menu-content .setting-links a:hover{
	background-color:#F6F6F6;
}
.side-menu-content .page-links{
	border-bottom:1px solid #CCC;
}
.side-menu-content .setting-links{
	padding-bottom:100px;
}

/*-----------------------------*/
.container-no-margin{ font-size: 1.1em; }


.fav-list-empty{
	padding-top:100px;
	background-color:#EEE;
	padding-bottom:100px;
}
.fav-list-empty .info-img{

	background-image:url(../images/fav-empty-img.png);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	height:180px;
}
.fav-list-empty .info-message{
	text-align:center;
	color:#333;
	margin-top:15px;
}
/*------------*/
.list-edit-mode .product-list-content{
	margin-left:140px;
	margin-right:10px;
	padding-right:0px;
}
.list-edit-mode .product-list-thumbnail{
	left:50px;
}
.list-edit-mode .product-list-content{
	background-image:none;
}
/*---------------*/

.product-list-control{
	background-color:#EEE;
	height:50px;
	line-height:50px;
	overflow:hidden;
	border-bottom:1px solid #CCC;
}
.list-control-select-all{
	width:100px;
	float:left;
}
.list-control-select-all .list-control-select-all-box{
	width:50px;
	text-align:center;
	float:left;
}
.list-control-select-all .list-control-select-all-text{
	margin-left:50px;
}
.list-control-right-btn{
	width:80px;
	text-align:center;
	color:#00A499;
	border:1px solid #00A499;
	border-radius:2px;
	float:right;
	height:34px;
	line-height:34px;
	margin-top:7px;
	margin-right:10px;
}

.list-control-right-btn:hover{
	background-color:#00A499;
	color:#FFF;
}
.list-control-delete-btn{
	background-image:url(../images/menu-icon-delete.png);
	height:50px;
	width:50px;
	float:right;
	text-indent:-999px;
	overflow:hidden;
	background-size:40px;
	background-position:center;
}

/*------------------------------------------------*/

.page-number-container{
	margin:50px 5px;
	position:relative;
	height:50px;
	text-align:center;
}
.page-number-container .page-btn{
	height:100%;
	width:78px;
	line-height:50px;
	background-color:#00A499;
	position:absolute;
	color:#FFF;
	top:0px;
	text-align:center;
	font-size:0.9em;
	border-radius:4px;
}
.page-number-container .page-btn a { color: white; }
.page-number-container .page-btn:hover{
	background-color:#087;
}
.page-number-container .btn-first{left:0px; width:40px;}
.page-number-container .btn-previous{left:42px;border-left:1px solid #FFF;}
.page-number-container .btn-next{right:42px;border-right:1px solid #FFF;}
.page-number-container .btn-last{right:0px; width:40px;}
.page-number-container .btn-disable{background-color:#CCC;color:#FFF;} 
.page-number-container .current-page{ height: 100%; margin: 0px 125px; }
.page-number-container .current-page .current-page-picker{ width: 100%; height: 50px; line-height: 38px; text-align: center; border-radius: 4px; background-color: #F6F6F6; font-size: 0.9em; }
.page-number-container .current-page .current-page-picker option{ text-align: center; }
.page-number-container .current-page .current-page-picker:after { display: none; }

/*---------------------------------------------------*/


.mine-upper{
	height:240px;
	background-image:url(../images/side-menu-member-panel-bg-yellow.png);
	background-color:#E8C000;
	background-position:center;
	background-size:cover;
	position:relative;
}
.mine-upper .mine-link-bar{
	position:absolute;
	height:60px;
	bottom:0px;
	left:0px;
	width:100%;
	background-color:#BD7700;
}
.mine-upper .mine-link-bar .link-bar-item{
	width:33.33%;
	float:left;
	text-align:center;
	color:#FFF;
	height:100%;
}
.mine-upper .mine-link-bar .link-bar-item:hover{
	background-color:#A60;
}
.mine-upper .mine-link-bar .link-bar-item .item-number{
	height:35px;
	line-height:35px;
	font-size:1.1em;
	font-weight:bold;
	overflow:hidden;
}
.mine-upper .mine-link-bar .link-bar-item .item-title{
	height:20px;
	line-height:20px;
	font-size:0.9em;
	overflow:hidden;
}
.mine-upper .mine-thumbnail{
	width:104px;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	position:relative;
}
.mine-upper .mine-thumbnail .thumbnail-img{
	width:100px;
	height:100px;
	border:2px solid #FFF;
	border-radius:50px;
	background-color:#EEE;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

.mine-upper .mine-thumbnail .thumbnail-fb{
	position:absolute;
	right:5px;
	bottom:5px;
	color:#F00;
	width:25px;
	height:25px;
	background-image:url(../images/side-menu-fb-logo.png);
	background-size:cover;
	
}
.mine-upper .username{
	text-align:center;
	color:#FFF;
	font-size:28px;
	line-height:50px;
	font-weight:bold;
	text-shadow:0px 1px 2px #BD7700;
}
.mine-link-list{
	border-top:4px solid #EEE;
	background-color:#EEE;
	padding-bottom:200px;
}

.mine-link-list-item{
	display:block;
	color:#333;
	height:50px;
	line-height:50px;
	border-bottom:1px solid #CCC;
	background-color:#FFF;
	text-indent:60px;
	background-size:40px;
	background-position:10px center;
	background-repeat:no-repeat;
}
.mine-link-list-item.link-item-mine{background-image:url(../images/menu-icon-mine.png);}
.mine-link-list-item.link-item-purchase-history{background-image:url(../images/menu-icon-purchase-history.png);}
.mine-link-list-item.link-item-second-hand{background-image:url(../images/side-menu-icon-second-hand.png);}

.mine-link-list-item:hover{
	background-color:#F6F6F6;
	color:#333;
}

/*---------------------------------------------------------------------------------------------------*/
.icon-price-type{
display:block;
height:25px;
width:25px;
color:#FFF;
font-weight:bold;
background-size:contain;
background-repeat:no-repeat;
background-position:center;
text-indent:-999px;
overflow:hidden;
}
.price_hong, .product-list-price.price_hong { color: #f90; font-size: 1.1em; line-height: 17px; }
.price_hong img, .product-list-price.price_hong img { vertical-align: top; margin-right: 5px; }
.price_water, .product-list-price.price_water { color: #3a91db; font-size: 1.1em; line-height: 17px; }
.price_water img, .product-list-price.price_water img { vertical-align: top; margin-right: 5px; }

.product-price { font-weight: bold; color: #E02152; }
.product-price.trade_price { color: #00A499; }
.product-price.trade_price img { width: 50px; }
.product-price a { color: #E02152; }
.product-price.product-price-cheap { /*color: #F90;*/ }
.text-price-number { font-size: 1.2em; }
.product-price img { position: relative; top: -2px; margin: 0 5px; height: 20px; }

/*-------------------------------------------------------------------------------------*/

.setting-list{
	padding-bottom:100px;
	background-color:#EEE;
	min-height:300px;
}
.setting-list-item{
	border-bottom:1px solid #CCC;
	height:50px;
	position:relative;
	background-color:#FFF;
	background-size:40px;
	background-position:10px center;
	background-repeat:no-repeat;
}
.list-icon-lang{background-image:url(../images/menu-icon-lang.png);}
.setting-list-item-title{
	height:100%;
	line-height:50px;
	padding-left:60px;
}
.setting-list-item-picker{
	position:absolute;
	height:50px;
	width:100%;
	overflow:hidden;
	right:0px;
	top:0px;
	background-image:url(../images/top-menu-btn-forward-grey.png);
	background-size:50px 50px;
	background-position:center right;
	background-repeat:no-repeat;
	
}
.setting-list-item-picker select.item-picker{
	position:relative;
	height:50px;
	width:110%;
	float:right;
	background:none;
	z-index:5;
	border:0px;
	color:#999;
	padding-right:35px;
}
.setting-list-item-picker option{
	text-align:right;
}

.content {  }
.dummy_container { height: 10px; }
#page-title { display: none; }
.section-title { background: #999; color: white; padding: 4px 8px; border-radius: 3px; margin-bottom: 30px; text-shadow: 0 1px 1px #666; }
.divider { width: 80%; margin: 10px auto; }
.divider>.divider-text { font-size: 1.1em; top: -22px; }
.form-footer { padding: 30px 0; text-align: center; }
.form-footer a:not(:first-child) { display: inline-block; margin-bottom: 3px; color: #555; }

.filter_container { }
#filterarea { margin: 0px 10px 0 10px; background: #EEE; border: 1px solid #DDD; border: 0; background-color: #eee; padding: 0 20px 10px 20px; display: none; }
select.filter { font-size: 1.1em; margin-bottom: 3px; color: black; }
select.filter option { font-weight: bold; }
select.filter option:not(:disabled) { font-weight: normal; color: black; }
#filterarea select { vertical-align: top; width: 100%; }
#filterarea input[type="button"] { color: white; background-color: #666; border: 0; margin: 0; padding: 2px 0; vertical-align: top; position: relative; top: -1px; }
.btn.filterBtn { display: block; min-height: 40px; margin: 10px 10px 0 10px; border: 1px solid #999; border-radius: 5px 5px 0 0; box-shadow: none; background: url(../images/filter_2x.png) no-repeat #999; background-size: 30px 30px; background-position: center; cursor: pointer; }
.btn.filterBtn.active { }

.breadcrumb-product { margin: 0 10px; height: auto; padding: 10px 0; font-size: 0.9em; }
.breadcrumb-product br { display: none; }
.breadcrumb-product>div { color: #00A499; }
.breadcrumb-product>div a { display: inline-block; color: #555; }
.breadcrumb-product>div a:last-child { color: #00A499; cursor: default; }
.breadcrumb-product>div .breadcrumb-dividor { display: inline-block; text-align: center; position: relative; top: -2px; width: 20px; color: #555; }
.breadcrumb-product>div img { display: none; }
.search-list .breadcrumb-product { display: inline-block; margin: 5px 0; padding: 1px 3px; border: 1px solid #00A499; color: #00A499; max-width: 100%; word-wrap: break-word; }
.search-list .breadcrumb-product span { margin: 0 4px; font-size: 1.1em; }
.search-list .breadcrumb-product span:before { content: "《"; position: relative; left: -3px; }
.search-list .breadcrumb-product span:after { content: "》"; position: relative; right: -3px; }
.product-list { margin: 10px 0; }
.search-list {  }
.search-list .product-list-content .product-list-title { height: auto; }
.search-list .product-list .product-list-item { height: auto; min-height: 90px; }
.search-list .merchant-list .product-list-item { height: auto; min-height: initial; }

.sort_container { float: right; margin-right: 10px; }
.sort_container.float-none { float: none; }
.count_container { float: left; margin-left: 10px; font-size: 0.9em; }
.count_container span { font-size: 1.1em; margin: 0 3px; }

.hoticon, .newicon{ display: inline-block; width: 20px; height: 20px; line-height: 18px; position: relative; top: -2px; margin-left: 3px; border-radius: 50%; color: #fff; font-size: 0.75em; text-align: center; }
.hoticon { background-color: #E51135; }
.newicon { background-color: #E201B0; }

/*Message box*/
.alert{border-width:1px;border-style:solid;margin:10px;color:#333;}
.alert .alert-icon{width: 40px;float: left;}
.alert .alert-icon img{width:32px;}
.alert .alert-icon + .alert-message{margin-left:48px;}
.alert-danger { background-color: #ffe7e7; border-color: #e598a0; }
.alert-danger hr { border-top-color: #e598a0; }
.alert-danger .alert-link { color: #843534; }
.alert-warning { background-color: #ffdd87; border-color: #c28d30; }
.alert-warning hr { border-top-color: #c28d30;}
.alert-warning .alert-link {	color: #843534;}
.alert-success { background-color: #ccf1ef; border-color: #85cdc9; }
.alert-success hr { border-top-color: #85cdc9; }
.alert-success .alert-link { color: #843534; }

/* tabs */
.tabs { display: block; margin: 0 0 20px 0; padding: 0; padding-bottom: 5px; }
.tab { display: block; margin: 0; padding: 0; height: 38px; border-bottom: 2px solid #EAEAEA; margin-bottom: 5px; }
.tab li { float: left; display: block; margin: 0; height: 38px; border-bottom: 2px solid #EAEAEA; }
.tab li a,.tab li span{ display: block; margin: 0; padding: 0 20px; height: 38px; line-height: 32px; color: #888888; font-size: 16px; text-align: center; text-decoration: none; }
.tab li span{ color: #121212; border-bottom: 2px solid #f0c400; }
.tab li:hover { border-bottom: 2px solid #AAA; }
.tab li:hover a,.tab li:hover span { color: #444; }
.tab li span:hover { border-bottom: 2px solid #f0c400; color: #121212; cursor: default; }
.tabs .content{ clear: both; padding: 12px 6px; padding: 12px 6px; }

/* login */

/* register */
.recaptcha_container { width: 80%; margin: 5px auto; }
.register_registered_div { font-size: 0.9em; width: 80%; margin: 5px auto; }
.form-row .agreement { font-size: 0.9em; }
.btn_email_verify { display: none; }
.btn.btn-mobile-register, .btn.btn-light{ color: #008A82; border: 2px solid #008A82; background-color: white; box-shadow: none; }

/*product detail page*/
.body-product-list { margin: 0 10px; }
.page-product { position: relative; }
.product-name { font-weight: bold; font-size: 1.2em; }
.product-caption { font-weight: normal; font-size: 0.9em; }
.product-col-img { min-width: 80px; vertical-align: top; text-align: center; right: 0; position: absolute; }
.product-col-img img { width: 100%; max-width: 80px; }
.product-image-default {}
.product-image-320 { text-align: center; max-width: 100%; display: none; }
.product-col-main-info {  }
.product-col-main-info .product-label { position: relative; top: -2px; margin-left: 3px; }
.product-col-main-info .product-label img { width: 20px; height: 20px; }
.product-col-info{ width: 70%; min-width: 250px; min-height: 110px; }
.product-col-info .item-attr {  }
.product-col-info .item-attr table { }
.product-col-info .item-attr table td { padding: 1px 0; font-size: 0.9em; }
.product-col-info .item-attr table td.attr-label { min-width: 80px; white-space: nowrap; padding-right: 10px; }
.product-col-info .item-attr table td.attr-info {  }
.product-detail-info .product-price { font-size: 18px; font-weight: bold; }
.product-rating-normal { border-radius: 5px; background: #FFA828; color: white; text-align:center; font-size:1.2em; cursor: pointer; }
.product-rating-normal span>span>span { font-size: 12px; vertical-align: middle; }
.product-info-remark { font-size: 0.8em; line-height: 1.5; margin: 10px 0; }
.product-prop { margin: 5px 0; white-space: nowrap; }
.product-prop img { position: relative; top: -2px; margin: 0 0 0 3px; height: 20px; }
.product-prop img.icon-up { margin: 0 3px; }
@media screen and (max-width: 1000px){
.product-image-default { display: none; }
.product-image-320 { display: block; }
}

.line-category { margin-bottom: 5px; }
.line-category a { font-size: 0.9em; }
.line-category li { float: left; border-right: 1px solid #00A499; margin: 1px; }
.line-category li:first-child{ margin-left: 0; padding-left: 0; }
.line-category li:last-child { border-right: 0; }
.line-detail { margin: 8px 0 5px; }

.product-rating-wrapper { position: relative; }
.product-rating-popover { position: absolute; top: 30px; right: 0; background-color: white; width: 170px; text-align: right; border: 1px solid #FFA828; padding: 5px 10px; }
.product-rating-popover .rating-table td { font-size: 12px; color: black; padding: 1px 3px; }
.product-rating-popover .rating-table td img{ position: relative; top: -1px; }
.rating-people { font-size: 12px; color: black; text-align: center; }

.product-detail-function { margin: 10px 0; }
.product-detail-function .list-inline { margin: 0; padding: 0; }
.product-detail-function .list-inline>li { padding: 0; float: left;}
.product-detail-function .list-inline .btn { border:0; margin: 0; background:#fe9; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff6bf', endColorstr='#ffee99'); background:-webkit-gradient(linear, left top, left bottom, from(#fff6bf),to(#ffee99)); background:-moz-linear-gradient(top, #fff6bf, #ffee99); color:#444; text-shadow:0 1px 1px #fff; text-align:center; box-shadow:0 1px 4px #aaa; font-size:0.9em; border-radius: 0 0 0 0; }
.product-detail-function .list-inline>li:first-child .btn { border-radius: 5px 0 0 5px; }
.product-detail-function .list-inline>li:last-child .btn { border-radius: 0 5px 5px 0; }

.product-detail-tab-bar { margin: 10px 0; }
.product-detail-tab-bar .list-inline { margin: 0; padding: 0; }
.product-detail-tab-bar .list-inline>li { width: 33%; padding: 0; float: left;}
.product-detail-tab-bar .list-inline>li .btn { font-size: 16px; width: 100%; border:0; margin: 0; color:#999; background:#e0e0e0; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#e0e0e0'); background:-webkit-gradient(linear, left top, left bottom, from(#f0f0f0),to(#e0e0e0)); background:-moz-linear-gradient(top, #f0f0f0, #e0e0e0); text-align:center; box-shadow:0 1px 3px #aaa; }
.product-detail-tab-bar .list-inline>li.active .btn { color:#eee; background:#222; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555', endColorstr='#333'); background:-webkit-gradient(linear, left top, left bottom, from(#555),to(#333)); background:-moz-linear-gradient(top, #555, #333); text-align:center; box-shadow:0 1px 3px #000 inset; }
.product-detail-tab-bar .list-inline>li:first-child .btn { border-radius: 5px 0 0 5px; }
.product-detail-tab-bar .list-inline>li:last-child .btn { border-radius: 0 5px 5px 0; }

.product-detail-tab-bar.grouped_product-detail-tab-bar { margin: 15px 0; }
.product-detail-tab-bar.grouped_product-detail-tab-bar .list-inline>li { width: 50%; padding: 5px; text-align: center; float: left; border-bottom: 2px solid #CCC; }
.product-detail-tab-bar.grouped_product-detail-tab-bar .list-inline>li:HOVER { background-color: #EEE; }
.product-detail-tab-bar.grouped_product-detail-tab-bar .list-inline>li.active { border-bottom: 2px solid #F1C400; }
.product-detail-tab-bar.grouped_product-detail-tab-bar .list-inline>li a { color: #999; }
.product-detail-tab-bar.grouped_product-detail-tab-bar .list-inline>li.active a { color: #00A499; }

.product-rating-popover, .product-rating-popover-2 { z-index: 1; }

.product-list-remark { font-size: 0.7em; margin: 5px 0; }
.product-list-remark img{ margin-right: 3px; position: relative; top: -2px; width: 20px; height: 20px; }
.product-list-remark .page-product ul li { padding-bottom: 4px; }

.product_section_title { padding: 2px 5px 17px 5px; border-bottom: 1px solid #DDD; }

.icon-list-container { margin: 5px 0; }
.icon-list { display: inline-block; width: 90px; text-align: center; margin-bottom: 10px; vertical-align: top; }
.icon-list a { color: #555; }
.icon-list .icon-circle { position: relative; display: inline-block; margin: 0 auto; overflow: hidden; vertical-align: top; border:1px solid; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.icon-list .caption { margin-top: 10px; font-size: 12px; text-align: center; white-space: nowrap; cursor: pointer; }
.icon-list:HOVER .caption { text-decoration: underline; }
.icon-list .icon { width: 55px; height: 55px; background-repeat: no-repeat; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.icon-list.icon-list-big {  }
.icon-list.icon-list-big .icon {  }
.icon-list.icon-list-small {  }
.icon-list.icon-list-small .icon {  }
.icon-list.icon-list-small .count { position: absolute; top: 5px; left: 0; right: 0; color: white; font-size: 1.1em; }
.icon-list.icon-list-small .count.count_10000 { top: 11px; font-size: 0.8; }
@media screen and (max-width: 320px){
.icon-list-container { text-align: center; }
.icon-list { width: 85px; }
}

.icon-list.icon-list-near .icon { background-image: url('../images/icon/icon_details_near.png');background-size: cover; }
.icon-list.icon-list-near .icon-circle { border-color: #9E60AB; background-color: #9E60AB; }
.icon-list.icon-list-user-review .icon { background-image: url('../images/icon/icon_details_comment_more.png');background-size: cover; background-position: -1px -2px;}
.icon-list.icon-list-user-review .icon.zero { background-image: url('../images/icon/icon_details_comment.png');background-size: cover; }
.icon-list.icon-list-user-review .icon-circle { border-color: #3084BD; background-color: #3084BD; }
.icon-list.icon-list-trade .icon { background-image: url('../images/icon/icon_details_trade_more.png');background-size: cover; background-position: -1px -2px;}
.icon-list.icon-list-trade .icon.zero { background-image: url('../images/icon/icon_details_trade.png');background-size: cover; }
.icon-list.icon-list-trade .icon-circle { border-color: #029688; background-color: #029688; }
.icon-list.icon-list-rate { position: relative; }
.icon-list.icon-list-rate .icon { background-image: url('../images/icon/icon_details_rate_more.png'); background-size: cover; background-position: -1px -2px;}
.icon-list.icon-list-rate .icon.zero { background-image: url('../images/icon/icon_details_rate.png');background-size: cover; }
.icon-list.icon-list-rate .icon-circle { border-color: #FFA828; background-color: #FFA828; }
.icon-list.icon-list-quote .icon { background-image: url('../images/icon/icon_details_quote.png'); background-size: cover;}
.icon-list.icon-list-quote .icon-circle { border-color: #F0C400; background-color: #F0C400; }
.icon-list.icon-list-quote-history .icon { background-image: url('../images/icon/product.png'); background-size: cover;}
.icon-list.icon-list-quote-history .icon-circle { border-color: #9F5F3C; background-color: #9F5F3C; }
.icon-list.icon-list-share .icon { background-image: url('../images/icon/icon_details_share.png'); background-size: cover;}
.icon-list.icon-list-share .icon-circle { border-color: #C35B1C; background-color: #C35B1C; }
.icon-list.icon-list-review .icon { background-image: url('../images/icon/review.png'); background-size: cover;}
.icon-list.icon-list-review .icon-circle { border-color: #306765; background-color: #306765; }
.icon-list.icon-list-bookmark .icon { background-image: url('../images/icon/bookmark.png'); background-position: -1px 0px; background-size: cover;}
.icon-list.icon-list-bookmark.active .icon { background-image: url('../images/icon/bookmark_o.png'); background-position: -1px 0px; background-size: cover;}
.icon-list.icon-list-bookmark .icon-circle { border-color: #00A499; background-color: #00A499; }
.icon-list.icon-list-detail .icon { background-image: url('../images/icon/icon_details_info.png'); background-position: -1px 0px; background-size: cover;}
.icon-list.icon-list-detail .icon-circle { border-color: #555; background-color: #555; }
.icon-list.icon-list-news .icon { background-image: url('../images/icon/icon_details_news_more.png'); background-size: cover; background-position: -1px -2px;}
.icon-list.icon-list-news .icon.zero { background-image: url('../images/icon/icon_details_news.png');background-size: cover; }
.icon-list.icon-list-news .icon-circle { border-color: #4E3A32; background-color: #4E3A32; }

.icon-list.icon-list-intro  .icon-circle { border: 0; }
.icon-list.icon-list-status  .icon-circle { border: 0; }
.icon-list.icon-list-website  .icon-circle { border: 0; }
.icon-list.icon-list-intro .icon { background-image: url('../images/icon/icon_item_desc.png');background-size: cover; }
.icon-list.icon-list-intro .icon.zero { background-image: url('../images/icon/icon_item_desc_dim.png');background-size: cover; }
.icon-list.icon-list-status .icon { background-image: url('../images/icon/icon_item_spec.png');background-size: cover; }
.icon-list.icon-list-status .icon.zero { background-image: url('../images/icon/icon_item_spec_dim.png');background-size: cover; }
.icon-list.icon-list-website .icon { background-image: url('../images/icon/icon_item_link.png');background-size: cover; }
.icon-list.icon-list-website .icon.zero { background-image: url('../images/icon/icon_item_link_dim.png');background-size: cover; }

.comment-user-list li { border-top: 1px dashed #999; padding: 20px 0; width: 100%; }
.comment-user-list li:first-child { border-top: 0; }
.product-detail-tab-comment {  }
.product-detail-tab-comment .filter-unit { margin: 10px 0; white-space: nowrap; }
.product-detail-tab-comment .filter-unit>div { display: inline-block; margin-right: 10px; }
.comment-user-container { white-space: nowrap; }
.comment-user-img { display: inline-block; vertical-align: top; margin-right: 10px; width: 75px; height: 75px; }
.comment-user-img img { width: 100%; }
.comment-user-info-container { display: inline-block; font-size: 0.8em; white-space: normal; word-break: break-word; width: 70%; }
.comment-user-name { margin-bottom: 3px; }
.comment-user-rating {}
.comment-user-rating .item { display: inline-block; max-width: 90px; font-size: 0.8em; border: 1px solid #DDD; padding: 3px 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.comment-user-rating .star-label { text-align: center; white-space: nowrap; overflow: hidden; }
.comment-user-fb-share { margin: 10px 0; border: 1px solid #DDD; padding: 3px 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.comment-user-fb-share span { margin-right: 10px; }
.comment-user-label { background-color: #DDD; padding: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.comment-user-detail { font-size: 0.8em; padding: 3px 5px; }
.comment-user-date { font-size: 0.8em; text-align: right; maring: 10px 0; }
.comment-user-no { display: inline-block; border: 1px solid #DDD; color: #999; font-weight: bold; text-align: center; font-size: 0.9em; width: 35px; height: 35px; float: left; line-height: 35px; margin-right: 5px; }
.comment-user-note { float: left; font-size: 0.8em; }
.comment-user-action { float: right; font-size: 0.8em; }
.action-before { width: 100%; }
.btn-yes { display: inline-block; border: 1px solid #DDD; text-align: center; border-radius: 50%; padding: 10px; margin-left: 5px; }
.btn-no { display: inline-block; border: 1px solid #DDD; text-align: center; border-radius: 50%; padding: 10px; margin-left: 5px; }

.product-detail-tab-second {  }
.product-detail-tab-second .filter-unit { margin: 10px 0; white-space: nowrap; }
.product-detail-tab-second .filter-unit>div { display: inline-block; margin-right: 10px; }
.second-product-sell { text-align: center; }
.second-product-sell .btn.btn-trade { padding: 10px 50px; }
.product-list-trade-item-list {}
.product-list-trade-item-list li { border-top: 1px dashed #DDD; padding: 10px 0; font-size: 0.8em; width: 100%; }
.product-list-trade-item-list li:first-child { border-top: 0; }
.product-list-trade-item-list li a { color: #555; }
.second-product-img { float: left; margin-right: 10px; }
.second-product-title { font-weight: bold; font-size: 1em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.second-product-status {}
.second-product-status span { background: #649A53; border-radius: 3px; color: white; font-size: 0.75em; text-align: center; padding: 1px 3px; }
.second-product-detail { float: left; display: inline-block; width: 50%; }
.second-product-price { float: right; font-size: 1.2em; color: #1C8031; }
.second-product-date { font-size: 12px; }

.btn-group-container { white-space: nowrap; }
.btn-group-container .btn-group { width: 33%; }
.btn-group-container .btn-group select { width: 100%; }

.product-no-news { font-size: 1.2em; margin: 20px 0; }
.product-no-news a { display: inline-block; color: #00A499; margin-top: 5px; padding: 5px 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.product-detail-tab-content .btn.btn-nearby { float: right; margin-top: 0px; padding: 2px 12px 2px 28px; background-color: #00A499; border-color: #00A499; background-image: url('../images/icon/view_map.png'); background-repeat: no-repeat; background-position: 6px 4px; }

/* merchant-list */
.merchant-list {}
.merchant-list ul { padding: 0; }
.merchant-list ul li { display: block; float: none; }
.merchant-list .quote-shop-name { color: #111; }
.merchant-list .quote-price-date { display: inline-block; }
.merchant-list .quote-price-normal { margin: 7px 0; }
.merchant-list .quote-price-normal .quote-price-hong, .merchant-list .quote-price-normal .quote-price-water { margin: -5px 0; }
.quote-list-item { height: auto !important; border: 0 !important; }
.quote-list-item .item-inner {  }
.quote-shop-ar { display: block; overflow: hidden; padding-top: 10px; }
.quote-shop-ar .inner { display: inline-block; background: white; overflow: hidden; border: 1px solid #CDCDCD; padding: 10px; line-height: 14px; color: #444; font-size: 12px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.quote-shop-ar .ar-icon { float: left; margin-right: 5px; width: 21px; }
.quote-shop-ar .ar-info { width: 185px; }
.quote-shop-address, .quote-shop-phone { display: block; padding-top: 3px; font-size: 13px; }
.quote-shop-contact .contact-label { float: left; display: inline-block; margin-right: 5px; }
.quote-shop-contact .contact-label img { position: relative; top: -2px; width: 16px; }
.quote-shop-contact .contact-info { color: #444; }

/* merchant-list-min */
.merchant-list-min { }
.merchant-list-min ul { margin: 0 5px; }
.merchant-list-min li { padding: 10px 0; }
.merchant-list-min li:HOVER { background-color: #FAFAFA; }
.merchant-list-min>ul>li { border-bottom: 1px dashed #999; min-height: 65px; }
.merchant-list-min .quote-shop-star { display: inline-block; }
.merchant-list-min .quote-shop-star img { width: 100px; }
.merchant-list-min .quote-shop-stat { display: inline-block; }
.merchant-list-min .quote-shop-stat img { margin-right: 5px; width: 20px; height: 20px; }
.merchant-list-min .quote-shop-stat li { display: inline-block; padding: 0 10px 0 0; }
.merchant-list-min .quote-shop-source { color: #444; font-size: 0.7em; }
/*
.merchant-list-min .column-01 { float: left; width: 70%; min-width: 200px; }
.merchant-list-min .column-02 { float: right; width: 30%; min-width: 80px; }
*/
.merchant-list-min .quote-price { margin-bottom: 5px; }
.merchant-list-min .quote-price img { margin-right: 3px; position: relative; top: -2px; }
.merchant-list-min .accum { font-size: 0.8em; color: #555; }
.merchant-list-min .accum_30 { font-size: 0.8em; color: #555; }
.merchant-list-min .banner { margin-left: -15px; }
@media screen and (max-width: 320px){
.merchant-list-min .column-01 { float: none; width: auto; }
.merchant-list-min .column-02 { float: none; width: auto; }
.merchant-list-min .column-02 .quote-price { display: inline-block; margin-right: 5px; }
}

/* filter-unit */
.filter-unit { margin-bottom: 10px; }
.filter-unit .filter-label { padding: 10px 0; font-weight: bold; }
.filter-unit .filter-clear-btn-container { position: relative; }
.filter-unit .filter-clear-btn-container a.btn { position: absolute; top: 0; right: 5px; padding: 2px 0; }
.filter-unit option { color: black; font-weight: bold; }
.filter-unit option:first-child[disabled="disabled"] { color: #555; }

/* search-container */
.search-container { background-color: #CCC; padding: 1px 3px; width: 100%; min-width: 300px; display: none; white-space: nowrap; }
.search-container input.form-control { display: inline-block; margin: 0; }
.search-container .btn.search-btn { display: inline-block; margin: 0; margin-right: 10px; padding: 7px 12px; vertical-align: top; }
.search-list-tab-bar {}
.search-list-tab-bar .list-inline { margin: 0; padding: 0; }
.search-list-tab-bar .list-inline>li { padding: 0; float: left; width: 50%; }
.search-list-tab-bar .list-inline .btn { border:0; margin: 0; background:#fe9; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff6bf', endColorstr='#ffee99'); background:-webkit-gradient(linear, left top, left bottom, from(#fff6bf),to(#ffee99)); background:-moz-linear-gradient(top, #fff6bf, #ffee99); color:#444; text-shadow:0 1px 1px #fff; text-align:center; box-shadow:0 1px 4px #aaa; font-size:0.9em; border-radius: 0 0 0 0; text-shadow: initial; }
.search-list-tab-bar .list-inline>li:first-child .btn { border-radius: 5px 0 0 5px; }
.search-list-tab-bar .list-inline>li:last-child .btn { border-radius: 0 5px 5px 0; }
.search-list-result-count { font-size: 0.8em; }
.search-list-result-count .text-color-green span { font-size: 1.3em; }
.search-list-fucntion-bar { white-space: nowrap; }
.search-list-fucntion-bar .filter-label { float: left; vertical-align: middle; margin-right: 10px; padding: 3px 0; }

/* zone-unit */
.zone-list { padding: 10px 20px; }
.zone_header { color: white; padding: 10px 28px; background-position: left center; background-repeat: no-repeat; background-size: 22px 22px; border-bottom: 1px solid #ddd; font-size: 1.3em; color: #666; margin-bottom: 10px; }
.zone_header>.icon { display: inline-block; width: 26px; height: 26px; position: relative; top: 4px; left: -10px; }
.zone_header.zone1>.icon { background-image: url('/space/zones/0/zone_01.png'); }
.zone_header.zone2>.icon { background-image: url('/space/zones/0/zone_02.png'); }
.zone_header.zone3>.icon { background-image: url('/space/zones/0/zone_03.png'); }
.zone_header.zone4>.icon { background-image: url('/space/zones/0/zone_04.png'); }
.zone_header.zone5>.icon { background-image: url('/space/zones/0/zone_05.png'); }
.zone_header.zone6>.icon { background-image: url('/space/zones/0/zone_06.png'); }
.zone_header.zone7>.icon { background-image: url('/space/zones/0/zone_07.png'); }
.zone_header.zone8>.icon { background-image: url('/space/zones/0/zone_08.png'); }
.zone_header.zone9>.icon { background-image: url('/space/zones/0/zone_09.png'); }
.zone_header.zone33>.icon { background-image: url('/space/zones/0/zone_33.png'); }
.navbtn { display: block; padding: 10px; border-radius: 5px; color: #444; }
.group { background: url(../images/group_bg.png) repeat 0 0; color: white; margin-bottom: 5px; }
.category { background-color:#eee; background-image:url('../images/right_arrow.png'); background-repeat:no-repeat; background-position:right center; background-size:24px 15px; border:1px solid #ddd; box-shadow:0 1px 3px #eee; margin-bottom: 3px; }
.category-none { background-image: none; color: #999; }

/* index */
.tabs_content { margin: 15px 10px 3px 10px; }
.main-tabs { }
.main-tabs .tab { display: inline-block; width: 33.33%; text-overflow: ellipsis; white-space: nowrap; height: auto; float: left; text-align: center; padding: 5px 0; border: 1px solid #DDD; background-color: #EEE; color: #333; }
.main-tabs .tab:focus{ box-shadow: none; }
.main-tabs .tab span { width: 100%; }
.main-tabs .tab.tab-1 {  }
.main-tabs .tab.tab-2 {  }
.main-tabs .tab.tab-3 {  }
.main-tabs .tab:first-child { border-right: 0; -webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px; }
.main-tabs .tab:last-child { border-left: 0; -webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px; }
.main-tabs .tab.active { background-color: white; color: #00A499; }
.tab-content { margin-top: 3px; border: 1px solid #DDD; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: left; }

.news_container { position: relative; display: block; border-top: 1px solid #EEE; padding: 10px 0; overflow: hidden; }
.news_container:hover { background-color: #F6F6F6; }
.news_container .news_cover { display: block; position: absolute; min-width: 90px; max-width: 150px; height: 60px; background-position: center; background-size: contain; background-repeat: no-repeat; }
.news_detail { display: block; margin-left: 100px; padding: 5px 3px; vertical-align: top; min-height: 60px; }
.news_detail .news_title { display: block; color: black; font-size: 1.0em; font-weight: bold; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news_detail .news_date { display: block; color: #00A499; font-size: 12px; margin-bottom: 3px; }
.news_detail .news_date img { position: relative; top: -2px; margin-right: 5px; }
.news_detail .news_abstract { display: block; color: #555; font-size: 12px; word-break: break-word; max-width: 400px; }
.news_detail .news_abstract a { margin-left: 3px; }
.news-list-checkbox { float: left; position: absolute; top: -100px; width: 50px; height: 100%; text-align: center; }
.news-list-checkbox .news-list-checkbox-box { width: 100%; margin-top: 30px; }
.news_container:first-child { border-top: 0; }
.news_container:first-child .news_cover { width: 40%; height: 90px; }
.news_container:first-child .news_detail { float: right; width: 60%; padding-top: 3px; }
.news_container:not(:first-child) .news_title  { font-weight: normal; font-size: 0.9em; color: #666; }
.news_container:not(:first-child) .news_date { }
.news_container:not(:first-child) .news_abstract { }
.more_news_more { display: block; width: 70%; text-align: center; background-color: #666; color: white; font-size: 0.9em; margin: 0 auto; padding: 5px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
@media screen and (max-width: 1000px){
.news_container { text-align: center; }
.news_container .news_cover { position: initial; display: inline-block; margin: 0 auto; width: 320px !important; height: 170px !important; max-width: initial; min-height: initial; }
.news_detail { float: none; display: block; width: 100%; text-align: left; margin-left: 0; }
.news_container:first-child .news_detail { width: 100%; }
}

.hotproduct { position: relative; display: block; border-top: 1px solid #EEE; padding: 12px 5px; }
.hotproduct:hover { background-color: #F6F6F6; }
.hotproduct_icon { position: absolute; top: 1px; left: -2px; z-index: 1; background-color: #99CC44; color: white; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 25px; height: 24px; line-height: 25px; font-size: 0.9em; font-weight: bolder; font-family: Helvetica, Arial, sans-serif; }
.rank1 .hotproduct_icon { background-color: #FC4; }
.rank2 .hotproduct_icon { background-color: #BBB; }
.rank3 .hotproduct_icon { background-color: #D94; }
.hotproduct_thumb { display: inline-block; position: absolute; float: left; width: 50px; height: 50px; margin-left: 5px; margin-right: 3px; background-position: center; background-size: contain; background-repeat: no-repeat; }
.hotproduct_title { font-size: 1em; font-weight: bold; color: black; margin-left: 60px; }
.hotproduct_cat { color: #666; font-size: 0.8em; margin-left: 60px; }
.hotproduct_price { float: right; font-size: 0.9em; margin-right: 5px; }
.hotproduct_link:first-child .hotproduct { border-top: 0; }

.newproduct { position: relative; display: block; border-top: 1px solid #EEE; padding: 12px 5px; }
.newproduct:hover { background-color: #F6F6F6; }
.newproduct_icon { position: absolute; top: 5px; left: -2px; z-index: 1; background-color: #99CC44; color: white; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 25px; height: 24px; line-height: 25px; font-size: 0.9em; font-weight: bolder; font-family: Helvetica, Arial, sans-serif; }
.rank1 .newproduct_icon { background-color: #FC4; }
.rank2 .newproduct_icon { background-color: #BBB; }
.rank3 .newproduct_icon { background-color: #D94; }
.newproduct_thumb { display: inline-block; float: left; width: 50px; height: 50px; margin-left: 5px; margin-right: 3px; background-position: center; background-size: contain; background-repeat: no-repeat; }
.newproduct_title { font-size: 1em; font-weight: bold; color: black; margin-left: 60px; }
.newproduct_cat { color: #666; font-size: 0.8em; margin-left: 60px; }
.newproduct_price { float: right; font-size: 0.9em; margin-right: 5px; }
.newproduct_link:first-child .newproduct { border-top: 0; margin-top:-5px; }

.zone_content { text-align: center; margin: 20px 0; }
.zone_box { display: inline-block; position: relative; width: 72px; margin: 8px 12px; vertical-align: top; }
.zone_box:HOVER { background-color: #F6F6F6; }
.zone_title { width: 72px; color: #333; word-break: break-word; text-align: center; }
.zone_title>div { font-size: 0.9em; overflow: hidden; }
.zone_img { width: 100%; height: 72px; margin-bottom: 5px; background-position: center; background-size: cover; background-repeat: no-repeat; -webkit-border-top-bottom-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px; }
.zone_img_1 { background-image:url('../images/icon/new_zone/zone_01.png'); }
.zone_img_2 { background-image:url('../images/icon/new_zone/zone_02.png'); }
.zone_img_3 { background-image:url('../images/icon/new_zone/zone_03.png'); }
.zone_img_4 { background-image:url('../images/icon/new_zone/zone_04.png'); }
.zone_img_5 { background-image:url('../images/icon/new_zone/zone_05.png'); }
.zone_img_6 { background-image:url('../images/icon/new_zone/zone_06.png'); }
.zone_img_7 { background-image:url('../images/icon/new_zone/zone_08.png'); }
.zone_img_8 { background-image:url('../images/icon/new_zone/zone_07.png'); }
.zone_img_9 { background-image:url('../images/icon/new_zone/zone_09.png'); }
.zone_img_10 { background-image:url('../images/icon/new_zone/zone_11.png'); }

/* news */
.news-list { margin: 10px; }
.news-list #tabs_content { margin: 0 10px 20px 10px; }
.news_header { border: 1px solid #DDD; color: #C94873; background-color: #EEE; padding: 5px 0; text-align: center; font-size: 1.1em; -webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px; }
.news_container.news_container_2 {  }
.news_container.news_container_2 .news_cover { }
.news_container.news_container_2 .news_detail { }
.news_container.news_container_2 .news_date { display: block; }
/* .news_container.news_container_2:not(.news_container_2_0) .news_abstract { display: none; } */
.news_container.news_container_2 .news_abstract { display: none; }
.news_section_container { margin: 10px 0 20px 0; text-align: center; }
.news_section_container li { margin: 5px 0 0 0; padding: 0; border-bottom: 2px solid #DDD; min-width: 100px; width: 30%; text-align: center; line-height: 35px; word-break: break-word; background-color: #EAEAEA; }
.news_section_container li a { display: block; color: #555; }
.news_section_container li.active { border-bottom: 2px solid #007A7E; background-color: #00A499; }
.news_section_container li.active a { color: white; }
.news-list-result-count { margin-bottom: 20px; }
.replaced_img { position: relative; cursor: pointer; padding-left: 20px; }
.replaced_img:before { position: absolute; content: "》"; left: 5px; top: -1px; }
.replaced_movie { cursor: pointer; }
.replaced_movie:before { position: absolute; content: "》"; left: 5px; top: -1px; }
.news_rel_more {}
.news_rel_more ul { margin: 0; padding: 0; padding-left: 20px; }
.news_rel_more li { font-size: 0.9em; margin: 5px 0; margin-left: 10px; padding: 0; }
.news_rel_more li a { }
@media screen and (max-width: 320px){
.news_container.news_container_2 .news_detail { width: 100%; }
}


/* news detail */
.news_details_container { margin: 10px; }
.news_details_container .breadcrumb-product { margin-left: 0; padding-left: 0; }
.news_content_container { }
.news_content_container img { max-width: 100% !important; }
.news_content_container iframe { max-width: 100%; }
.news_content_container .news_title { font-size: 1.2em; color: black; }
.news_content_container .news_date { color: #00A499; font-size: 12px; margin-bottom: 3px; }
.news_date img { position: relative; top: -2px; width: 15px; height: 15px; }
.news_content_container .news_content { margin-top: 20px; font-size: 0.9em; line-height: 1.5; color: #333; }
.news_details_container .content_wrapper { margin: 10px; }

.btn.btn-comment { float: right; padding: 5px 20px; margin-top: 0; }
.newsmsg_title { color: black; font-size: 1em; height: 50px; text-decoration: underline; }
.newsmsg { border-top: 1px solid #EEE; padding: 5px; }
.newsmsg.newsmsg_0 { border: 0; }
.newsmsg_date { color: #999; font-size: 12px; margin-bottom: 3px; float: right; }
.newsmsg_user { color: #72884A; font-size: 1.1em; }
.newsmsg .acclogo_price { position: relative; top: 3px; display: inline-block; width: 22px; height: 22px; background-repeat: no-repeat; background-position: center; background-size: 22px; }
.newsmsg .logo_price { background-image: url('../images/price_2x.png'); }
.newsmsg_content { font-size: 0.9em; }

.news_rel_desc, .news_rel_next, .news_rel_prev { font-size: 14px; color: #333; }
.news_rel_img { display: inline-block; float: left; width: 30%; max-width: 75px; height: 75px; background-position: center; background-size: cover; background-repeat: no-repeat; vertical-align: top; margin: 0 5px 0 3px; }
.news_rel_title { display: flex; font-size: 16px; color: #333; margin: 5px; }
.news_rel_link { font-size: 0.9em; color: #555; }
.news_rel_next .news_rel_link { margin-top: 15px; }
.news_rel_detail { margin-top: -3px; }

/* contact us */
.contact_us_container {}
.contact_us_container .row { width: 80%; margin: 5px auto; }
.contact_us_container .no-resize { resize: none; }
.contact_us_container .required { color: red; margin: 0 3px; vertical-align: middle; }
.contact_us_container select { width: 100%; height: 40px; margin-bottom: 10px; border-radius: 3px; padding: 0 14px 0 7px; border-color: #AAB2BD; }
.contact_us_container input { width: 100%; }
.contact_us_container textarea { width: 100% !important; height: 100px; resize: none; }
.contact_us_container .product_id_row { width: 80%; margin: 10px auto; }

/* product-preview */
.product_preview_container { text-align: center; }
.product_preview_container .image-screen { margin: 10px 0; height: 50vh; line-height: 50vh; border: 1px solid #DDD; overflow: hidden; }
.product_preview_container .image-screen img { width: 100%; vertical-align: middle; }
.product_preview_container .image-screen .helper { height: 100%; }
.product_preview_container .arrow_container { width: 70%; margin: 10px auto; }
.product_preview_container .arrow-prev { float: left; }
.product_preview_container .arrow-next { float: right; }
.product_preview_container .name { font-size: 1.1em; font-weight: bolder; }
.product_preview_container .desc { font-size: 0.9em; }
.prodcut-thumbnail-list { margin: 10px 0; text-align: left; }
.prodcut-thumbnail-list .thumb-img { display: inline-block; width: 70px; height: 70px; line-height: 70px; text-align: center; margin: 0 5px; border: 1px solid #DDD; }
.prodcut-thumbnail-list .thumb-img img { width: 100%; vertical-align: middle; }


/* shop */
.shop_detail { margin: 10px 0; }
.shop_logo { text-align: center; margin: 10px 0; }
.shop_logo img { border: 1px solid #DDD; max-width: 100%; }
.shop_name { text-align: center; font-size: 1.1em; font-weight: bold; }
.merchant-shop-star { text-align: center; }
.merchant-shop-star img { width: 100px; }
.merchant-shop-stat { text-align: center; }
.merchant-shop-stat span { font-size: 0.8em; color: #555; }
.merchant-shop-stat img { margin-right: 5px; width: 20px; height: 20px; }
.shop_detail_table { margin: 0 10px; }
.shop_detail_table table { width: 100%; }
.shop_detail_table table td { padding: 3px 5px; vertical-align: top; }
.merchant-info-label { white-space: nowrap; font-size: 0.9em; }
.merchant-info-label img  { width: 20px; }
.merchant-info-info { font-size: 1.0em; color: #444; word-break: break-word; }
.shop_store_head  { padding: 10px; border-bottom: 1px solid #ddd; font-size: 1.1em; font-weight: bold; color: #666; margin-bottom: 10px; }
.shop_store { font-size: 0.9em; border-top: 1px dashed #CCC; margin: 0 10px; padding: 10px 0; }
.shop_store:first-child { border-top: 0; }
.shop_store_address { margin-bottom: 3px; }
.shop_store_phone { margin-bottom: 5px; }
.shop_store_business_hour {}
.shop_detail_table .bookmark-container {  }
.bookmark-container .btn { background: url("../images/icon/item_function_02.png") no-repeat 10px 8px; background-color: white; border: 1px solid #BBB; padding: 3px 10px 3px 25px; height: 34px; color: #888888; font-size: 12px; min-width: 98px; line-height: 25px; box-shadow: none; }
.bookmark-container .btn.active { background: url("../images/icon/item_function_02_hover.png") no-repeat 10px 8px; color: #00A499; border: 1px solid #00A499; }

.bookmark-container .btn .after  { display: none; }
.bookmark-container .btn.active .before { display: none; }
.bookmark-container .btn.active .after { display: block; }

.merchant-detail-tab-bar.merchant-product-detail-tab-bar { margin: 10px 0 20px 0; }
.merchant-detail-tab-bar.merchant-product-detail-tab-bar ul {  }
.merchant-detail-tab-bar.merchant-product-detail-tab-bar ul li { float: left; width: 50%; text-align: center; border-bottom: 2px solid #EAEAEA; font-size: 1em; padding: 10px 0; line-height: 20px; }
.merchant-detail-tab-bar.merchant-product-detail-tab-bar ul li a { color: #888; }
.merchant-detail-tab-bar.merchant-product-detail-tab-bar ul li.active { border-bottom: 2px solid #F0C400; }
.merchant-detail-tab-bar.merchant-product-detail-tab-bar ul li.active a { color: #121212; }
.product-list-item.merchant-product-list-item { height: 110px; }
.product-list-item.merchant-product-list-item .quote-shop-source { color: #666; }


/* starshop list */
.starshop_list_title { padding: 10px 5px 7px 5px; border-bottom: 1px solid #DDD; padding-left: 34px; }
.starshop_list_title_5 { background: url("../images/icon/starshop_star_5.png") no-repeat 5px 11px; }
.starshop_list_title_4 { background: url("../images/icon/starshop_star_4.png") no-repeat 5px 11px; }
.starshop_list_title_3 { background: url("../images/icon/starshop_star_3.png") no-repeat 5px 11px; }
.starshop_list_title_2 { background: url("../images/icon/starshop_star_2.png") no-repeat 5px 11px; }
.starshop_list_title_1 { background: url("../images/icon/starshop_star_1.png") no-repeat 5px 11px; }
.starshop-list ul { margin: 0px; }
.starshop-list .item { border-top: 1px dashed #CCC; padding: 15px 10px; overflow: hidden; }
.starshop-list .item:first-child { border-top: 0; }
.starshop-list .column-01>div { white-space: nowrap; margin-right: 15px; }
.starshop-list .quote-shop-logo { float: left; width: 70px; height: 50px; border: 1px solid #DDD; background-size: contain; background-position: center; background-repeat: no-repeat; }
.starshop-list .quote-shop-name {  }

/* starshop */
.starshop-container {}
.starshop-container .product-list-item { height: auto; }

/* quote add */
.quote_title { padding: 10px 5px 7px 5px; border-bottom: 1px solid #DDD; }
.quote_add_container { }
.container-grey.quote_add_container { background-color: white; }
.container-grey.quote_add_container .divider>.divider-text { background-color: white; }
.quote_add_container input { width: 100%; }
.quote_add_container select { width: 100%; }
.quote_add_container textarea { width: 100%; height: 100px; resize: none; }
.quote_add_container .model { white-space: initial; }
.quote_add_container .model img { margin-left: 5px; width: 20px; height: 20px; }
.quote_add_container .row { margin: 20px 0; white-space: nowrap; width: 100%; }
.quote_add_container .field_title { width: 20%; vertical-align: top; }/*display: inline-block; float: left; */
.quote_add_container .field_content { vertical-align: top; margin: 5px 0; }/* margin-left: 20%;*/
.quote_add_container .product_thumb { display: inline-block; width: 75px; height: 75px; border: 1px solid #DDD; background-size: contain; background-position: center; background-repeat: no-repeat; background-color: white; }
.quote_add_container .small { color: #666; margin-left: 5px; }
.quote_add_container .price_hong img, .quote_add_container .price_water img { vertical-align: top; position: relative; top: -2px; margin-left: 5px; width: auto; height: 20px; }
.quote_add_container .field_title { width: 80%; margin: 0 auto; }
.quote_add_container .field_content { width: 80%; margin: 0 auto; }
.quote_add_container .rating-row { width: 80%; margin: 0 auto; }
.quote_add_container .rating-container { margin: 0 auto; }
.quote_add_container .drivider { width: 80%; margin: 0 auto; }
.quote_add_container .form-error-text { width: auto; }


/* rating */
.rating_title { padding: 10px 5px 7px 5px; border-bottom: 1px solid #DDD; }
.rating_container { }
.container-grey.rating_container { background-color: white; }
.rating_container .dialog-content-container { margin: 10px; }
.rating_container .row { margin: 20px 10px; white-space: nowrap; width: 100%; }
.rating_container .product_thumb { display: inline-block; width: 75px; height: 75px; border: 1px solid #DDD; background-size: contain; background-position: center; background-repeat: no-repeat; background-color: white; }
.rating_container .dialog-form { margin: 10px 0 35px 0; }
.rating_container .rating-container { margin-top: 10px; }
.rating_container .rating-header { font-size: 0.9em; }
.rating_container .rating-class { font-size: 0.9em; }
.rating_container .rating-respond { display: inline-block; width: 50%; text-align: center; padding: 0 2%; }
.rating_container .price_hong img, .quote_add_container .price_water img { position: relative; top: -2px; margin-right: 5px; }
/* rating - change to align center */
.rating_container .product-info { text-align: center; }
.rating_container .rating-header { text-align: center; }
.rating_container .rating-container { width: 250px; margin: 0 auto; }
.rating_container .product-label img { width: 20px; height: 20px; position: relative; top: -2px; }


/* review */
.review_title { padding: 10px 5px 7px 5px; border-bottom: 1px solid #DDD; }
.review_container { }
.container-grey.review_container { background-color: white; }
.review_container  select { padding: 2px; }
.review_container textarea { width: 100%; height: 100px; resize: none; }
.review_container .dialog-content-container { margin: 10px; }
.review_container .row { margin: 20px 0; white-space: nowrap; width: 100%; }
.review_container .product_thumb { display: inline-block; width: 75px; height: 75px; border: 1px solid #DDD; background-size: contain; background-position: center; background-repeat: no-repeat; background-color: white; }
.review_container .price_hong img, .review_container .price_water img { vertical-align: top; position: relative; top: -2px; margin-left: 5px; }
.review_container .rating-header { font-size: 0.9em; }
.review_container .rating-class { font-size: 0.9em; }
.review_container .rating-container { margin-top: 10px; }
.review_container .remarks { font-size: 0.8em; width: 80%; margin: 0 auto; }
.review_container .remarks div { margin: 3px 0; white-space: normal; }
.review_container .field_title { width: 80%; margin: 0 auto; }
.review_container .field_content { width: 80%; margin: 0 auto; }
.review_container .rating-row { width: 80%; margin: 0 auto; }
.review_container .rating-container { margin: 0 auto; }
.review_container .drivider { width: 80%; margin: 0 auto; }
.review_container .form-error-text { width: auto; }

/* my */
.user-right-list { margin: 20px 0; }
.user-right-list ul { width: 100%; text-align: center; }
.user-right-list ul li{ float: left; width: 50%; text-align: left; margin: 10px 0; padding-left: 30px; height: 24px; line-height: 24px; margin-bottom: 4px; }
.user-right-list ul li.sign-yes { background: url("../images/user/user-right-yes.png") no-repeat; }
.user-right-list ul li.sign-no { background: url("../images/user/user-right-no.png") no-repeat; }

/* my referral history */
.history-list-item { position: relative; display: table; border-top: 1px solid #DDD; overflow: hidden; font-size: 0.9em; width: 100%; padding: 10px 0; }
.history-list-item:first-child { border-top: 0; }
.history-list-checkbox { display: table-cell; vertical-align: middle; position: relative; width: 50px; height: 100%; text-align: center; margin-right: 10px; }
.product-list-detail { display: table-cell; text-align: center; }
.history-list-referral-id { color: #555; }
.history-list-date { font-size: 0.8em; }

.history-detail-container {  }
.history-detail-container .btn.btn-gray { margin-top: 50px; }
.history-detail-detail { margin: 10px; }
.history-detail-container .row { border-top: 1px solid #DDD; margin: 0; padding: 10px; color: #333; font-size: 1.0em; }
.history-detail-container .row:first-child { border-top: 0; }
.history-detail-container .row .title { font-size: 0.9em; margin-bottom: 5px; color: #666; }
.history-detail-container .history-detail-name {  }
.history-detail-container .history-detail-name img { position: relative; top: -2px; width: 20px; height: 20px; }
.history-detail-container .history-detail-remark { font-size: 0.8em; }

/* trade tooltip */
.tooltip { position: initial; opacity: 1; font-size: 1.0em; z-index: 0; display: inline; }
.tooltip img { position: relative; top: -2px; margin-left: 5px; }
.tooltip span { display: none; position: absolute; background-color: white; color: #666; font-size: 15px; border: 2px solid #DDD; box-shadow: 0 1px 4px #aaa; margin-left: -60px; margin-right: 20px; padding: 10px 20px; line-height: 1.5; z-index: 1; }
.tooltip .red-remark { font-size: 0.8em; background-color: white; color: #FF0E0E; font-weight: normal; }
.tooltip-right-container { float: right; }
.tooltip-right-container .tooltip_large span { margin-left: -70%; }

/* trade index */
.trade_section_title { position: relative; padding: 10px 5px 7px 5px; border-bottom: 1px solid #DDD; }
.trade_section_title a { color: #555; }
.trade_section { margin: 10px 0 30px 0; }
.trade_hot_item, .trade_new_item, .trade_others_item { border-top: 1px dashed #DDD; padding: 10px 0; }
.trade_hot_item:first-child, .trade_new_item:first-child, .trade_others_item:first-child { border-top: 0; }
.trade_hot_thumb { float: left; margin-right: 10px; display: inline-block; width: 70px; height: 70px; line-height: 70px; border-bottom: 1px solid #DDD; background-color: white; overflow: hidden; text-align: center; }
.trade_hot_thumb img { width: 100%; }
.trade_add_guide { position: absolute; width: 260px; font-size: 0.8em; color: #333; padding: 20px 10px; border: 1px solid #DDD; background-color: white; z-index: 1; box-shadow: 5px 5px 5px #CCC; right: 0; display: none; }
.btn.btn-trade-list { float: right; margin: 0; margin-right: 10px; padding: 5px 10px; }
.trade_more { font-size: 0.8em; }
.trade_more a { color: #00A499; text-decoration: underline; }
.trade_hot_price {}
.trade_hot_price span {  }
.trade_hot_price img { position: relative; top: -2px; width: auto; height: auto; }

/* trade list */
.trade-list-container {  }
.trade-list-container .trade_section { margin: 0 10px; }
.trade-list-container .trade_section.trade-list-select-container select { margin: 5px 0; }
.trade-list-container .trade_new_item { height: 125px; }
.trade-list-container .trade_new_item .trade_new_thumb { float: left; display: inline-block; width: 100px; border: 1px solid #DDD; margin-right: 10px; }
.trade-list-container .trade_new_item .trade_new_thumb img { width: 100%; }
.trade-list-container .trade_new_item .trade_new_detail {  }
.trade-list-container .trade_new_item .trade_new_title { display: block; margin-bottom: 10px; }
.trade-list-container .trade_new_item .trade_new_price {  }
.trade-list-container .trade_new_item .trade_new_price span { }
.trade-list-container .trade_new_item .trade_item_detail img { position: relative; top: -2px; vertical-align: middle; width: 50px; }

/* trade detail */
.trade-item-container {}
.trade-item-container .body_table { width: 100%; }
.trade-item-container .full-image { margin: 10px 0; text-align: center; }
.trade-item-container .thumb_area { margin: 10px 0; text-align: center; }
.trade-item-container .thumb_area .thumb_change .thumb60 { display: inline-block; width: 60px; height: 60px; margin-right:10px; border: 1px solid #DDDDDD; background-size: cover; background-position: center; background-repeat: no-repeat;}
.trade-item-container .report { float: right; margin-right: 10px; }
.trade-item-container .report img { width: 20px; height: 20px; }
.trade-item-container .attr { margin: 0 auto; }
.trade-item-container .attr td { padding: 2px; vertical-align: top; }
.trade-item-container .attr td.name { min-width: 100px; white-space: nowrap; }
.trade-item-container .attr .price_discount { text-decoration: line-through; }
.stat_red { color: #bb0000; font-size: 18px; line-height: 18px; font-weight: bold; }
.stat_green { color: #619551; font-size: 18px; line-height: 18px; font-weight: bold; }
.trade-item-container .trade_func { text-align: center; }
.trade-item-container .trade_func a { display: inline-block; padding: 12px 10px; }
.trade-item-container .fb_like_container { text-align: right; margin-right: 10px; margin-top: 23px; }
.trad_help { margin: 10px 0; }
.trad_help a { display: inline-block; margin: 1px 3px; padding: 1px 10px; font-size: 0.9em; }
.trad_help span { line-height: 1.2; }
.trad_help img { position: relative; top: -2px; margin-right: 5px; vertical-align: middle; }
.trade-item-container .btn-bookmark { }
.trade-item-container .btn-bookmark .after { display: none; }
.trade-item-container .btn-bookmark.active .before { display: none; }
.trade-item-container .btn-bookmark.active .after { display: block; }
.trade-item-container .thumb60 { display: inline-block; width: 60px; height: 60px; border: 1px solid #DDDDDD; margin: 5px; background-position: center; background-size: contain; background-repeat: no-repeat; }
.contact-seller-tabs {}
.contact-seller-tabs table { width: 100%; }
.contact-seller-tabs td { padding: 3px; }
.contact-seller-tabs .btn { margin: 3px 0; }

/* trade item sold */
.trade-item-sold-container { }
.trade-item-sold-container .trade-item-sold-title { padding: 10px 5px 7px 5px; border-bottom: 1px solid #DDD; }
.trade-item-sold-container .row { margin: 20px auto; white-space: nowrap; width: 80%; }

/* trade list interest */
.trade-item-interest-container {}
.trade-item-interest-container .section_title { padding: 10px 5px 7px 5px; border-bottom: 1px solid #DDD; }
.trade-item-interest-container .box { margin: 10px 0; font-size: 1.0em; }
.trade-item-interest-container .box>div { border-top: 1px solid #DDD; padding: 10px 0; }
.trade-item-interest-container .box>div:first-child { font-weight: bold; border-top: 0; }
.trade-item-interest-container .box>div:nth-child(2) { border-top: 0; }
.trade-item-interest-container .box>div.clear { border-top: 0; }
.trade-item-interest-container .box>div.sub_title { margin: 0; padding: 5px 0; }
.trade-item-interest-container .box .title { display: block; margin-top: 10px; }
.trade-item-interest-container .box .fill { display: block; margin: 0 5x; }
.trade-item-interest-container .box .tooltip span { margin-left: 0; }

/* trade rule */
.trade-rule-container { }
.trade-rule-container .title { font-size: 1.0em; font-weight: bold; margin: 10px 0; }
.trade-rule-container ul { list-style: decimal-leading-zero; }
.trade-rule-container ul li { margin-bottom: 10px; }
.trade-rule-container .trad_list { font-size: 0.9em; }
.trade-rule-container .trad_list>div { margin: 20px 0; }

/* trade item qa */
.trade-item-qa-container {  }
.trade-item-qa-container>table { width: 100%; }
.trade-item-qa-container .btn-ask { padding: 10px 20px; }
.trade-item-qa-container .ask_answer { border: 1px solid #DDD; margin: 10px; padding: 10px 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.trade-item-qa-container .ask_answer textarea { width: 100%; height: 150px; resize: none; border: 1px solid #AAA; margin: 10px 0; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.trade-item-qa-container .ask_answer .btn { margin: 10px auto 30px auto; }
.trade-item-qa-container .ask_answer .reply_tips_box { font-size: 0.9em; }
.trade-item-qa-container .ask_answer .tips_box { font-size: 0.9em; margin: 5px 0; }
.trade-item-qa-container .ask_answer .tips_box img { position: relative; top: -2px; margin-right: 5px; }
.trade-item-qa-container .ask_answer .tips_box ul { margin: 10px 0; margin-top: 0px; }
.trade-item-qa-no-record { margin: 20px 0; text-align: center; }
.trade-item-qa-table { margin: 10px 0; }
.trade-item-qa-table tr:first-child td { padding: 10px 0; }
.trade-item-qa-table td { vertical-align: top; padding: 2px; }
.trade-item-qa-table td:last-child { text-align: l; }
.trade-item-qa-table td:first-child { text-align: center; }
.trade-item-qa-table .username { font-size: 0.9em; width: 50%; }
.trade-item-qa-table .user_question { font-size: 0.9em; margin-top: 5px; }
.trade-item-qa-table .date { font-size: 0.8em; color: #999; }
.trade-item-qa-table .img60 { width: 60px; }
.reply_div {  }
.reply_div .btn.btn-block { margin: 0 0 10px 0; }
.reply_div textarea { width: 80%; height: 100px; resize: none; margin: 0 auto; }
.seller_answer { }
.seller_answer p { margin-left: 5px; }

/* trade add */
.trade-add-container { }
.trade-add-form-container { }
.trade-add-container .trad_help { margin-top: 20px; }
.trade-add-container .trade-add-title { padding: 10px 5px 7px 5px; border-bottom: 1px solid #DDD; }
.trade-add-container .row { margin: 20px 0; white-space: nowrap; width: 100%; }
.trade-add-container .required { color: red; margin: 0 3px; vertical-align: middle; }
.trade-add-container .field_title { width: 80%; margin: 0 auto; }
.trade-add-container .field_content { width: 80%; margin: 0 auto; white-space: normal; }
.trade-add-container .field_content img:not(:thumb60) { position: relative; top: -2px; margin-left: 5px; width: 20px; height: 20px; }
.trade-add-container .field_content input[type="radio"] { margin-right: 5px; }
.trade-add-container .field_content textarea { width: 100% !important; height: 100px !important; resize: none; }
.trade-add-container .upload_img_div { display: inline-block; width: 60px; height: 60px }
.edit_prod { display: block; width: 100%; background: #fffbe1; border: 1px solid #FC9; margin: 10px 0; padding: 5px 10px; word-break: break-word; white-space: normal; font-size: 0.8em; line-height: 1.2; }
.edit_prod a { line-height: 25px; padding-left: 10px; }
.trade-add-container .prod_img .btn_prod_remove {width:14px; height:41px; display:block; background:url(../images/btn_remove.png) no-repeat; position:absolute; cursor:pointer; margin:0; padding:0; right:-2px; top:0;}
.trade-add-container .btn_prod_upload {display:inline-block; width:60px; height:60px; background:url(../images/btn_prod_upload.png) no-repeat; cursor:pointer; border:0; margin:3px 15px 0 0;}
.trade-add-container .btn_prod_upload:hover {box-shadow: 1px 1px 5px #e8e8e8;}
.trade-add-container .btn_prod_upload input {-moz-opacity:0; filter:alpha(opacity=0); opacity:0; width:60px; height:60px; cursor:pointer;}
.trade-add-container .dialog-footer { text-align: center; }
.trade-add-container .dialog-footer label { width: 80%; margin: 0 auto; text-align: left; }
.trade-add-container .small { white-space: normal; }
.trade-add-container .tooltip span { margin-left: -20px; }
.trade-add-container .form-error-text { text-align: left; }
.trade-add-container .prod_img { float:left; display:inline-block; position:relative; vertical-align: top; width: 70px; margin:3px 15px 8px 0; font-size: 0.9em; }
.trade-add-container .thumb60 { display: inline-block; width: 60px; height: 60px; border: 1px solid #DDDDDD; margin: 0; }
.trade-add-container .prod_img .btn_prod_remove {width:14px; height:41px; display:block; background:url(../images/btn_remove.png) no-repeat; position:absolute; cursor:pointer; margin:0; padding:0; right:-2px; top:0;}

/* trade add preview */
.trade-preview-container {  }
.trade-preview-container .full-image { text-align: center; }
.trade-preview-container .thumb_area { text-align: center; }
.trade-preview-container .thumb60 { display: inline-block; width: 60px; height: 60px; border: 1px solid #DDDDDD; margin: 5px; background-position: center; background-size: contain; background-repeat: no-repeat; }

/* trade report */
.trade-report-container { margin-bottom: 20px; }
.trade-report-container .trade-report-title { padding: 10px 5px 7px 5px; border-bottom: 1px solid #DDD; }


/* quote detail */
.quote_detail_container {}
.quote_detail_container .shop_name { text-align: left; }
.quote_detail_container .merchant-shop-star { display: inline-block; text-align: left; }
.quote-shop-source { font-size: 0.8em; color: #999; }
.quote-shop-source div { display: inline-block; }
.quote-remarks-title { font-size: 0.8em; color: #333; font-weight: bold; margin-top: 10px; padding: 3px 0; }
.quote-remarks { font-size: 0.8em; margin-bottom: 10px; padding: 3px 10px; line-height: 1.5; }
.quote-price-refer { display: block; border: 1px solid #DDD; width: 100%; max-width: 320px; margin: 10px auto; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.quote-price-refer .quote-price-label { background: #00A499; text-align: center; margin-bottom: 5px; }
.quote-price-refer .product-price { vertical-align: top; }
.quote-price-refer .quote-price-hong, .quote-price-refer .quote-price-water { display: inline-block; width: 49%; text-align: center; margin: 10px 0; }
.quote-price-refer .btn.btn-block { margin-top: 0; }
.quote-price-refer-label, .quote-price-refer-action { text-align: center; }
.quote-price-refer-label { width: 80%; margin: 0 auto; font-size: 0.9em; color: #666; }
.quote-price-refer-action {  }
.btn.btn-block.btn-guarantee { height: 40px; line-height: 26px; padding: 6px 22px 6px 46px; font-size: 16px; font-weight: bold; color: #ffffff; background: url("../images/icon/refer_btn_icon.png") no-repeat 16px 8px #00A499; }

/* quote report */
.quote-report-container {}
.quote-report-container .quote-report-title { padding: 10px 5px 7px 5px; border-bottom: 1px solid #DDD; }
.quote-report-container .row { margin: 20px 0; white-space: nowrap; width: 100%; }
.quote-report-container .required { color: red; margin: 0 3px; vertical-align: middle; }
.quote-report-container .field_title { width: 80%; margin: 0 auto; }
.quote-report-container .field_content { width: 80%; margin: 0 auto; white-space: normal; }
.quote-report-container .field_content input[type="text"] { margin: 0; padding: 3px; width: 100%; }
.quote-report-container .field_content input[type="checkbox"] { margin-right: 5px; }
.quote-report-container .field_content textarea { width: 100% !important; height: 100px !important; resize: none; }
.quote-report-container .form-error-text { width: 80%; margin: 0 auto; text-align: left; }
.quote-report-container .remarks { font-size: 0.9em; }
.quote-report-container .secrecy { font-size: 0.9em; padding: 20px; border-top: 1px solid #DDD; }


/* referral buy */
.referral-buy-container {  }
.referral-buy-container .message-content { text-align: center; margin: 20px 0; }
.referral-buy-container .notice { font-size: 0.85em; background: #f5f5f5; border: 2px solid #EAEAEA; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; margin: 10px 10px 20px; }
.referral-buy-container .tips { position: relative; }
.referral-buy-container .tips_content { position: relative; display: none; }
.referral-buy-container .tips_content>span { z-index: 1; display: inline; position: absolute; top: 0; width: 300px; right: 0; border: 1px solid #AAA; margin-top: -30px; padding: 10px; line-height: 1.5; color: #666; background-color: white; box-shadow:0 1px 4px #aaa; }
.referral-buy-container .tips_content>span h4 { color: #00A499; }
.referral-buy-container .notice-item:not(:last-child) { white-space: nowrap; margin-bottom: 10px; }
.referral-buy-container .notice-ico { float: left; width: 54px; margin-right: 10px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.referral-buy-container .notice-text { white-space: normal; /*display: flex; margin-left: 64px;*/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.referral-buy-title { padding: 10px 5px 7px 5px; border-bottom: 1px solid #DDD; }
.referral-buy-container .product-info { margin: 0 10xp 10px 10px; padding: 10px; border-bottom: 1px solid #DDD; text-align: center; }
.referral-buy-container .product-info>div { display: inline-block; }
.referral-buy-container .merchant-info { margin: 0 10xp 10px 10px; padding: 10px; border-bottom: 1px solid #DDD; }
.referral-buy-container .merchant-details { width: 50%; float: left; text-align: center; }
.referral-buy-container .merchant-details .merchant-phone, .referral-buy-container .merchant-details .merchant-name, .referral-buy-container .merchant-details .disc-price { font-weight: bold; }
.referral-buy-container .dialog-form { font-size: 0.9em; margin: 20px 10px; }
.referral-buy-container .dialog-form .row { margin: 0 auto 10px auto; padding: 5px 0; border-top: 1px solid #DDD; }
.referral-buy-container .dialog-form .row:first-child { border-top: 0; }
.referral-buy-container .dialog-form .checkbox-outer input[type="radio"] { vertical-align: top; margin-right: 10px; }
.referral-buy-container .dialog-form .checkbox-outer .form-group { white-space: nowrap; }
.referral-buy-container .dialog-form .checkbox-outer label { white-space: normal; }
.referral-buy-container .dialog-footer { margin-top: 20px; }
.referral-buy-container .dialog-form .quote-remarks { max-width: none; }
.referral-buy-container .dialog-form .form-group { margin: 0 auto; width: 100%; }
.referral-buy-container .dialog-form input[type="text"] { margin: 0; width: 100%; }
.referral-buy-container .dialog-form input[type="tel"] { margin: 0; width: 100%; }
.referral-buy-container .dialog-form .input_container { margin: 0 auto; width: 80%; }
.referral-buy-container .dialog-form .form-error-text { width: auto; }
.referral-buy-container .referral-buy-info { margin: 0 10xp 10px 10px; padding: 10px; border-bottom: 1px solid #DDD; }
.referral-buy-container .referral-buy-details { width: 50%; float: left; text-align: center; }
.referral-buy-container .referral-buy-details .referral-buy-contact_name, .referral-buy-container .referral-buy-details .referral-buy-contact_phone { font-weight: bold; }
.referral-buy-container .msg-alert { font-size: 1em; color: #DF2D3E; text-align: left; }
.referral-buy-container .msg-alert img { vertical-align: top; margin-left: 5px; }
.referral-buy-container .referral-buy-details .msg-alert { font-size: 0.8em; text-align: center; }
.referral-buy-container .msg-done img { vertical-align: middle; margin-left: 5px; position: relative; top: -2px; }
.referral-buy-container .need_ver_alert { font-size: 0.8em; margin-bottom: 10px; }

.referral-buy-complete-container {  }
.referral-buy-complete-container .dialog-message { text-align: center; line-height: 1.5; }
.referral-buy-complete-container .transaction_id { margin: 10px 0; font-weight: bold; font-size: 1.3em; }
.referral-buy-complete-container .notice { width: 80%; margin: 20px auto; }
.referral-buy-complete-container .notice-ico img { width: 100%; }
.referral-buy-complete-container .message-content { width: 80%; margin: 20px auto; cursor: default; }

/* profile */
.profile-container {  }
.profile-container .prod_prod { text-align: center; }
.profile-container .prod_prod .head_b img { position: relative; top: -2px; }
.profile-container .prod_prod .attr { margin: 5px auto; }
.profile-container .prod_prod .attr td { padding: 3px 5px; font-size: 0.9em; }
.profile-container .tabs {  }
.profile-container .tabs li { width: 40%; white-space: nowrap; }
.profile-container .tabs li:first-child, .profile-container .tabs li:last-child { width: 30%; }
.profile-container .tooltip span { margin-left: 0; }
.profile-container .item { border-top: 1px solid #DDD; padding: 10px 0; }
.profile-container .item:first-child { border-top: 0; }
.profile-container .btn.btn-small { padding: 3px 5px; float: right; }
.profile-container .item_detail { font-size: 0.9em; }
.profile-container .name { color: #555; }
.profile-container .thumb60 { border: 1px solid #DDD; margin-right: 5px; }
.profile-container .tooltip { font-size: 0.9em; }
.profile-container .date { font-size: 0.8em; color: #999; margin-top: 5px; }

.pager_container { margin: 5px 0; }

/* my - my favourite product */
.product-list-view { margin-bottom: 20px; }
.product-list-view .drivider hr { margin-bottom: 0; margin-top: 0px; margin-left: 10px; margin-right: 10px; }
.product-list-item { display: block; position: relative; height: 100px; border-bottom: #EEE 1px solid; overflow: hidden; }
.product-list-item:hover { background-color: #F6F6F6; }
.product-list-thumbnail { display: block; position: absolute; left: 10px; top: 9px; height: 80px; width: 80px; border: 0; /*border: 1px solid #DDD;*/ background-color: white; }
.product-list-thumbnail .thumbnail-img { width: 74px; height: 74px; margin-left: 3px; margin-top: 3px; background-position: center; background-size: contain; background-repeat: no-repeat; }
.product-list-content { display: block; height:100%;margin-left: 100px; padding-top: 10px; padding-right: 50px; padding-bottom: 10px; background-image: url(../images/top-menu-btn-forward-grey.png); background-position: right center; background-size: 50px 50px; background-repeat: no-repeat; }
.product-list-content .product-list-title { height: 44px; line-height: 22px; font-size: 18px; font-weight: bold; color: #333; overflow: hidden; }
.product-list-content .product-list-title .product-label img { position: relative; top: -2px; width: 20px; height: 20px; }
.product-list-content .product-list-price { margin-top: 10px; line-height: 21px; color: #00A499; font-size: 18px; }
.product-list-content .product-list-price .icon-price-type { float: left; display: block; width: 20px; height: 20px; line-height: 20px; margin-right: 5px; }
.product-list-checkbox { float: left; position: absolute; top: -100px; width: 50px; height: 100%; text-align: center; }
.product-list-checkbox .product-list-checkbox-box { width: 100%; margin-top: 30px; }
.my-favourite-product-container {}
.my-favourite-product-container .product-list-checkbox { top: 0; }
.my_favourite_product_title { margin-bottom: 20px; padding: 10px 5px 7px 5px; border-bottom: 1px solid #DDD; }

/* my - my favourite merchant */
.merchant-list-item .product-list-title { height: auto; white-space: nowrap; }
.my-favourite-merchant-container {}
.my-favourite-merchant-container .product-list-checkbox { top: 0; }
.my-favourite-merchant-container .merchant-shop-stat { text-align: left; }

/* my - edit profile */
.edit-profile-image { text-align: center; }
.edit-profile-image-wrapper { text-align: center; }
.edit-profile-image-wrapper img, .load_avator_preview { width: 140px; height: 140px; margin: 0 auto; margin-bottom: 10px; border: 2px solid #DDD; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; overflow: hidden; }
.edit-profile-container .row { margin: 5px 0; white-space: nowrap; width: 100%; }
.edit-profile-container .required { color: red; margin: 0 3px; vertical-align: middle; }
.edit-profile-container .field_title { width: 80%; margin: 0 auto; }
.edit-profile-container .field_content { width: 80%; margin: 0 auto; white-space: normal; }
.edit-profile-container .field_content input[type="text"], .edit-profile-container .field_content input[type="tel"] { margin: 0; padding: 3px; width: 100%; }
.edit-profile-container .field_content input[type="radio"] { margin-right: 5px; }
.edit-profile-container .field_content input[type="radio"]:not(:first-child) { margin-left: 15px; }
.use_website { width: 80%; background: #FFFBE1; border: 1px solid #FC9; margin: 10px auto; font-size: 0.9em; }

/* edit avator */
.edit-avator-container {  }
.edit-avator-container .title { padding: 10px 5px 7px 5px; border-bottom: 1px solid #DDD; }
.edit-avator-container .dialog-content { margin-top: 30px; text-align: center; }
.dialog-profile-edit-wrapper { width: 100%; }

/* change password */
.change-password-container {}
.change-password-container .row { margin: 20px 0; white-space: nowrap; width: 100%; }
.change-password-container .required { color: red; margin: 0 3px; vertical-align: middle; }
.change-password-container .field_title { width: 80%; margin: 0 auto; }
.change-password-container .field_content { width: 80%; margin: 0 auto; white-space: normal; }
.change-password-container .field_content input { margin: 0; padding: 3px; width: 100%; }
.change-password-container .form-error-text { width: auto; text-align: left; }

/* my - my trade */
.tra_taglist { margin: 10px 0 20px 0; padding: 0; text-align: center; list-style: none; }
.tra_taglist li { display: inline-block; margin: 5px 0 0 0; padding: 0; border-bottom: 2px solid #DDD; min-width: 100px; width: 48%; text-align: center; line-height: 35px; word-break: break-word; background-color: #EAEAEA; color: #555; }
.tra_taglist li a { display: block; color: #555; }
.tra_taglist li.active { border-bottom: 2px solid #007A7E; background-color: #00A499; color: white; }
.tra_taglist li.active a { color: white; }
.error-message-container { width: 90%; background: #FFFBE1; border: 1px solid #FC9; margin: 10px auto; padding: 10px; font-size: 0.9em; }
.mytrade-container .main { text-align: center; }
.mytrade-container .main table { margin: 10px auto; }
.mytrade-container .main table td { text-align: center; min-width: 100px; padding: 3px 5px; }
.mytrade-container .main img.img150 { width: 150px; }
.mytrade-container .reminder { width: 100%; margin: 10px auto; }
.mytrade-container .reminder>div { display: inline-block; width: 45%; text-align: center; position: relative; }
.mytrade-container .reminder img { vertical-align: top; width: 131px; }
.mytrade-container .reminder span { position: absolute; right: 10px; vertical-align: bottom; display: block; border-radius: 5px; background: #B1B1B1; color: #fff; width: 28px; height: 17px; text-align: center; font-size: 12px; }
.mytrade-container .head_b img { position: relative; top: -2px; }

/* my - my trade - selling */
.mytrade-selling-container {  }
.mytrade-selling-container>table { width: 100%; }
.mytrade-selling-container>table td { vertical-align: top; }
.mytrade-selling-container .item_detail { border-top: 1px dashed #DDD; }
.mytrade-selling-container .item_detail td { padding-top: 5px; }
.mytrade-selling-container .item_detail:first-child { border-top: 0; }
.mytrade-selling-container .item_detail_date { }
.mytrade-selling-container .item_detail_control {}
.mytrade-selling-container .item_detail_control td { }
.mytrade-selling-container .name { color: #0062D0; }
.mytrade-selling-container a:not(.btn):not(.name) { color: #333; }
.mytrade-selling-container .thumb60 { display: inline-block; width: 60px; height: 60px; margin-right:10px; border: 1px solid #DDDDDD; background-size: cover; background-position: center; background-repeat: no-repeat; }
.mytrade-selling-container .count { font-size: 0.9em; }
.mytrade-selling-container .date { font-size: 0.8em; color: #999; }
.mytrade-selling-container .btn.btn-small { margin: 2px; padding: 2px; font-size: 0.8em; }
.mytrade-selling-container .promoted { background: #649A53; color: #FFF; font-size: 0.7em; text-align: center; padding: 2px 3px; vertical-align: top; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.mytrade-selling-container .no_item { border: 1px solid #999; background-color: #EFEFEF; text-align: center; margin: 20px; padding: 20px 0; font-weight: bold; }

.howto_trade { font-size: 0.8em; text-align: left; margin: 10px 0; padding: 3px; background-color: #EFEFEF; }
.howto_trade .howto_trade_title { color: #916C8F; }
.howto_trade .trade_step { margin: 2px 3px; color: #333; }
.howto_trade .trade_step .trade_pt { display: inline-block; width: 15px; height: 15px; line-height: 15px; text-align:center; background: #916C8F; color: white; font-weight: bold; margin-right: 6px; border-radius: border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; }

.trade_guide {}
.trade_guide .row { font-size: 0.8em; margin: 0; padding: 5px 0; border-top: 1px dashed #DDD; }
.trade_guide .row:first-child { border-top: 0; }
.trade_guide .field_title { font-weight: bold; }
.trade_guide .field_content {  }

/* my - my trade - item edit */
.trade-item-edit-container .trade-item-edit-title { padding: 10px 5px 7px 5px; border-bottom: 1px solid #DDD; }
.trade-item-edit-container .row { margin: 20px 0; white-space: nowrap; width: 100%; }
.trade-item-edit-container .required { color: red; margin: 0 3px; vertical-align: middle; }
.trade-item-edit-container .field_title { width: 80%; margin: 0 auto; font-size: 0.9em; }
.trade-item-edit-container .field_content { width: 80%; margin: 0 auto; white-space: normal; color: #333; }
.trade-item-edit-container .thumb60 { display: inline-block; width: 60px; height: 60px; margin-right:10px; border: 1px solid #DDDDDD; background-size: cover; background-position: center; background-repeat: no-repeat; }
.trade-item-edit-container .btn.btn-block { width: 100%; }
.trade-item-edit-container label { font-size: 0.9em; }
.trade-item-edit-container textarea { width: 100% !important; height: 100px !important; resize: none; }
.trade-item-edit-container .tooltip span { margin-left: -10px; }
.trade-item-edit-container .prod_remarks { padding: 10px; font-size: 13px; background: #FFFBE1; }
.trade-item-edit-container .prod_remarks .remarks_date { margin: 0; text-align: right; font-size: 11px; color: #939393; }
.trade-item-edit-container .small { color: #666; line-height: 1.2; }
.trade-item-edit-container .form-error-text { width: 100%; }
.trade-item-edit-container .thumb60 { vertical-align: middle; }
.trade-item-edit-container .video-input-container { font-size: 0.9em; }

/* my - my trade - item retract */
.trade-item-retract-container {}
.trade-item-retract-container .alert { font-weight: bold; margin: 10px 0; padding: 0; }

/* my - my trade - item closed */
.mytrade-selling-container .buyer { font-size: 0.8em; }
.mytrade-selling-container .buyer a { color: blue; }

/* my - my trade - item rate */
.trade_tips { margin: 10px 0; font-size: 0.8em; }
.trade_tips li { margin: 5px 0; padding-left: 0; }
.trade_tips img { position: relative; top: -2px; margin-right: 5px; }
.mytrade_rate_div { border: 1px solid #999; margin: 10px auto; padding: 10px; }
.mytrade_rate_div .row { margin: 3px 0; }
.mytrade_rate_div textarea { width: 100% !important; height: 100px !important; resize: none; }
.mytrade_rate_div .form-error-text { width: 100%; }

/* my - my trade - item rating */
.mytrade-selling-filter { float: right; }
.mytrade-rating-container {}
.mytrade-rating-container .avatar { width: 30px; height: 30px; overflow: hidden; margin: 0 5px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.mytrade-rating-container .mem_name {}
.mytrade-rating-container .mem_name a { color: #666; }
.mytrade-rating-container .item_detail_container { padding: 4px 10px; }

/* my - my trade - qna */
.mytrade-qna-container .prod_remarks { margin: 5px 10px; padding: 10px; background-color: #FFFBE1; font-size: 0.9em; }
.mytrade-qna-container .answer_date { text-align: right; }
.mytrade_qna_div { border: 1px solid #999; margin: 10px auto; padding: 10px; }
.mytrade-qna-container textarea { width: 100% !important; height: 100px !important; resize: none; }

/* my - my trade - bookmark */
.mytrade-bookmark-container {}
.mytrade-bookmark-container .right { text-align: right; }
.mytrade-bookmark-container .product-list-title { font-size: 0.9em; height: auto; }
.mytrade-bookmark-container .product-list-title span { color: #007B18; }
.mytrade-bookmark-container .username { font-size: 0.9em; }
.mytrade-bookmark-container .tooltip { font-size: 0.8em; }
.mytrade-bookmark-container .product-list-checkbox { float: left; position: initial; width: 50px; vertical-align: top; }
.mytrade-bookmark-container .product-list-thumbnail { float: left; position: initial; display: inline-block; }
.mytrade-bookmark-container .product-list-item { height: auto; overflow: initial; }
.mytrade-bookmark-container .product-list-price { margin: 0; }

/* browsing history */
.browse-history-box {}
.browse-history-box ul {  }
.browse-history-box li { padding: 10px 0; border-top: 1px solid #DDD; }
.browse-history-box li:first-child { border-top: 0; }

/* tnc */
.t-and-c { width: 80%; margin: 0 auto; }

/* adv */
.adv_container { margin: 10px auto; text-align: center; }


/* jquery mobile setting */
/* .ui-loader { display: none; } */
.ui-content { background-color: white; }
.ui-checkbox, .ui-radio { margin: 0; }
.ui-checkbox input, .ui-radio input { position: initial; }
.ui-page-theme-a .ui-btn:focus, html .ui-bar-a .ui-btn:focus, html .ui-body-a .ui-btn:focus, html body .ui-group-theme-a .ui-btn:focus, html head+body .ui-btn.ui-btn-a:focus, .ui-page-theme-a .ui-focus, html .ui-bar-a .ui-focus, html .ui-body-a .ui-focus, html body .ui-group-theme-a .ui-focus, html head+body .ui-btn-a.ui-focus, html head+body .ui-body-a.ui-focus { }
.ui-page-theme-a .ui-btn.ui-btn-active, html .ui-bar-a .ui-btn.ui-btn-active, html .ui-body-a .ui-btn.ui-btn-active, html body .ui-group-theme-a .ui-btn.ui-btn-active, html head+body .ui-btn.ui-btn-a.ui-btn-active, .ui-page-theme-a .ui-checkbox-on:after, html .ui-bar-a .ui-checkbox-on:after, html .ui-body-a .ui-checkbox-on:after, html body .ui-group-theme-a .ui-checkbox-on:after, .ui-btn.ui-checkbox-on.ui-btn-a:after, .ui-page-theme-a .ui-flipswitch-active, html .ui-bar-a .ui-flipswitch-active, html .ui-body-a .ui-flipswitch-active, html body .ui-group-theme-a .ui-flipswitch-active, html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active, .ui-page-theme-a .ui-slider-track .ui-btn-active, html .ui-bar-a .ui-slider-track .ui-btn-active, html .ui-body-a .ui-slider-track .ui-btn-active, html body .ui-group-theme-a .ui-slider-track .ui-btn-active, html body div.ui-slider-track.ui-body-a .ui-btn-active { background-color: initial; text-shadow: none; border: 0; }
.ui-select .ui-btn select { opacity: 1; }
.ui-panel-inner { padding: 0; }
.ui-panel-dismiss { background-color: #000; opacity: 0.5; }
.ui-panel-animate.ui-panel-page-content-position-left { background-color: white; }
.ui-input-text { width: 80%; margin: 5px auto; }
.ui-input-text.error { border-color: red; }
.btn .ui-page-theme-a a:hover, html .btn .ui-bar-a a:hover, html .btn .ui-body-a a:hover, html body .btn .ui-group-theme-a a:hover { color: white; }


/* referral buy intro page - msite eng */

.static-page-wrapper.static-page-wrapper-en-us #static-view-referral .merchantInnerArea ul li b {
	padding-top: 11px;
	font-size: 15px;
	line-height: 17px;
	font-weight: bold;
}

.static-page-wrapper.static-page-wrapper-en-us #static-view-referral .merchantInnerArea ul li b img {
	display:none;
}

.static-page-wrapper.static-page-wrapper-en-us #static-view-referral .merchantInnerArea ul li p{
	padding-top: 1px;
}

.static-page-wrapper.static-page-wrapper-en-us #static-view-referral .merchantInnerArea ul li p span {
	line-height: 26px;
}

.static-page-wrapper.static-page-wrapper-en-us #static-view-referral .merchantInnerArea ul li.star06Area b {
	margin-bottom: 4px;
}

.static-page-wrapper.static-page-wrapper-en-us #static-view-referral .merchantInnerArea ul li.star06Area p span.smaller{
	font-size: 17px;
}


@media screen and (min-width: 410px){
.static-page-wrapper.static-page-wrapper-en-us #static-view-referral .merchantInnerArea ul li {
	height: 115px;
}
}

.banner { text-align: center; }

.product-list-view.list-edit-mode .product-list-content.ui-link .merchant-shop-stat img {
  margin-right: 5px;
  width: 100px;
  height: auto;
}

.product-list-view.list-edit-mode .product-list-content.ui-link .merchant-shop-stat ul li img {
  margin-right: 5px;
  width: 20px;
  heigh: 20px;
}


/* Related Serivces Listing 4 Modes*/

/*overall*/
/*mode 1,2,3,4 - hide procut item-function */



/*overall column-02 (spacing) */


/*overall column-01 (product image) */
/*mode 1,2 - dipslay on */


/*mode 3,4 - display off */
.product-detail-tab-service.mode-03 .product-list-thumbnail,
.product-detail-tab-service.mode-04 .product-list-thumbnail{
	display:none;
}
.product-detail-tab-service.mode-03 .product-list-content,
.product-detail-tab-service.mode-04 .product-list-content{
	margin-left: 15px;
}


/*overall column-02 (product attr) */
/*mode 2,4 - hide all attr */



/*overall column-02 (width) */
/*mode 3,4 - narrow screen */

/*mode 3,4 - wide screen */


.ms-container { border-top: 2px solid #F0C400; border-bottom: 2px solid #F0C400; background-color: #FFFEEE; padding-bottom: 12px;}
.ms-banner { padding: 0 10px; }
.ms-banner-2 { padding-top:0px; }
.ms-banner img  { width:100%; height: auto; }
.ms-title-container { line-height: 35px; padding: 10px; }
.ms-index-title { color: #00A499; font-size: 1em; vertical-align: middle; margin: 0px 15px; }
.ms-title-container .icon { float: left; display: inline-block; width: 34px; height: 34px; background-image: url('../images/icon/ms_icon_clock.png'); background-position: center; background-repeat: no-repeat; background-size: 34px; }
.ms-title-container .ms-more { float: right; margin: 0; margin-right: 10px; padding: 5px 10px; box-shadow: none; }

.ms-product-container { padding: 10px; background-color: #FFFEEE; }
.ms-product { display: inline-block; text-align: left; width: 190px; padding: 10px; vertical-align: top; border: 1px solid #FEF5CC; background-color: white; }
.ms-product-name { font-weight: bold; height: 45px; color: #222; }
.ms-product:HOVER .ms-product-name { color: #00A499; }
.ms-product-original-price { text-decoration: line-through; color: #999; font-size: 0.9em; font-weight: bold; margin-left: 94px;}
.ms-product-original-price .product-price { color: #999; }
.ms-product-price { font-size: 1.2em; font-weight: bold; color: #C91547; }
.ms-product-image { float: left; display: inline-block; width: 100px; height: 100px; margin-right: 15px; background-position: center; background-repeat: no-repeat; background-size: contain; }
.ms-product:HOVER .ms-product-image  { opacity: 0.8; filter: alpha(opacity=80); }
.ms-product-remains { margin-top: 10px; font-size: 0.9em; float: right; color: #999; }

.ms-list-container { }
.ms-description-container { text-align: center; background-color: #FFFEEE; border-bottom: 2px solid #F0C400; border-top: 2px solid #F0C400;}
.ms-large-banner { padding: 10px 10px 0; }
.ms-large-banner img { width: 100%; }
.ms-title { font-size: 1.2em; margin: 10px 0; }
.ms-description { font-size: 1.0em; margin-bottom: 20px; line-height: 1.5; min-height: 50px; }
.ms-page-view-body .breadcrumb-product { width: 871px; }

.ms-product-list-item-list { }
.ms-product-list-item-list ul { margin: 0; }
.ms-product-list-item-list .list-product .item { width: 100%; height: auto; padding: 0; }
.ms-product-list-item-list .list-product .item:HOVER { background-color: #EEE; }
.ms-product-list-item-list .ms-product { width: 100%; padding-bottom: 10px; border: 0;  border-bottom: 1px solid #DDD; background-color: white; }
.ms-product-description { font-size: 0.8em; }
.ms-product-remarks { font-size: 0.8em; padding-bottom:10px; }

.ms-timer-container { background-color: #EEE; border-bottom: #2C3942; color: #2C3942; width: 100%; min-height: 60px; padding: 10px 20px; font-size: 1.1em; }
.ms-timer-container-N {  }
.ms-timer-container-B {  }
.ms-timer-container-S { background-color: #F44336; border-bottom: #D32F2F; color: white; }
.ms-timer-container-E {  }
.ms-timer-status { display: none; line-height: 35px; font-weight:bold; }
.ms-timer-timer-container { float: right; text-align: right; }
.ms-timer-timer { display: none; font-size: 0.8em; }
.ms-timer-time {  }

.ms-list-count { color: #00A499; margin: 0 15px; padding: 10px 0; border-bottom: 1px solid #EEE; }
.ms-list-count span { color: #646464; margin-left: 5px; }

.product-list-item-list .list-product .ms-merchant-list { /*margin-bottom: 30px;*/ }
.product-list-item-list .list-product .ms-merchant-list .product-detail-tab-bar { margin: 10px 0; }
.product-list-item-list .list-product .ms-merchant-list li { width: 100%; }
.product-list-item-list .list-product .ms-merchant-list .item { width: 100%; height: auto; padding: 20px 10px; }
.product-list-item-list .list-product .ms-merchant-list .item:HOVER { background-color: #EEE; }
.product-list-item-list .list-product .ms-merchant-list .item .line-01 { font-size: 1.1em; font-weight: bold; color: #333; }
.product-list-item-list .list-product .ms-merchant-list .item .quote-shop-star img { height: 20px; margin: 5px 0 10px 0; }
.product-list-item-list .list-product .ms-merchant-list .item .merchant-info-info { font-size: 0.8em; }
.product-list-item-list .list-product .ms-merchant-list .item .merchant-info-label { vertical-align: top; padding-right: 10px; }
.product-list-item-list .list-product .ms-merchant-list .item .merchant-info-label span { vertical-align: top; }
.product-list-item-list .list-product .ms-merchant-list .item .column { vertical-align: top; font-size: 0.9em; }
.product-list-item-list .list-product .ms-merchant-list .item .column-01 .line-img { display: none; text-align: center; border: 1px solid #DDD; padding: 10px; }
.product-list-item-list .list-product .ms-merchant-list .item .column-01 .line-img img { width: auto; height: auto; vertical-align: middle; }
.product-list-item-list .list-product .ms-merchant-list .item .column-01 { width: auto; }
.product-list-item-list .list-product .ms-merchant-list .item .column-02 { float: left; width: 60%; }
.product-list-item-list .list-product .ms-merchant-list .item .column-03 { float: right; vertical-align: bottom; width: 40%; }
.product-list-item-list .list-product .ms-merchant-list .item .column a { color: #646464; }
.product-list-item-list .list-product .ms-merchant-list .shop-contact { color: #646464; }

.ms-price-refer-not-active-btn { display: block; overflow: hidden; float: right; padding-top: 3px; }
.ms-price-refer-not-active-btn .btn { background-color: #EAEAEA; color: #B3B3B3; border-color: #DADADA; width: 120px; }
.ms-price-refer-btn { float: right; text-align: center; }
.ms-price-refer-btn a { color: white !important; }
.ms-price-refer-btn .btn { padding: 10px 15px 10px 40px; width: 120px; color: white; background: url("../images/icon/ms_btn_icon.png") no-repeat 16px 8px #00A499; }
.ms-price-refer-btn:HOVER .btn { color: white; background: url("../images/icon/ms_btn_icon.png") no-repeat 16px 8px #008A82; }

.ms-detail-container {  }
.ms-detail-container .ms-product-image{ float: none; width: 100%; height: 200px; margin: 5px auto; }

.ms-product-detail-tab-bar { margin: 0 15px; padding: 15px 0 5px 0; border-bottom: 1px solid #EEE; }
.ms-product-detail-tab-bar li { float: none !important; }
.ms-product-detail-tab-bar a { color: #646464; }


.ms-event-container{
	margin-top:10px;
  background-color: #F47D20;
  border-bottom: #D76B19 solid 3px;
  color: #FFFFFF;
  width: 100%;
  height: 50px;
  padding: 10px 3px;
  font-size: 16px;
    margin-bottom: 15px;
}
.ms-event-container div{
	height: auto;
}
.ms-event-container .ms-event-icon{
	margin-left:10px;
	float:left;
}
.ms-event-container .ms-event-title{
	margin-left: 5px;
  margin-top: 2px;
  float: left;
  font-size: 18px;
  font-weight: bold;
}
.ms-event-container .ms-event-more{
	display: none;
	margin-top:2px;
	float:right;
}
.ms-event-container .ms-event-more-btn{
	float:right;
	padding-top: 1px;
	padding-right: 2px;
}
.ms-event-container img{
	width:24px;
}



#page-not-found-error{
	height:auto;
	width:auto;
	margin:0 auto;
}
#page-not-found-error-box{
	width:100%;
	margin:0 auto;
	padding-top: 15px;
}
	
#page-not-found-error-box .error-cover-img, #page-not-found-error-box .error-text-box{
	height:100%;
	width:100%;
	float:left;
}
#page-not-found-error-box .error-cover-img{
}
#page-not-found-error-box .error-cover-img img{
	margin:0 auto;
	height: 124px;
	width: auto;
}
#page-not-found-error-box .list-unstyled.list-inline{
	margin-left: 0px;
	padding-top: 15px;
	padding-bottom: 0;
}
#page-not-found-error-box .error-text-box{
	width: 96%;
	margin: 0px 3%;
}
#page-not-found-error-box h3,#page-not-found-error-box a:hover, #page-not-found-error-box a:active, #page-not-found-error-box a:visited{
	color: #00a499;
}

#page-not-found-error-box h3{
	font-size: 25px;
	line-height: 1.3em;
	text-align: center;
	margin-top: 15px;
}

#page-not-found-error-box span{
}

#page-not-found-error-box .error-text-box ol {
	padding-left: 24px;
}
	
#page-not-found-error-box .error-text-box ol li {
	padding-bottom: 15px;
	line-height: 1.2em;
	font-size: 14px;
		
}

#page-not-found-error-box .error-text-box ol li ul li {
	padding-bottom: 0;
		
}

#page-not-found-error-box .error-text-box ol li:last-child {
	padding-bottom: 5px;
}


#page-not-found-error-box .icon-list {
	width: 84px;
	margin-bottom: 0;
}


#page-not-found-error-box .icon-list .caption{
	padding: 0 10px;
	white-space: normal;
	line-height: 1.2em;
	font-size: 14px;
}


#page-not-found-error-box .icon-list.icon-list-quote .icon-circle {
	border-color: #FFA828;
	background-color: #FFA828;
}

#page-not-found-error-box .icon-list.icon-list-news .icon-circle {
	border-color: #3084BD;	
	background-color: #3084BD;
}

#page-not-found-error-box .icon-list.icon-list-news .icon {
	background-image: url('../images/icon/icon_details_news.png'; background-size: cover; );
}

#page-not-found-error-box .icon-list a {
	color: #555;
}




.ms-title-container .ms-more {
  float: right;
  margin: 0;
  margin-right: 0;
  padding: 7px 7px;
  box-shadow: none;
  line-height: 16px;
  font-size: 0.9em;
  min-width: 54px;
  margin-top: 3px;
}



.ms-index-title{
	font-weight: bold;
}


.ms-product-image {

  width: 80px;
  height: 80px;
}


.product-list-content {
  margin-left: 90px;
}


.ms-product-list-item-list .ms-product-price{
  margin-left: 94px;
}

.ms-product-list-item-list .product-list-content{
	  padding-top: 0px;
  padding-bottom: 0px;
font-weight:bold;
color:#333333;
overflow: hidden;
  line-height: 1.3em;
  height: 44px;
}



.product-detail-tab-bar.ms-product-detail-tab-bar{
  font-size: 0.9em;
}



.ms-timer-container{
  padding: 10px 8px;
}


.ms-timer-container { 
border-bottom: #2C3942 3px solid; 
}

.ms-timer-container-S { 
border-bottom: #D32F2F 3px solid; 
}

.ms-timer-timer {
  font-size: 0.6em;
}


.ms-timer-time {
  font-size: 0.9em;
}



.ms-title{
font-size: 1.1em;
font-weight: bold;
  margin-left: 10px;
margin-right: 10px;
}


.ms-description {
  font-size: 0.8em;
  margin-bottom: 15px;
  line-height: 1.5;
  min-height: 50px;
  margin-left: 10px;
margin-right: 10px;
}


.ms-product-detail-body .ms-product-list-item-list .ms-product {
  border-left: 0;
  border-bottom: 0;
}

.ms-product-detail-body .ms-product-list-item-list .ms-product-price {
  margin-left: 0;
}

.ms-product-detail-body .ms-product:HOVER .ms-product-name {
	 color: #222; 
	 }
	 
.ms-product-list-item-list .list-product .item .btn :HOVER {
  background-color: inherit;
}

.product-detail-tab-bar.grouped_product-detail-tab-bar.my-referral-history .list-inline > li{
	 font-size: 1em;
}

@media screen and (max-width: 480px){
.product-detail-tab-bar.grouped_product-detail-tab-bar.my-referral-history .list-inline > li{
	 font-size: 0.8em;
}
}

.ms-product-detail-body .ms-product-original-price{
	margin-left: 0;
}

.ms-product-detail-body .ms-product{
	padding: 0 15px 15px 15px;
}


.ms-product-detail-body .product-list-item-list .list-product .ms-merchant-list .item .item-inner {
	border-bottom: solid 1px #ddd;
	  overflow: hidden;
  padding-bottom: 20px;
}

.ms-product-detail-body .product-list-item-list .list-product .ms-merchant-list .item{
	  padding: 12px 10px 0;
}


.shop-list-container ul li .quote-shop-distance img, .shop-list-container ul li .quote-shop-address img{
	width: 16px;
	height:auto;
}

.ms-index-title {
  height: 35px;
  overflow: hidden;
}

.ms-tnc-link {
  text-align: center;
  font-size: 0.9em;
  padding: 10px 0 20px;
  border-bottom: 1px #eee solid;
  border-bottom: 1px #ddd solid;
  margin: 0 15px;
}

.ms-tnc-link :not(:last-child) {
  border-right:1px solid #ccc;
}

.product-list-item-list .list-product .ms-tnc-link {
   margin-bottom: 30px; 
}

.ms-list-container.ms-list-container-grid li.product-list-item{
	border-bottom: 0;
}

.ms-list-container.ms-list-container-grid li.product-list-item .ms-product-description,
.ms-list-container.ms-list-container-grid li.product-list-item .ms-product-remarks {
	display:none;
}

.ms-product-list-item-list .ms-product{
background-color:  initial;
  padding: 0;
  margin: 0 15px;
  padding: 7px 0 10px;
  width: 92%;
}


/* ms pd product name overlap */

.ms-product-detail-body .ms-product .ms-product-name{
	height:auto;
	padding-bottom:10px;
}

.referral-buy-container .dialog-form .ms-product-original-price,
.merchant-info .ms-product-original-price,
.history-detail-price .ms-product-original-price{
margin-left:0;
}


/* mobile map view landmark name*/

.shop-list-header-container ul li img{
	margin-right:5px;
}

.shop-list-header-container ul li .shop-function-container img{
	margin-right:0;
}




/*------------------------ product detail refine */


/* - product detail attr font-size - */
.product-col-info .item-attr table td {
  font-size: 0.8em;
}

/* - icon-circle minimize margin - */
.icon-list-container {
  text-align: center;
  margin: 5px -20px 20px;
}

/* - product detail info remark spacing - */
.product-info-remark {
  border-bottom: 1px solid #DDD;
  padding-bottom: 15px;
}

/* - icon-circle minimize width - */
.icon-list {
  width: 70px;
  margin-bottom: 10px;
}
@media screen and (max-width: 320px){
.icon-list { width: 70px; }
}

/* - icon-circle minimize line spacing - */
.icon-list .caption {
  margin-top: 6px;
  white-space: normal;
  margin-bottom: 6px;
  line-height: 1.2;
}



/* - bookmark icon bg color - */
.icon-list.icon-list-bookmark .icon-circle {
  border-color: #00cbbd;
  background-color: #00cbbd;
}

/* - detail icon bg color - */
.icon-list.icon-list-detail .icon-circle { 
	border-color: #a1b835; 
	background-color: #a1b835; 
}

/* - empty icon bg color - */
.icon-list.icon-list-empty .icon-circle{
	border-color: #dadada;
	background-color: #dadada;
}

/* - empty icon caption - */
.icon-list.icon-list-empty .caption {
	  color: #bbb;
}
.icon-list.icon-list-empty:hover .caption {
	 text-decoration: none;
}





/* - nearby btn resize - */
.product-detail-tab-content .btn.btn-nearby{
	display: block;
	width: 120px;
	margin: 0 auto;
	float: none;
	margin-bottom: 15px;
}

.product-detail-tab-content .product-detail-tab-quote{
	border-top: 1px solid #DDD;
}


/* - comment page - */
.comment-user-rating .item{
/*	max-width:0; 20150901 fix*/
	width: 100px;
/**/	margin-bottom: 10px;
}

.comment-user-rating {
  margin-top: 10px;
}

.product-detail-tab-content .btn.btn-nearby { 
background-image: url('../images/icon/view_map_pin_w.png');
background-position: 0 0; 
background-size: cover;
}





.product-detail-tab-bar.grouped_product-detail-tab-bar #product_section_title{
	/*display:none;*/
}

.product-detail-tab-comment a.btn.btn-review.ui-link{
	float: right;
	display: block;
	margin-top: 0;
	padding: 2px 8px 2px 35px;
	background-color: #00A499;
	border-color: #00A499;
	width: 120px;
	background-image: url('../images/icon/add_comment_bubble_w.png');
	background-position: 3px 0;
	background-size: cover;
}


/*tricky hide of count number on circle btn */

.icon-list-empty .count, .icon-list-big .count {
	display:none;
}



/*MS TnC */

.ms-tnc-container{
	display:block;
	line-height: 1.4;
	width: 100%;
	padding-right: 5px;
}

.ms-tnc-container ul{
	padding-top: 20px;
	color: #666666;
	font-size: 0.8em;
	padding-left: 25px;
	padding-bottom: 30px;
}

.ms-tnc-container ul li{
	padding-bottom: 6px;
}

.ms-tnc-container ul li a{
	word-break: break-all;
}



/* 0714 17:50 end */

.screen-cover { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 10000; background-color: rgba(0, 0, 0, 0.7); display: none; }
.screen-cover>div.cover { position: absolute; width: auto; height: auto; text-align: center; opacity: 1; left: 0; right: 0; }
.screen-cover>div .content { overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.item_detail_container { width: 280px; background-color: white; padding: 10px 20px; text-align: center; }
.item_detail_container .item_detail_title { font-size: 1.5em; font-weight: bold; margin: 10px 0; }
.item_detail_container .item_detail_row { margin: 5px 0; }

.plain_container {  }
.plain_container .ms-tnc-container { font-size: 1.5em; }


.news_content_container .news_content table { width: 100% !important; }

@media screen and (max-width: 594px){
.icon-list-container{
	width: 300px;
	margin: 5px auto 20px;
}
}

@media screen and (max-width: 320px){
.icon-list-container{
	margin: 5px -10px 20px;
}
}





/*-------------------*/

#filterarea {
  padding: 0 5px 8px 5px;
  margin: 0px 10px 0 10px;}

#filterarea .list-product{
display:block;
overflow:hidden;
}

#filterarea .list-inline > li{
width: 50%;
float:left;
display:block;
}

#filterarea .list-inline > li .btn-group{
width: 100%;
}

#filterarea .list-inline > li select{
width: 100%;
}

#filterarea .list-inline > li:last-child, #filterarea .list-inline > li.filter-wrap-btn {
width: 100%;
}

#filterarea .list-inline > li:last-child input, #filterarea .list-inline > li.filter-wrap-btn input {
width: 100%;
margin: 0 auto;
display: block;
margin: 3px 0;
}

.filter_container {
  padding-bottom: 10px;
}





/*---------*/



.unit-filter input.selecter-datepicker , .selecter-datepicker {
	width:100%;
}

#filterarea .list-inline > li.filter-wrap-lg{
	width:100%;
}

.unit-filter div.filter-date-left {
	padding-right: 20px;
	float:left;
	width:50%;
}

.unit-filter div.filter-date-right {
	padding-left: 20px;
	float:right;
	width:50%;
}

.unit-filter div.filter-date-center {
	width:40px;
	text-align: center;
	position:absolute;
	top:0;
	display:inline;
	margin-left:-20px;
	line-height:34px;
	font-size:0.9em;
}


.datepicker.dropdown-menu {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 2px solid #999999;
}

.datepicker-dropdown.datepicker-orient-top:before {
  top: -9px;
}

.datepicker-dropdown:after {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 6px solid #fff;
}

.datepicker-dropdown:before {
  border-left: 7px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 8px solid #ccc;
  border-top: 0;
  border-bottom-color: #999999;
}

.datepicker-days thead tr th{
}

.datepicker-days thead{
	border-bottom: 1px solid #cccccc;
}

.datepicker-days tbody{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active,
.datepicker table tr td.active.active, .datepicker table tr td.active:hover.active{
	background-color: #00a499;
	border-color: #00a499;
}

/*.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background: #ccd1d9;
  color: #ffffff;
}*/

.datepicker table tr td,
.datepicker table tr th {
  width: 26px;
  height: 24px;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #cccccc;
}

.datepicker-days tbody{
	margin-top: 3px;
}

.datepicker.dropdown-menu th.dow{
	
}


.unit-filter-date .filter-label {
	font-size:0.9em;
	border-top: 1px solid #dddddd;
	padding-top:6px;
	margin-top:5px;
}

.unit-filter-date{
	padding-bottom:6px;
}





/*---------*/


.datepicker table{
	font-size:1.1em;
}

.datepicker table tr td, .datepicker table tr th {
  width: 37px;
  height: 36px;
}

.datepicker.dropdown-menu th, 
.datepicker.datepicker-inline th, 
.datepicker.dropdown-menu td, 
.datepicker.datepicker-inline td {
  padding: 0px 5px;
}



/* 0731 16:20 end */

#recap-oversea{
	padding:8px;
	border-radius: 4px;
	border: 1px solid #ccc;
}


#recap-oversea .recap-oversea-img{
	text-align: center;
	padding-bottom: 6px;
}

#recap-oversea .recap-oversea-img img{
	width: 100%;
}

#recap-oversea .recap-oversea-input input{
	width:100%;
	margin: 0;
}


#recap-oversea .recap-oversea-input .ui-input-text{
margin:0;
width:100%;
}


/* 0804 09:20 end */

#recap-oversea .recap-oversea-img{
	padding-bottom: 0px;
	position: relative;
}

#recap-oversea .recap-oversea-input{
	padding-top: 8px;
}

#recap-oversea .recap-oversea-reload {
	width: 22px;
	height: 22px;
	position: absolute;
	right: 0;
	bottom: 0;
	background-image:url("../images/icon/btn_reload.png");
	background-color: #ffffff;
	background-size: cover;
}

#recap-oversea .recap-oversea-reload:hover {
	background-image:url("../images/icon/btn_reload_hover.png");
	background-color: #ffffff;
	background-size: cover;
}

/* 0804 16:45 end */



.news-row-view, .news-page-view {
	padding: 0;
	display:inline;
	padding-left: 10px;
}

.news-row-date img, .news-page-date img{
	margin-right:2px;
	margin-bottom:-1px;
	width:15px;
	height:15px;
}

.news-row-view img, .news-page-view img{
	margin-right:4px;
	margin-bottom:-1px
	width:15px;
	height:15px;
}

.news-row-date img, .news-row-view img{margin-bottom:-2px;}


.full-width {width:100%;background:#e0e0e0;;}
.full-width--content {font-size: 1em;font-weight: 400;padding: 7px 21px;}				
.full-width--link {font-style : italic;}

.three-equal {width :33.33% !important;}

.ui-grid-2col{
	float: left;
	text-align: center;
	width: 50%;
}

#recap-oversea .recap-oversea-img img { width: 90%; }
#recap-oversea .recap-oversea-img .refresh-icon { margin-left: 10px; }

.three-equal {width :33.33% !important;}

.announcement-list{
	border-bottom:1px solid #000;
}

.announcement-content{
    font-size: 15px;
    padding: 0 20px;
    color: #000;
	display:none;
}

.announcement-item-open .announcement-content{
	display:block;
}

.announcement-item-open .announcement-title{
	color:#00A499;
}

.announcement-item-open .announcement-title{
	background:url(../images/arrow_up.png) no-repeat;
	background-position:right center;
}

.announcement-title{
	position: relative;
    display: block;
    font-size: 16px;
    line-height: 20px;
    border-top: solid 1px #777777;
    padding: 13px;
    color: #bbbbbb;
	background:url(../images/arrow_down.png) no-repeat;
	background-position:right center;
}

.announcement-content-date {
    font-size: 12px;
}

.announcement-new{
	    color: #fff;
    font-size: 11px;
    float: right;
    margin: 0.5% 0;
    margin-right: 40px;
    line-height: 16px;
    padding: 0px 2px;
    border-radius: 30%;
    background-color: #f35328;
}

.announcement-content-text {
    color: #000;
    display: block;
    margin-bottom: 10px;
}

.news-row-date img, .news-row-view img{
	margin-bottom:-2px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1) {
    ::i-block-chrome, #viewpoint .screen-cover .cover .content {
		top:200px !important;
    }
}

.announcement-marker:after{
	vertical-align: middle ;
    position: absolute;
    content: '';
    background-color:#FF0000;
    border-radius:50%;
    opacity:0.5;
    width: 0.5em;
    height: 0.5em;
    pointer-events: none;
    margin: 0.5em 0.2em;
};

.register-tab-bar ul{
    display: block;
    height: 38px;
    border-bottom: 2px solid #eaeaea;
}
.register-tab-bar ul li{
	display: block;
    line-height: 32px;
    height: 38px;
    color: #888888;
    font-size: 16px;
    text-align: center;
    color: #121212;
	float:left;
	width:50%;
}
.register-tab-bar ul li a{
    display: block;
    margin: 0;
    line-height: 17px;
    height: 38px;
    color: #888888;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
}
.register-tab-bar ul li.active{border-bottom: 2px solid #00a499;}
.register-tab-bar ul li.active a{color: #00a499;}
.register-tab-bar ul li:hover{border-bottom: 2px solid #aaaaaa;}

.register-tab-bar ul{
    display: block;
    height: 43px;
    border-bottom: 2px solid #eaeaea;
}

.register-tab-bar {
    position: relative;
    display: block;
    padding-bottom: 5px;
    margin: auto;
    padding-right: 10%;
    padding-left: 10%;
}

@media only screen
and (max-device-width : 320px) {
.register-tab-bar ul li a{
    font-size: 13px !important;
}
}

.announcement-content img{max-width:100%; height:auto;}