@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; } */
body{font-family: "HelveticaNeue",Roboto,"Helvetica Neue",Arial,"PingFang TC","蘋果儷中黑","Apple LiGothic Medium","微軟正黑體","Microsoft JhengHei","黑体",Hei,sans-serif}
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,.profile-google {
position: absolute;
top: 55px;
left: 70px;
color: #F00;
width: 20px;
height: 20px;
background-image: url(../images/side-menu-fb-logo.png);
background-size: cover;
}
.profile-google{
	background-image: url(../images/google-logo.png);
}

.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.shop{background-image:url(../images/side-menu-icon-merchant.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.im-entry{ background-image:url(../images/imicon.png);}

.page-links a.history{ background-image:url(../images/side-menu-icon-history.png);}
.page-links a.csim{
    background-image:url(../images/side-menu-icon-csim@3x.png);
    background-size: 50px;
    background-position: 0px;
}
.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);
    background-position-y: center;
}
.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.csim{
    background-image:url(../images/side-menu-icon-csim@3x.png);
    background-size: 50px;
    background-position: 0px;
}
.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);
    background-position-y: center;
}
.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 .mine-thumbnail .thumbnail-apple {
	position:absolute;
	right:5px;
	bottom:5px;
	color:#F00;
	width:25px;
	height:25px;
	background-image:url(../images/side-menu-apple-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; /* font-family: HelveticaNeue; */ font-size: 21.6px;}
.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 {  }
.product-price img { position: relative; top: -2.5px; margin: 0 5px 0 3px; 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: 16px; line-height: 21px;}
.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: 110px; 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.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: 20px; height: 20px; position: relative; margin-bottom: 6px; margin-right: 6px;}
.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 {background-color: #f8f8f8; margin: 0 -10px; border-bottom: 1px solid #d5d5d5; height: 44px; overflow-x: scroll; overflow-y: hidden;}
.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_detail .merchant-shop-star img { width: 20px; height: 20px; position: relative; margin-bottom: 6px; margin-right: 6px;}
.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 textarea.invalid { border-color: red; }
.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-item .order_status {
	margin: 4px 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; }
.trade-item-container .content .product-price .text-price-number{
	font-size: 1.2em;
}
.trade-item-container .content .product-price {
	vertical-align: middle;
    display: inline-flex;
	align-items: baseline;
	font-size: 18px;
}
.trade-item-container .content .product-prop{
	vertical-align: middle;
    display: inline-flex;
    margin-left: 3px;
}
.trade-item-container .content .product-prop img{
	margin: 0;
	top: 0;
}
.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: disc; }
.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 ul { list-style: disc; }
.trade-item-qa-container ul.decrease-indent { margin-left:-20px; }
.trade-item-qa-container ul.circle { list-style: circle; }
.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 tips */
.trade-tips-container {  }
.trade-tips-container ul { list-style: disc; }
.trade-tips-container ul.decrease-indent { margin-left:-20px; }
.trade-tips-container ul.circle { list-style: circle; }

/* 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; border: 1px solid #aaa !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; margin-bottom: 10px; 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; background-size: 26px;}

/* 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: 0px 10xp 10px 10px; padding: 10px 15px; border-bottom: 1px solid #DDD;/* text-align: center; 20151215*/}
.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: left; padding: 20px;} /* 20151215 for align text to left*/
.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 0px; }
.referral-buy-container .dialog-form .row { margin: 0 auto 10px auto; padding: 5px 0; }
.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; width: 18px;height: 18px;}
.referral-buy-container .dialog-form .checkbox-outer .form-group { white-space: nowrap; height: 36px;display: flex;margin: 10px auto;}
.referral-buy-container .dialog-form .checkbox-outer label { white-space: normal; }
.referral-buy-container .dialog-footer { margin-top: 20px; text-align: center;}
.referral-buy-container .dialog-footer .save{ text-decoration: underline;}
.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: 16px auto; width: 100%; }
.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%; height: 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; min-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%; min-height:90px; 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-list-title-content{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.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; 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; }
.product-list-content .product-list-price .product-price {vertical-align: middle; display: inline-flex; align-items: baseline;}
.product-list-content .product-list-price .product-prop {vertical-align: middle; display: inline-flex; margin-left: 3px;}
.product-list-content .product-list-price .product-prop img {margin: 0; top: 0; height: 20px; width: 20px;}
.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; border-bottom: #EEE 1px solid;}

.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;
	color: #00A499;
}
.announcement-content-date img { position: relative; top: -2px; margin-right: 5px; width: 15px; height: 15px; }

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

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

.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: 0px;
    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;}

/* 20151215 for star shop rating */
.merchant-rating {
    text-align: center;
    margin: 0.2em;
    padding: 5px 0;
    font-size: 0.8em;
}


/* end of 20151215 for star shop rating */

.merchant-shop-stat .im-quote-online-span{
	font-size:0.8em;
	color:#00a499;
}

.merchant-shop-stat .im-quote-offline-span{
	font-size:0.8em;
	color:#989898;
}

.im-quote-online-span{
	font-size:0.9em;
	color:#00a499;
}

.im-quote-offline-span{
	font-size:0.8em;
	color:#989898;
}

/* 20151218 product page */
.quote-shop-star span{
	padding-left: 5px;
}

.btn-side-menu-notification{
    width: 10px;
    height: 10px;
    display: block;
    background: #f35328;
    position: absolute;
    right: 11px;
    top: 14px;
    border-radius: 5px;
}

/* end of 20151218 for product page */

/* 20151231 business hour */
.btn.btn-block.btn-require {
    height: 40px;
    line-height: 26px;
    padding: 6px 22px 6px 46px;
    font-size: 16px;
    font-weight: bold;
    color: #00A499;
    background: url("../images/icon/im_icon.png") no-repeat 16px 8px #ffffff;
}

.im_business_hour{font-size:12px; color: #989898;}

.quote-price-refer-label, .quote-price-require-action { text-align: center; }

.quote-price-require-action{
	height: 40px;
  line-height: 26px;
  padding: 6px 22px 6px 46px;
  font-size: 16px;
  font-weight: bold;
  color: #00A499;
  background: url("../images/icon/im_icon.png") no-repeat 16px 8px #ffffff;
}

/* offline status quote_detail img*/
.im_quote_offline{
	height:20px;
	width: 20px;
}

/*20160106*/

.btn-search {
	width: 40px!important;
	background-size: 40px 50px!important;
}
.btn-im {
    position: absolute;
    top: 0px;
    right: 40px;
    display: block;
    width: 40px;
    height: 50px;
    background-image: url(../images/top-menu-btn-im.png);
    background-size: 40px 50px;
    overflow: hidden;
}

.btn-im-noti {
    position: absolute;
    width: 10px;
    height: 10px;
    background: #f13200;
    border-radius: 50%;
    top: 12px;
    right: 6px;
}

.keyword-search-box{
	display: block;
	background: #ffffff;
	z-index:120000;
	width:calc(100% - 10px);
	border: 1px solid #aab1c4;
}

.keyword-search-box a{
	display: block;
	width:100%;
	overflow:hidden;
	height:30px;
}

.keyword-search-history {
    display: block;
    overflow: hidden;
    height: 30px;
    background: url("../images/item_rank_line.png") repeat-x 0 60px;
}

.keyword-search-box .keyword-search-history a {
    height: 25px;
    padding: 5px;
}

.keyword-search-more {
    height: 30px;
    text-align: center;
}

.discontinued {color: #989898;}

/*20160106*/
.im-empty-wrapper {
	width: 100%;
	margin-top: 60px;
}
/* 20151215 for star shop rating */
.merchant-rating {
    text-align: center;
    margin: 0.2em;
    padding: 5px 0;
    font-size: 0.8em;
}

.im-empty {
	display: block;
	margin: auto;
	clear: both;
	margin-bottom: 10px;
}

.im-empty-wrapper p{
	color: #CBCBCB;
	font-size: 15px;
	text-align: center;
}

/*20160111*/
.im-empty-wrapper p.im-empty-title {
    color: #212121;
    font-size: 16px;
    margin-top: 16px;
}

.im-empty-wrapper p.im-empty-dsc {
    color: #b9b9b9;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0px;
}

.im-empty{
	width: 150px;
    height: auto;
}

/*-- 13012016 product detail  --*/

.quote-shop-name span span {
    color: #8e8e93;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
}


.im-quote-offline-span {
    font-size: 0.8em;
    color: #555;
}


.im-quote-online-span {
    font-size: 0.8em;
 }


/*-- end of 13012016 product detail  --*/



/*-- 13012016 merchant detail  --*/

.content_wrapper .shop_name span {
	color: #8e8e93;
  font-size: 13px;
  font-weight: normal;
}

.star-label{
	color: #8e8e93;
  font-size: 13px;
}


/*-- end of 13012016 merchant detail  --*/

/*20160114 優質label*/
.quote-shop-label {
    padding: 5px 0 0 0;
}

.quote-shop-label img {
    width: 115px;
    height: 40px;
}

.content_wrapper .quote-shop-label {
    padding: 2px 0 10px 0;
}

.merchant-detail-label{
	 text-align: center;
}

/*20160128 Mega Sale Page Redesign*/
.ms-product-detail-page .ms-product-list-item-list .fb-like-ntn-wrapper {
	clear: both;
	padding: 30px 0 0 0;
}

.ms-product-detail-page .ms-product-list-item-list .list-product .ms-detail-container .ms-product .ms-product-name {
	font-size: 20px;
}

.ms-product-detail-page .ms-product-list-item-list .list-product .ms-detail-container .ms-product .ms-product-original {
	margin-top: 20px;
	display: block;
}

.ms-product-detail-page .ms-product-list-item-list .list-product .ms-detail-container .ms-product .ms-product-original .ms-product-original-unit {
	font-size: 12px;
	color: #999;
}

.ms-product-detail-page .ms-product-list-item-list .list-product .ms-detail-container .ms-product .ms-product-original .ms-product-original-price {
	text-decoration: line-through;
	color: #999;
	font-weight: normal;
	font-size: 16px;
	height: 16px;
	margin-left: 5px;
}

.ms-product-detail-page .ms-product-list-item-list .list-product .ms-detail-container .ms-product .ms-product-original .ms-product-original-price {
	float: none!important;
}

.ms-product-detail-page .ms-product-list-item-list .list-product .ms-detail-container .ms-product .ms-product-discounted {
	display: block;
	color: #e02152;
	font-weight: bold;
	font-family: noto sans,notoSans;
	margin-top: -5px;
}

.ms-product-detail-page .ms-product-list-item-list .list-product .ms-detail-container .ms-product .ms-product-discounted .ms-product-discounted-unit {
	font-size: 20px;
}

.ms-product-detail-page .ms-product-list-item-list .list-product .ms-detail-container .ms-product .ms-product-discounted .ms-product-discounted-price {
	font-size: 32px;
	margin-left: 5px;
}

.ms-product-detail-page .ms-product-list-item-list .list-product .ms-detail-container .ms-product .ms-product-discounted .ms-discount {
	background: #e02152;
	color: #fff;
	font-weight: bold;
	padding: 3px 8px;
	line-height: 15px;
	height: 15px;
	vertical-align: super;
	margin-left: 10px;
	font-family: helvetica neue,微軟正黑體,Microsoft JhengHei,蘋果儷中黑,Apple LiGothic Medium,黑体,SimHei;
}

.ms-product-detail-page .ms-product-list-item-list .list-product .ms-detail-container .ms-product .ms-product-quantity, .ms-product-detail-page .ms-product-list-item-list .list-product .ms-detail-container .ms-product .ms-product-remains {
	font-weight: bold;
	color: rgb(128, 128, 128);
	font-size: 15px;
	margin-top: 21px;
	float: left;
}
.ms-product-detail-page .ms-product-list-item-list .list-product .ms-detail-container .ms-product .ms-product-quantity {
	padding-left: 5px;
}

.ms-product-detail-page .ms-product-list-item-list .list-product .ms-detail-container .ms-product .ms-product-remains {
	margin-left: 5px;
}

.ms-product-detail-page .ms-product-list-item-list .list-product .ms-detail-container .ms-product .ms-price-refer-btn {
    float: left;
    text-align: center;
}

.ms-product-detail-page .ms-product-list-item-list .list-product .ms-detail-container .ms-product .ms-product-merchant {
	color: #b3b3b3;
	display: block;
	position: relative;
	margin-top: 5px;
	font-size: 14px;
	padding: 0 3px;
}

.ms-product-detail-page .ms-product-list-item-list .list-product .ms-detail-container .ms-product .ms-product-merchant img{
	margin-right: 5px;
}

.ms-product-detail-page .ms-product-list-item-list .list-product .ms-detail-container .ms-product .ms-product-merchant .merchant-name{
	color: #333;
	font-size: 14px;
}

.ms-product-detail-page .ms-product-list-item-list .list-product .ms-detail-container .ms-product .ms-product-merchant .merchant-logo {
	width: 70px;
}


.ms-detail-tab-bar {
	margin-top: 15px;
}

.ms-detail-tab-bar ul li {
	border-top: 1px solid rgb(204, 204, 204);
	border-bottom: 2px solid #eaeaea;
}

.ms-detail-tab-bar ul li, .ms-detail-tab-bar ul li a{
	width: 33.3%;
	line-height: 36px;
	text-align: center;
	color: #121212;
	font-size: 0.9em;
}

.ms-detail-tab-bar ul li.active {
	border-bottom: 2px solid #f0c400;
}

.ms-detail-tab-bar ul li:hover {
	border-bottom: 2px solid #aaaaaa;
}

.ms-detail-tab-01 {
	padding: 10px;
	line-height: 1.4em;
	font-size: 14px;
}

.ms-detail-tab-01 img {
	margin: 5px;
	display: block;
	width: 100%;
}

.ms-product-list-item-list .ms-product {
	border-bottom: 0px;
}

@media screen and (max-width: 275px) {
	.ms-detail-tab-bar ul li {
		width: 92px!important;
	}

	.ms-product-list-item-list ul {
		display: inline-flex;
	}
}

.ms-price-refer-not-active-btn {
	float: left;
	font-size: 15px;
	height: 60px;
}

.ms-price-refer-not-active-btn .btn{
	margin: 5px 0;
}

.ms-product-original-price {
	font-size: 11px;
	margin-left: 0;
}
.ms-product-remains {
	margin: 0;
	float: none;
}

.ms-product-list-item-list .ms-product-price {
	font-size: 18px;
}
/*End of 20160128 Mega Sale Page Redesign*/

/* one line ms listing by kenny 20160212*/
.product-list-item .ms-product-remains, .product-list-item .ms-product-original-price, .product-list-item .ms-product-remarks, .product-list-item .ms-product-description  {margin-left: 94px;}

/*20160212 fix ms-detail*/
.ms-price-refer-btn .btn {font-size:0.9em;}
.ms-detail-tab-bar ul li, .ms-detail-tab-bar ul li a {font-size:0.8em}
.ms-product-detail-page .ms-product-list-item-list .list-product .ms-detail-container .ms-product .ms-product-quantity, .ms-product-detail-page .ms-product-list-item-list .list-product .ms-detail-container .ms-product .ms-product-remains {line-height: 64px; font-weight:normal; font-size:0.8em; margin-top:0;}
/* end 20160212 fix ms-detail*/

/*20160202 Mega Sale Page Tabs*/
@font-face {
	font-family: notoSans;
	src: url(NotoSans-Bold.ttf);
}

.ms-detail-tab {
	padding: 10px;
	line-height: 1.4em;
	font-size: 14px;
	display: none;
}

.ms-detail-tab img{
	width: 100%;
}

#ms-tab-content-01 {
	display: block;
}

.ms-detail-tab-bar ul li, .ms-detail-tab-bar ul li a{
	font-size: 0.8em;
}

.ms-detail-tab-bar ul li:hover {
	border-bottom: 2px solid #f0c400;
}

/* 20160205 mega sale by ivy */
.ms-price-refer-not-active-btn {
	float: left;
	font-size: 15px;
	height: 60px;
}

.ms-price-refer-not-active-btn .btn{
	margin: 5px 0;
}

.merchant-rating .product-rating{
	font-weight: bold;
}

/*#8244 H1 Style*/
h1.hp-name {color: #FFF;text-align: center;font-size: 12px;margin: 0;font-weight: normal;display: inline;}
h1.zone-name-h01 {font-size: 1em;font-weight: normal;margin: 0;display: inline;}
h1.group-name-h01, h1.cate-name-h01 {font-size: 1.1em;font-weight: normal;margin: 0;display: inline;}
h1.product-name {margin: 0;display: inline;}

/*20160307 outlet*/
.oul-header img{padding:0 20px;}
.oul-header span {
	vertical-align: bottom;
	margin-bottom: 15px;
	display: inline-block;
}
.oul-header {border-bottom: 1px solid #dddddd;}
.oul-process {
	text-align: center;
	margin-top: 10px;
}
.process-step {height: 25px;width: 25px;}
.process-bar {height: 40px; width: 300px;margin: 0 -4px;}
.oul-process:after {clear:both;}
.oul-content-form {
	border: 1px solid rgb(206,206,206);
	background: rgb(247,247,247);
	width: 100%;
	margin: auto;
	overflow:hidden;
}
.oul-product-item, .order-delivery, .payment-method, .checkout-list {
	background: #ffffff;
	margin: 15px 20px;
	font-size:14px;
}

.oul-product-item .product-img {height: 100px;width:100px;margin:10px; border: 1px solid #dddddd;}
.oul-product-item .product-name {
	font-weight: bold;
	vertical-align: top;
    margin: 10px 0;
    display: block;
}
.oul-content-form .pd-detail-title .title-name {
	font-size: 14px;
	color: #cccccc;
	width: 70px;
	display: inline-block;
}
.oul-content-form .pd-detail-content {font-size: 14px; color: #333333;}
.oul-content-form .pd-detail {display: inline-block;margin-top: -7px;}
.order-info {display:block;position:relative;min-height:260px;}
.pd-qty {width:40px;}
.pd-order-qty {display:inline-block;font-size: 1em;}
.pd-img-wrapper {width:120px;display:inline-block;vertical-align:top;margin-top: -5px;}
.clearfix {clear: both;}
.order-delivery .title, .payment-method .title, .checkout-list .title, .oul-product-item .title {font-size:16px; color: #00a499; font-weight: bold;padding: 5px 10px;}

.delivery-option input[type="radio"], .payment-method input[type="radio"] {
	margin-left: 20px;
	margin-right:5px;
	position: relative;
}
.payment-method input[type="radio"]#payment_method_braintree { top: 2px; }

.delivery-option label {
	margin-right: 50px;
	font-size:14px;
}

.delivery-option input[type=radio]:checked + label {
  color: #00a499;
  font-weight: bold;
}

.delivery-selftake {display:none;}
.delivery-courier {display:none;}
#self-take:checked ~ .delivery-selftake {
	display: block;
}
#courier:checked ~ .delivery-courier {
	display: block;
}

.btn-primary, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled]{
	background-color:#00a499;
	border-color: #00a499;
}
.delivery-selftake {padding: 0 20px 20px;}
#order-paypal {width:220px;}

.checkout-list .field {width:100%;clear:both;padding:3px 10px;}
.checkout-list .field .fieldname {float:left;font-size: 14px;color: #333;}
.checkout-list .field .fieldprice {float:right; font-size: 14px;color: #333;}
.checkout-list-item {border-bottom: 1px solid #ccc;display: block;position:relative;padding-bottom: 10px;}
.checkout-list .field.totalprice {text-align: right;padding: 10px;}
.checkout-list .fieldtotal {color: #aaa; font-size: 15px;}
.checkout-list .field .total-price {color:#e02152; font-size: 20px; font-weight: bold;padding-left:5px;}
.checkout-list .pay-button a{
	margin: auto;
    display: block;
    width: 200px;
    height: 40px;
    font-size: 20px;
    font-weight: bold;
    line-height: 25px;
}

.checkout-list .pay-button {
	position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    margin-bottom: 20px;
}

.dialog-content{
	width:100%;
}

.product-name {
    font-size: 18px;
    font-weight: bold;
    }

.delivery-address-option{
	font-size:16px;}

.outlet-product-remains{
	padding-left: 5px;
	color: rgb(128, 128, 128);
	line-height: 64px;
    font-weight: normal;
    font-size: 0.8em;
	margin-top: 0px;
	float:left;
	}

.outlet-btn-group{
	margin-top: 10px;
    margin-bottom: -10px;}

.outlet-delivery-state{
    font-weight: normal;
    font-size: 14px;
	clear: both;
	}

.outlet-btn-group .selecter-sorting{
	width:200px;}

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

.outlet-thumb{
	text-align: center;}

.outlet-processbar {
	text-align: center;
	margin: 5px 0;
	font-size: 14px;
}

.status-green{
	color: #00A499 !important;
}

.status-red{
	color: #E02152 !important;
}
.status-gray{
	color: #4a4a4a !important;
}
/*End of 20160307 outlet*/

/*20160309 outlet product detail*/
.outlet-product-remains {line-height: 24px;padding-left: 0;}
.outlet-product-detail-page .ms-detail-container{border-top: 1px solid #ccc;}
.outlet-multi-imgs {height:200px;}
.outlet-multi-imgs .swiper-slide img{height:100%;}
.outlet-multi-imgs .swiper-slide{border:0;}
.outlet-multi-imgs .swiper-pagination-bullet {
        background: rgba(0,0,0,0.2);
    }
.outlet-multi-imgs .swiper-pagination-bullet-active {
        background: #f1c400;
    }
.outlet-product-detail-page .ms-product-name {margin-top: 10px;}

.outlet-buy-button-wrapper {
	position: fixed;
	width: 100%;
	height: 50px;
	background: #fff;
	/* background: rgba(20,20,20,0.6); */
	bottom: 0;
	text-align: center;
	z-index: 2;
}

.outlet-buy-button-wrapper .btn {
	width: calc(100% - 20px);
	/* width: 80%; */
	height: 40px;
	line-height: 13px;
	margin: 5px;
}

.outlet-option-page-wrapper .option-title, .outlet-order-page-wrapper .option-title {
	font-size: 1.1em;
	color: #111;
	padding: 3px 10px;
}

.outlet-option-page-wrapper .product-img-wrapper {
	width: 74px;
	height: 74px;
	display: block;
	position: absolute;
	left: 10px;
}

.outlet-option-page-wrapper .product-img-wrapper  img{
	width: 100%;
	height: 100%;
}

.outlet-option-page-wrapper .product-options-wrapper {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.options-container {
	margin: 5px 0;
}

.outlet-option-page-wrapper .option-item{
	position: relative;
	min-height: 80px;
	padding-top: 5px;
	padding: 5px 10px 0;
}

.outlet-option-page-wrapper .option-name {
	font-size: 16px;
	color: #222;
}

.outlet-option-page-wrapper .original-price {
	font-size: 15px;
	color: #aaa;
	text-decoration: line-through;
}

.outlet-option-page-wrapper .discounted-price {
	color: #e02152;
	margin-bottom: 8px;
	display: block;
}

.outlet-option-page-wrapper .qty-remain {
	color: #888888;
	font-size: 15px;
}

.outlet-option-page-wrapper .option-info-wrapper {
	padding-left: 91px;
	position: relative;
	top: 0px;
	padding-right: 25px;
}

.outlet-option-page-wrapper .right-arrow {
	position: absolute;
	right: 0;
	top: 27px;
}

.outlet-option-page-wrapper .option-item:hover {
	background-color: rgba(100,100,100,0.1);
}

.outlet-option-page-wrapper .options-container ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.outlet-option-page-wrapper .options-container ul li:last-child {
	border-bottom: 0;
}

.outlet-option-page-wrapper .options-container ul li {
	border-bottom: 1px dashed #ccc;
}


.oul-product-item, .order-delivery, .payment-method, .checkout-list {
	margin: 15px 0;
}

.outlet-order-page-wrapper .pd-img-wrapper {
	position: absolute;
	left: 0;
	width: 100px;
}

.outlet-order-page-wrapper .oul-product-item {
	position: relative;
}

.outlet-order-page-wrapper .oul-product-item .pd-name-wrapper{
	position: relative;
	margin-left: 105px;
	min-height: 95px;
}

.outlet-order-page-wrapper .oul-product-item .product-img {
	height: 80px;
	width: 80px;
}

.outlet-order-page-wrapper .oul-content-form .pd-detail{
	margin-left: 10px;
}

.outlet-order-page-wrapper .pd-detail table td{
	vertical-align: initial;
}

.outlet-order-page-wrapper .pd-order-qty .pd-qty-minus, .outlet-order-page-wrapper .pd-order-qty .pd-qty-plus {
	height: 20px;
	line-height: 17px;
	width: 22px;
	background: rgb(230, 230, 230);
	border: 1px solid rgb(170, 170, 170);
}

.outlet-order-page-wrapper .pd-order-qty .pd-qty-minus{
	border-radius: 5px 0 0 5px;
	vertical-align: middle;
}

.outlet-order-page-wrapper .pd-order-qty .pd-qty-plus{
	border-radius: 0 5px 5px 0;
	vertical-align: middle;
}

.outlet-order-page-wrapper .pd-order-qty .pd-qty {
	height: 20px;
	text-align: center;
	width: 30px;
	margin: 0 -4px;
	vertical-align: middle;
	line-height: 20px;
	border: 1px solid #aaa;
    border-radius: 0;
}

.outlet-order-page-wrapper .oul-product-item .product-name {
	margin-top: 5px;
	padding-right: 20px;
}

.outlet-order-page-wrapper .delivery-address-option select {
	width: 100%;
	padding: 3px 4px;
	font-size: 15px;
	border-radius: 3px;
	border: 1px solid #ccc;
}

.outlet-order-page-wrapper .order-info .delivery-option span{
	display: block;
	margin: 5px 0;
}

.outlet-order-page-wrapper .order-info form label {
	width: 100%;
	font-size: 13px;
	color: #888;
	margin-bottom: 0;
	margin-right: 0;
}

.outlet-order-page-wrapper .order-info form input[type="text"]{
	width: 100%;
	padding: 5px 4px;
	font-size: 15px;
	margin-bottom: 5px;
	border: 1px solid #ccc;
	border-radius: 3px;
}

.delivery-option .delivery-courier, .delivery-option .delivery-selftake {
	padding: 0 10px 10px;
}

#order-paypal {
    width: 90%;
    padding: 0 10px 10px;
    max-width: 320px;
}

.delivery-courier select {
	padding: 3px 4px;
	margin-bottom: 5px;
	font-size: 15px;
	border-radius: 3px;
	border: 1px solid #ccc;
	margin-top: 0px;
}

.checkout-list .remark {
	width: 100%;
	clear: both;
	font-size: 13px;
	color: rgb(224, 33, 82);
	padding: 0px 20px;
}

.checkout-list .field {
	padding: 3px 20px;
}

.checkout-list .field.totalprice {
	padding-right: 20px;
}

.checkout-list {
	margin: 0;
}

.outlet-order-page-wrapper .btn.btn-block {
    margin: 20px auto;
    width: 90%;
}

.bar-wrapper {
	display: inline-block;
	position: relative;
	width: 55%;
}

.bar-wrapper #bar {
	width: 95%;
	height: 35px;
}

.bar-wrapper #step1 {
	position: absolute;
	left: 0px;
	margin-top: 4px;
	height: 25px;
	width: 25px;
}

.bar-wrapper #step2 {
	position: absolute;
	right: 0px;
	top: 0px;
	margin-top: 4px;
	height: 25px;
	width: 25px;
}

.outlet-order-page-wrapper .pd-order-qty .pd-qty-minus:focus, .outlet-order-page-wrapper .pd-order-qty .pd-qty-plus:focus{
	background: #bababa;
	outline: none;
}

.outlet-order-page-wrapper .order-info form input[type="text"]:focus {
	border: 1px solid rgba(0,164,153,0.4);
	box-shadow: 0 0 5px 1px rgba(0,164,153,0.1);
	background: #f4f4f4;
	outline: none;
}

.outlet-order-page-wrapper select:focus {
  border: 1px solid rgba(0,164,153,0.6);
  box-shadow: 0 0 5px 1px rgba(0,164,153,0.3);
  background: #f4f4f4;
  outline: none;
}

.outlet-order-page-wrapper .notyetchoose {
	border: 1px solid rgba(241,50,0,0.6)!important;
	border-radius: 3px;
}

.outlet-order-page-wrapper .notyetchoose > select{
	margin-top: 0;
}

.outlet-order-page-wrapper .error-msg {
	display: inline-block;
	width: 100%;
	color: #f13200;
	font-weight: bold;
}

.outlet-order-page-wrapper .order-info .delivery-option .error-msg span {
	display: inline-block;
}

/*End of 20160309 outlet product detail*/

/* outlet tks page 20160309 */

.oul-tks-content{
	/* border: 1px solid rgb(206,206,206); */
	width: 100%;
	overflow: hidden;
	text-align: left;
}
.oul-tks-content .thanks-message-content {
	margin: 5px 10px;
	cursor: default;
	text-align: center;
	border-top: 1px none #ccc;
	border-bottom: 1px none #ccc;
}

 .oul-tks-content .transaction_id {
    margin: 5px 0;
    font-weight: bold;
    font-size: 1.3em;
	cursor: default;
	text-align: center;

}

 .oul-tks-content .transaction_img {
    margin: 5px 0;
    font-weight: bold;
    font-size: 1.3em;
	cursor: default;
	text-align: center;

}

 .oul-tks-content .transaction_img img{
	text-align: center;
	height: 100px;
}

.oul-tks-content .oul-ordered-table{
	border: 1px solid #ccc;
	margin: 2px;
}

.oul-tks-content .oul-product-item .pd-img-wrapper {
	width: 120px;
	display: inline-block;
	vertical-align: top;
	margin-top: 0;
}

.oul-tks-content .pd-detail {
	display: inline-block;
	text-align: left;
	margin: 0;
	text-overflow: ellipsis;
	/* padding: 0px 5px; */
}

.oul-tks-content .product-name {
    font-weight: bold;
    vertical-align: top;
    margin: 5px 0;
    display: block;
    font-size: 1.2em;
}

.oul-tks-content .pd-detail-title .title-name {
    font-size: 14px;
    color: #cccccc;
    width: 70px;
    /* display: inline-block; */
}

.oul-tks-content .pd-detail-content {
    font-size: 1em;
    color: #333333;
    margin-left: 50px;
}

.oul-tks-content .pd-detail-title .title-name {
    font-size: 14px;
    color: #cccccc;
    width: 70px;
    /* display: inline-block; */
}

.oul-tks-content .pd-detail-title .title-name {
    font-size: 1em;
    color: #666;
    width: auto;
    float: left;
}

.oul-tks-content .oul-product-item{
	/* border-left: 1px solid #DDD; */
	/* border-right: 1px solid #DDD; */
	border-bottom: 1px solid #DDD;
	/* border-top: 1px solid #DDD; */
	padding: 5px 10px;
	margin: 0;
}

.oul-tks-content .pd-order-qty {
    display: inline-block;
    font-size: 1em;
    color:#333;
    margin-left:5px;
}



.outlet-buy-title {
     font-size: 1.1em;
     margin: 0 5px;
     padding: 0;
     border-bottom: 1px solid #DDD;
}

.oul-tks-content .buyer-detail{
	text-align: left;
	font-size: 1em;
	color: #666;
	margin-top: 5px;
	padding: 5px 10px;
	/* border-top: 1px solid #DDD; */
}

.oul-tks-content .buyer-detail-title {
    padding: 0 0 5px 0;
    color: #333;
    font-size: 1.1em;
    font-weight: bold;
}

.oul-tks-content .buyer-name span{
	padding-left: 10px;
  color: #333;
}

.oul-tks-content .buyer-contact span{

padding-left: 5px;

color: #333;
}

.oul-tks-content .buyer-email{
	color: #333;
}

.oul-tks-content .buyer-email-title{
	color: #666;
	float: left;
}

.oul-tks-content .buyer-email-address{
	color: #333;
  margin-left: 10px;
}


.oul-tks-content .selected-delivery-option span{
	padding-left: 6px;
	color:#333;
}

.oul-tks-content .selected-delivery-address-title{
	font-size: 1em;
	color: #666;
	/* width: 58px; */
	float: left;
}

.oul-tks-content .selected-delivery-address{
	color: #333;
	display: block;
	margin-left: 75px;
}

.oul-tks-content .ordered-detail{
	text-align: left;
	font-size: 1em;
	color: #666;
	margin-top: 5px;
	padding: 5px 10px;
	border-top: 1px solid #DDD;
}

.oul-tks-content .ordered-detail .title{

padding: 0 0 5px 0;

color: #333;

font-size: 1.1em;

font-weight: bold;
}

.oul-tks-content .ordered-detail .order-date span{
	padding-left: 10px;
  color: #333;
}

.oul-tks-content .ordered-detail .order-start-date span{
	color: #333;
  padding-left: 10px
}

.oul-tks-content .ordered-detail .order-expiry-date span{
	color:#333;
	padding-left: 10px;
}

.oul-tks-content .ordered-detail .delivery-time span{
	color:#333;
	padding-left: 10px;
}

.oul-tks-content .ordered-detail .delivery-contact span{
	color: #333;
  padding-left: 10px;
}

.oul-tks-content .refund-datail{
	text-align: left;
	font-size: 1em;
	color: #666;
	margin-top: 5px;
	padding: 5px 10px;
	border-top: 1px solid #DDD;
}

.oul-tks-content .refund-datail .title{

padding: 0 0 5px 0;

color: #333;

font-size: 1.1em;

font-weight: bold;
}

.oul-tks-content .fieldtotal {
    font-size: 1em;
    color: #666;
    width: 40px;
    display: inline-block;
}

.oul-tks-content .total-price {
    color: #e02152;
    font-size: 1.1em;
    font-weight: bold;
    margin-left: 5px;
    text-align: right;
    float: right;
}

.oul-tks-content .totalprice{
	text-align: left;
	font-size: 1em;
	color: #666;
	margin-top: 5px;
	padding: 5px 10px;
	border-top: 1px solid #DDD;
}

.oul-tks-content .fieldprice{
	color: #333;
	margin-left:5px;
	float: right;
}

.oul-tks-content .checkout-list-item {
    border-bottom: 1px solid #CCC;
    display: block;
    position: relative;
    padding-bottom: 0px;
}

.oul-tks-content .totalprice .title{
	padding: 0 0 5px 0;
	color: #333;
	font-size: 1.1em;
	font-weight: bold;
}


.oul-tks-content  .tks_footer{
    text-align: center;
    font-size: 1.3em;
}

.oul-tks-content  .tks_footer .save {
	margin: 10px 0;
	display: block;
	text-decoration: underline;
}

.oul-tks-content .btn.btn-gray {
    border: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#CCC),to(#BBB)) !important;
}





.oul-tks-content .oul-seller-detail{
	text-align: left;
    font-size: 1em;
    color: #666;
    margin-top: 5px;
    padding: 5px 10px;
    border-top: 1px solid #DDD;
}

.oul-tks-content .oul-seller-detail-title {
    padding: 0 0 5px 0;
    color: #333;
    font-size: 1.1em;
    font-weight: bold;
}

.oul-tks-content .oul-seller-name{
	color: #333;
}

.oul-tks-content .oul-seller-name-title{
	color: #666;
	float: left;
}

.oul-tks-content .oul-seller-name-info{
	color: #333;
	margin-left: 63px;
}

.oul-tks-content .oul-seller-contact span{

padding-left: 5px;

color: #333;
}

.oul-tks-content .oul-seller-opentime span{

padding-left: 5px;

color: #333;
}

.oul-tks-content .oul-seller-address-title{
	color: #666;
	float: left;
}

.oul-tks-content .oul-seller-address{
	margin-left: 62px;
	color:#333;
}

.oul-tks-content .pd-detail-no .title-name{
font-size: 1em;
display: block;
color: #666;
}

/*end of 20160310 outlet thank you page*/
/*////////////////////End of (all)Outlet///////////////////*/

/*20160315 outlet order form update*/
.outlet-order-page-wrapper .pd-qty-minus, .outlet-order-page-wrapper .pd-qty-plus {
	height: 20px;
	line-height: 17px;
	width: 22px;
	background: rgb(230, 230, 230);
	border: 1px solid rgb(170, 170, 170);
}

.outlet-order-page-wrapper .pd-qty-minus{
	border-radius: 5px 0 0 5px;
	vertical-align: middle;
}

.outlet-order-page-wrapper .pd-qty-plus{
	border-radius: 0 5px 5px 0;
	vertical-align: middle;
}

.outlet-order-page-wrapper .pd-qty {
	height: 20px;
	text-align: center;
	width: 30px;
	margin: 0 -4px;
	vertical-align: middle;
	line-height: 20px;
	border: 1px solid #aaa;
    border-radius: 0;
}

.outlet-order-page-wrapper .order-info label {
	width: 100%;
	font-size: 13px;
	color: #888;
	margin-bottom: 0;
	margin-right: 0;
}

.outlet-order-page-wrapper .order-info input[type="text"]{
	width: 100%;
	padding: 5px 4px;
	font-size: 15px;
	margin-bottom: 1px;
	border: 1px solid #ccc;
	border-radius: 3px;
}
.outlet-order-page-wrapper .order-info input[type="email"]{
	width: 100%;
	padding: 5px 4px;
	font-size: 15px;
	margin-bottom: 1px;
	border: 1px solid #ccc;
	border-radius: 3px;
}
.outlet-order-page-wrapper .order-info input[type="tel"]{
	width: 100%;
	padding: 5px 4px;
	font-size: 15px;
	margin-bottom: 1px;
	border: 1px solid #ccc;
	border-radius: 3px;
}

.outlet-order-page-wrapper .order-info input[type="text"]:focus {
	border: 1px solid rgba(0,164,153,0.4);
	box-shadow: 0 0 5px 1px rgba(0,164,153,0.1);
	background: #f4f4f4;
	outline: none;
}

.outlet-order-page-wrapper .order-info label[for=self-take], .outlet-order-page-wrapper .order-info label[for=courier] {
	width: auto;
}

.outlet-order-page-wrapper .delivery-courier .ui-select {
	display: inline-block;
}

.outlet-order-page-wrapper .ui-select {
	margin: 0;
}

.delivery-address-option .ui-select #select-4-button, .outlet-order-page-wrapper #select-5-button, .outlet-order-page-wrapper #select-6-button {
	border: 0;
	padding: 0;
}

.outlet-order-page-wrapper .ui-select .ui-btn select {
    background: url(../images/dropdown_icon.png) no-repeat #ffffff 98% 40%;
}

.delivery-address-option .ui-select #select-4-button select {
	margin-top: 0;
}

.delivery-address-option {
	margin-top: 10px;
}

.outlet-order-page-wrapper #select-5-button, .outlet-order-page-wrapper #select-6-button {
	min-width: 100px;
	display: inline-block;
}

/*End of 20160315 outlet order form update*/

/* story 8257, nelson, apple affiliate program, 20160217 */
.btn.btn-block.btn-guarantee.btn-externalLink{ background: url("../images/icon/externalLink_btn_icon.png") no-repeat 75px 10px #00A499; background-size: 20px;}

/*20160317 outlet-form*/
#district-button , #area-button{
	border: 0;
	height: 35px;
}

.recipient {
	padding: 0 10px;
}

/*20160317 Outlet listing*/
.outlet-list {
	margin-top: 50px;
}

.outlet-description-container {
	border: 0;
	/*border-bottom: 1px solid #aaa;*/
  background-color: #fafafa;
	margin-bottom: 10px;
	border-top: 1px solid #ccc;
	box-shadow: 0px 3px 3px 0px #ddd;
}

.outlet-large-banner {
	padding:0;
	width: 100%;
}

.outlet-large-banner img {
	width: 100%;
}

.outlet-title {
	font-size: 1.1em;
	font-weight: bold;
	margin: 5px;
}

.outlet-description {
	font-size: 0.8em;
	padding: 0 0 10px 0;
}

.outlet-list-container {

}

.outlet-pd-img {
	width: 85px;
	height: 85px;
	display: block;
	position: absolute;
	left: 10px;
}

.outlet-pd-img img{
	width: 100%;
	height: 100%;
}

.outlet-pd-info{
	padding-left: 91px;
	position: relative;
	top: 0px;
	padding-right: 25px;
}

/*how are you */
.outlet-pd-info .pd-name{
	font-size: 16px;
	color: #222;
	font-weight: bold;
	max-height: 47px;
	display: inline-block;
	overflow: hidden;
}

.outlet-pd-info .qty-remain{
	color: #888888;
	font-size: 15px;
}

.outlet-pd-info .original-price {
	font-size: 15px;
	color: #aaa;
	text-decoration: line-through;
}

.outlet-pd-info .discounted-price {
	color: #e02152;
	margin-bottom: 8px;
	display: block;
}

.outlet-product {
	background-image: url(../images/top-menu-btn-forward-grey.png);
	background-position: 107% center;
	background-size: 50px 50px;
	background-repeat: no-repeat;
	padding: 3px 0 3px;
}

.outlet-pd-info .option-item:hover {
	background-color: rgba(100,100,100,0.1);
}

.outlet-list-container li.product-list-item{
	border-bottom: 1px dashed #ccc!important;
}

.sold-out {
	opacity: 0.5;
}

/*End of 20160317 Outlet listing*/

/*20160317 outlet-form*/
#district-button , #area-button{
	border: 0;
	height: 35px;
}

.recipient {
	padding: 0 10px;
}

.outlet-order-page-wrapper .order-info .delivery-option span {
	width: auto;
	padding-left: 5px;
	font-size: 14px;
}

.outlet-order-page-wrapper #district, .outlet-order-page-wrapper #area, .outlet-order-page-wrapper select {
    background: url(../images/dropdown_icon.png) no-repeat #ffffff 98% 40%;
}

.outlet-order-page-wrapper #district, .outlet-order-page-wrapper #area {
	min-width: 75px;
}

/*pt2*/
.btn.sold-out {background-color:rgb(59,108,105);border:rgb(69,104,101);opacity:1;}
.sold-out-item {background-color: #f9f9f9;}
.sold-out-item .discounted-price{color: #B1989E;}
.sold-out-item .option-name {color:#888;}

.outlet-notice-container {
	margin: 10px;
    border: 1px solid #ccc;
    border-radius: 7px;
    padding: 10px 15px;
    text-align: center;
	box-shadow: 0px 3px 6px -1px #ddd;
	margin-top: 50px;
}

.outlet-notice-container .message {
	font-size: 16px;
    padding: 10px 0;
}

.outlet-notice-container .message-btn .btn {
	width: 98%;
	padding: 8px;
	margin: 5px 4px;
}

.outlet-notice-container .message-btn .btn.leave {
	background-color: #777;
    color: #fff;
    box-shadow: 0 1px 0 #ccc;
    border-color: #777;
}

.outlet-notice-container .message-btn .btn.leave:hover {
	background-color: #eee;
}

#icon_tick {
	width: 70px;
	height: 70px;
}

.outlet-notice-container .message .title {
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	display: block;
}

.outlet-notice-container .message .code {
	margin-top: 10px;
	display: block;
}


/* 18032016 outlet thank you page update */
.tks_footer .btn-reg{
	color: #00A499;
	background-color: #FFF;
	width: 40% !important;
	font-size: 0.8em;
	margin: auto !important;
	padding: 5px;
}


.oul-tks-content .transaction-processing{
	padding: 5px;
	color: #666;
}

.oul-tks-content .transaction-processing span{
	text-align: right;
	float: right;
	display: none;
}

.oul-tks-content .transaction-error{
	padding: 5px;
	color: #e02152;
}
.oul-tks-content .transaction-error span{
	text-align: right;
	float: right;
	display: none;
}

/* 18032016 outlet thank you page update */

/*20160318 outlet update*/
.outlet-product {background-position: 103% center;}
#pickup_address-button {border:0; height: 40px;}







/*  18032016 homepage */
.msite_hmpg{

}

.msite_hmpg .top{

}

.msite_hmpg .icon_bar{

}

.msite_hmpg .hmpg_content{

}

.msite_hmpg .zone_box {
    width: 60px;
    margin: 8px 5px;
 }

.msite_hmpg .zone_img {
        width: 50px;
    height: 50px;
    margin-left: 10px;
}

.msite_hmpg .zone_title>div {
    font-size: 0.8em;

}

/*  end of 18032016 homepage */


/* story 8799, chris, refferal guest*/
.must-fill{
	color:#E02152;
}

.referral-buy-des{
	font-size:0.8em;
}

.dialog-processbar{
	text-align:center;
	position: relative;
	margin: 10px 0;
	font-size:0.8em;
}

.confirming-buy{
	font-weight:bold;
}

.finish-buy{
	/*font-weight:bold;*/
}

.resend-ver-code{
color: #00a499;
font-size: 14px;
text-align: center;
margin-bottom: 12px;
}

.ver_loading{
	color:#FF0000;
	font-weight:bold;
	margin: 5px 0;
	text-align: center;
}

.ver_loading span{
	color:#FF0000;
	font-weight:bold;
	margin-left:5px;
	vertical-align: middle;
}

.referral-fb-login{
	font-size: 14px;
	text-align: center;
}

.referral-fb-login a{
	color: #3b5999;
	margin: 10px 0;
    display: block;
}

.referral-login-tab-bar ul li a{
	line-height: 32px;
}

.dialog-form.referral-member-login {
	margin-top:10px;
}

.thanks-message-content {
	text-align: center;
	padding: 20px 0px;
	font-weight: bold;
	font-size: 18px;
}

.member-referral-flow .product-details .merchant {font-size: 16px; line-height: 30px;}
.thanks-message-content {border-bottom: 1px solid #ccc;}
.member-referral-flow .dialog-form.referral-member-login {margin:0 10px;border-bottom: 1px solid #DDD;}
.thankyou-referral .product-price-original { font-size: 14px;color: #aaa;text-decoration: line-through; margin-right: 10px;}
.thankyou-referral .product-name { font-size: 1em;}
.thankyou-member-message, .thankyou-guest-message {text-align:center; padding: 10px 21px;font-size: 14px;}
.thankyou-member-message .bold-message {font-weight: bold;}

input[type="radio"].referral-member{
	height:16px;
	width:16px;
}

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

/*20160307 referral flow bug*/
.dialog-processbar {
	text-align: center;
	margin: 10px 0;
	font-size: 14px;
}

.referral-buy-container .merchant-name{
	display: inline-block;
}

.referral-buy-container .product-image{
	vertical-align: top;
}

.referral-buy-container .referral-buy-des {
	font-size: 14px;
	margin: 10px 0;
}

.referral-buy-container .form-error-text {
	margin: 0;
}

.referral-buy-container #form-group-non-member .form-error-text {
	width: 80%;
	margin: auto;
}

.referral-buy-container .thanks-message-content {
	text-align: center;
	border-bottom: 1px solid #ddd;
	padding: 5px 0;
}

.thankyou-referral .product-price-original {
	text-decoration: line-through;
	padding-right: 10px;
}

.referral-buy-container .product-info {
	/*border-bottom: 0px;*/
}

.referral-buy-container .dialog-form {
	font-size: 0.9em;
	/* padding: 0 10px; */
	margin-top: 10px;
}

.thankyou-guest-message, .thankyou-member-message {
	font-size: 14px;
	padding: 0 30px;
}

.referral-buy-container .dialog-form.referral-member-login {
	border-bottom: 1px solid #ddd;
}

.referral-buy-container .product-info .product-image {border: 1px solid #eee;}

.referral-login-tab-bar .non-member-tab a, .referral-login-tab-bar .member-tab a{
	line-height: 38px;
}

.referral-buy-container .dialog-footer .save {
    margin: 10px 0;
    display: block;
}

@media only screen and (max-device-width: 320px){
	.referral-login-tab-bar ul li a {
		font-size: 17px !important;
		line-height: 17px;
	}
}
/*End of 20160307 referral flow bug*/

/*20160309 referral flow bug*/
.referral-buy-container .dialog-form .member-registered .form-error-text { width: 80%; margin:auto; }
/*End of 20160309 referral flow bug*/

/*#8851 wechat and fb footer*/
.social-media-entry .fb-entry img, .social-media-entry .wechat-entry img{
	width: 35px;
	height: 35px;
}
.social-media-entry {margin-bottom: 15px;}
.fb-entry, .wechat-entry {display:inline-block;margin: 0 2px;}
/*End of #8851 wechat and fb footer*/

/*#8853 Hotel button, sunny, 20160304*/
a.hotel-btn {
	width: 100%;
	background: #00a499;
	color:#FFF;
	border-radius:3px;
	-webkit-appearance: none;
	display:inline-block;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
}

/* fix bug #9380 missing number of shops in msite, hitler, 20160324 */
.quote-shop-contact .contact-info {
	color: #444;
}
.quote-shop-address, .quote-shop-phone {
	display: block;
	padding-top: 3px;
	font-size: 13px;
	color: #444;
	padding-bottom: 5px;
}

/* 20160311 updated quote listing */
.quote-list-item .item-inner .column-01 {
	border-bottom: 0.5px solid #EEF;
	padding-bottom: 5px;
	background-image: url(../images/top-menu-btn-forward-grey.png);
	background-position: right center;
	background-size: 50px 50px;
	background-repeat: no-repeat;
}

.quote-list-item .item-inner .column-01 .go-arrow{
	float: right;
	margin-top: -14px;
}

.quote-list-item .item-inner .column-02 .go-arrow{
	float: right;
	margin-top: -60px;
}

.quote-list-item .item-inner .column-02{
	border-bottom: 0.5px solid #EEF;
	padding-bottom: 5px;
	background-image: url(../images/top-menu-btn-forward-grey.png);
	background-position: right center;
	background-size: 50px 50px;
	background-repeat: no-repeat;
}

.quote-list-item .item-inner .quote-price-refer-action .btn-guarantee{
	width: 48%;
	float: right;
}

.quote-list-item .item-inner .quote-price-refer-action .btn-require{
	width: 48%;
	float: left;
}

/* end of 20160311 updated quote listing */

/*bug#2675 kenny, nearby button*/
.shop-list-container ul li .price-refer-btn .refer-btn-detail .btn {    background: url("../images/icon/refer_btn_icon.png") no-repeat 15px 8px #00A399 !important; background-size: 20px !important;}

/* 20160223, kenny, 7296 align the spacing in order confirm buy */
.referral-buy-container .merchant-details {width: 50%;padding:0 10px 0 0;}
.referral-buy-container .referral-buy-details {text-align: left;}
.referral-buy-container .msg-done{font-size: 13px;font-weight: normal;}


/* 18032016, #9117 homepage, hitler updated on 20160330 */
/*20160512 homepage top banner*/

.msite_hmpg{

}

.msite_hmpg .top{
	height: 150px;
}

.msite_hmpg .top .swiper-container {
  height: 150px;
}
.msite_hmpg .top .swiper-slide {
  background:#fff;
}
.msite_hmpg .top .swiper-slide span {
  text-align:center;
  display:block;
  margin:0px;
  font-size:18px;
}

.msite_hmpg .top .swiper-container .swiper-slide {
	text-align: center;
	font-size: 13px;
	background: #fff;
	width: 100%;
	display: block;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	background: #fff;
	border-left: none;
	border-bottom: none;
	height: auto;
}

.msite_hmpg .top .swiper-pagination-bullet {
	background: #c8c8c8;
}

.msite_hmpg .top .swiper-pagination-bullet-active {
	background: #f1c400;
}

.msite_hmpg .icon_bar{

}

.msite_hmpg .hmpg_content{

}

.msite_hmpg .zone_content {
	text-align: center;
	margin: 10px 0;
	padding: 0px 5px;
	/* border-top: 1px solid #DDD; */
	border-bottom: 1px solid #DDD;
}

.msite_hmpg .zone_box {
	width: 16%;
	height: 100%;
	margin: 0 4px;
}

.msite_hmpg .zone_img {
	width: 55px;
	height: 55px;
	margin: auto;
	/* margin-left: 10px; */
	margin-bottom: 5px;
}

.msite_hmpg .zone_title{
	width: 100%;
	font-size: 0.8em;
}

.msite_hmpg .zone_title>div {
    font-size: 0.8em;
}

.recent-product-list{
	display: block;
	border-bottom: 2px solid #f2c301;
	line-height: 40px;
	font-size: 16px;
	height: 40px;
	color: #00A499;
	font-weight: bold;
	margin-top: 10px;
	text-align: left;
	/* border-top: 1px solid #DDD; */
	padding-left: 5px;
}

.new-article-list{
	display: block;
	border-bottom: 2px solid #f2c301;
	line-height: 40px;font-size: 16px;
	height: 40px;color: #00A499;font-weight: bold;
	margin-top: 10px;
	text-align:left;
}

.spotlight-product-list{
	display: block;
	border-bottom: 2px solid #f2c301;
	line-height: 40px;font-size: 16px;
	height: 40px;color: #00A499;      font-weight: bold;
	margin-top: 10px;
	text-align:left;
}



.hot-buy-list{
	display: block;
	border-bottom: 2px solid #f2c301;
	line-height: 40px;
	font-size: 16px;
	height: 40px;
	color: #00A499;
	font-weight: bold;
	margin-top: 10px;
	text-align:left;
}

.recommend-product-list {
	text-align:left;
}

.msite_hmpg .swiper-container1 .recom-swiper {
	height: auto;
	min-height: 100px;
}

.msite_hmpg .swiper-slide .item {
  height: auto;
  width: 100%;
}

.msite_hmpg .new-article-list-item{
	width: 200px !important;
}

.msite_hmpg .new-article-list-item img{
	width: auto !important;
  height: auto !important;
  max-width: 150px;
  max-height: 100px;

}


.msite_hmpg .ads {
	width: 300px !important;
  margin: 0 5px 0 0;
  /* padding: 0 5px !important; */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-left: none !important;
  min-height: 100px;
  border-bottom: none !important;
}

.msite_hmpg .ads img{
	width: 300px !important;
  /* border: 1px solid #ebebeb; */
  border-radius: 5px;
}


.msite_hmpg .swiper-container1 .swiper-slide.recom-swiper-slide {
	height: auto;
	padding:5px;
	width: 160px;
}

.msite_hmpg .swiper-button-prev, .swiper-button-next {
	height: 129px !important;
	width: 30px !important;
	top: auto !important;
	float: right;
	margin-top: -129px;
}

.msite_hmpg .swiper-slide .item .item-inner .line span {
	width: 100% !important;
	padding: 0 5px;
	text-align: center;
}

.swiper-container1.recom-swiper {
	width: 100%;
	height: auto;
}
.swiper-container1 .swiper-slide {
	text-align: center;
	font-size: 13px;
	background: #fff;
	width: 160px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	background:#fff;
	border-left: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	height: 200px;
}

.swiper-container1 .item .line-img img{
	width:100px;
	height:100px;
}



.swiper-container2 .recom-swiper {
	width: 100%;
	height: auto;
}
.swiper-container2 .swiper-slide {
	text-align: center;
	font-size: 13px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	background:#fff;
}

.swiper-container2 .item .line-img img{
	width:100px;
	height:100px;
}

.swiper-slide .item .item-inner .line span {
	color: #555;
	width: 120px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: auto;
}

/* end of 18032016, #9117 homepage, hitler updated on 20160330*/

/* 20160412, #9117 homepage, hitler homepage */
.hmpg-more{
		float: right;
		color: #888;
		font-size: 0.8em;
		margin-right: -10px;
}

.new-article-list img{
	float: right;
}
/* end of 20160412, #9117 homepage, hitler homepage */

/* 20160412 homepg - top background banner */

.top_banner_img{
	background-repeat: no-repeat;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}

/* end of 20160412 homepg - top background banner */

/* 20160413 homepg - top ad */
.item-inner .ads{
	background-repeat: no-repeat;
    background-size: cover;
    width: 300px;
    height: 100px;
    background-position: center;
}
/* end of 20160413 homepg - top ad */

/* 20160412, ivy, bug #9610 outlet thk you page return btn*/
.btn.btn-light-gray {background: -webkit-gradient(linear, left top, left bottom, from(#9f9f9f),to(#888)); border:0;}
.tks_footer {padding: 10px 0 0;}
/* end of20160412, ivy, bug #9610 outlet thk you page return btn*/

/*outlet product detal page class name changes*/

.oul-product {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	border: 0;
	background-color: initial;
    padding: 0;
    margin: 0 15px;
    padding: 7px 0 10px;
    width: 92%;
	border-left: 0;
    border-bottom: 0;}

.outlet-product-detail-page .oul-product-name {
	font-weight: bold;
    color: #222;
	margin-top: 10px;
    height: auto;
    padding-bottom: 10px;
	font-size: 20px;}

.oul-product-description {
    font-size: 0.8em;}

.oul-product-detail-page .list-product .oul-detail-container .oul-product .ms-product-original {
    margin-top: 20px;
    display: block;}

.oul-product-detail-page .list-product .oul-detail-container .oul-product .oul-product-original .oul-product-original-unit {
    font-size: 12px;
    color: #999;}

.oul-product-detail-page .list-product .oul-detail-container .oul-product .oul-product-original .oul-product-original-price {
	text-decoration: line-through;
    color: #999;
    font-weight: normal;
    font-size: 16px;
    height: 16px;
    margin-left: 5px;
	float: none!important;}

.oul-product-list-item-list .list-product .oul-detail-container .oul-product .oul-product-discounted {
    display: block;
    color: #e02152;
    font-weight: bold;
    /* font-family: noto sans,notoSans; */
    margin-top: -5px;}

.oul-product .oul-product-discounted .oul-product-discounted-unit {font-size: 20px;}
.oul-product-list-item-list .list-product .oul-detail-container .oul-product .oul-product-discounted .oul-product-discounted-price {font-size: 32px; margin-left: 5px;}

.oul-product-detail-page .oul-product .oul-product-discounted .oul-discount {
    background: #e02152;
    color: #fff;
    font-weight: bold;
    padding: 3px 8px;
    line-height: 15px;
    height: 15px;
    vertical-align: super;
    margin-left: 10px;
    font-family: helvetica neue,微軟正黑體,Microsoft JhengHei,蘋果儷中黑,Apple LiGothic Medium,黑体,SimHei;}

.oul-detail-tab {
	padding: 10px;
	line-height: 1.4em;
	font-size: 16px;
	/* display: none; */
}
.oul-detail-tab img{
	width: 100%;}

#oul-tab-content-01 {
	display: block;}

.oul-detail-tab-bar ul li, .oul-detail-tab-bar ul li a{
	font-size: 0.8em;}


.oul-detail-tab-bar {
	margin-top: 15px;}

.oul-detail-tab-bar ul li {
	border-top: 1px solid rgb(204, 204, 204);
	border-bottom: 2px solid #eaeaea;}

.oul-detail-tab-bar ul li, .oul-detail-tab-bar ul li a{
	width: 33.3%;
	line-height: 36px;
	text-align: center;
	color: #121212;
	font-size: 0.9em;}

.oul-detail-tab-bar ul li.active {
	border-bottom: 2px solid #f0c400;}


.oul-detail-tab-01 {
	padding: 10px;
	line-height: 1.4em;
	font-size: 14px;}

.oul-detail-tab-01 img {
	margin: 5px;
	display: block;
	width: 100%;}

.oul-product-list-item-list .oul-product {
	border-bottom: 0px;}

@media screen and (max-width: 275px) {
	.oul-detail-tab-bar ul li {	width: 92px!important;}
	.oul-product-list-item-list ul {display: inline-flex;}
}
/*20160411*/
.outlet-multi-imgs .swiper-slide img {display: block; margin: auto;}
.oul-discount, .ms-discount {
	background: #e02152;
    color: #fff;
    font-weight: bold;
    padding: 3px 8px;
    line-height: 15px;
    height: 15px;
    vertical-align: super;
    margin-left: 10px;
    font-family: helvetica neue,微軟正黑體,Microsoft JhengHei,蘋果儷中黑,Apple LiGothic Medium,黑体,SimHei;}
.outlet-product-remains, .outlet-delivery-state {font-size: 15px;}
.oul-product-original-unit, .oul-product-original-price .text-price-unit, .oul-product-original-price .text-price-number {font-size: 12px; color: #999;}
.oul-product-original-price .text-price-number {
    text-decoration: line-through;
    color: #999;
    font-weight: normal;
    font-size: 16px;
    height: 16px;
    margin-left: 5px;}
.oul-product-discounted-price .text-price-unit {font-size: 20px;}
.oul-product-discounted-price .text-price-number { font-size: 32px; margin-left: 5px;}
.outlet-product-remains {
	line-height: 24px;
    padding-left: 0;
    color: rgb(128, 128, 128);
    font-weight: normal;
    font-size: 0.8em;
    margin-top: 0px;
    float: left;}
.outlet-delivery-state {
    font-weight: normal;
    font-size: 0.8em;
    clear: both;}
.oul-product-original {padding-top: 10px;}
.delivery-address-option .ui-select .ui-btn {-webkit-appearance: none; border: 0;}

/*20160412 outlet my history*/
.outlet-redeem-yes{color:#00a499; margin-left:0px; line-height:16px;}
.outlet-redeem-no{color:#E02152; margin-left:0px; line-height:16px;}
.outlet-redeem-yes img, .outlet-redeem-no img{width:14px; height:14px; vertical-align:middle;}
.history-list-referral-id {font-size: 14px;}


/*20160415 merchant name*/
.merchant-section {
	border-top: 10px solid #e3e3e3;
  padding-top: 10px;
  padding-bottom: 50px;
	margin-bottom: 50px;
}

.merchant-section .merchant-logo {
	width: 33%;
    padding-left: 10px;
	float: left;
    margin-top: 5px;}

.merchant-section .merchant-logo img {width: 100%;}

.merchant-section span{
	color: #aaa;
    font-size: 13px;
    padding-left: 5px;}

.merchant-section .merchant-name {
    color: #555;
    font-size: 15px;
    padding-left: 5px;}
/*End of 20160415 merchant name*/

/*bug#9614 outlet thank you page*/
.oul-tks-content .transaction_id ｛{ont-size: 1em;}
.oul-tks-content .oul-product-item {position: relative; min-height: 120px;}
.oul-tks-content .oul-product-item .pd-img-wrapper {position: absolute;}
.oul-tks-content .pd-detail {position: relative; padding-left: 110px;}
.oul-tks-content .pd-detail-title .title-name {width: 100%;}
.oul-tks-content .pd-detail-content {margin-left: 60px;}
.oul-product-item .product-img {margin: 0;}
.oul-tks-content .pd-detail-content {color: #999999;}
.oul-tks-content .product-name {margin: 10px 0 0;}
.oul-tks-content .product-detail-title {padding: 0 0 5px 0; color: #333; font-size: 1.3em; font-weight: bold;}
.thanks-message-content {font-size: 16px; padding-bottom: 10px;}
.oul-tks-content .transaction_id {font-size: 1em; font-weight: normal;}
.oul-tks-content .oul-product-item {background-color: #f7f7f7;}
.oul-tks-content .buyer-detail-title, .oul-tks-content .product-detail-title, .oul-tks-content .ordered-detail .title, .oul-tks-content .totalprice .title, .oul-tks-content .refund-datail .title {color: #00a499;}
.tks_footer {text-align: center; padding: 10px 0 0; font-size: 18px;}
.oul-tks-content .buyer-contact span {padding-left: 42px;}
.oul-tks-content .selected-delivery-option span {padding-left: 37px;}
.delivery-time span p{display: initial;}
.tks_footer a{text-decoration: underline;}
.btn.btn-light-gray {background: -webkit-gradient(linear, left top, left bottom, from(#9f9f9f),to(#888)); border: 0;}
.oul-product-item .product-img, .oul-tks-content .oul-product-item .pd-img-wrapper	 {width: 100px;}

/*20160415 tks-pg-update */
.transaction-notice{
	text-align: center;
	padding: 5px;
	border-bottom: 5px solid #efefef;
}
.transaction-notice-sucess{
	color:#adadad;
}

.transaction-notice-yet{
	color:#adadad;
}

.transaction-notice-not{
	color:#f13200;
}

.oul-tks-content .pd-detail-title .title-name {
  width: auto;
}

.oul-tks-content .pd-detail-content {
  margin-left: 40px;
}

.oul-tks-content .buyer-contact span {
  padding-left: 10px;
}

.oul-tks-content .selected-delivery-option span {
  padding-left: 10px;
}

.oul-tks-content .oul-product-item {
	position: relative;
	min-height: 110px;
}

.oul-tks-content .delivery-method{
	color: #666;
}

.oul-tks-content .delivery-method span{
	color: #666;
  margin-left: 10px;
}

.oul-tks-content .oul-merchant-name {
	color: #666;
}

.oul-tks-content .oul-merchant-name-info {
	color: #333;
	margin-left: 10px;
}

.oul-tks-content .order-no{
	color: #666;
}

.oul-tks-content .order-no span{
	margin-left: 10px;
	color: #333;
}

.oul-tks-content  .back_btn a {
	text-decoration: none;
}

.oul-tks-content .transaction_id {
	font-size: 1em;
	font-weight: normal;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px 0;
	margin-bottom: 10px;
}

.oul-tks-content  .thanks-message-content {
	border-bottom: none;
}

.for_nonmember{
	border: 1px solid #ccc;
	font-weight: normal;
	margin: 2px;
}

.for_nonmember .thanks-message-content{
	border-bottom:none;
	font-weight:normal;
	padding:10px 0;
}

.tks_footer .btn-reg {
	color: #00A499;
	background-color: #FFF;
	width: 80% !important;
	font-size:inherit;
	margin: auto !important;
	padding: 12px 0 10px !important;
}

.oul-tks-content .transaction_img {
	font-weight: normal;
	font-size: 0.8em;
}



.oul-tks-content .transaction-status{
	color: #333;
	font-size: 14px;
}

.oul-tks-content .transaction-status span{
	color: #f13200;
  font-size: 14px;
  /* margin-left: 10px; */
}

.oul-tks-content  .transaction-refresh{
	width: 18px;
	height: 18px;
	margin-right:5px;
	margin-top:-5px;
}

.oul-tks-content  .btn_refresh{
  border: 1px solid #00A499;
  border-radius: 5px;
  padding: 5px 10px;
  text-align: center;
  width: 80%;
  margin: 5px auto;
  color: #00A499;
}

.receive-address{
	color:#666;
}

.receive-address span{
	margin-left:10px;
	color:#333;
}

.oul-tks-content .product-name {
	margin: 0px 0 0;
}

.oul-tks-content .pd-detail-content {margin-left: 0;}

.btn_refresh:hover{
	background:#ddd;
}

.oul-tks-content .buyer-name span {
	padding-left: 44px;
	color: #333;
}

.oul-tks-content .selected-delivery-option span {
	padding-left: 10px !important;
}
/*end of 20160415 tks-pg-update */

.hangseng_qna_redirect {
	margin: 0 10px 40px 10px;
	height: 42px;
	position: relative;
}

.hangseng_qna_redirect_icon {
	margin:0 7px 0 0;
	display: inline-block;
	width: 5%;
	/*text-align: center;*/
}

.hangseng_qna_redirect_icon img {
	width: 22px;
	height: 22px;
}

.hangseng_qna_redirect_content {
	padding-top: 2px;
	display: inline-block;
	vertical-align: top;
	font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #070707;
	font-weight: bold;
	width: 90%;
}

.hangseng_qna_redirect_content .hangseng_redirect_url {
	font-weight: 500;
  	color: #2eada4;
	text-decoration: underline;
}

/* 20160415 charity Q&A */
.qna{}

.qna_title{
	font-size: 16px;
	font-weight:bold;
	margin:0px auto;
	text-align: center;
	border-bottom: 2px solid #666;
  width: 120px;
}

.qna_content{
	font-size: 14px;
  padding: 5px 5px 5px 0;
}

.qna_content_q{
	padding-bottom:0px;
	color:#333;
	font-weight:bold;
	margin-left: -5px;
}

.qna_content_a{
	color:#666;
}

.qna_content li{
	list-style: disc;
  padding: 5px 5px 5px 2px;
  margin-left: -10px;
}
/* end of 20160415 charity Q&A */

/* 20160418 tks-pg update */

.outlet-notice-container {
        margin-top: 50px;
    margin-bottom: 50px;
   }

.tks_footer .btn-reg {
       font-size: 18px;
   }

.outlet-thanks .tks_footer .save{
font-size:18px;
}

.outlet-thanks .tks_footer .btn-light-gray{
font-size:18px;
}

/* end of 20160418 tks-pg update */

/*20160420 outlet q&a, ivy*/
.qna_content ul {padding-left: 35px;}
.qna_content_a {background-color: #f1f1f1; padding: 3px 5px; margin-left: -9px;}
/*end of 20160420 outlet q&a, ivy*/

.outlet-redeem-pend{
	color:#aaaaaa;
	margin-left:10px;
	line-height:16px;
}
/*20160420 outlet- record, limit buy*/
.pd-order-qty {padding-right: 5px;}
#qty-error {width: 150px;}
.limit-msg{
    display: inline-block;
    width: 100%;
    color: #aaaaaa;
    font-weight: bold;
	width: 150px;
	font-size: 14px;
}

/*20160421 outlet-listing*/
.outlet-pd-info .pd-name.sold-out-name {color: #888;}
.ms-list-container.ms-list-container-grid li.product-list-item {display: block;}
.outlet-list-container	.list-inline {padding-top:0;}

/*20160405 charity*/
.charity-1 {
    width: 100%;
    height: auto;
	text-align:center;
}

.charity-1 img {
    width: 100%;
    height: auto;
}

.charity-2{
	width:100%;
	height:auto;
	padding:20px;
	text-align:center;
}

.charity-2 p{
	color:#a7a7a7;
	font-size:14px;
	    line-height: 22px;
}

.charity-2 img{
	width:100%;
	max-width:400px;
	height:auto;
	margin: 0 0 20px 0;
}

.charity-3{
	background:#f0c400;
	width:100%;
	text-align:center;
}

.charity-3 img.charity-3-logo{
	margin:20px 0;
	    width: 100%;
    max-width: 320px;
}

.charity-3-dsc{
	color:#fff;
	padding:0 20px 40px 20px;
}

.charity-3-btn {
    outline: 2px solid;
    color: #fff;
    padding: 10px 40px;
    font-size: 16px;
    border-radius: 5px;
}

.charity-3-dsc p{
	margin:0 0 30px;
	font-size:14px;
	line-height:22px;
}

.charity-title{
	font-size:19px !important;
	color:#00a499 !important;
}

.charity-3-btn:hover, .charity-3-btn:focus, .charity-3-btn:visited{
	color:#fff;
	outline: 2px solid;
}

.charity-share{
	padding:20px;
	display:block;
	text-align:center;
}

.charity-share img{
	width:190px;
	height:auto;
}

.charity-status{
	font-size: 22px;
	width:50%;
	float:left;
	padding:20px 20px 0 20px;
	text-align:right;
}

.charity-status p:nth-child(2) {
    font-size: 60px;
    line-height: 60px;
    font-family: Times, "Times New Roman", serif;
    font-weight: inherit;
	color:#f66765;
	font-weight: bold;
}

/*20160422 outlet_record_detail*/
.qr_code_wrapper {
    border: 1px solid #ccc;
    margin: 2px;
    margin-bottom: 0;
    border-bottom: 0;}
.oul-tks-content .transaction_img {margin-bottom: 0;}
.qr_code_num {
	margin: 0 10px;
    padding-bottom: 10px;
    text-align: center;
    padding-top: 10px;
}
.oul-tks-content .oul-ordered-table {margin-top: 0;}
.pd-detail .outlet-redeem-pend {margin-left: 0;}
.title-name {color: #999999;}
.oul-tks-content .pd-order-qty {color: #999999;}
.pd-detail .outlet-redeem-no, .pd-detail .outlet-redeem-yes {margin-left: 0px;}

/* 22042016 outlet record update*/
.oul-tks-content .buyer-detail div span:first-child, .oul-tks-content .ordered-detail div span:first-child, .oul-tks-content .refund-datail div span:first-child, .oul-tks-content .checkout-list-item div span:first-child {
	position: absolute;
	padding-left: 0px !important;
	margin-left:0 !important;
	color:#aaaaaa;
	}

.oul-tks-content .buyer-detail div span:nth-child(2), .oul-tks-content .ordered-detail div span:nth-child(2), .oul-tks-content .refund-datail div span:nth-child(2), .oul-tks-content .checkout-list-item div span:nth-child(2) {
	width: 100%;
    display: block;
    padding-left: 100px !important;
	word-wrap: break-word;
	color:#333
}

.oul-tks-content .totalprice span:nth-child(2){text-align:right;}
.oul-tks-content .totalprice{padding:5px 10px 20px 5px}

.oul-tks-content .pd-detail-no .title-name, .pd-order-qty {color: #aaa;}

/* end 22042016 outlet record update*/

/*20160425 outlet revise*/
.outlet-order-page-wrapper .oul-product-item .product-img {	margin-left: 10px; margin-top: 10px;}
.limit-msg {padding-left: 5px; width: 140px;}
.outlet-order-page-wrapper .oul-product-item .pd-name-wrapper { min-height: 80px;}
.outlet-order-page-wrapper .pd-qty {width: 45px;}
.outlet-notice-container .message-btn .btn.leave:hover { background-color: #444;}
.oul-tks-content .totalprice { padding: 5px 10px;}
/*End of 20160425 outlet revise*/

/*20160504 2nd hand upload and detail page*/
.trade-add-container .field_title {width: 95%;}
.trade-add-form-container #files {width: 231px; margin: 10px auto;}
.trade-add-container .btn_prod_upload {margin: 3px 7px;}
.trade-add-form-container .radio {margin: 5px 30px 10px;}
.trade-add-form-container .textfield { width: 95%; border-bottom: 0; margin: 15px 2.5%;}
.trade-add-form-container input[type="text"] {width: 100%;}
.trade-add-form-container .textarea textarea { width: 95%; border: 1px solid #aaa; margin: 2.5%;}
.trade-add-form-container select {
	width: 95%;
    margin: 5px 2.5% 15px;
    border: 0;
    border-bottom: 1px solid #aaa;
    border-radius: 0;
    background-color: #fff;
    padding-bottom: 5px;
	appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
	outline: 0;}
.trade-add-form-container #datepicker {
	width: 175px;
    border: 0;
    border-bottom: 1px solid #aaa;
	margin-left: 5px;
    padding: 2px 10px;
	outline: none;}
.trade-add-form-container .small {font-size: 70%; margin: 0 2.5%; display: block;}
.trade-add-form-container .tnc_field{margin: 20px 2.5%; font-size: 80%;}
.trade-add-form-container .trade-add-title {margin-bottom: 20px;}
.trade-add-form-container #files input[type="button"], input[type="date"] {
    -webkit-appearance: none;
    -moz-appearance: none;
	outline: 0;}
.trade-add-form-container #youtube_link	{
	width: 100%;
    display: inline-block;
    padding-right: 40px;}
#youtube_field a{
	position: absolute;
    top: 16px;
    right: 6px;}
.trade-add-form-container #search_youtube {width: 20px; height: 20px;}
.trade-add-form-container #describ_remk {
    margin-top: 10px;
    display: block;}
.trade-add-form-container .extra_field_title {
    width: 106%;
    text-align: left;
    background-color: #f1f1f1;
    height: 50px;
    display: block;
    border: 1px solid #ddd;
    border-right: 0;
    border-left: 0;
    margin: 0 0 10px -3%;
    padding-left: 6%;}
.extra_field_title img {
    width: 20px;
    float: right;
    margin-right: 2.5%;
    margin-top: 3px;
}
.btn.btn-2hand {background-color: #f1c400; border: #E6AA00; color: #555;}
.extra_field_title:focus {outline: 0;}
.extra_field_arrow {
	-webkit-transition: 0.25s; /* Safari */
    transition: 0.25s;}
.btn.btn-gray:hover {background: -webkit-gradient(linear, left top, left bottom, from(#aaa),to(#999));}
.trade-add-form-container #pd_name {margin-top: 2px;}

/*20160428 #9659 referral button display*/
.referral-price-alert{display: inline-block;color: #7a7a7a;font-size: 14px;}
/*End of 20160428 #9659 referral button display*/

/*20160516 outlet countdown timer*/
.oul-countdown {width: 100%; height: 30px; position: relative; text-align: center; font-size: 14px;}
.oul-countdown-shadow{box-shadow: 0px -5px 3px 0px rgba(110,110,110,0.2);}
.oul-timer-timer-container {display:block; width: 100%; color: #fff; line-height: 30px;}
.oul-timer-timer, .oul-timer-time {display: inline-block; float: none;}
.oul-countdown-icon {width: 22px; margin-top: -4px;}
.oul-timer-timer-container-S {background-color: #f99d26;}
.oul-timer-timer-container-B, .oul-timer-timer-container-E {background-color: #a2a2a2;}
.oul-page-view-body .breadcrumb-product {text-align: left;}
.outlet-description-container {margin-bottom: 0;}
.outlet-list {margin-top: 0;}
/*End of 20160516 outlet countdown timer -ivy*/

/*20160530 floating bubble for charity*/
.floating-banner {width: 50%; height: 110px; position: fixed; z-index:2; bottom: 70px; right: 0; transition: right .3s ease-in;}
.floating-banner-wrapper {width: 100%; height: 100%; position: relative;}
.floating-image {position: absolute; right:0; bottom: 0;}
.floating-image img {width: 100%;}
.floating-arrow-wrapper {position: absolute; left: -20px; bottom: 20px; width: 34px; height: 35px;}
.floating-arrow-wrapper .arrow-bg {background-color: rgba(142,142,147,0); width: 100%; height: 100%; position: absolute; border-radius: 5px 0 0 5px;}
.floating-arrow-wrapper .arrow {position: absolute; background-image: url(../images/floating_arrow_right.png); width: 100%; height: 100%; background-size: 100%;}
.floating-banner.hide-banner {right: -50%;}
.floating-banner.hide-banner .floating-arrow-wrapper {left: -34px;}
.floating-banner.hide-banner .floating-arrow-wrapper .arrow-bg {background-color: rgba(142,142,147,0.6); transition: background .3s ease-in; -webkit-transition: background .3s ease-in;}
.floating-banner.hide-banner .floating-arrow-wrapper .arrow {background-image: url(../images/floating_arrow.png);}
@media only screen and (min-width: 435px) {
	.floating-banner {width: 217.5px;}
	.floating-banner.hide-banner {right: -217.5px;}
}
/*End of 20160530 floating bubble for charity - i*/

/*20160603 #10415 upfront heart rating to quotation listing*/
.quote-shop-name .merchant-rating {
	text-align: left;
	display: inline;
}
.quote-shop-rating {display: inline-block;}
.quote-shop-rating .star-label {padding-right: 3px;}
.quote-shop-rating .merchant-rating img {margin-top: -3px;}

/* 20160601  10416 investigation label  */
.quote-list-item .item-inner .column-02 .investigation_label{
	color: #f13200;
    font-size: 0.7em;
    margin: 0;
	display:none;
}
/* 20160601  10416 investigation label  */

/*20160530 ec-list-gallery kenny*/
.ec-list-gallery{padding:4px 2px; background:#ededed;}
.ec-list-gallery a:hover, .ec-list-gallery a:active, .ec-list-gallery a:focus{opacity:0.8;}
.ec-list-gallery .item .item-img img{width:100%;height:100%;}
.ec-list-gallery .item-wrapper {width: 50%;padding: 0 2px 4px;float: left;}
.ec-list-gallery .item {
    border: 1px solid #eee;
    padding-bottom: 10px;
	background: #fff;
    border-radius: 5px;
    overflow: hidden;
}
.ec-list-gallery .item-name{
	width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 10px auto 0;
    font-size: 15px;
	font-weight:bold;
    color: #555;
    padding: 0 5px;
}
.ec-list-gallery .product-price{ padding:0 5px 5px 5px;}
.ec-list-gallery-ori-price{ font-size:13px; color:#aaa;font-weight: normal;text-decoration: line-through; margin-right:5px;}
.ec-list-gallery .item-qty{color:#aaa; font-size:13px; padding:0 5px;}

.ec-list-gallery .sold-out-item{background:#F9F9F9;}
.ec-list-gallery .sold-out-item .item-img img{opacity:0.5;}
.ec-list-gallery .sold-out-item .item-name{ color:#888;}
.ec-list-gallery .sold-out-item .product-price{color:#B1989E;}

.ms-product-list-item-list .ec-list-gallery .item:hover{background:#fff; opacity:0.8;}

.ec-list-view-row{background:url(../images/ec-list-row-view.png) no-repeat left center;}
.ec-list-view-gallery{background:url(../images/ec-list-gallery-view.png) no-repeat left center;}
.ec-list-view-row, .ec-list-view-gallery{padding-left:20px; background-size:18px 18px; line-height:18px; }
/*End of 20160530 ec-list-gallery kenny*/

/* story #10379, 20160613, default ec list gallery mode */
#view-switch { margin-left: 5px; }
#view-switch .btn{ width:38px; min-width: auto; height:34px; padding: 6px 12px; border: 1px solid #ccd1d9 !important; }

#view-switch .btn.view-list{
background: url("../images/icon/view_switch_list.png") no-repeat 8px 7px #ffffff;
}

#view-switch .btn.view-grid{
background: url("../images/icon/view_switch_grid.png") no-repeat 9px 7px #ffffff;
}

#view-switch .btn.view-list:hover{
background: url("../images/icon/view_switch_list_hover.png") no-repeat 8px 7px #ccd1d9;
}

#view-switch .btn.view-grid:hover{
background: url("../images/icon/view_switch_grid_hover.png") no-repeat 9px 7px #ccd1d9;
}

#view-switch .btn.view-list.active{
background: url("../images/icon/view_switch_list.png") no-repeat 8px 7px #e5e5e5;
cursor: default;
}

#view-switch .btn.view-grid.active{
background: url("../images/icon/view_switch_grid.png") no-repeat 9px 7px #e5e5e5;
cursor: default;
}
.grid-control-container .btn-default:active, .product-list-fucntion-bar .btn-default.active{
color: #ababab!important;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}


.grid-control-container .btn-default.active:hover{
color: #ffffff!important;

}
/* End story #10379, 20160613, default ec list gallery mode */

/*20160613 outlet email alerts #10550*/
.outlet-order-page-wrapper .order-info .delivery-option span {padding-left: 0;}

/*20160623 paypal*/
.dialog-footer-tips{font-size:13px; color:#8e8e93; text-align:center; margin-top: -10px; margin-bottom: 25px;}
#order-paypal{width:100%; max-width:600px;}

/*20160616 warranty referral*/
.warranty-bar {
	width: auto;
	height: 30px;
	padding: 6px 7px 6px 9px;
	border-radius: 4px;
	background-color: #e02152;
	color: #fff;
	font-size: 13px;
	/* font-family: Helvetica Neue; */
	font-weight: bold;
	margin: 0px 15px 10px;
}

#tabs_content .warranty-wrapper {margin: 15px 0 5px;}

.referral-buy-container .product-info {border-bottom: 0;}
.warranty-remark {font-size: 14px; color: #aaa;}

.trade-add-form-container .textfield {
	display: block;
	padding-top: 15px;
	margin-bottom: 20px;
	position: relative
}
.trade-add-form-container .textfield>label {
	position: absolute;
	top: 0;
	display: block;
	width: 100%;
	color: rgba(0,0,0,1);
	font-size: 17.6px;
	font-weight: 400;
	line-height: 15px;
	overflow-x: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.trade-add-form-container .textfield>input, .trade-add-form-container .textfield>textarea {
	display: block
}
.trade-add-form-container .textfield>input, .trade-add-form-container .textfield>textarea {
	-webkit-animation-duration: .1ms;
	animation-duration: .1ms;
	-webkit-animation-name: mui-node-inserted;
	animation-name: mui-node-inserted;
	display: block;
	background-color: transparent;
	color: rgba(0,0,0,.87);
	border: none;
	border-bottom: 1px solid rgba(0,0,0,.26);
	outline: 0;
	width: 100%;
	font-size: 17.6px;
	padding: 0;
	box-shadow: none;
	border-radius: 0;
	background-image: none
}
.trade-add-form-container .textfield>input:focus, .trade-add-form-container .textfield>textarea:focus {
	border-color: #f1c400;
	border-width: 1px
}
.trade-add-form-container .textfield>input::-webkit-input-placeholder, .trade-add-form-container .textfield>textarea::-webkit-input-placeholder {
color:rgba(85,85,85,.8);
opacity:1
}
.trade-add-form-container .textfield>input::-moz-placeholder, .trade-add-form-container .textfield>textarea::-moz-placeholder {
color:rgba(85,85,85,.8);
opacity:1
}
.trade-add-form-container .textfield>input:-ms-input-placeholder, .trade-add-form-container .textfield>textarea:-ms-input-placeholder {
color:rgba(85,85,85,.8);
opacity:1
}
.trade-add-form-container .textfield>input::placeholder, .trade-add-form-container .textfield>textarea::placeholder {
color:rgba(85,85,85,.8);
opacity:1
}
.trade-add-form-container .textfield>input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset;
}
.trade-add-form-container .textfield>input {
	height: 32px
}
.trade-add-form-container .textfield>input:focus {
	height: 33px;
	margin-bottom: -1px
}
.trade-add-form-container .textfield>textarea {
	min-height: 64px;
	border: 1px solid rgba(0,0,0,.26);
}
.trade-add-form-container .textfield>textarea[rows]:not([rows="2"]):focus {
	margin-bottom: -1px
}
.trade-add-form-container .textfield>input:focus {
	height: 33px;
	margin-bottom: -1px
}

.trade-add-form-container .select {
	display: block;
	padding-top: 15px;
	margin-bottom: 20px;
	position: relative
}
.trade-add-form-container .select:focus {
	outline: 0
}
.trade-add-form-container .select:focus>select {
	height: 33px;
	margin-bottom: -1px;
	border-color: #f1c400;
	border-width: 1px
}
.trade-add-form-container .select>select, input[type="date"] {
	-webkit-animation-duration: .1ms;
	animation-duration: .1ms;
	-webkit-animation-name: mui-node-inserted;
	animation-name: mui-node-inserted;
	display: block;
	height: 32px;
	width: 95%;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	outline: 0;
	border: none;
	border-bottom: 1px solid rgba(0,0,0,.26);
	border-radius: 0;
	box-shadow: none;
	background-color: transparent;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNiIgd2lkdGg9IjEwIj48cG9seWdvbiBwb2ludHM9IjAsMCAxMCwwIDUsNiIgc3R5bGU9ImZpbGw6cmdiYSgwLDAsMCwuMjQpOyIvPjwvc3ZnPg==);
	background-repeat: no-repeat;
	background-position: right center;
	cursor: pointer;
	color: rgba(85,85,85);
	font-size: 17.6px;
	padding: 0 25px 0 0
}
.trade-add-form-container .select>select::-ms-expand {
display:none
}
.trade-add-form-container .select>select:focus {
	outline: 0;
	height: 33px;
	margin-bottom: -1px;
	border-color: #f1c400;
	border-width: 1px
}


.trade-add-form-container .keyword-search-box {position: absolute; z-index: 2;}
.keyword-search-product, .keyword-search-shop {
    display: block;
    overflow: hidden;
    height: 61px;
    background: url("../images/icon/item_rank_line.png") repeat-x 0 60px;
}
.keyword-search-box a {
    display: block;
    width: 100%;
    overflow: hidden;
    height: 60px;
}
.keyword-search-box a:hover {background-color: #f3f3f3;}
.keyword-search-img, .keyword-search-brand {
    text-align: center;
    width: 60px;
    display: block;
}
.keyword-search-product .keyword-search-name {
    width: 195px;
    width: 213px;
    padding: 0 5px;
}
.keyword-search-rating {
    width: 60px;
	display: inline-block;
	position: absolute;
	right: 25px;
}
.keyword-search-img img {
    width: 50px;
    height: 50px;
}
.keyword-search-product-name, .keyword-search-shop-name {
    font-size: 13px;
    color: #444444;
    padding-top: 4px;
}
.keyword-search-product-cat {
    font-size: 11px;
    color: #666666;
}
.keyword-search-product a, .keyword-search-img{position: relative;}
.keyword-search-img {display: inline-block;}
.keyword-search-name { display: inline-block; width: 80%; position: absolute;}

.btn.btn-half {width: 40%; display: inline-block;}
.btn_grp {width: 100%; display: block; margin: 0 auto; text-align: center;}
.btn_grp .btn {margin-top: 0;}
.btn.btn-gray {background: -webkit-gradient(linear, left top, left bottom, from(#777),to(#888));}
#datepicker {display: inline-block;}

.compu_fields {margin :0; width: 100%; background-color: #e9e9e9; border: 1px solid #aaa; border-left: 0; border-right: 0; padding: 5px; position: relative;}
.compu_fields .pd_name {color: #111; font-size: 18px; font-weight: bold;}
.compu_fields .pd_price {color: #00a499; font-size: 18px; font-weight: bold;}
.compu_fields .pd_cate {color: #555; background-color: #b6f6f2; display: inline-block; padding: 4px 8px;}
.compu_fields .pd_name, .compu_fields .pd_price {display: block; margin-bottom: 5px;}
.edit_btn {display: block; width: 100%; text-align: right; padding: 4px 5px; vertical-align: middle;}
.edit_btn a{color: #00a499; font-size: 14px;}
.sechand_edit {color: #00a499;}
.sechand_line {display: block; clear: both; height: 1px; background-color: #aaa; margin: 20px 10px;}
.trade-item-container .attr td.name {width: 100px;}
.trade-item-container .attr {width: 100%;}
.edit_btn img {width: 20px; height: 20px; margin-left: 3px;}
.trade-item-container .fb_like_container {
	margin-top: 0;
	width: 40%;
	position: absolute;
	right: 0;
	bottom: 0px;
	margin-bottom: 8px;
}
.trade-item-container .report {float: none; color: #ccc; font-size: 14px;}
.trade-item-container .report a {color: #ccc;}
.trade-item-container .report img {margin-left: 5px;}
.trade-item-container .report_field {
	height: 50px;
    vertical-align: middle;
    text-align: right;}
.trade-item-container .trade-swiper, .trade-swiper .swiper-slide {
	border: 0;
	text-align: center;
}
.trade-swiper .swiper-pagination-bullet {
    background: rgb(200,200,200);
}
.trade-swiper .swiper-pagination-bullet-active {
    background: #f1c400;
}
.trade-swiper .swiper-slider img {max-width: 100%; margin: auto;}
.trade-swiper .youtube_redirect {position: relative;}
.trade-swiper .youtube_redirect img {position: absolute; max-width: 100%;}
.trade-swiper img {max-width: 100%;}
.youtube_play {
	position: absolute;
    width: 30%;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;}
.youtube_cap {opacity: 0.6;}

.trade-add-container .form-error-text {
	width: 100%;
    margin: 0;
    padding: 3px 2.5%;
    margin-top: -20px;
}
.trade-add-container .form-error-text.img_error {margin-top: 0;}

.prod_prod .swiper-container .swiper-wrapper a {margin:auto;}
.linked_price {color: #e02152;}
/*End of 20160504 2nd hand upload and detail page*/

/*20160509 2hand upload image*/
.trade-add-container .prod_img {
	text-align: center;
    float: none;
    width: 70px;
    margin: 0 5px;
}
.trade-add-form-container #files {width: 270px; text-align: center;}
/*End of 20160509 2hand upload image*/

 /*20160505 2hand detail revise*/
.edit_btn {width: 50%; float: right;}
.trade-item-container .report_field {height: 20px;}
.sechand_line {background-color: #eee;}
/*End of 20160505 2hand detail revise*/

/* 20160504 2nd hand main page, hitler */

.secondhand{
	background-color:#DDD;
}

.secondhand .breadcrumb-product {
    background-color: #FFF;
    font-size: 13px;
    margin: 0;
    padding: 10px 10px 5px;
    border-bottom: 1px solid #ddd;
}

.secondhand .secondhand_topbar {
    width: 100%;
    background-color: #FFF;
    height: 40px;
    padding: 5px 10px;
}

.secondhand .secondhand_notice {
    width: 63%;
    margin: 0 0 5px 0;
    padding: 0 5px;
    font-size: 13px;
    color: #333;
    float: left;
    background-color: #eee;
    line-height: 30px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}

.secondhand .secondhand_notice_icon {
    width: 110px;
    padding:0 0 0 5px;
   	float: right;
}


.secondhand .secondhand_notice span{
	font-size:13px;
	color:#e02152;
}

.secondhand .secondhand_menu_btn {
    float: right;
    width: 30px;
    height: 30px;
    background-size: 70% 70%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/trade/2h-menu-icon.png);
    background-color: #f0c400;
    border-radius: 5px;
}

.secondhand  .post_btn{
	float:right;
	width:30px;
	height:30px;
	margin-right:5px;
	background-size: 80% 80%;
    background-repeat: no-repeat;
    background-position: center;
	background-image: url(../images/trade/2h-post-icon.png);
	background-color:#f0c400;
	border-radius: 5px;
}

.secondhand .mytrade_btn{
	float:right;
	width:30px;
	height:30px;
	margin-right:5px;
	background-size: 90% 90%;
    background-repeat: no-repeat;
    background-position: center;
	background-image: url(../images/trade/hp_my_trade.png);
	background-color:#f0c400;
	border-radius: 5px;
}


/* 2hand-menu  */

#secondhand-side-menu {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    z-index: 50;
}

.secondhand-side-menu-content {
    margin-left: 50%;
    background-color: #FFF;
}

.secondhand_menu{
	text-align: center;
}

.secondhand_menu .secondhand_menu_header {
    padding: 0 5px;
    font-size: 15px;
    line-height: 50px;
    height: 50px;
    color: #fff;
    background: #f0c400;
	position: fixed;
    width: 50%;
	z-index:1;
}

.secondhand_menu .secondhand_menu_content{
	padding: 5px;
	font-size:15px;
	padding-top:50px;
}

.secondhand_menu .secondhand_menu_content li{
	padding:10px 0;
}

.secondhand_menu .secondhand_menu_content a{
	color:#666;
}

.secondhand_menu .secondhand_menu_content_img{
	background-size: contain;
    width: 26px;
    height: 26px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
	margin-left:20px;
}

.secondhand_menu .secondhand_menu_content_title{
	margin-left: 25px;
    line-height: 30px;
}

.secondhand-side-menu-close-area {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 50%;
    background-image: url(../images/black-60.png);
}

/* end of  2hand-menu  */

.secondhand .trade_section {
    background-color: #fff;
    padding: 0 10px;
    margin: 10px auto 0 auto;
    width: 100%;
    text-align: center;
}

.secondhand .trade_more {
    float: right;
    line-height: 30px;
}

.secondhand .trade_section .trade_section_title{
	border:none;
	text-align: left;
	padding: 5px 0 5px 10px;
    line-height: 30px;
}

.secondhand #trade_hot_btnL .trade_hot_arrow {
    background-image: url(../images/icon/slider-prev.png);
}

.secondhand #trade_hot_btnR .trade_hot_arrow {
    background-image: url(../images/icon/slider-next.png);
}

.secondhand .trade_hot_btn .trade_hot_arrow {
    width: 80px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
    display: block;
    position: absolute;
   top: 140px;
}

.secondhand .trade_section .trade_hot, .secondhand .trade_section .trade_new, .secondhand .trade_section .trade_others{
	width:100% !important;
	overflow: hidden;
	padding:5px 0;
}

.secondhand .trade_section .trade_hot .trade_hot_body, .secondhand .trade_section .trade_new .trade_new_body,
.secondhand .trade_section .trade_others .trade_others_body {
	width:100% !important;
	overflow: hidden;
	position: relative;
}

.secondhand .trade_section #trade_hot_items_wrapper{
	width:100% !important;
	margin:0px;

}

.secondhand  .trade_section .trade_section_title .trade_more{
	float: right;
}

.secondhand .trade_section .trade_hot .trade_hot_body .trade_hot_item, .secondhand .trade_section .trade_new .trade_new_body .trade_new_item, .secondhand .trade_section .trade_others .trade_others_body .trade_others_item {
    padding: 0px;
    margin: 2px;
    background: #fff;
    border: 1px solid #eaeaea;
    text-align: center;
    /*width:100%;*/
    float: left;
	padding-bottom: 5px;
}

.secondhand .trade_section a .trade_hot_title{
	width:100% !important;
	color:#444;
	font-size:13px;
}

.secondhand .trade_section .trade_hot_title{
	width:100%;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	padding:0 5px;
	line-height: 25px;
}

.secondhand .trade_section .trade_hot_price, .secondhand  .trade_section .trade_others_price{
	width:100% !important;
}

.secondhand .trade_section .trade_hot_price, .secondhand  .trade_section a.trade_others_price{
	color:#00a499;
}

.secondhand .trade_hot_thumb {
    width: 100%;
    height: 100%;
    float: none;
    margin-right: 0;
	border:none;
	display:block;
}

.secondhand .trade_hot_thumb img {
	min-width:150px;
	width:100%;
	height:auto;
	max-width:200px;
}

.secondhand .swiper-container1 .swiper-slide.recom-swiper-slide {
    height: auto;
    padding: 0px;
    width: 100%;
}

.secondhand .swiper-container1 .swiper-slide{
	/*margin:2px;*/
	border:none;
}


.secondhand .swiper-button-next, .secondhand .swiper-button-prev{
	margin-top: -175px;
	z-index:1;
}

.secondhand .swiper-button-prev{
	background-image: url("../images/swiper-prev.png");
    left: 0;
    right: auto;
	height: 129px !important;
    width: 30px !important;
	top: auto !important;
}

.secondhand .trade_more a {
    color: #00A499;
    text-decoration: none;
}

.swiper-container1 .swiper-slide {
	width:100%;
	height:100%;

}


@media screen and (min-width: 450px){
.secondhand .trade_hot_thumb img {
	width:200px !important;
	max-width:200px;
}

.secondhand .secondhand_notice {
    width: 85%;
}
}

/* end of 20160504 2nd hand main page, hitler */

/* 20160505 2nd hand listing page, hitler */
.secondhand .secondhand_filter_area {
    margin: 0 0 5px 0;
    padding: 0 5px;
    font-size: 13px;
    color: #333;
    float: left;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.secondhand .page-number-container {
    margin: 10px 5px;
    position: relative;
    height: 50px;
    text-align: center;
}

.secondhand .text-price-unit{
	font-size:13px;
}

.secondhand .text-price-number{
	font-size:15px;
}

.secondhand .col-xs-6{
	padding-right: 0px;
    padding-left: 0px;

}

.secondhand .trade_section .trade_list {
    width: 100% !important;
    overflow: hidden;
    padding: 5px 0;
}

.secondhand .trade_section .trade_list .trade_list_body{
    width: 100% !important;
    overflow: hidden;
    position: relative;
}

.secondhand .trade_section #trade_list_items_wrapper {
    width: 100% !important;
    margin: 0px;
}

.secondhand .trade_section .trade_list .trade_list_body .trade_list_item{
    padding: 0px;
    margin: 2px;
    background: #fff;
    border: 1px solid #eaeaea;
    text-align: center;

    float: left;
    padding-bottom: 5px;
}

.secondhand .trade_list_thumb {
    width: 100%;
    height: 100%;
    float: none;
    margin-right: 0;
    border: none;
    display: inline-block;
    line-height: 70px;
    background-color: white;
    overflow: hidden;
    text-align: center;
}

.secondhand .trade_list_thumb img {
    width: 100%;
    max-width: 200px;
}

.secondhand .swiper-slide{
	border-left:none;
	border-bottom:none;
}
/* end of 20160505 2nd hand listing page, hitler */

/* 20160509 #9901 main page update*/
	.swiper-pagination-top-banner{
		text-align:center;
	}
/* end of 20160509 #9901 main page update*/

/*20160509 trade-my-list*/

.trade-my-list{
	padding-top:0px;
	border-top: 1px dashed #DDD;
}

.trade-my-list-item{
	position:relative;
	padding:10px;
	border-bottom: 1px dashed #DDD;
}
.trade-my-list-item img{
	width:80px;
	height:80px;
	position:absolute;
}
.trade-my-list-item-dsc{
	display: block;
    min-height: 80px;
    margin-left: 90px;
	font-size:14px;
}

.trade-my-list-item .trade-btn{
	padding:0 20px;
	display:inline-block;
	border-radius:5px;
	line-height:30px;
	font-size:13px;
	background: #ffd321;
    color: #555;
}

.trade-my-list-item .trade-btn:hover, .trade-my-list-item .trade-btn:active, .trade-my-list-item .trade-btn:visited, .trade-my-list-item .trade-btn:focus{
	background: #ffc821;
	color:#555;
}

.trade-my-list-item p{ margin:0;}
.trade-my-list-item p:first-child{line-height:25px; min-height:50px; font-size:1.1em;}

/*end 20160509 trade-my-list*/

/*20160510 fix for demo*/
.secondhand .trade_hot_thumb img {min-width: 170px;}
.secondhand .trade_section a .trade_hot_title {width: 170px !important;}

/*20160510 trade-hm kenny*/
.trade-hm-header{
	width:100%;
	height:40px;
	display:block;
	position:relative;
}

.trade-hm-header-msg{
	width: 100%;
	text-overflow: ellipsis;
	height: 30px;
	display: block;
	font-size: 13px;
	line-height: 30px;
	background: #f1f1f1;
	overflow: hidden;
	white-space: nowrap;
	padding: 0 80px 0 10px;
	color:#555;
}

.trade-hm-header-msg-member{padding: 0 120px 0 10px;}

.trade-hm-header-msg-member span{color:#f35328; font-weight:bold; margin:0 2px;}

.trade-hm-header-action{
	position:absolute;
	right:0;
	top:0;
	background:#fff;
	padding-left:5px;
}

.trade-hm-header-action a{
	height:30px;
	width:30px;
	background:center no-repeat;
	background-color:#ffc821;
	background-size:20px;
	border-radius:5px;
	display:inline-block;
}

.trade-hm-header-action a.trade-hm-header-action-add{
	background-image:url(../images/trade/2h-post-icon.png);
}

.trade-hm-header-action a.trade-hm-header-action-zone{
	background-image:url(../images/trade/2h-menu-icon.png);
}

.trade-hm-header-action a.trade-hm-header-action-mytrade{
	background-image:url(../images/trade/hp_my_trade.png);
}

/*.trade-hm-header-action a:hover, .trade-hm-header-action a:active,
.trade-hm-header-action a:focus{
	background-color:#D4AC01;
}*/

.trade-hm-section-title{
	border-bottom: 1px solid #ddd;
	height:30px;
	margin:10px 0;
}

.trade-hm-section-title h2{
	font-size:16px;
	line-height:20px;
	color:#666;
	display:inline-block;
	float:left;
	margin:0;
}

.trade-hm-section-title a{
	float:right;
	color:#00a499;
	font-size:14px;
	line-height:20px;
	display:inline-block;
}

.trade-content hr.fake-bg-gray{
	border: 5px solid #eee !important;
	width: 200%;
	margin: 0 0 0 -20px;
}

.hr-overflow{
	border-top:1px solid #ddd;
	width:200%;
	margin: 0 0 10px -20px;
}
/*20160510 end trade-hm kenny*/

/*trade-swiper*/
.trade-swiper-container{margin-bottom:10px;}

.trade-swiper-container .swiper-slide {
	text-align: center;
	font-size: 14px;
	background: #fff;
	width: 140px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	margin-right: 10px;
	outline: 1px solid #eee;
}

.trade-swiper-container .trade-item-name {
	color: #555;
	width: 120px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: auto;
	line-height:18px;
	margin:10px auto 0;
}

.trade-swiper-container .swiper-slide .item {height:200px;}

.trade-swiper-container .item .item-img {
    width: 140px;
    height: 140px;
	position:relative;
}

.trade-swiper-container .item .item-img img{
	width: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  margin: auto;
  display: block;
  position: absolute;
}
.trade-swiper-container .product-price{
	color:#00a499;
	height:20px;
	line-height:20px;
	display:block;
}

.trade-swiper-container .item:hover, .trade-swiper-container .item:active, .trade-swiper-container .item:focus{
	opacity:0.8;
}

@media screen and (min-width: 375px){
	.trade-swiper-container .swiper-slide { width:160px;}
	.trade-swiper-container .swiper-slide .item {height:220px;}
	.trade-swiper-container .item .item-img{
		width: 160px;
		height: 160px;
		}
	.trade-swiper-container .trade-item-name{width:140px;}
}
/*end trade-swiper*/

/*20160511 trade-listing*/
.trade-list-container{margin:10px -5px;}

.trade-list-container .item-wrapper{
	width:50%;
	padding:0 2.5px 10px;
	float:left;
}

.trade-list-container .item{
	border: 1px solid #eee;
	padding-bottom:10px;
}

.trade-list-container .item .item-img{position:relative; overflow:hidden;}

.trade-list-container .item .item-img img{
	width: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	max-width: 100%;
	max-height: 100%;
	height: auto;
	margin: auto;
	display: block;
	position: absolute;
}

.trade-list-container .trade-item-name{
	width:100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 10px auto 0;
	font-size:14px;
	color: #555;
	padding:0 10px;
	text-align:center;
}

.trade-list-container .product-price {
    color: #00a499;
    height: 20px;
    line-height: 20px;
    display: block;
	font-size:14px;
	text-align:center;
}

.trade-list-container .product-list-view{margin-bottom:10px;}
/*end of 20160511 trade-listing*/

/*End of 20160425 outlet revise*/

/*20160428 #9659 referral button display*/
.referral-price-alert{display: inline-block;color: #7a7a7a;font-size: 14px;}
/*End of 20160428 #9659 referral button display*/

/*2nd hand alert, ivy*/
.alert-success {display: flex; align-items: center;}
.alert-message .msg-00 {margin-left: -28px;}
/*end of 2nd hand alert, ivy*/

/* 19052016 second-hand listing no result, hitler*/
.trade_listing_no_result{
	text-align:center;
	padding:15px 0 0;
}
/* end of 19052016 second-hand listing no result, hitler */

/*20160523 2hand detail im entry*/
.trade-im-wrapper {
    position: fixed;
    width: 100%;
    height: 50px;
    background: rgba(20,20,20,0.6);
    bottom: 0;
    text-align: center;
    z-index: 2;
	left: 0;
}

.trade-im-wrapper .btn {
	min-width: 60%;
    width: 80%;
    height: 40px;
    line-height: 13px;
    margin: 5px;
}
/*end of 20160523 2hand detail im entry*/

/*20160530 secondhand report form */

.trade-report-container{
}

.trade-report-container .nav-tabs > li > a{
	font-size: 1.1em;
	margin-right:0;
	border-bottom: 2px #ebebeb solid;
}

.trade-report-container .nav-tabs {
	background-color: #ffffff;
	border-bottom: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	margin:10px;
}

.trade-report-container .nav-tabs > li {
	text-align: center;
	border-left: 0;
	width:50%;
}

.trade-report-container .nav-tabs > li > a:focus, .trade-report-container .nav-tabs > li > a:hover{
	border-bottom: 2px solid #AAA;
	background-color:transparent;
}

.trade-report-container .nav-tabs > li.active > a , .trade-report-container .nav-tabs > li.active > a:hover{
	color: #121212;
	border-bottom: 2px #f0c400 solid;
}

.trade-report-container .tab-content {
	padding-top: 0px;
	display: block;
	padding: 0;
	margin-top:10px;
	border:none;
}

.trade-report-container .report-reason-option {
	margin-bottom: 10px;
	font-size: 1.1em;
	line-height: 20px;
}

.trade-report-container .report-reason-option select {
	height: 30px;
	background-color: #fafafa;
	width: 100%;
	border-radius: 3px;
	font-size: 14px;
	border: 1px solid #aaa;
	outline: none;
	padding: 2px 4px;
	line-height: 20px;
}

.trade-report-container .field_title {
	width: 60px;
	margin: 0 0 0 15px;
	float: left;
}

.trade-report-container .field_content {
	width: 70%;
	margin: 0 15px 0 0;
	float: left;
}

.trade-report-container .text-price-number {
  font-size: 1.1em;
}

.trade-report-container.trade-add-container .row {
  margin: 10px 0;
}

.secondhand-report-footer>.btn-block{
	border: 1px solid #ffd321;
	background: #ffd321;
	border-radius: 4px;
	color: #555;
	box-shadow:0 0;
}

.secondhand-report-footer>.btn-block:hover, .secondhand-report-footer>.btn-block:active, .secondhand-report-footer>.btn-block:focus {
	background: #ffc821;
	border-color: #ffc821;
	color: #555 !important;
}

.trade-add-container .error-report-text{
	margin: 5px 0;
	padding: 0;
}

/*end of 20160530 secondhand report form */


/* 20160530 secondhand report entry point */

.profile-container .attr td {
	padding: 2px;
	vertical-align: top;
}

.profile-container .report_field {
	height: 20px;
}

.profile-container .report {
	float: none;
	color: #ccc;
	font-size: 14px;
	text-align: right;
	margin-right:5px;
}

.profile-container .report a {
    color: #ccc;
}

.profile-container .report a:hover {
	color:#999;
	text-decoration:none;
}

.profile-container .report img {
	margin-left: 5px;
	height:20px;
	width:20px;
	vertical-align:bottom;
}

.profile-container .reason-text-area{

}

.profile-container .item_container .item .btn{
	border: 1px solid #ffd321;
	background: #ffd321;
	border-radius: 4px;
	color: #555;
	box-shadow: 0 0;
}


.profile-container .item_container .item .btn:hover, .profile-container .item_container .item .btn:active, .profile-container .item_container .item .btn:focus{
	background: #ffc821;
	border-color: #ffc821;
	color: #555 !important;
}
/* end of 20160530 secondhand report entry point */

/*#9447 20160603*/
.edit-btn-more{
	position: absolute;
	width: 100%;
	top: 36px;
	color: #00a499;
	text-align: right;
	font-size: 15px;
	border-bottom: 1px solid #ccc;
	z-index: 1;
}

.edit-btn-more button{
	display: block;
	width: 100%;
	text-align: center;
	border: 1px solid #ccc;
	line-height: 33px;
	border-bottom: none;
	background-color: #e9e9e9;
}

.edit-btn-more .edit-btn-more-delete{color:#f13200;}
/*end of #9447 20160603*/

/*trade-profile 20160614*/
.trade-profile-pic{
	height: 70px;
    width: 70px;
    display: block;
    border-radius: 100px;
    overflow: hidden;
    border: 1px solid #ccc;
	float:left;
}

.trade-profile-pic img{width:70px; height:70px;}

.trade-profile-info{float:left;margin:2px 0 0 10px;}

.trade-profile-info h2{
	font-size:18px;
	line-height:20px;
	margin:0;
}

.trade-profile-rate{
	background:#eee;
	padding:0 10px;
	display: inline-block;
	height:25px;
	font-size: initial;
	border-radius: 2px;
	margin: 2px 0;
	color: #555555;
}
.trade-profile-rate img{width:15px; height:15px; vertical-align:middle;}
.trade-profile-rate span{ font-size:13px; line-height:25px;    margin: 0 10px 0 5px;}
.trade-profile-date{ font-size:12px; color:#8e8e93;}
.trade-profile-date span{margin-right:10px;}
.trade-profile-header{margin-bottom:10px;}

.trade-content .main-tabs .tab{width:50%;}

.trade-content .page-number-container{margin:20px 0;}
.trade-profile-list-sold{background:#8e8e93;color:#fff; padding:2px 4px; font-size:12px; margin-right:5px;}

.trade-rate-item-pic img{width:40px; height:40px;}
.trade-rate-item-content{padding-left:50px;}
.trade-rate-item-pic{
	height: 40px;
    width: 40px;
    display: block;
    border-radius: 100px;
    overflow: hidden;
    border: 1px solid #ccc;
	position:absolute;
	left:0;
	top:0;
}

.trade-rate-item{position:relative; margin:10px 0;}
.trade-rate-item-name{font-size:14px; border-bottom:1px solid #ddd; margin: 0px 0 -4px 0; font-weight:bold;}
.trade-rate-item-name span{color:#8e8e93; font-size:13px; margin-left:5px; font-weight:normal;}
.trade-rate-item-rate{font-size:13px; color:#8e8e93; display:inline-block; margin:0; line-height:15px; margin-right:10px;}
.trade-rate-item-rate img{height:15px; width:15px; vertical-align:top; margin-right:2px;}
.trade-rate-item-date{display:inline-block; color:#8e8e93; font-size:13px; margin:0;line-height:15px;}
.trade-rate-item-comment{font-size:15px; margin:5px 0;}

.trade-profile-empty{margin:20px 0; text-align:center; font-size:14px;}
.trade-profile-empty-img{width:40%; margin:0 auto;}
.trade-profile-empty-img img {width:100%; height:100%}
/*end of trade-profile 20160614*/

/* 20160621 fix tab bug*/
.ui-page-theme-a .ui-btn.ui-btn-active{border: 1px solid #ddd;color:#00a499;}
.ui-page-theme-a .ui-btn.ui-btn-active:last-child{border-left: 0;}
.ui-page-theme-a .ui-btn.ui-btn-active:first-child{border-right: 0;}

.trade-list-container .item {padding: 0 0 10px 0;}

/*20160621 trade profile report*/
.trade-profile-header .report{display:inline-block;}
.trade-profile-header .report img{width:17px; height:17px; vertical-align:sub; margin-left:0;}
/*.trade-list-container .item:first-child{border-top: 1px solid #eee;}*/

/*20160623 trade demo comment*/
.trade-im-wrapper{
	position:inherit;
	background:none;
	margin:20px 0;
}
.trade-im-wrapper .btn{
	height: 47px;
  line-height: 24px;
	margin:0;
}

/* 20160630 2nd hand in 1st hand tab*/
.product-list-trade-item-list {
    overflow: auto;
}

.trade-update-time {
	font-size: 11px;
    text-align: center;
    color: #bbb;
    line-height: 23px;
	display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.second-product-sell a.btn-trade{
    color: #4c4436;
    background: #ffc821;
    background-image: url(../images/trade/trade-home-add.png);
    background-position: 9px 3px;
    background-repeat: no-repeat;
}

.page-product .trade-list-container{
	margin:0px;
}

.page-product .trade-list-container .item .item-img img{
	height:100%;
}
/*20160704 - I*/
.trade-list-container .trade-item-name { padding: 0 5px; text-align: left;}
.trade-list-container .product-price {text-align: left; padding-left: 5px;}
.trade-update-time {text-align: left; padding-left: 5px;}
.trade-update-time img{width: 12px; height: 12px; margin-top: -2px; margin-right: 5px;}

/* 20160704 - K*/
.trade-swiper-container .swiper-slide{text-align:left;}
.trade-swiper-container .product-price{padding:0 10px;}

/* 20160705 share bookmark*/
.trade-detail-bookmark{
	position: absolute;
    top: 8px;
    right: 15px;
    background: url(../images/trade/trade-bookmark.png) center no-repeat;
    background-size: 40px 40px;
    display: block;
    height: 40px;
    width: 40px;
}
.trade-detail-bookmark.active{
	background: url(../images/trade/trade-bookmarked.png) center no-repeat;
    background-size: 40px 40px;
}
.compu_fields .pd_name{padding-right:60px;}
.trade-detail-share{margin:30px 0 0;}
.trade-detail-share ul{margin-bottom:20px;}
.trade-detail-share div{display:inline-block; margin-right:5px;}
.trade-detail-seller-name{display:inline-block; margin-right:5px;}
.trade-item-container .report{display:inline-block;}
.trade-item-container .report img{margin-left:0;}

/*20160706 trade detail seller*/
.btn.btn-2hand.btn-2hand-small {
	min-width: 30%;
    width: 45%;
    margin: 0 5px;
}
.btn.btn-2hand { background-color: #ffd321; color: #4c4436;}
.compu_fields { background-color: #f1f1f1;}
.trade-im-wrapper { position: relative;}
.edit-btn-more {
	position: absolute;
    width: 160px;
    /*top: -40px;*/
    left: 51%;
    color: #00a499;
    text-align: right;
    font-size: 15px;
    border-bottom: 1px solid #ccc;
    z-index: 1;
    box-shadow: 0 1px 4px #aaa;
    background-color: #fff;
	display: none;
	transform: translateY(-50%);
}
.edit-btn-more button {
	display: block;
    width: 100%;
    text-align: center;
    border: 0;
    line-height: 40px;
    border-bottom: none;
    background-color: #fff;
}
.edit-btn-more button:hover, .edit-btn-more button:focus {
	background-color: #ececec;
	border: 0;
	outline: 0;
}
.edit-btn-more button.edit-btn-more-delete {color: #f13200;}
.edit-btn-more img {
	position: absolute;
    left: -15px;
    transform: rotate(-90deg) translateX(50%);
    top: 50%;
}
/*#btn-2hand-edit:hover + .edit-btn-more, #btn-2hand-edit:focus + .edit-btn-more {
	display: block;
}*/

/*20160706 my trade profile*/
.trade-my-profile-tab{
	width: auto;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}
.trade-content .trade-my-profile-tab.main-tabs .tab{width:auto;}
.trade-my-profile-tab .tab{
	width: auto;
    padding: 5px 20px;
    float: none;
    margin-right: -6px;
}

.trade-my-profile-filter{
	width: calc(100% + 20px);
    margin-left: -10px;
    height: 40px;
    background: #f6f6f6;
    text-align: center;
    font-size: 14px;
    line-height: 40px;
	overflow:hidden;
	transition:0.5s;
}
.im-filter-select-active-3{height:160px;}
.im-filter-select-active-4{height:200px;}
.trade-my-profile-filter-label {width: 100%;background: #f6f6f6;}
.trade-my-profile-filter-label img{vertical-align: middle;height: 40px;}
.trade-my-filter-select{
    background: #f6f6f6;
    width: 100%;
    height: auto;
}

/*20160712 trade menu*/
.secondhand_menu .secondhand_menu_content_img {
	width: 35px;
	height: 35px;
	margin-top: -2.5px;
}
.secondhand_menu .secondhand_menu_tag {
	background-image:url(../images/new_20.png);
	position: absolute;
    bottom: 2px;
    right: -10px;
    height: 20px;
    width: 20px;
}

/*20160714*/
.im-filter-select-active-2{height:120px;}

/*ivy 20160719*/
.trade-add-form-container #datepicker {
    height: 40px;
    background-color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background-image: none;
}


input[type="month"] {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-background-clip: padding;
 -moz-background-clip: padding;
 background-clip:padding-box;
 -webkit-border-radius:0;
 -moz-border-radius:0;
 -ms-border-radius:0;
 -o-border-radius:0;
 border-radius:0;
 -webkit-appearance:none;
 background-color:#fff;
 /* color:#000; */
 outline:0;
 margin:0;
 padding:0;
 text-align: left;
 font-size:1em;
 height: 1em;
 vertical-align: middle;
}

/*20160720 btn style for firefox*/
.btn.btn-gray{background: -moz-linear-gradient(top, #555 0%, #444 100%);}
.btn.btn-gray:hover {background: -moz-linear-gradient(top, #aaa 0%,#999 100%);}

/*20160720 profile grid background*/
.trade-list-container{
    background-color: #f6f6f6;
	margin: 0px -10px;
	padding: 10px 5px;
}
.trade-list-container .item:first-child{
	background-color: #ffffff;
}
/*20160720 trade report tab content*/
.trade-report-container .tab-content {
    margin-top: 0;
    padding-top: 10px;
    background: #f6f6f6;
}

/*20160720 trade report spacing & background color*/
.trade-report-container.container-grey { margin-bottom: 0; padding: 0 0 20px 0; background-color: #f6f6f6;}
.trade-report-container .trade-report-title { padding: 15px 15px 7px 15px; background-color: #fff;}
.trade-report-container .nav-tabs { margin: 0; }
.trade-report-container .tab-content { margin-top: 0; padding-top: 10px; background: #f6f6f6;}

/*20160720 btn for no buyer chat room count*/
.btn.btn-2hand.btn-2hand-small.no_contact{
	border: 1px solid #8e8e93;
	background: #8e8e93;
	color: #fff;
	pointer-events: none;
}
/*20160722 image for no content in different trade profile section*/
.trade-profile-empty-img img, .trade_listing_no_result img {width: 120px; height: auto;}

/*20160725 my trade function banned*/
.page-view-body .message{
	font-size: 0.8em;
    padding: 8px 0px;
	color: #f13200;
}
.outlet-status-red {
    color: #E02152;
    line-height: 16px;
}

/*20160801 merhcant reply user*/
.merchant-comment {
    display: block;
    clear: both;
    position: relative;
    padding: 8px;
    margin: 0 0 10px;
    border: 1px solid #DDD;
    padding: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.merchant-comment img {
    position: absolute;
    top: -8px;
    left: 5px;
}
.merchant-comment .comment-content {
    display: block;
    margin-bottom: 3px;
    font-size: 0.8em;
}
.merchant-comment .comment-date {
    color: #aaaaaa;
    text-align: right;
    width: 100%;
    display: block;
    font-size: 0.7em;
}

/*bug#9378*/
.product-detail-tab-quote.no-quote {border-top:0;}

/*bug#9491*/
.starshop-container .product-detail-tab-comment .list-inline li {width: 100%;}

/*20160803 profile grid padding hotfix*/
.trade-list-container .item-wrapper {
	padding: 0 5px 10px;
}
.trade-list-container .item{
	border :1px;
	border-top :1px;
}

/*20160906*/
.original-price {
	color: #d1d1d1;
	text-decoration: line-through;
	position: relative;
    /* bottom: -5px; */
	font-size: 14px;
}
.product-prop img { margin: 0 3px 0 3px;}
.starshop-container .product-list-item {
min-height: 94px;
}
.product-list-content .product-list-title {
height: auto;
max-height: 44px;
}

/*20160913 ec label in product detail*/
.ec-label {
	display: inline-block;
	border: 1px solid #f63969;
	padding: 1px 4px;
	background-color: #f63969;
	color: #ffffff;
	margin-right: 5px;
	font-size: 15px;
}

.ec-label-wrapper {
	display: block;
	position: absolute;
	bottom: 0;
}
.ec-label-wrapper .ec-label {
	display: inline-block;
	border: 1px solid #f63969;
	padding: 0 7px;
	background-color: #f63969;
	border-radius: 12px;
	color: #ffffff;
	font-size: 12px;
}

.ec-label-wrapper .ec-label-sub {
    background: linear-gradient(-75deg, #fff, #fff);
    border: 1px solid #F25162;
    color: #f25162;
}

.oul-discount {
	border: 1px solid #e02152;
	background: #ffffff;
	color: #e02152;
	font-size: 15px;
	vertical-align: text-top;
}

/*#9186 anchor tag*/
*:target::before {
	display: block;
	content: " ";
	height: 50px;
	visibility: hidden;
}

@-moz-document url-prefix() {
  *:target::before {
	margin-top: -20px;
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    *:target::before {
		margin-top: -50px;
	}
}
/*end of #9186 anchor tag*/
.margin-lr-10 {
	margin: 0 10px;
}
/*bug #7484*/
.im-dialog-port .dialog-header { padding: 10px 5px 7px 5px; border-bottom: 1px solid #ddd;}
.im-dialog-port .dialog-title { font-size: 17px; padding: 0;}
.im-dialog-port .dialog-content-container { margin: 20px 0;}
.im-dialog-port .dialog-form { margin: 0 20px;}
.im-dialog-port .dialog-form .dialog-content .from-text { position: relative; left: 100px; width: 75%; white-space: normal; margin-top: -25px;}
.im-dialog-port .dialog-form .dialog-content textarea {width:100%}
.im-dialog-port .product-info {padding-top: 10px; border-top: 1px dashed #ddd;}
.im-dialog-port .product-image {padding: 0;}

/*20160926 bugfix 12727*/
.ec-list-ori-price, .ec-list-ori-price .text-price-number{ font-size:13px; color:#aaa;font-weight: normal;text-decoration: line-through; margin-right:2px;}
.product-list-item .qty-remain{color:#aaa; font-size:13px; padding:0 5px;}
.ms-product-list-item-list .ms-product {padding:7px 0 5px;}

/*20160930 bugfix 12810 ec-order-bug*/
.outlet-order-page-wrapper .order-info .delivery-option span {display: block;}

/*20161019 bugfix for feature 12586 delivery*/
.outlet-order-page-wrapper .order-info label.method{
    width: auto;
	position: relative;
	top: -2px;
}
/*20161019 bugfix 12938 */
.outlet-order-page-wrapper .order-info .delivery-option span{
    clear:both;
}
.outlet-order-page-wrapper .order-info .delivery-option-container{
    float:left;
}

/*20161018 bugfix prod trade style fix in prod detail enhancement */
.product-contents-container, .product-detail-tab-static, .product-detail-tab-news, .product-detail-tab-comment, .product-detail-tab-second .product_section_title, .product-detail-tab-second .filter-unit {margin:10px 8px;}

/*20161101 13409 Missing bullet point in EC Detail*/
.oul-detail-tab ul{padding-left: 20px;}
.oul-detail-tab li{list-style: initial;}

/*20161114 braintree*/
.payment-method-container img#order-paypal, .payment-method-container img#order-braintree, .payment-method-container img#order-checkout, .hosted-field#cvv + img {height: 35px; width: auto; padding: 0;}
/*.outlet-order-page-wrapper .payment-method label {width: auto;}*/
#bt-dropin {
    margin: 0 10px;
    border: 1px solid #aaa;
    padding: 10px;
    background-color: #fff;
}
.hosted-field {
    width: 70%;
    padding: 5px 4px;
    font-size: 15px;
    margin-bottom: 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 35px;
}
.hosted-field#expiration-date, .hosted-field#cvv {width: 40%;}
.hosted-field#cvv {display: inline-block;}
.hosted-field#cvv + img {vertical-align: top;}
.payment_step_2 {background-color:#fff; padding: 0 0 10px 0;font-size: 14px;}

.outlet-order-page-wrapper .order-info input[type="email"] {
    width: 100%;
    padding: 5px 4px;
    font-size: 15px;
    margin-bottom: 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.secure-payment{
    color: #aaa;
    padding-left: 20px;
    background: url(../images/secure-payment.png) left no-repeat;
    position: relative;
    padding: 5px 0 5px 20px;
    margin-left: 20px;
}
.payment-loading{position: fixed;z-index: 2;background-color: rgba(255,255,255,.85);top: 0;bottom: 0;left: 0;right: 0;display: none;}
.payment-loading img {text-align: center;top: 44%;position: absolute;right: 40%;transform: translateY(-50%);width: 80px;}
.payment-loading div {color: #555; font-size: 14px; font-weight: normal; text-align: center; top: 50%; position: absolute; width: 100%; transform: translateY(-50%);}
.card-type{display: inline-block;background: url(../images/creditcard@2x.png?v=3);background-size: 208px;height: 0px;width: 65px;vertical-align: top;}

/*20161003 sidemenu*/
.side-menu-content .page-links{font-size:15px;}
.side-menu-content .page-links a, .side-menu-content .setting-links a { height: 45px; line-height: 45px; color:#111; }
.page-links a.sub-zone { display:inline-block; width:49%; padding-left:0; text-align:center; position:relative;}
.page-links a.sub-zone>.icon {left: -15px;}
.page-links a.home, .page-links a.shop, .page-links a.news, .page-links a.second-hand{background-position:5px 2px;}
.setting-links a.lang{padding-top:inherit;}
.side-menu-content .setting-links{padding-bottom:50px;}
.zone-flag{left:15px;}
.side-menu-content .setting-links a{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*end sidemenu*/

/*20161121 braintree creditcard payment*/
.payment_step_2 .product-name {display: block;padding: 5px 0;}
.payment_step_2 .field, .payment_step_2 .remark {padding: 1px 0;}
.payment_step_2 .checkout-list-item {margin: 0 10px;padding: 5px 10px;}
.payment_step_2 .field.totalprice {padding-top: 3px;}
.payment_step_2 .total-price .text-price-unit {font-size: 0.7em;margin-right: 3px;}
.payment_step_2 .total-price .text-price-number {font-size: 1em;margin-right: 3px;}
.payment_step_2 .title {
    margin: 0 10px;
    padding: 10px 10px 0;
    color: #00a499;
    font-weight: bold;
    font-size: 13px;
}
.payment_step_2 label {font-size: 14px;}

#bt-dropin {
    margin: 0 10px;
    border: 0;
    background-color: #fff;
    padding: 5px 10px;
}

.payment_step_2 .checkout-list {border-bottom: 15px solid #eee;}
.payment_step_2 .title img {
	height: 24px;
	margin-bottom: 5px;
}
.payment_step_2 .error-msg {font-size: 14px;width: auto;}
.hosted-field {display: inline-block;}
.secure-payment {font-size: 14px;background-size: 20px;}
.payment_step_2 .btn {font-size: 14px;}
.payment_step_2 #back-button {
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: #aaa;
}
.payment_step_2 .modal-content button {
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: #00a499;
}
/*20161123 braintree cosmetics*/
.outlet-notice-box-wrapper {padding-top: 10px;}
.outlet-notice-container {border: 0; box-shadow:none;}
.payment-method {padding-bottom: 10px;}
.dialog-footer {padding-bottom: 10px;}
.testB-wrapper .total-priceamt .text-price-number {font-size: 20px;}
.testB-wrapper .total-priceamt .text-price-unit {margin-right: 3px;}
p.disable_textfield {
	width: 100%;
	padding: 5px 4px;
	font-size: 15px;
	margin-bottom: 5px;
	border: 1px solid #ccc;
	border-radius: 3px;
	color: #ccc;
}

/*20161201 sidemenu add ec link*/
.page-links a.e-commerce{background-position: 5px 2px; background-image: url(../images/side-menu-icon-e-commerce.png);}

/*referral buy error message*/
#referral-buy-error-title{font-size: 22px !important;}
.referral-buy-error{
	font-size: 16px;
	float: left;
	padding: 30px 10px;
	width:100%
}

.referral-buy-error span {
    display: block;
    width: 80%;
    margin: auto;
}

.outlet-redeem-gray{color:#aaaaaa; margin-left:0px; line-height:16px;}

/*20161214 14160 referral buy non member referral buy */
#form-group-non-member input {
	border: 1px solid #aab2bd;
	height: 40px;
	padding: 14px 10px 12px;
	border-radius: 3px;
	color: #434a54;
	margin-bottom: 5px;
}

/*#14308 update ICD/HD delivery message*/
.oul-tks-content .checkout-list-item div span.remark{color: #e02152; float: left; width: 100%; padding-top: 2px; font-size: 13px; padding-bottom: 8px;}

.original-price strike{
	color: #8e8e93;
	font-size:0.9em;
}

.wrapper-contact-title {
	width: 100%;
    margin: -11px auto 1px;
    display: block;
    border: 1px solid #aab2bd;
    height: auto;
    padding: 3px 5px;
    text-align: center;
	border-radius: 0 0 4px 4px;
	border-top: 1px solid #fff;
}
.wrapper-contact-title label {
	margin-bottom: 0px;
	cursor: pointer;
	border: 1px solid #eee;
	border-radius: 4px;
	color: #aaa;
	padding: 4px 10px;
    margin: 3px 2px 3px 0;
    width: 31%;
	font-size: 15px;
    background-color: #fff;

}
.wrapper-contact-title label.selected {
	border-color: #eee;
    box-shadow: none;
    background-color: #eee;
    transition: 0.2s;
    color: #00a499;
    font-weight: bold;
}

#form-group-non-member .radius-upper {
	border-radius: 4px 4px 0 0;
	border-bottom: 1px solid #eee;
}

/*referral form cosmetic fix*/
.referral-buy-title {font-size: 15px; padding: 0 10px;}
#dialog-referral-buy .dialog-processbar { margin: 5px 0;}
#dialog-referral-buy .merchant { font-size: 15px;}
.form-title { font-size: 13px;color:#999;font-family: HelveticaNeue;}
#form-group-non-member input {width: 100%; margin: 10px auto 10px; display: block;}
.quote-remarks { padding: 0;}
.referral-buy-container .dialog-form input[type="text"] {
    border: 1px solid #aab2bd;
    height: 40px;
    padding: 14px 10px 12px;
    border-radius: 3px;
    color: #434a54;
    width: 100%;
    margin: 0px 0px;
    display: block;
}
.referral-buy-container .dialog-footer .save {font-size: 15px;}
.thankyou-member-message~a {font-size: 15px;}
.referral-buy-complete-container .transaction_id {font-size: 1em;}
.referral-buy-container .dialog-form.referral-member-login { margin: 0;}
.thankyou-guest-message, .thankyou-member-message { padding: 0 21px;}
.referral-buy-container .dialog-form .row { margin: 0px 15px;}
.register-tab-bar ul li:hover { border-bottom: 2px solid #ffc821;}

/*reg and login form cosmetic fix*/
input.form-control {margin-bottom: 10px;}
.register-tab-bar ul li.active {border-bottom: 2px solid #ffc821;}
.register-tab-bar {padding-bottom: 0px;}
/*用于form修正*/
.register-tab-bar-fix{padding-bottom: 10px;width: 80%;}
.register-tab-bar ul {height: 40px;}
.register-tab-bar ul li {height: 35px;}
.register-tab-bar ul li a {height: 35px; line-height: 35px;}

.referral-buy-container .product-info .product-image {position: absolute;}
.referral-buy-container .product-details {position: relative; padding-left: 70px;}
.referral-buy-container .product-info {min-height: 80px;}
.referral-buy-container .merchant-name {word-break : break-word; display: inline;}
.register-tab-bar ul {padding: 0;}
.register-tab-bar ul li {height: 40px;}

.dialog-member-login.member-registered {padding: 10px 0;}
.referral-buy-container .product-info>div {display: block;}

/*update msite referral scheme #*/
sup.remarks{vertical-align: baseline;}

/*20160104 bugfix#14098*/
.merchant-section .merchant-logo img{width: auto;max-height: 80px;max-width: 100%;}
.merchant-section .merchant-logo {text-align: center;}

/*20161230 14261 ec order complete design update*/
.tks_footer .btn-reg {
    background-color: #00a499;
    color: #fff;
}

/* 20170106 copy tracking code */
#copy_code{font-size: 0.9em;}
.auto-fadeout-msg { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: 0.2s; width: 40%;}
.auto-fadeout-msg span { background-color: rgba(0,0,0,0.8); color: #fff; display: block; border-radius: 4px;}
.auto-fadeout-msg span p { padding: 6px 10px;}
.oul-tks-content .buyer-detail, .oul-tks-content .ordered-detail, .oul-tks-content .totalprice, .oul-tks-content .refund-datail { font-size: 14px; line-height: 23px;}
.qr_code_num {font-size: 14px;}

/*20170416*/
.icon-list-ec .icon-circle{border: none;}
.icon-list-ec .icon-circle .icon{background:url(../images/icon/icon_details_ec.png) center center #ffc821;background-size: cover;}
#page-not-found-error-box .icon-list .caption{padding: 0;}
#page-not-found-error-box .list-unstyled.list-inline{width:320px;}

.auto-fadeout-msg p {padding: 5px; text-align: center;}

/*bug14646, 13674*/
.oul-detail-tab p{margin: 0 0 10px;}
.oul-product-description p{margin: 0 0 10px;}
.oul-product-description li, .oul-detail-tab li{list-style: initial; margin: 0 0 5px;}
.oul-product-description p, .oul-detail-tab p{margin: 0 0 10px;}
.oul-product-description ul, .oul-detail-tab ul{padding-left: 20px; margin: 0 0 10px;}
/*story15232 ec prod detail 3 tabs in one page*/
.oul-detail-topic {
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0;
}

/*20170418 register*/
.register-verify-image{
    text-align: center;
    margin-bottom: 10px;
}
.register-verify-image img{
    width: 100px;
    height: 100px;
}
.section-title{margin-bottom: 20px;}
.register-verify-text{
    width: 80%;
    margin: 0 auto;
    font-size: 14px;
}
.register-verify-text p{
    margin: 0;
}
.register-verify-text p.register-verify-text-sent{
    color:#00a499;
    font-weight:bold;
    font-size:16px;
    margin-bottom: 5px;
}

.product-price{font-weight: normal;}
.product-price .text-price-unit{margin-right: 2px;font-size: 18px;}
.referral-buy-container .dialog-form .checkbox-outer .product-price .product-price-text{
	vertical-align: middle;
    display: inline-flex;
    align-items: baseline;
	font-size: 21.6px;
}
.referral-buy-container .dialog-form .checkbox-outer .product-price .type-ico{
	vertical-align: middle;
    display: inline-flex;
	margin: 0 5px 0 3px;
}
.referral-buy-container .dialog-form .checkbox-outer .product-price .type-ico img{
	width: 20px;
	height: 20px;
	margin: 0;
	top: 0;
}
.product-list-content .product-price .product-price-text {
	vertical-align: middle;
    display: inline-flex;
    align-items: baseline;
}
.product-list-content .product-price .product-prop {
	vertical-align: middle;
    display: inline-flex;
    margin: 0 0 0 3px;
}
.product-list-content .product-price .product-prop img{
	margin: 0;
	top: 0;
}
/*20170510 ec-tnc*/
.ec-input-tnc{
    font-size: 14px;
    color: #333;
    margin: 10px 0 0 20px;
}
.ec-input-tnc label{
	width: auto !important;
}
.ec-input-tnc .ec-tnc-content{display:inline-block;width: 90%;}
.ec-input-tnc input {vertical-align: top;}
.ec-input-tnc input.notyetchoose-tnc{
	outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    outline-color: red;
}
.oul-content-form {
    border: 0;
}

/* ec-order price shop header */
header .headbar-wrapper {
	background: #fff;
	height: 51px;
	width: 100%;
	display: block;
	box-sizing: border-box;
	-webkit-box-shadow: 3px 3px 20px -3px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 3px 3px 20px -3px rgba(0, 0, 0, 0.4);
	box-shadow: 3px 3px 20px -3px rgba(0, 0, 0, 0.4);
	position: relative;
	z-index: 10;
}

header  img.headerlogo {
	padding-left: 10px;
	height: 30px;
	width: auto;
	margin: 10px;
	border-right: 1px solid #ddd;
	padding-right: 10px;
	max-width: 150px;
	
}
header  img.headerlogo.ec-display{
	vertical-align: top;
}

header  img.pricelogo {
	height: 40px;
	padding-left: 5px;
}

.oul-content-form {
	border: 0;
}

.ui-content {
	/* padding-top: 10px; */
}

.header-back {
	float: right;
	padding: 10px 15px;
	line-height: 30px;
	font-size: 14px;
}
.headbar-wrapper.sticky-header {
	position: fixed;
	top: 0;
	width: 100%;
	animation-name: sticky-header;
	animation-duration: 0.5s;
}
@keyframes sticky-header {
  from {
	top: -55px;
  }
  to {
	top: 0px;
  }
}

/*product list price-range test b*/
.product-list-item-testb{height: inherit; min-height: 100px;}
.product-list-item-testb .product-prop img{height: 17px;}
.product-list-item-testb-container .product-price .text-price-number{font-size:1em;}
.product-list-item-testb-container .product-price .text-price-unit{font-size:0.8em;}
.product-list-item-testb-container div:first-child{margin-top: 10px;}

/*20170703 ec coupon*/
.outlet-order-page-wrapper .ec-coupon-input-container{
    padding: 5px 10px;
    background: #fff;
    margin-bottom: 15px;
    height: 45px;
    overflow: hidden;
    transition: 0.2s;
}
.outlet-order-page-wrapper .ec-coupon-input-container-on{
    height: 95px;
    transition: 0.2s;
}
.outlet-order-page-wrapper .ec-coupon-input-container label{
    color: #00a499;
    font-weight: bold;
    padding: 0;
    font-size: 13px;
    line-height: 35px;
    width: auto;
}
.ec-coupon-input-container .input-check-tick {
    display: none;
    position: absolute;
    right: 10px;
    top: 7px;
    width: 20px;
    height: 20px;
    background: url(https://www.price.com.hk/merchant2/img/mer-reg-form/form-tick.png) no-repeat;
    background-color: rgba(0,0,0,0);
    z-index: 1;
}
.ec-coupon-input-container .input-check-error {
    display: none;
    position: absolute;
    right: 10px;
    top: 7px;
    width: 20px;
    height: 20px;
    background: url(https://www.price.com.hk/merchant2/img/mer-reg-form/form-error.png) no-repeat;
    background-color: rgba(0,0,0,0);
    z-index: 1;
}
.coupon-switch {
    width: 56px;
    height: 28px;
    border-radius: 28px;
    background: #eee;
    display: inline-block;
    margin: 5px 0;
    float: left;
    position: relative;
    cursor: pointer;
    float: right;
}
.coupon-switch-on {
    background: #00a499;
}
.coupon-switch .coupon-switch-label-yes {
    line-height: 28px;
    margin: 0 3px 0 10px;
    color: #fff;
    font-size: 14px;
}
.coupon-switch .coupon-switch-label-no {
    line-height: 28px;
    margin: 0 5px 0 0;
    color: #888;
    font-size: 14px;
}
.coupon-switch-btn {
    width: 26px;
    height: 26px;
    display: block;
    position: absolute;
    left: 2px;
    top: 1px;
    background: #fff;
    border-radius: 27px;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.05);
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.05);
    transition: 0.2s;
}
.coupon-switch-on .coupon-switch-btn {
    left: 29px;
    transition: 0.2s;
}
.coupon-input-field{
    position: relative;
    top: -37px;
    width: 100%;
    display: block;
    background: #fff;
    float: left;
    transition: 0.2s;
}
.coupon-input-field-on{
    top: 0px;
    transition: 0.2s;
}
.ec-coupon-switch-container{
    background: #fff;
    position: relative;
    z-index: 2;
}
.coupon-input-field-error-msg{
    margin-top: -4px;
    font-size: 12px;
    color: #f13200;
}

/* the club project */
.club-price-wrapper .club-price, .club-unit, .price-range .club-price {color: #094e8c;}
.club-price-wrapper .text-price-number, .club-price-wrapper .text-price-unit {color: #e02152;}
.club-price-wrapper .club-price, .club-price-wrapper .text-price-number {font-size: 17.5px;}
.club-price-wrapper .club-unit, .club-price-wrapper .text-price-unit {font-size: 13px;}
.swiper-slide .club-price-wrapper .club-price, .swiper-slide .club-price-wrapper .text-price-number {font-size: 16px;}
.swiper-slide .club-price-wrapper .club-unit, .swiper-slide .club-price-wrapper .text-price-unit {font-size: 11px;}
.club-price-wrapper .text-price-unit {margin-right: 2px;}
.the-club sub {vertical-align: text-top;}
.club-or {color: #8e8e93; font-size: 13px;}
.club-title {font-size: 11px; color: #8e8e93;}
.club-remark {font-size: 12px;}
.club-remark sup, .swiper-title sup, .club-title sup, .breadcrumb-product sup {vertical-align: baseline;}
.product-list-item-testb-container .club-price-wrapper .product-price .text-price-unit {font-size: 13px;}
.product-list-item-testb-container .club-price-wrapper .product-price .text-price-number {font-size: 17.5px;}
.trade-list-container .club-price-wrapper .product-price {display: inline-block;}


.product-list-view .club-price-wrapper {z-index: 5; width: calc(100% + 20px);}
.product-list-item .club-price-wrapper {line-height: 19px;margin: 5px 0;}

.product-detail-info-price .club-price-wrapper .club-price, .product-detail-info-price .club-price-wrapper .text-price-number {font-size: 20px; font-weight: bold;}
.product-detail-info-price .club-price-wrapper .club-unit, .product-detail-info-price .club-price-wrapper .text-price-unit {font-size: 15.5px; font-weight: bold;}
.product-detail-info-price .club-price-wrapper {margin: 5px 0; }
.club-price-wrapper .club-unit{position: relative;bottom: 2px;}
.product-detail-info-price .club-title {display: block;}
.ui-div-product-detail .club-remark {padding: 10px; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; margin-bottom: 10px; margin-top: -1px;}
.product-detail-spec > .product-detail-report {padding-bottom: 10px;}
.ui-div-product-detail a .club-remark, .ui-div-product-detail .club-remark a {display: inline-block; font-size: 12px; color: #8e8e93;padding: 10px 8px;}

.rectangle {
	width: auto;
	height: 1px;
	margin: 10px 15px;
	background-color: #ebebeb;
}

.price-buy-title{
	width: 96px;
	height: 18px;
	margin: 16px 77px 10px 15px;
	/* font-family: HelveticaNeue; */
	font-size: 13px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #999;
}

.price-buy-title .text-style-1 {
	
  }

.club-price-wrapper .text-price-unit {margin-right: 0!important;}
.swiper-slide .club-price-wrapper .product-prop img, .product-list-view .club-price-wrapper .product-prop img { margin: 0 0 0 -1px; height: 16px;}

/*20170615 search enhancement */
.search-list-tab-bar {background-color: #f8f8f8;margin: 0 -10px;border-bottom: 1px solid #d5d5d5;height: 44px;z-index:2;overflow-x: scroll;}
.search-list-tab-bar .main-tabs {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;overflow-x: scroll;overflow-y: hidden;}
.search-list-tab-bar .main-tabs .tab {width: 20%;border: 0;background-color: transparent;padding: 11px 12px;flex: 1 1 auto; width: auto;height: 44px;margin-bottom: 0;}
.search-list-tab-bar .main-tabs .tab.active {border-bottom: 3px solid #ffc821;}
.search-list-tab-bar .main-tabs .tab span {font-size: 15px;}
.search-list-tab-bar + .clear + .home-list-block-02 .product-list .search-list-fucntion-bar {background-color: #f8f8f8;padding: 7px 10px;margin:-15px -10px 10px;}
.search-list-tab-bar + .clear + .home-list-block-02 .product-list .search-list-fucntion-bar .column-01 {width: 40%;display: inline-block;font-size: 14px;}
.search-list-tab-bar + .clear + .home-list-block-02 .product-list .search-list-fucntion-bar .column-04 {width: 60%;display: inline-block;}
.search-list-tab-bar + .clear + .home-list-block-02 .product-list .search-list-fucntion-bar .column {vertical-align: middle;}
.search-list-tab-bar + .clear + .home-list-block-02 .product-list .search-list-fucntion-bar select {font-size: 13px;height: 29px;width: 155px;padding: 5px;border: 1px solid #cccccc;border-radius: 4px;-webkit-appearance: none;background: url(../images/dropdown-arrow.png) no-repeat right #fff;background-size: 25px 29px;}
.product-list-item-list.trade-list-container {background-color: #fff; margin-top: -10px;}
.product-list-item-list.trade-list-container .item-wrapper .item {border: 0;}
.product-list-item-list.trade-list-container .list-product {margin-top: 20px;}

.search-list-tab-bar + .clear + .home-list-block-02 .product-list .search-list-fucntion-bar {
    margin-top: -15px;
    margin-left: -10px;
    margin-right: -10px;
    background-color: #f8f8f8;
}

.search-list-tab-bar + .clear + .home-list-block-02 .product-list .search-list-fucntion-bar .column-01 {
    width: 40%;
    display: inline-block;
    font-size: 14px;
}

.search-list-tab-bar + .clear + .home-list-block-02 .product-list .search-list-fucntion-bar .column-04 {
    width: 60%;
    display: inline-block;
}

.search-list-tab-bar + .clear + .home-list-block-02 .product-list .search-list-fucntion-bar .column {
    vertical-align: middle;
}

.search-list-tab-bar + .clear + .home-list-block-02 .product-list .search-list-fucntion-bar {
    padding: 7px 10px;
    margin-bottom: 10px;
}

.search-list-tab-bar + .clear + .home-list-block-02 .product-list .search-list-fucntion-bar select {
    font-size: 13px;
    height: 29px;
    width: 155px;
    padding: 5px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-appearance: none;
    background: url(../images/dropdown-arrow.png) no-repeat right #fff;
    background-size: 25px 29px;
}

.product-list-item-list.trade-list-container {
    background-color: #fff;
    margin-top: -10px;
}

.product-list-item-list.trade-list-container .item-wrapper .item {
    border: 0;
}

.list-empty {
    min-height: 150px;
    padding: 25px 40px;
    text-align: center;
    font-size: 16px;
    word-break: break-all;
}

/*20170828 trade faq */
.container-grey.trade-item-qa-container,
.container-grey.trade-rule-container,
.container-grey.trade-tips-container {
    padding: 10px 15px;
}
.trade-item-qa-container h3, .trade-rule-container h3, .trade-tips-container h3 {
    font-size: 18px;
    font-weight: bold;
    color: #111;
    margin: 10px 0 30px;
}
.trade-item-qa-container h4, .trade-rule-container h4, .tnc_subheader {
    font-size: 16px;
    font-weight: bold;
    color: #111;
    padding-bottom: 8px;
    border-bottom: 1px solid #ccc;
    margin: 20px 0 5px 0;
    display: block;
}
.trade-item-qa-container ul {
    margin-bottom: 20px;
}
.trade-item-qa-container .faq_content_q {
    font-size: 15px;
    display: block;
    color: #111;
    margin-top: 20px;
    margin-bottom: 5px;
    font-weight: bold;
}
.trade-item-qa-container .faq_content_a, .trade-rule-container p, .trade-tips-container p {
    font-size: 14px;
    display: block;
    color: #888;
}
.trade-item-qa-container .faq_content_a ul, .trade-rule-container ul {
    margin-left: 20px;
}
.trade-item-qa-container .faq_content_a li, .trade-rule-container li {
    list-style: disc;
    font-size: 14px;
    margin-top: 5px;
    color: #888;
}
.tnc_content, .tnc-page p,#disclaimer-cookie-list td{
    font-size: 14px;
	display:block;
    color: #888;
}
.tnc-page ul li {
    font-size: 14px;
    color: #888;
}

.product-list-item-list.trade-list-container .list-product {margin-top: 20px;}
.empty-search-btn {color: #00a499;}
.search-list-tab-bar {z-index:2;}

.system-popup-msg {
    position: absolute;
    top: 260px;
    left: 50%;
    display: block;
    background-color: rgba(0,0,0,0.7);
    border-radius: 4px;
    color: #fff;
    line-height: 30px;
    padding: 0 10px;
    z-index: 1;
    -ms-transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    transition: 0.2s;
    opacity: 0;
}
.system-popup-msg p{margin: 0;font-size: 13px;}

.product-list-item-list.ec-list-gallery {background-color: #fff; width: calc(100% + 20px);margin-left: -10px;margin-top: -10px;}

.list-empty {min-height: 150px;padding: 25px 40px;text-align: center;font-size: 16px;word-break: break-all;}
.empty-search-btn {color: #00a499;}

.ec-order-orig-qty{text-decoration: line-through;}

.ec-order-actual-qty{ color:#e02152 !important;}

#adcontainer1 ~ .list-product{
	border-top:1px #eee solid;
}

.ec-countdown {
  padding-bottom: 10px;
  background-color: #ffffff;
  position: relative;
}

.ec-countdown #ec-countdown-swiper .swiper-slide {
  width: 160px;
  margin-left: 10px;
}

.ec-countdown-images:not(.swiper-lazy-loaded) {
  height: 160px;
  background-size: 160px;
}

.ec-countdown-item .line-01 {
  color: #111;
  height: 40px;
  text-align: left;
  font-size: 14px;
}

.ec-countdown .line-02 span.price-original, .ec-countdown .line-02 span.price-remark {
  font-size: 13px;
  color: #aaa;
  font-weight: normal;
  text-decoration: line-through;
  margin-left: 5px;
}

.ec-countdown .line-02 span.price-remark {
  text-decoration: none;
}

.ec-countdown .line-02.deposit {
  color: #ff7930;
}

.countdown-wrapper{
  position: absolute;
  top: 5px;
  right: 15px;
}
.countdown-wrapper div{float: right;}
.countdown-wrapper span{
  font-size: 14px;
  line-height: 15px;
}
.countdown-wrapper span.countdown-label{
  font-size: 13px;
  line-height: 24px;
  vertical-align: text-top;
  color: #aaa;
  margin-right: 5px;
}
.clock > span, .clock-ready > span, .clock-finish > span {
	font-family: "helvetica";
	width: 15px;
	height: 12px;
	border-radius: 2px;
	padding: 2px 5px;
	color: #fff;
	font-size: 14px;
	line-height: 15px;
}
.clock > span {
	background-color: #f25162;
}
.clock-ready > span {
	background-color: #ffc821;
}
.clock-finish > span {
	background-color: #bfbfbf;
}
.clock > .cnt_camp_start,
.clock-ready > .cnt_camp_ready,
.clock-finish > .cnt_camp_finish {
	font-weight: 600;
	background-color: #fff;
	width: 5px;
	height: 12px;
	padding: 2px 3px;
}
.clock > .cnt_camp_start {
	color: #f25162;
}
.clock-ready > .cnt_camp_ready {
	color: #ffc821;
}
.clock-finish > .cnt_camp_finish {
	color: #bfbfbf;
}
.pd-row-title .clock > .cnt_camp_start,
.pd-row-title .clock-ready > .cnt_camp_ready,
.pd-row-title .clock-finish > .cnt_camp_finish {
	background-color: transparent;
}

/*fix search result page ad css*/
.banner.search-ad {
    padding: 10px 0;
}

/*20171003 price shop shopping cart order form*/
.order-contact label {
	width: 100%;
	font-size: 13px;
	color: #888;
	margin-bottom: 0;
	margin-right: 0;
}

.order-contact input[type="text"]{
	width: 100%;
	padding: 5px 4px;
	font-size: 15px;
	margin-bottom: 5px;
	border: 1px solid #ccc;
	border-radius: 3px;
}

.testB-wrapper .title {
	font-size: 15px;
}

.order-contact {
	background-color: #fff;
	font-size: 13px;
	margin-bottom: 15px;
	padding-bottom: 10px;
}

.order-contact .title {
	color: #00a499;
	font-weight: bold;
	padding: 5px 10px;
	margin-top: 10px;
}

.order-contact + .order-delivery {
	margin-top: -15px;
	padding-top: 10px;
}

.payment-method {
	margin-bottom: 0;
}


.wrapper-ec-intro {line-height: 1.5em;font-size: 19px;font-weight: bold;color: rgb(51, 51, 51);position: relative;overflow:hidden;background: #FFA71A;padding: 0;}
.wrapper-ec-intro img {max-width: 100%;position: relative;}
.wrapper-ec-intro .image-backgorund {position: absolute;width: 100%;left: 0px;right: 0px;z-index: 0;}
.wrapper-ec-intro .image-backgorund-header { top: 0px; }
.wrapper-ec-intro .image-backgorund-footer { bottom: 0px; }
.wrapper-ec-intro .wrapper-content { position: relative; width: 100%; }
.wrapper-ec-intro .wrapper-content .image-title {position: relative;width: 55%;display: block;margin: 30px auto 40px;}
.wrapper-ec-intro .wrapper-content .content-text {position: relative;width: 85%;margin: 0 auto;}
.wrapper-ec-intro .span-indent {text-indent: 30px;}
.wrapper-ec-intro .wrapper-image { margin-top: 30px; }
.wrapper-ec-intro .image-step { margin: 10px auto; }
.wrapper-ec-intro .image-char-1 {position: absolute;top: 30px;left: 0px;width: 70px;z-index: 2;}
.wrapper-ec-intro .image-char-2 {position: absolute;top: 355px;right: 0px;width: 55px;z-index: 2;}
.wrapper-ec-intro .wrapper-button, .wrapper-image {position: relative;width: 55%;display: block;margin: 20px auto;}
.wrapper-ec-intro .image-button:hover { opacity: 0.9; filter: alpha(opacity=90); }
.wrapper-ec-intro .image-button-more {margin: 30px auto;max-width: 55%;display: block;position: relative;z-index: 1;}



.wrapper-referral-intro {line-height: 1.5em;font-size: 19px;font-weight: bold;color: rgb(51, 51, 51);position: relative;overflow:hidden;background: #00D4C6;padding: 0;}
.wrapper-referral-intro img {max-width: 100%;position: relative;}
.wrapper-referral-intro .text-red { color: rgb(232, 4, 76); }
.wrapper-referral-intro .image-backgorund {position: absolute;width: 100%;left: 0px;right: 0px;z-index: 0;}
.wrapper-referral-intro .image-backgorund-header { top: 0px; }
.wrapper-referral-intro .image-backgorund-footer { bottom: 0px; }
.wrapper-referral-intro .wrapper-content { position: relative; width: 100%; }
.wrapper-referral-intro .wrapper-content .image-title {position: relative;width: 65%;display: block;margin: 20px 0 30px 21%;}
.wrapper-referral-intro .wrapper-content .content-text {position: relative;width: 85%;margin: 0 auto;}
.wrapper-referral-intro .span-indent {text-indent: 30px;}
.wrapper-referral-intro .wrapper-image { margin-top: 30px; }
.wrapper-referral-intro .image-step { margin: 10px auto; }
.wrapper-referral-intro .image-desc { max-width: 50%; position: relative; margin: 10px auto; display: block; }
.wrapper-referral-intro .image-char-1 {position: absolute;top: 30px;left: -10px;width: 70px;z-index: 2;}
.wrapper-referral-intro .image-char-2 {position: absolute;top: 295px;right: 0px;width: 55px;z-index: 2;}
.wrapper-referral-intro .wrapper-button, .wrapper-image {position: relative;width: 55%;display: block;margin: 20px auto;}
.wrapper-referral-intro .image-button-more {margin: 30px auto;max-width: 55%;display: block;position: relative;z-index: 1;}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #aaa;
  font-weight: 300;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #aaa;
  font-weight: 300;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #aaa;
  font-weight: 300;
}
:-moz-placeholder { /* Firefox 18- */
  color: #aaa;
  font-weight: 300;
}

/*20180312 search ec ps*/
.search-list .ec-gallery-label {
    top: unset;
    bottom: 0;
    right: unset;
    left: 0;
    background: linear-gradient(-75deg, #FC6D7C, #EB3F51);
    border: 1px solid #EB3F51;
    padding: 1px 7px;
    border-radius: 12px;
    font-weight: bold;
}

.search-list .search-ec-label {
    font-size: 12px;
    color: #e02152;
    height: 18px;
    margin-top: 2px;
}

.search-list .search-ec-label img {
    width: 14px;
    margin-left: 4px;
}

.search-list .search-ec-label span {
    vertical-align: middle;
    margin-left: 1px;
}

.search-list .ec-list-gallery .item-name {
    margin-top: 2px;
}

.product-price .goto-ps-icon {
    width: 14px;
    height: 14px;
    top: 0;
}

.whatsapp-share { background-color: #25d366; display: inline-block; float: right; margin-top: 2px; margin-left: -1px; margin-right: 5px; min-width: 40px; height: 20px; line-height: 20px; text-align: center; border-radius: 3px 3px 3px 3px;-moz-border-radius: 3px 3px 3px 3px;-webkit-border-radius: 3px 3px 3px 3px; }
.whatsapp-share svg { vertical-align: middle; position: relative; top: -1px; }

.car-news-header-wrapper {position: relative;}
.car-news-listing.car-news-header-wrapper{margin: 0 0 5px 0;}
.car-news-header-wrapper img{width: 100%; margin:0;}
.car-news-header-wrapper .more-btn{
	display: block;
	color: #ffffff;
	position: absolute;
	font-size: 16px;
	bottom: 5px;
	right: 20px;
}
.car-news-header-wrapper .more-btn::after {
	position: absolute;
	content: '';
	display: block;
	top: 50%;
	right: -8px;
	width: 8px;
	height: 8px;
	margin-top: -5px;
	border: 0;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	transform: rotate(45deg);
}
#disclaimer-cookie-list td:first-of-type {
	padding-right:0.5em;
}
#disclaimer-cookie-list td:last-of-type {
	word-break:break-all;
}
#disclaimer-cookie-list thead td {
	border-bottom:1px solid #666;
}
#disclaimer-cookie-list td {
	vertical-align: top;
	border-bottom: 1px solid #aaa;
	display:table-cell;
}

.list-item-provided{
	font-size: 12px;
  color: #777;
  padding-top: 2px;
}

.side-menu-content {
	overflow:auto;
}
#currency-menu aside a {
	line-height: inherit;
	padding: 0;
	padding-left: 0;
	margin: 0;
	display: initial;
	color:#00a499;
	text-decoration:none;
}
#currency-menu aside {
	position: absolute;
	width: 100%;
	line-height: 1.5em;
	left: 0;
	white-space: initial;
	padding: 0 10px 10px 10px;
	background: white;
	font-size:12px;
}
#currency-menu aside::before {
	content:attr(data-message);
	display:block;
}
#currency-menu aside .fx-update {
	display:block;
}
#currency-menu {
	position: relative;
	overflow: visible;
}
#currency-menu {
	background-image: url('../images/side-menu-currency.png');
	background-image: -webkit-image-set(url('../images/side-menu-currency.png') 1x, url('../images/side-menu-currency-2x.png') 2x);
}
body>.menu-overlay {
	background: hsla(0,0%,0%,0.6);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.virtual-fancybox {
	width: 200px;
	height: 200px;
	background: white;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border-radius: 20px;
	display:flex;
	align-items: center;
	flex-direction:column;
}
.virtual-fancybox::before {
	content:"";
	border-radius: 50%;
	width: 2em;
	height: 2em;
	margin:40px auto 20px auto;
	font-size: 40px;
	border-top: 0.2em solid rgba(153,153,153, 0.2);
	border-right: 0.2em solid rgba(153,153,153, 0.2);
	border-bottom: 0.2em solid rgba(153,153,153, 0.2);
	border-left: 0.2em solid #00a499;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}
.virtual-fancybox::after {
	content:attr(data-message);
	text-align: center;
}
@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.history-list-prod-count {
	font-size: 14px;
	color: #555;
}
 /*
    #b00645 price care description in rb 
 */
.special-description {
	margin: 16px 15px 0px 15px;
 }
.special-description .title {
    font-size: 13px;
	font-family: HelveticaNeue;
	color: #999;
}
.desc-01 {
    margin-top: 10px;
    display: flex;  
    padding-right: 15px;
    font-size: 14px;
}
.desc-01 img {
    width: 25px;
    height: 25px;
	margin-top: 3px;
}
.desc-01 .desc-title {
    color: #333;
	margin-left: 10px;
}
.desc-01 .desc-title span {
	font-weight: bold;
}
.desc-01 .content {
    color: #8e8e93;
    font-size: 13px;
}
.desc-02 {
    margin-top: 10px;
    /* width: 30%; */
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
}
.desc-02 img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.desc-02 .desc-title {
    color: #333;
    padding-left: 5px;
    line-height: 20px;
    vertical-align: middle;
}

.combined-shape {
	width: 100%;
	position: relative;
	border: 1px solid #FFF3C7;
	background-color: #FFF3C7;
	margin-bottom: 12px;
	border-radius: 4px;
}

.combined-shape::after {
    position:absolute; 
	bottom: -7px; 
	left: 48%; 
	padding: 5px; 
	border:inherit; 
	border-left: none; 
	border-top: none; 
	content:""; 
	background: inherit; 
	-webkit-transform: rotate(45deg); 
	-moz-transform: rotate(45deg); 
	transform: rotate(45deg);
}

.combined-shape .support-your-after-s {
	margin: 6px auto;
    text-align: left;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 15px;
    font-size: 13px;
    letter-spacing: normal;
    color: #0f0f0f;
    display: block;
	
    width: 100%;
    margin-top: 6px;
    padding-left: 12px;
}
.ec_HSB2021_tnc li {
	color: #666666;
}

.ec_HSB2021_tnc ul {
	list-style-type:disc; 
	list-style-position:inside; 
	padding-left:0;
}

.ec_HSB2021_tnc div {
	margin: 10px 0 -10px -5px;
}

.ec_HSB2023_tnc li {
	color: #666666;
}
.ec_HSB2023_tnc ul {
	list-style-type:disc; 
	list-style-position:inside; 
	padding-left:0;
}
.ec_HSB2023_tnc div {
	margin: 10px 0 -10px -5px;
}

.ec_Citi2023_tnc li {
	color: #666666;
}
.ec_Citi2023_tnc ul {
	list-style-type:disc; 
	list-style-position:inside; 
	padding-left:0;
}
.ec_Citi2023_tnc div {
	margin: 10px 0 -10px -5px;
}
.profile-line{
    width: 100%;
    height: 1px;
    background-color: #dedee0;
}
.profile-lists{
    width: 100%;
    min-height: 545px;
    background-color: #ebebed;
    color: #121212;
}
.coupon-full{
    color: #999999;
}
.profile-lists .profile-list-content{
    height: 136px;
    width: 100%;
    padding: 16px;
    background-color: #fff;
    margin-bottom: 8px;
}
.profile-lists .profile-list-content .left-content{
    width: 13%;
    height: 100%;
    display: inline-block;
    float: left;
}
.profile-list-content .left-content .coupon-img{
    width: 42px;
    height: 42px;
    border: solid 1px #dedee0;
    display: flex;
    align-items: center;
    margin: 0px auto;
}
.profile-list-content .left-content .coupon-img img{
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto auto;
}
.profile-list-content .right-content{
    width: 83%;
    height: 100%;
    display: inline-block;
    float: right;
}
.profile-list-content .right-content .coupon-name{
    width: 100%;
    max-height: 50px;
}
.profile-list-content .right-content .coupon-name .conpon-title{
    width: 100%;
    max-height: 40px;
    font-size: 16px;
    text-align: left;
    line-height: 1.25;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.profile-list-content .right-content .coupon-name .coupon-datetime{
    display: block;
    margin-top: 8px;
    width: 100%;
    height: 14px;
    font-size: 12px;
    text-align: left;
    color: #777;
    line-height: 1.17;
    flex-grow: 0;
}
.profile-list-content .right-content .coupon-line{
    width: 100%;
    height: 1px;
    flex-grow: 0;
    margin: 15px 0 14px 0px;
    background-color: #dedee0;
}
.profile-list-content .right-content .coupon-code{
    width: 100%;
    height: 30px;
    font-size: 14px;
    line-height: 1.29;
    text-align: left;
    display: inline-block;
}
.profile-list-content .right-content .coupon-code div{
    height: 18px;
    margin-top: 4px;
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.profile-list-content .right-content .coupon-code span{
    margin-left: 5px;
}
.profile-list-content .right-content .coupon-code .coupon-button{
    min-width: 56px;
    height: 30px;
    border-radius: 4px;
    border: solid 1px #008a81;
    background-color: #008a81;
    text-align: center;
    color: #fff;
    float: right;
    font-size: 14px;
    line-height: 1.29;
}
.profile-list-content .right-content .coupon-code .coupon-button-used,.coupon-button-full{
    min-width: 70px;
    height: 30px;
    border-radius: 4px;
    text-align: center;
    color: #999;
    float: right;
    border: solid 1px #dedee0;
    font-size: 14px;
    line-height: 1.29;
    background-color: #fff;
}
.profile-list-content .right-content .coupon-code .coupon-button-full{
    min-width: 84px;
}
.alert-show-copy{
    width: 124px;
    height: 62px;
    margin: 0 auto;
    padding: 20px;
    border-radius: 8px;
    background-color: rgba(18, 18, 18, 0.8);
    z-index: 9999;
    position: fixed;
    right: 0;
    left: 0;
    top: 40%;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 25px;
}
.profile-lists-coupon{
    width: 100%;
    min-height: 545px;
    background-color: #fff;
    padding-bottom: 50px;
}
.merchant-coupon-image{
    width: 92%;
    height: auto;
    padding-top: 16px;
}
.merchant-img{
    width: 72px;
    height: 72px;
    border: solid 1px #dedee0;
    display: flex;
    align-items: center;
    margin-left: 16px;
}
.merchant-img img{
    max-width: 100%;
    max-height: 100%;
    margin: auto auto;
}
.merchant-coupon-title{
    width: 92%;
    height: auto;
    margin: 16px auto;
}
.merchant-coupon-title .merchant-name{
    width: 100%;
    height: 100%;
}
.merchant-coupon-title .merchant-name .merchant-title{
    min-height: 28px;
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 28px;
    letter-spacing: normal;
    text-align: left;
    color: #121212;
    display: block;
}
.merchant-coupon-title .merchant-name .merchant-datetime{
    height: 22px;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 22px;
    letter-spacing: normal;
    text-align: left;
    color: #777;
    display: block;
}
.merchant-coupon-code{
    width: 92%;
    height: 70px;
    margin: 30px auto 16px;
    border-radius: 4px;
    border: solid 1px #dedee0;
    background-color: #f8f8f9;
}
.merchant-coupon-code .merchant-code{
    display: inline-block;
    float: left;
    margin: 25px 0 25px 16px;
    height: 20px;
    width: auto;
}
.merchant-coupon-code .merchant-code span{
    margin: 0 5px 0 0;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    color: #121212;
}
.merchant-coupon-code .merchant-code .code-copy{
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    text-align: left;
    color: #121212;
}
@media (max-width: 341px) {
    .merchant-coupon-code .merchant-code{
        display: inline-flex;
        align-items: center;
        float: left;
        margin: 25px 0 25px 16px;
        height: 20px;
        width: 65%;
    }
    .merchant-coupon-code .merchant-code .code-copy{
        width: 53%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}
@media (max-width: 312px) {
    .merchant-coupon-code .coupon-copy-button{
        position: absolute;
        right: 8px;
    }
}
@media (max-width: 234px) {
    .merchant-coupon-code .merchant-code .code-copy{
        width: 30%;
    }
}
.merchant-coupon-code .coupon-copy-button{
    width: 68px;
    height: 38px;
    float: right;
    display: inline-block;
    margin: 16px 16px 16px 0;
    border-radius: 4px;
    border: solid 1px #00a499;
    background-color: #00a499;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 35px;
}
.merchant-coupon-code .coupon-copy-button-used,.coupon-copy-button-full{
    width: 68px;
    height: 38px;
    float: right;
    display: inline-block;
    margin: 16px 16px 16px 0;
    border-radius: 4px;
    border: solid 1px #dedee0;
    text-align: center;
    color: #999;
    font-size: 14px;
    line-height: 35px;
}
.merchant-coupon-code .coupon-copy-button-used{
    width: 82px;
}
.merchant-coupon-code .coupon-copy-button-full{
    width: 96px;
}
.coupon-desc{
    width: 92%;
    min-height: 175px;
    margin: 16px auto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: left;
    color: #121212;
}
.coupon-desc img{
    max-width: 100%;
    height: auto;
}
.remark-coupon{
    width: 92%;
    height: auto;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: rgba(0, 0, 0, 0.5);
    margin: 10px auto;
    padding-bottom: 16px;
}
.remark-coupon ul{
    padding-left: 18px;
}
.remark-coupon ul li{
    list-style-type: decimal;
}
.unread-coupon-point{
    position: absolute;
    width: 10px;
    height: 10px;
    background: #e02152;
    border-radius: 50%;
    top: 4px;
    right: 2px;
}
.coupon-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;
}
.profile-lists-error{
    background-color: #fff;
    min-height: 545px;
}
.coupon-empty-img{
    margin: 30px auto 0px;
    width: 180px;
    height: 180px;
    background-color: #fff;
}
.coupon-empty-img img{
    width: 100%;
    height: 100%;
}
.coupon-empty-error{
    margin: 10px auto;
    height: 25px;
    width: 108px;
}
.coupon-empty-error span{
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    text-align: center;
    color: #00a499;
}

.side-menu-content .setting-links button{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 button.lang{position:relative;background-image:url(../images/side-menu-icon-setting.png)}
.page-links button.lang select{position:absolute;top:0;right:20px;width:100%;background-color:transparent;font-weight:700;border:0;-webkit-appearance:none;-moz-appearance:none;text-indent:.01px}
.setting-links button.lang{width: 100%;border: 0px;background-color:transparent;text-align: left;position:relative;background-image:url(../images/side-menu-icon-setting.png);padding-right:80px;padding-top:inherit;height:auto;background-position:5px center; }
.setting-links button.lang select{position:absolute;width:100%;height:100%;float:left;top:0;right:0;background-color:transparent;font-weight:700;border:0;-webkit-appearance:none;-moz-appearance:none;text-indent:.01px;padding-right:5px}
.setting-links button.lang select option{text-align:right}
.side-menu-content .setting-links button{height:45px;line-height:45px;color:#111}
.side-menu-content .setting-links button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* AB Test Exp 64*/
.product-list-item-testb-container .product-price .text-price-small {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
}

.product-list-item-testb-container .product-price .product-prop {
    vertical-align: middle;
    display: inline-flex;
    margin: 0 4px;
    top: -1px;
    position: relative;
}

#newsList {
    min-height: 576px;
}

#newsList .loading {
    height: 80vh;
    width: 100%;
    background-image: url('../images/icon/lazyload_preload.gif');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 75px;
}

#newsDetail {
    min-height: 200px;
}

#newsDetail .loading {
    height: 50vh;
    width: 100%;
    background-image: url('../images/icon/lazyload_preload.gif');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 75px;
}