@charset "utf-8";
@import url(bootstrap/bootstrap-datepicker3.standalone.css);
/* CSS Document */

/* Price Green - #00a499 */

/* General */

a:focus{
    outline: 0;
}

.btn:focus { outline: none; }
html, body, *{ -ms-overflow-style: scrollbar; }
body {
	/* font-family:helvetica neue,微軟正黑體,Microsoft JhengHei,蘋果儷中黑,Apple LiGothic Medium,黑体,SimHei; */
	font-family: "Helvetica Neue",Arial,"PingFang TC","蘋果儷中黑","Apple LiGothic Medium","微軟正黑體","Microsoft JhengHei","黑体",Hei,sans-serif;
	color: #111111;
}

a {
	color: #0062d0;
/* Noraml Blue LInk for Sign Up/ Reg Page */
}

a:hover, a:focus {
	color: #0078ff;
	text-decoration:underline;
}

h1, .h1 {
	font-weight: normal;
}

h2, .h2 {
}

h3, .h3 {

}

h4, .h4 {

}

h5, .h5 {

}
h6, .h6 {

}

p {
}

h1, .h1, h2, .h2, h3, .h3 {

}

h4, .h4, h5, .h5, h6, .h6 {

}

.font-en {
	font-family: Arial, Helvetica, sans-serif;
}

.font-zh {
	font-family:微軟正黑體,Microsoft JhengHei,蘋果儷中黑,Apple LiGothic Medium,黑体,SimHei;
}


.line, .column {
	display:block;
	overflow:hidden;

}

.page-view-inner .profile-wrapper .line {
	display: flex;
}

/* Responsive */
/* --------------- */
.page-view-respond-control {
	display: block;
	/*overflow: hidden;*/
	width:990px;
	margin: 0 auto;
}

@media screen and (min-width: 1225px){
.page-view-respond-control {
	width:1190px;
}
}

/*@media screen and (min-width: 1490px){
.page-view-respond-control {
	width:1470px;
}
}*/


/* Reg Header */
/*---------------*/
.page-view-header{

}

.header-reg {
	height: 89px;
	border-bottom: 1px solid #e9e9e9;
}

.header-reg .lang-switch {
	display: block;
	padding-top: 35px;
}

.header-reg .lang-switch ul{
	margin: 0;
}

.header-reg .lang-switch ul li {
	border-right: 1px solid #bbbbbb;
	padding-left: 5px;
	padding-right: 6px;
}

.header-reg .lang-switch ul li:last-child {
	border-right: 0;
}

.header-reg .lang-switch ul li a{
	color: #666666;
}

.header-reg .lang-switch ul li a:hover {
	color: #444444;
	text-decoration: none;
}

.header-reg .page-view-inner .column {
	float: left;
}


/*Reg Body*/
/*---------------*/

.body-reg .page-view-inner {
	display: block;
	overflow: hidden;
	width: 700px;
	margin: 0 auto;
	margin-bottom: 30px;
}


.body-reg .line {
	display: block;
}


.page-view-title {
	display: block;
	height: 50px;
	border-bottom: 2px solid #bbbbbb;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 20px;
}

.page-view-title h1 {
	margin: 0;
	padding: 0;
	font-size: 20px;
	color: #666666;
	line-height: 50px;
}

.page-view-title p {
	margin: 0;
	padding: 0;
	line-height: 50px;
}






.footer-all {
	display:block;
	background-color: #00a499;
	padding-top: 29px;
	padding-bottom: 35px;
	font-weight: bold;
	overflow: hidden;
}

.footer-all p {
	margin-bottom: 16px;
  margin-top: 16px;
	font-size: 16px;
}

.footer-all a, .footer-all p {
	color: #005e5d;
}

.footer-all .part-01{
}

.footer-all .part-01 ul li {
	font-size: 13px;
	padding-bottom: 3px;
	float:left;
	width:200px;
	display:block;
	padding-right:15px;
}

.footer-all .part-01 ul li ul li {
	float:none;
	display:inline-block;
	width:auto;
	padding-right:15px;
}

.footer-all .part-01 ul li.item-01{
	width:170px;
}

.footer-all .part-01 ul li.item-01 ul li {
	/*width: 44px;*/
}

.footer-all .part-01 ul li.item-02 ul li {
	width: 80px;
}

.footer-all .part-01 ul li.item-03 ul li {
	width: 90px;
}

.footer-all .part-01 ul li.item-04{
	width: 320px;
}

.footer-all .part-01 ul li.item-04 ul li {
	padding-bottom: 6px;
}

.footer-all a:hover {
	color: #ffffff;
	text-decoration:none;
}


.footer-all .part-02 .column-01 .line-01 {
	border-bottom: 1px solid #005e5d;
	line-height: 20px;
}

.footer-all .part-02 .column-01 .line-02 {
	color: #005e5d;
}

.footer-all .part-02 ul li {
	border-right: 1px solid #005e5d;
	padding-left: 5px;
	padding-right: 6px;
	font-size: 13px;
}
.footer-all .part-02 ul  li.lang-switch-en-hk {
	border-right: 0;
}

.footer-all .part-02 .line-02 {
	display:block;
	overflow:hidden;;
}

.footer-all .part-02 .line-02 .column-01 {
	display:block;
	float:left;
	width: 810px;width: 800px;
	padding-top:20px;
}

@media screen and (min-width: 1225px){
.footer-all .part-02 .line-02 .column-01 {
	width: 1005px;width: 995px;
}

.footer-all .part-01 ul li {
	width:220px;
}

.footer-all .part-01 ul li.item-01{
	width:220px;
}

}

/*@media screen and (min-width: 1490px){
.footer-all .part-02 .line-02 .column-01 {
	width: 1290px;
}

.footer-all .part-01 ul li {
	width:280px;
}

.footer-all .part-01 ul li.item-01{
	width:280px;
}
}
*/

.footer-all .part-02 .line-02 .column-02 {
	display:block;
	float:left;
	padding-left:20px;
	background: #00a499;
	width: 174px;
}


.footer-all .part-02 .line-02 .column-01 .column-01 {
	padding-top:10px;
	font-size: 12px;
}

.footer-all .part-01 ul li.item-04 ul li ul li{
	padding-right: 2px;
}




.form-reg{
	display:block;
	width: 330px;
	margin: 0 auto;
}

.checkbox label{
	padding-left: 0;
}

.form-control {
	height: 44px;
}

.page-view-content{
	display:block;
	font-size: 15px;
	text-align: left;
	line-height: 1.6;
	padding-bottom: 20px;
	color: #000000;
}

label{
	font-weight: normal;
}

.checkbox-label {
	margin-left: 5px;
}




.alert-danger {
	color: #da4453;
	background-color: #ffe6e6;
	border-color: #ffe6e6;
}
.alert-danger hr {
	border-top-color: #da4453;
}
.alert-danger .alert-link {
	color: #843534;
}

.alert-danger h4 {
	font-weight: bold;
}

.alert-warning {
	color: #c28d30;
	background-color: #ffdd87;
	border-color: #ffdd87;
}
.alert-warning hr {
	border-top-color: #c28d30;
}
.alert-warning .alert-link {
	color: #843534;
}

.alert-warning h4 {
	font-weight: bold;
}

.alert-success {
	color: #00a499;
	background-color: #ffffff;
	border-color: #e9e9e9;
	border: 2px solid #e9e9e9;
}
.alert-success hr {
	border-top-color: #e9e9e9;
}
.alert-success .alert-link {
	color: #843534;
}

.alert-success h4 {
	font-weight: bold;
}

.alert .line-01 .column-01 {
	display:block;
	float: left;
}

.alert .line-01 .column-01 img{
	padding-right:20px;
}
.alert .line-01 .column-02 {
	display:block;
	float: left;
}

.alert {
	padding-bottom: 10px;
}


/* 0203 */

.footer-all .part-02 ul li:last-child {
	border: 0;
}

.reg-hr-or {
	position: relative;
	font-size: 14px;
	color: #969da7;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.reg-hr-or .hr-line {
	background-color: #ebebeb;
	height: 1px;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.reg-hr-or .hr-span {
	display: block;
	margin: -12px auto 0 auto;
	background-color: #ffffff;
	width: 30px;
	text-align: center;
}




.body-reg .popover{
	position: absolute;
	display:block;
	top: inherit;
	left: inherit;
	z-index: 20000;
	min-width: 120px;
	padding: 1px;
	text-align: left;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-left: 340px;
	margin-top: -48px;
	height:52px;
	font-weight:bold;
}

.popover-content{
	padding: 5px 10px;
	font-size: 13px;
	line-height: 18px;
}




.popover-yellow {
	background-color: #ffdd87!important;
	border: 1px solid #ffdd87!important;
	color: #8a6d3b!important;

}

.popover-yellow.right .arrow, .popover-yellow.right .arrow:after{
	border-right-color: #ffdd87!important;
}



.popover-red {
	background-color: #ffe6e6!important;
	border: 1px solid #ffe6e6!important;
	color: #da4453!important;

}

.popover-red.right .arrow, .popover-red.right .arrow:after{
	border-right-color: #ffe6e6!important;
}


/* register tab */

.body-reg .nav-tabs {
  background-color: #ffffff;
  border-bottom: none;
          border-radius: 0;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
}

.body-reg .nav-tabs > li:first-child > a {
          border-radius: 0;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
}

.body-reg .nav-tabs > li {
	width:50%;
	text-align: center;
	border-left: 0;


}

.body-reg .nav-tabs > li > a {
	color: #ababab;
	border-bottom: 2px #ebebeb solid;
}

.body-reg .nav-tabs > li > a:hover {
	color: #666666;
	background: #ffffff;
	border-bottom: 2px #dddddd solid;
}

.body-reg .nav-tabs > li.active {


}

.body-reg .nav-tabs > li.active > a {
	color: #00a499;
	border-bottom: 2px #00a499 solid;
}

.body-reg .tab-content{
	padding-top:30px;
}




/* reg homepage */
/*
.carousel-control.left, .carousel-control.right {
	background: none;
}

.body-reg.body-reg-page-03-2 .page-view-inner{
	width: 100%;
}

.body-reg.body-reg-page-03-2 .page-view-respond-control{
	width:100%;
}

.body-reg.body-reg-page-03-2 .page-view-inner {
	margin-bottom: 0;
}

.reg-home{
	height:500px;
	display: block;
}

.reg-home-image{
	height:500px;
	display: block;
	position:absolute;
	width:100%;
	background-color:#f8bf00;
	background:url("../images/bg/bg-price-login.png");
	background-position:center;
	background-repeat:no-repeat;

}

@media screen and (max-width: 1224px){
.reg-home-image{
	background-position:left;

}
}

.reg-home-form{
	height:500px;
	display: block;
	position:relative;
	float:right;
	width:380px;
	margin-right:30px;
	margin-left:30px;
	background-color:#ffffff;
	z-index: 5000;
}


.reg-home-image .carousel-control.right{
	right: 380px;
}

.reg-home-image .carousel-caption{
}


.reg-home-image .carousel{
	height: 500px;
}

.reg-home-image .carousel-indicators{
	bottom: 0;
	left:35%;
}

.reg-home-image .carousel{
	display:none;
}*/

.body-reg.body-reg-page-03-2 .page-view-inner{
	width: 100%;
}

.body-reg.body-reg-page-03-2 .page-view-inner {
	margin-bottom: 0;
}

.body-reg.body-reg-page-03-2{
	background-color:#f8bf00;
	background:url("../images/bg/bg-price-login-home.png");
	background-position:center;
}

.reg-home{
	height:500px;
	display: block;

}

.reg-home-image{
	height:500px;
	display: block;
	float:left;
	width:610px;
	padding-left: 40px;
}

.reg-home-image h3{
	font-size:60px;
	color: #ffffff;
	margin-top: 180px;
	font-weight:normal;
}


.reg-home-image h4{
	font-size:40px;
	color: #ffffff;
	font-weight:normal;
}


.reg-home-form{
	height:500px;
	display: block;
	float:left;
	width:380px;
	background:#ffffff;
}

@media screen and (min-width: 1225px){
.reg-home-image{
	width:810px;
}
}

/*@media screen and (min-width: 1490px){
.reg-home-image{
	width:1090px;
}
}*/


#toTop{
	position: relative;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	display: none;
}


.text-color-green {
	color: #00a499;
}
.text-color-red {
	color: #da4453;
}

.body-reg .page-view-content .text-color-green {
	color: #00a499;
	font-size: 16px;
	font-weight: bold;
}





/* fav product listing */

.profile-list-fucntion-bar .column{
	overflow: inherit;
}


.header-normal {
	/*height: 137px;*/
}

.header-top {
	height: 29px;
	border-bottom: 1px solid #e5e5e5;
	background-color: #f2f2f2;
}

.header-top .column {
	display:block;
	float:right;
	/*line-height:27px;*/
	font-size: 13px;
}

.header-top .column a ,.header-top .caret{
	color: #777777;
}

.header-top .column a:hover {
	color: #555555;
	text-decoration: underline;
}

.header-top .column .list-inline > li {
	border-right: 1px solid #bbbbbb;
	padding-left: 7px;
	padding-right: 8px;
}

.header-top .column .list-inline > li.promote:before {
	content: "Hot";
    font-size: 11px;
    margin-right: 5px;
    background: #ffd321;
    color: #4c4436;
    padding: 0 2px;
    border-radius: 2px;
}

.header-top .column ul{
	margin: 0;
	padding-top: 5px;
}

.header-top .column ul li:last-child {
	border-right: 0;
}


.header-top .column-01, .header-top .column-02 {
	float:left;
}

.header-top .column-01{
	padding-right:10px;
	line-height:27px;
}

.header-top .column-01 img{
	width:24px;
	height:24px;
	border-radius: 12px;
  -webkit-border-radius: 12px;
     -moz-border-radius: 12px;
	 margin-right: 10px;
}

.header-top .column-03{
	line-height:27px;
	padding-left:50px;
}

.header-top .column-04{
	padding-left:50px;
}


.header-bottom {
	/*height: 109px;*/
	border-bottom: 1px solid #eaeaea;
	/*background-color: #ffffff;*/
}

.header-bottom .column {
	display:block;
	float:left;
}


.header-bottom .column-01 {
	width: 170px;
}

.header-bottom .column-02 {
	width: 520px;
	padding-right:13px;
}

.header-bottom .column-03 {
	width: 300px;
}


@media screen and (min-width: 1225px){
.header-bottom .column-01 {
	width: 304px;
}

.header-bottom .column-02 {
	width: 586px;
	padding-right: 13px;
}

.header-bottom .column-03 {

}
}

/*@media screen and (min-width: 1490px){
.header-bottom .column-01 {
	width: 378px;
}

.header-bottom .column-02 {
	width: 882px;
}

.header-bottom .column-03 {
	width: 210px;
}
}*/

.page-breadcrumb {
	display: block;
	height: 38px;
	border-bottom: 1px solid #ebebeb;
}

.page-breadcrumb .bread-section {
	display: block;
	float: left;
	border-bottom: 1px solid #efc203;
	padding: 0 30px;
	text-align: center;
	color: #666666;
	height: 38px;
	line-height: 38px;
}


.page-breadcrumb .bread-path {
	display: block;
	float: left;
	height: 38px;
	line-height: 38px;
}


.profile-wrapper{
	display: block;
	border: 1px solid #ebebeb;
}

.profile-wrapper .column-01 {
	display: block;
	width: 308px;
	float:left;
	min-height: 800px;
}

.profile-wrapper .column-02 {
	display: block;
	width: 679px;
	float:left;
}


@media screen and (min-width: 1225px) {
.profile-wrapper .column-01 {
	width: 315px;
}

.profile-wrapper .column-02 {
	width: 873px;
}
}

/*@media screen and (min-width: 1490px) {
.profile-wrapper .column-01 {
	width: 377px;
}

.profile-wrapper .column-02 {
	width: 1091px;
}
}*/

.profile-wrapper .profile-list .profile-list-fucntion-bar {
	display: block;
	height: 70px;
	border-left: 1px solid #ebebeb;
	border-bottom: 2px solid #ebebeb;
	padding: 0 15px;
}

.profile-wrapper .profile-list .profile-list-fucntion-bar .column{
	display: block;
	float:left;
	width: auto;
	padding-top:17px;
	border: 0;
}

.profile-wrapper .profile-list .profile-list-fucntion-bar .column-01 {
	padding-top:25px;
	padding-right:15px;
	min-height:0;

}


.filter-label {
	display: block;
	float:left;
	padding-top: 8px;
	padding-right:10px;
}

.open .dropdown-toggle.btn-default {
  background-color: #00a499;
  border-color: #00a499;
}

.dropdown-menu {
	background-color: #ffffff;
	color: #00a499;
	border: 2px solid #00a499;
	  -webkit-box-shadow: none;
          box-shadow: none;
}

.dropdown-menu li a{
	color: #00a499;
}

.dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-menu .active a, .dropdown-menu .active a:hover, .dropdown-menu .active a:focus {
  color: #ffffff;
  background-color: #00a499;
}


.profile-wrapper .profile-list .profile-list-fucntion-bar .column-03 {
	display: block;
	float:right;
}

.profile-wrapper .profile-list .profile-list-fucntion-bar .column-03 .btn-group {
	width: 160px;
}

.selecter.open .selecter-selected {
  border: 1px solid #00a499;
}

.selecter .selecter-item.selected:hover {
  background-color: #00a499;
}

.selecter .selecter-item.selected {
  background-color: #00a499;
  border-bottom-color: #4fc1e9;
}

.list-fav-product .list-inline, .list-fav-merchant .list-inline  {
	margin: 0;
}

.profile-list-item-list li {
	border-left: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	display:block;
	float:left;
}

.profile-list-item-list li:last-child {
	/*border-right: 1px solid #ebebeb;
	width: 218px;*/
}



.list-fav-product .item .line, .list-fav-merchant .item .line {
	display: block;
	text-align: center;
}

.list-fav-product .item .item-inner, .list-fav-merchant .item .item-inner {
	position:absolute;
}

.list-fav-product .item a, .list-fav-merchant .item a {
	display: block;

}

.list-fav-product .item .line-select, .list-fav-merchant .item .line-select {
	text-align:right;
	position:absolute;
	margin-top: 188px;
	margin-left: 188px;
	z-index: 3000;
}

.list-fav-product .item .item-inner .line-01, .list-fav-merchant .item .item-inner .line-01 {
	padding-top:20px;
	font-size: 13px;
	color: #222222;
	font-weight:bold;
}

.list-fav-product .item .item-inner .line-02, .list-fav-merchant .item .item-inner .line-02{
	padding-top:3px;
	font-size: 13px;
	color: #222222;
	/*font-weight:bold;*/
}

.list-fav-product .item .item-inner .line-03, .list-fav-merchant .item .item-inner .line-03{
}



.profile-list-item-list .list-inline > li{
	display: block;
	padding: 0;
}


.profile-list-item-list li, .list-fav-product .item, .list-fav-product .item .item-inner, .list-fav-product .item .item-inner a,
.profile-list-item-list li, .list-fav-merchant .item, .list-fav-merchant .item .item-inner, .list-fav-merchant .item .item-inner a  {
	display:block;
	width: 218px;
	height: 218px;
}

@media screen and (max-width: 1224px){
.profile-list-item-list li, .list-fav-product .item, .list-fav-product .item .item-inner, .list-fav-product .item .item-inner a,
.profile-list-item-list li, .list-fav-merchant .item, .list-fav-merchant .item .item-inner, .list-fav-merchant .item .item-inner a  {
	width: 226px;
}

.list-fav-product .item .line-select, .list-fav-merchant .item .line-select{
	margin-left: 196px;
}

.profile-list-item-list li:last-child {
	/*border-right: 1px solid #ebebeb;
	width: 227px;*/
}

}




.list-fav-product .item a:hover .line, .list-fav-product .selected .item .line, .list-fav-merchant .item a:hover .line, .list-fav-merchant .selected .item .line{
	color: #00a499;
}

.list-fav-product .item a:hover .line img, .list-fav-product .selected .item .line img, .list-fav-merchant .item a:hover .line img, .list-fav-merchant .selected .item .line img {
	opacity: 0.8;
    filter: alpha(opacity=80);
}

.profile-list-pager {
	border-left: 1px solid #ebebeb;
}

.pagination-wrapper{
	margin: 0 auto;
	text-align:center;
	min-width:1px;
}


.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  color: #ababab;
  background-color: #e5e5e5;
  border-color: #e5e5e5;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
  /*color: #e6e9ed;
  background-color: white;
  border-color: #ccd1d9;*/
}

.profile-list-pager{
	padding-bottom: 30px;
}


.user-wrapper{
	background-color: #f6f6f6;
}

.user-pic-wrapper img{
	height: 74px;
	width: 74px;
	border: 3px solid #ffffff;
	        border-radius: 37px;
  -webkit-border-radius: 37px;
     -moz-border-radius: 37px;
}

.user-wrapper .line-01 .column-left {
	display:block;
	float:left;
	padding-left: 10px;
	padding-top:15px;
}

.user-wrapper .line-01 .column-right {
	display:block;
	float:left;
	padding-left: 18px;
}

.user-wrapper .line-01 .column-right .line-username{
	font-size: 16px;
	font-weight: bold;
	color: #00a499;
	line-height:18px;
	padding-top:15px;
}

.user-wrapper .line-01 .column-right .line-email{
	font-size: 14px;
	color: #888888;
	line-height:18px;
	padding-top:3px;
}

.user-wrapper .line-01 .column-right .line-edit{
	padding-top:5px;
}

.user-wrapper .line-01 .column-right .line-edit .btn {
	width:160px;
}

.user-wrapper .line-02 {
	padding-top: 5px;
	padding-bottom: 10px;
}

.user-right-list {
	padding: 0 15px;
}

.user-right-list ul li{
	display:block;
	float:left;
	width: 130px;
	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;
}


.user-menu {
	width: 210px;
	float:right;
}

.user-menu ul {
	width: 210px;
}

.user-menu ul li {
	width: 210px;
	display:block;
	text-align:right;
	margin-top:18px;
	font-size:16px;
}

.user-menu ul li a {
	width: 210px;
	display:block;
	color:#ababab;
	border-bottom:  2px #ebebeb solid;
	padding-right:30px;
	line-height: 40px;
}

.user-menu ul li.active a {
	border-bottom:  2px #f2c301 solid;
	color:#555555;
}

.user-menu ul li a:hover {
	border-bottom:  2px #dddddd solid;
	color:#666666;
	text-decoration:none;
}

.user-menu ul li a .usermenu-indi.new {
	margin-right: 5px;
	padding: 5px;
	border-radius: 50%;
	background: red;
	color: white;
}


.search-wrapper {
	margin-top:17px;
	width: 100%;
	display:block;

	margin-bottom:5px;
}

.search-box {
	display:block;
	background-color: #00a499;
	height:42px;
	border: 4px solid #00a499;
	width:507px;
}

@media screen and (min-width: 1225px){
.search-box {
	width:573px;
}
}


.search-box .part-01, .search-box .part-02, .search-box .part-03 {
	float:left;
}

.search-box .part-01 {
	width: 0;
	padding-right:3px;
	display: none;
}

.search-box .part-02 {
	width: 433px;
	padding-right:3px;
}

@media screen and (min-width: 1225px){
.search-box .part-02 {
	width: 386px;
}
}

.search-box .part-03 {
	width: 60px;
}

@media screen and (min-width: 1225px){
.search-box .part-03 {
	width: 59px;
}
}


.search-wrapper .form-control{
    height: 34px;
    font-size: 14px;
	border-color: #fff;
	border-radius: 2px;
	color: #999;
}
.search-wrapper .form-control::-moz-placeholder,
.search-wrapper .form-control:-ms-input-placeholder,
.search-wrapper .form-control::-webkit-input-placeholder {
	color: #999;
}
.search-wrapper .form-control::-moz-placeholder {
	opacity: 1;
}

.page-view-header .column, .page-view-header .line  {
	overflow: inherit;
}

.page-view-header{
	overflow: inherit;
}


.hot-items-wrapper .column {
	float:left;
}
.header-bottom .hot-items-wrapper .column-left {
    max-width: 9%;
}
.header-bottom .hot-items-wrapper .column-right {
    max-width: 90%;
}

.hot-items-wrapper {
    font-size: 12px;
    color: #777;
	line-height: 15px;
	padding-top:5px;
	width: 100%;
	display:block;
}

.hot-items-wrapper .column .list-inline > li {
    display: inline-block;
	padding-left: 7px;
	padding-right: 9px;
    line-height: 1.3em;
}

.hot-items-wrapper .column .list-inline > li a {
    text-decoration: none;
    color: #777;
}

.hot-items-wrapper .column ul{
	margin: 0;
}

.hot-items-wrapper .column ul li:last-child {
	border-right: 0;
}




.body-reg-page-03-3 {

}

.body-reg-page-03-3 .form-reg {
	width: 700px;
}


.body-reg.body-reg-page-03-3 .popover{
	min-width: 170px;
}

.body-reg.body-reg-page-03-3 .form-group{
	display:block;
	height:44px;
}

.reg-form-label {
	display:block;
	float:left;
	width:180px;
	padding-right:10px;
	text-align:right;
	height:44px;

}


.reg-form-field{
	display:block;
	float:left;
	width:330px;
	height:44px;
}

.has-checkbox .reg-form-field {
	width:460px;
	height:30px;
}

.body-reg.body-reg-page-03-3 .form-group.has-checkbox , .has-checkbox .reg-form-label {
	height:30px;
}
.body-reg.body-reg-page-03-3 .form-group.has-checkbox {
margin-bottom: 8px;
}


.body-reg.body-reg-page-03-4 .page-view-inner{
	width: 880px;

}

.body-reg.body-reg-page-03-4 .page-view-content{
	text-align: left
}

.body-reg.body-reg-page-03-4 h4{
	font-size: 18px;
	margin-top: 28px;
	margin-bottom: 10px;
	font-weight:normal;
	color: #00a499;

}

.body-reg.body-reg-page-03-4 p,
#disclaimer-cookie-list tbody td{
	font-size: 14px;
	margin-bottom: 18px;
	color:#666666;
	line-height: 22px;

}

.body-reg.body-reg-page-03-4 ul li {
    font-size: 14px;
    color: #666666;
    line-height: 22px;
}

/* 0204 */
.profile-list-item-list{
	display:block;
	overflow:hidden;
}

.profile-list-pager{
	display:block;
}

/**/

.list-fav-product .item .item-inner .line-03{
	/* line-height: 20px; */
	padding-top:2px;
}

.list-fav-product .item .item-inner .line-03 img{
	padding-right: 5px;
	line-height: 20px;
	vertical-align: bottom;
}

.product-price{
	/*color: #00a499;*/
	color: #e02152;
	font-weight:bold;
}

.list-fav-product .item .item-inner .line-01{
padding-top: 8px;
height: 24px;
padding-left: 8px;
padding-right: 8px;
font-weight: bold;
}

.list-fav-product .item .item-inner .line-02{
	/* padding-top: 1px; */
  padding-top: 3px;
}


.popover-green {
	background-color: #ffffff!important;
	border: 1px solid #ebebeb!important;
	color: #888888!important;
}

.popover-green.right .arrow, .popover-green.right .arrow:after{
	border-right-color: #ebebeb!important;
}

.popover-green .popover-content {
	line-height:36px;
}


.body-reg-page-03-3 .reg-form-label {
	font-size:14px;
}

.body-reg-page-03-3 .reg-form-label small{
	font-size:11px;
}

.body-reg.body-reg-page-03-3 .form-group {
	height: 60px;
}

.body-reg.body-reg-page-03-2 {

}

.body-reg.body-reg-page-03-2 .popover.left {
	margin-left: -130px;
}

.popover-red.left .arrow, .popover-red.left .arrow:after{
	border-right-color: #ffe6e6!important;
}

/*.body-reg.body-reg-page-03-2 .new-reg-label{
	line-height: 42px;
}*/

.reg-home-image h4, .reg-home-image h3{
	text-shadow: 3px 3px 8px rgba(224, 172, 0, 1);
}

.page-view-body{
	/*margin-bottom: 40px;	*/
}

.body-reg{
	margin-bottom: 40px;

	min-height: 530px;
}

.thumbnail-fb{
	position:absolute;
	margin-left: 48px;
	margin-top:48px;
	width:24px;
	height:24px;
	background-image:url("../images/user/fb-logo.png");
    background-repeat:no-repeat;
    background-size: cover;
}

.thumbnail-apple,.thumbnail-google {
	position:absolute;
	margin-left: 48px;
	margin-top:48px;
	width:24px;
	height:24px;
	background-image:url("../images/user/apple-logo.png");
    background-repeat:no-repeat;
    background-size: cover;
}
.thumbnail-google {
	background-image:url("../images/user/google-logo.png");
}
.new-reg-label{
	line-height: 46px;
}

.list-empty{
	text-align: center;
	padding-top: 80px;
	font-size: 16px;
	color: #ababab;
	min-height: 730px;
}


.list-empty .info-img img {
	/*width: 100px;
	height: 100px;*/
}

.list-empty .info-message {
	padding-top: 8px;
}

.profile-wrapper .column-02 {
	border-left: 1px solid #ebebeb;
}


/* pager */
.p_bar {height:20px}
.p_bar a {float:left; height:32px; padding:6px 12px; text-decoration:none; color:#434a54;}
.p_total {border:1px solid #DDD; font-weight:bold; color:#000000}
.p_pages {border:1px solid #DDD; border-left:0; margin-right:1px; vertical-align:middle; font-weight:bold; color:#000000}
.p_num {border:1px solid #D6E0EF; margin-right:1px; vertical-align:middle}
.p_margin {margin:8px 0; padding-bottom:8px;}
a:hover.p_num {color: #ababab; background-color: #e5e5e5; border-color: #e5e5e5;}
.p_redirect {border:1px solid #D6E0EF; margin-right:1px}
a:hover.p_redirect {color: #ababab; background-color: #e5e5e5; border-color: #e5e5e5;}
.p_curpage {margin-right:1px; border:1px solid #D6E0EF; vertical-align:middle; background-color:#e5e5e5; color:##ababab; font-weight:bold}
.p_top {margin-bottom:5px}
.p_bottom {margin-top:5px}


/* 0211 */

.body-reg.body-reg-page-03-2 {
	margin-bottom: 0;
	min-height:0px;
}


#form1_username_error{
	margin-left: -183px;
}

.popover-red.left .arrow, .popover-red.left .arrow:after{
	border-left-color: #ffe6e6!important;
}

/*0212*/

.header-top .column.column-01{
	color: #777777;
}

.home-wrapper .column-01 {
	width: 690px;
	float:left;
}

@media screen and (min-width: 1225px){
.home-wrapper .column-01 {
	width: 890px;
}
}

/*@media screen and (min-width: 1490px){
.home-wrapper .column-01 {
	width: 1170px;
}
}*/

.home-wrapper .column-02 {
	width: 300px;
	float:left;
}

.ad-wrapper-01 {
	display:block;
	width:300px;
	height:250px;
}

.fb-like-box-wrapper {
	display:block;
	width:300px;
	height:250px;
	background: #efefef;
}

.home-block-01{
	width: 690px;

	/*height:515px;*/
}

.home-block-01 .list-inline{
	margin-left: 0;
}

.menu-mega {
	/*width: 90px;*/
	display:block;
	float:left;
	height:475px;

	position:absolute;
	z-index:1000;
	margin-top:40px;
}

.menu-mega ul, .menu-mega ol {
	margin-bottom: 0;
}

.menu-mega-zone{
	display:block;
	width: 90px;
	/*border-top: 1px solid #c6c6c6;*/
}

.menu-mega-label{
	display: block;
	width: 90px;
	background: #00a499;
	float:left;
	height:40px;
}

.menu-mega-label h2 {
	font-size: 15px;
	color: #ffffff;
	font-weight: bold;
	text-align:left;
	margin:0;
	padding: 0;
	line-height: 40px;
	text-align:center;
}

.tab-news {
	width: 598px;
	/*padding: 0 13px;*/
	display:block;
	float:left;
	height:515px;
	float:right;
}

@media screen and (min-width: 1225px){
.home-block-01{
	width: 889px;
}

.menu-mega {

}

.menu-mega-zone{
	width: 290px;
}

.menu-mega-label{
	width: 290px;
}

.menu-mega-label h2 {
	padding-left:15px;
	text-align:left;
}
}

.home-block-02, .home-block-03 {
	padding-right: 13px;
}

ul.menu-lv-zone li{
	border-right: 1px solid #c6c6c6;
	border-left: 1px solid #c6c6c6;
	height: 43px;
}

ul.menu-lv-zone li:hover{
	/*cursor:pointer;*/
}

ul.menu-lv-zone li li{
	height: auto;
}

ul.menu-lv-zone li:last-child {
	border-bottom: 1px solid #c6c6c6;
}

ul.menu-lv-zone li li:last-child{
	border-bottom: 0;
}

ul.menu-lv-zone li.active {
	border-right: 1px solid #ffffff;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;
	height: 43px;

	/**/
	/*height: 44px;*/
}

ul.menu-lv-zone li.inactive {
	border-right: 1px solid #666666;

	/**/
	/*height: 43px;*/
}

ul.menu-lv-zone li.active .menu-zone-unit {
	border-bottom: 1px solid #ffffff;
	/*height: 40px;*/
}

ul.menu-lv-zone li li{
	border-right: 0;
}

ul.menu-lv-zone li li{
	border: 0;
}

/*ul.menu-lv-zone li.item-01 {
	background: url("../images/icon/zone/zone_01.png");
	background-position: 16px 7px;
	background-repeat:no-repeat;
}

ul.menu-lv-zone li.item-01:hover, ul.menu-lv-zone li.item-01.active {
	background: url("../images/icon/zone/zone_01_hover.png");
	background-position: 16px 7px;
	background-repeat:no-repeat;
}

ul.menu-lv-zone li.item-02 {
	background: url("../images/icon/zone/zone_02.png");
	background-position: 16px 7px;
	background-repeat:no-repeat;
}

ul.menu-lv-zone li.item-02:hover, ul.menu-lv-zone li.item-02.active {
	background: url("../images/icon/zone/zone_02_hover.png");
	background-position: 16px 7px;
	background-repeat:no-repeat;
}

ul.menu-lv-zone li.item-03 {
	background: url("../images/icon/zone/zone_03.png");
	background-position: 16px 7px;
	background-repeat:no-repeat;
}

ul.menu-lv-zone li.item-03:hover, ul.menu-lv-zone li.item-03.active {
	background: url("../images/icon/zone/zone_03_hover.png");
	background-position: 16px 7px;
	background-repeat:no-repeat;
}

ul.menu-lv-zone li.item-04 {
	background: url("../images/icon/zone/zone_04.png");
	background-position: 16px 7px;
	background-repeat:no-repeat;
}

ul.menu-lv-zone li.item-04:hover, ul.menu-lv-zone li.item-04.active {
	background: url("../images/icon/zone/zone_04_hover.png");
	background-position: 16px 7px;
	background-repeat:no-repeat;
}

ul.menu-lv-zone li.item-05 {
	background: url("../images/icon/zone/zone_05.png");
	background-position: 16px 7px;
	background-repeat:no-repeat;
}

ul.menu-lv-zone li.item-05:hover, ul.menu-lv-zone li.item-05.active {
	background: url("../images/icon/zone/zone_05_hover.png");
	background-position: 16px 7px;
	background-repeat:no-repeat;
}

ul.menu-lv-zone li.item-06 {
	background: url("../images/icon/zone/zone_06.png");
	background-position: 16px 7px;
	background-repeat:no-repeat;
}

ul.menu-lv-zone li.item-06:hover, ul.menu-lv-zone li.item-06.active {
	background: url("../images/icon/zone/zone_06_hover.png");
	background-position: 16px 7px;
	background-repeat:no-repeat;
}

ul.menu-lv-zone li.item-07 {
	background: url("../images/icon/zone/zone_07.png");
	background-position: 16px 7px;
	background-repeat:no-repeat;
}

ul.menu-lv-zone li.item-07:hover, ul.menu-lv-zone li.item-07.active {
	background: url("../images/icon/zone/zone_07_hover.png");
	background-position: 16px 7px;
	background-repeat:no-repeat;
}

ul.menu-lv-zone li.item-08 {
	background: url("../images/icon/zone/zone_08.png");
	background-position: 16px 7px;
	background-repeat:no-repeat;
}

ul.menu-lv-zone li.item-08:hover, ul.menu-lv-zone li.item-08.active {
	background: url("../images/icon/zone/zone_08_hover.png");
	background-position: 16px 7px;
	background-repeat:no-repeat;
}

ul.menu-lv-zone li.item-09 {
	background: url("../images/icon/zone/zone_09.png");
	background-position: 16px 7px;
	background-repeat:no-repeat;
}

ul.menu-lv-zone li.item-09:hover, ul.menu-lv-zone li.item-09.active {
	background: url("../images/icon/zone/zone_09_hover.png");
	background-position: 16px 7px;
	background-repeat:no-repeat;
}

ul.menu-lv-zone li.item-10 {
	background: url("../images/icon/zone/zone_10.png");
	background-position: 16px 7px;
	background-repeat:no-repeat;
}

ul.menu-lv-zone li.item-10:hover, ul.menu-lv-zone li.item-10.active {
	background: url("../images/icon/zone/zone_10_hover.png");
	background-position: 16px 7px;
	background-repeat:no-repeat;
}

ul.menu-lv-zone li.item-11 {
	background: url("../images/icon/zone/zone_11.png");
	background-position: 16px 7px;
	background-repeat:no-repeat;
}

ul.menu-lv-zone li.item-11:hover, ul.menu-lv-zone li.item-11.active {
	background: url("../images/icon/zone/zone_11_hover.png");
	background-position: 16px 7px;
	background-repeat:no-repeat;
}*/


.menu-zone-unit {
	display:block;
	height: 44px;
	border-bottom: 1px solid #cccccc;
	margin: 0 18px 0 9px ;
	width: 262px;
	overflow:hidden;
}

ul.menu-lv-zone li:last-child .menu-zone-unit {
	border-bottom: 1px solid #ffffff;
}

.menu-zone-unit .column{
	float:left;
}

.menu-zone-unit .column-left {
	/*width: 80px;*/
	overflow: inherit;
	padding-left: 40px;
}

.menu-zone-unit .column-right {
	width: 180px;
	padding-left: 8px;
	border-left: 1px solid #cccccc;
	height:20px;
	margin-top:7px;
}

.menu-zone-unit .column-right a {
	color: #555555;
}
.menu-zone-unit .column-right a:hover {
	color: #00a499;
}

@media screen and (max-width: 1224px){
.menu-zone-unit {
	width: 79px;
	margin: 0 5px ;
}

.menu-zone-unit .column-right {
	display:none;
}

ul.menu-lv-zone li {
	background-position: 11px 7px!important;
}

ul.menu-lv-zone li:hover, ul.menu-lv-zone li.active {
	background-position: 11px 7px!important;
}

}

.menu-zone-unit i, .menu-zone-unit h3, .menu-zone-unit ul {
	display:inline;
	float:left;
	margin:0;
	padding:0;
	font-size:16px;
	font-weight: normal;
}
.menu-zone-unit i{
	width: 13px;
	height: 13px;
}

.menu-zone-unit h3{
	line-height: 41px;
	font-size: 14px;
	display:block;
	padding-right:10px;
}

.menu-zone-unit h3 a {
	color: #111111;
}

.menu-zone-unit h3 a:hover, ul.menu-lv-zone li:hover h3 a {
	color: #00a499;
	text-decoration: none;
}

ul.menu-lv-zone li.active .menu-zone-unit h3 a {
	color: #00a499;
}

.menu-zone-unit ul {
	line-height:16px;
}

.menu-zone-unit ul li{
	font-size: 11px;
	margin:0;
	padding:0;
	margin-right: 3px;

	padding-bottom: 2px;
	font-size: 12px;
}

/*.menu-lv-zone .menu-overlay-area {
	visibility: hidden;
	width: 60px;
	height: 80px;
	background:#3FC;
}

.menu-lv-zone li:hover .menu-overlay-area {
	visibility: visible;
}

*/


.menu-mega-zone, .menu-mega-info {
	float:left;
	height: 474px;
}

.menu-mega-info{
	display:block;
	width: 588px;
	position:absolute;
	/*margin-left: 290px;*/
	top: 0;
	left: 100%;
}

@media screen and (max-width: 1224px){
.menu-mega-info{
	/*margin-left: 90px;*/
}
}

.menu-mega-info{
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	background: #ffffff;
	padding-left: 13px;
	padding-top:10px;
}

.menu-mega-info a {
	color: #888888;
	color: #555555;
}
.menu-mega-info a:hover {
	color: #00a499;
}

.mega-info-hot{
	display: block;
	height: 124px;
}

.mega-info-hot-label{
	font-size: 11px;
	line-height:12px;
}

.mega-info-hot ul li {
	display:block;
	width: 100px;
	height: 112px;
	float:left;
	margin:0;
	padding: 0;
	margin-right: 13px;
	text-align:center;
}

.mega-info-hot-list ul li a{
	display:block;
	width: 100px;
	height: 112px;
	line-height: 16px;
	font-size: 12px;
}

.mega-info-detail ul{
	padding-top: 24px;
}

.mega-info-detail ul ul{
	padding-top: 0;
}

.mega-info-detail ul li {
	padding-bottom: 15px;
	width: 100%;
}

.mega-info-detail ul li li {
	padding-bottom: 0px;
	margin:0;
	padding: 0;
	padding-right: 8px;
	border-right: 1px solid #cccccc;
	height: 13px;
	line-height: 13px;
	margin-right:4px;
	width:auto;
}

.mega-info-detail ul li li:first-child {
}

.mega-info-detail ul li li:last-child {
	border-right: 0;
}

.mega-info-detail ul li a{
	font-size: 14px;
	color: #00a499;
}

.mega-info-detail ul li a:hover {
	color: #008a82;
}

.mega-info-detail ul li li a{
	font-size: 12px;
	color: #888888;
	color: #555555;
}
.mega-info-detail ul li li a:hover{
	color: #00a499;
}

/*0213*/

.header-bottom, .header-reg {
	border-bottom: none;
}

.body-profile, .body-reg {
	border-top: 1px solid #eaeaea;
}

.zone-flag{
	width:17px;
	height: 17px;
	display:block;
	overflow:hidden;
	position:absolute;
	margin-top: 12px;
	left: -6px;
	margin-top: 6px;
	left: 6px;
}

@media screen and (max-width: 1224px){

}

.zone-new, .zone-hot {
	width:17px;
	height: 17px;
	display:block;
	overflow:hidden;
}

.zone-new {
	background: url("../images/zh_HK/zone_new_26.png");
	background-repeat:no-repeat;
}

.zone-hot {
	background: url("../images/zh_HK/zone_hot_26.png");
	background-repeat:no-repeat;
}


.tab-news .tab-content{
	display: block;
	height: 475px;
	padding: 0;
}

.tab-product .tab-content, .tab-service .tab-content {
	display: block;
	height: 438px;
	padding: 0;
}

.tab-product, .tab-service {
	padding-top: 30px;
}

/* homepage tab */

.body-home .nav-tabs {
  background-color: #ffffff;
  border-bottom: none;
          border-radius: 0;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
	 border-bottom: 2px #ebebeb solid;
	 height:40px;
}

.body-home .nav-tabs > li:first-child > a {
          border-radius: 0;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;

}

.body-home .nav-tabs > li {
	text-align: center;
	border-left: 0;
}

.body-home .nav-tabs > li > a:hover {
	cursor:pointer;
}

.body-home .nav-tabs > li > a {
	color: #999999;
	border-bottom: 2px #ebebeb solid;
	height:40px;

	font-size: 15px;
	padding: 10px 12px;
}

.body-home .nav-tabs > li > a:hover {
	color: #121212;
	background: #ffffff;
	border-bottom: 2px #dddddd solid;
}

.body-home .nav-tabs > li.active {


}

.body-home .nav-tabs > li.active > a {
	color: #121212;
	border-bottom: 2px #f0c400 solid;
}

.body-home .tab-content{
	padding-top:8px;
}


.body-home .tab-product .nav > li > a, .body-home .tab-service .nav > li > a {
	/*padding: 5px 0 2px 0;*/
}

.body-home .tab-product .nav-tabs > li > a, .body-home .tab-service .nav-tabs > li > a {
	font-size: 18px;
}

.body-home .tab-product .nav-tabs > li, .body-home .tab-service .nav-tabs > li {
	/*margin-right:30px;*/
}

.body-home .tab-product .nav-tabs, .body-home .tab-service .nav-tabs {
	/*border-bottom: 2px #ebebeb solid;*/
}

ul.menu-lv-zone li.item-empty{
	height: 86px;
}


/* required by web team */
.menu-mega-info {
  	display:none;
}
.mega-info-unit {
  	display:none;
}

/*fix for long overlap layer - for zone with many categories */
.menu-mega-zone, .menu-mega-info {
	min-height:473px;
	height:auto;
}
.menu-mega-info{
	margin-left:-1px;
	border-left: 1px solid #666666;
}

/*.menu-mega-zone{
	position: absolute;
	z-index: 80000;
}*/

ul.menu-lv-zone li{
  	position:relative;
  	z-index:2;
}


/*fix for active tab 1px issue */

ul.menu-lv-zone li.active h3 {
	line-height: 40px;
}

ul.menu-lv-zone li.active h3 {
	line-height: 38px\9;
}

ul.menu-lv-zone li.active .menu-zone-unit ul {
	line-height: 14px;
}


ul.menu-lv-zone li.active .zone-flag {
	margin-top: 5px;
}

/**/

ul.menu-lv-zone li.item-empty:hover{
	cursor:default;
}

ul.menu-lv-zone li.item-empty {
	border-bottom: 0\9;
}

ul.menu-lv-zone li.item-empty {
	border-bottom/*\**/: 1px solid #c6c6c6\9;
}


/* zone icon */

ul.menu-lv-zone .menu-zone-icon{
  	width:26px;
  	height:26px;
  	position:absolute;
  	left:16px;
  	top:8px;
	background-repeat: no-repeat;
	background-position: 0% 0%;
}

ul.menu-lv-zone li.active .menu-zone-icon{
	background-position: 100% 0%;
}



/* fix zone menu - cat float cat issue */


ul.menu-lv-zone li li {
	/*float: left;
	display: block;
	line-height: 21px;*/
}

.menu-zone-unit ul {
	width: 175px;
	height: 16px;
}




/*0217*/
.product-listing-wrapper .column-01{
	width:690px;
	float: left;
}

@media screen and (min-width: 1225px){

.product-listing-wrapper .column-01{
	width:890px;
}

}

.product-listing-wrapper .column-02{
	width:300px;
	float: left;
	padding-bottom: 20px;
}

.body-product-list .menu-mega-label{
	width:90px;
}

@media screen and (min-width: 1225px){

.body-product-list .menu-mega-label{
	width:120px;
}

}

.body-product-list .menu-mega-label a {
	width:100%;
	height:100%;
	display:block;
}

.body-product-list .menu-mega-label h2{
	padding-left: 0;
	text-align:center;
}

.body-product-list .menu-mega-label a:hover, .body-product-list .menu-mega-label a.active {
	background: #008a82;
}

.home-list-block-01, .home-list-block-02 {
	padding-right: 20px;
}


.menu-mega-zone, .menu-mega-info {
	background: #ffffff;
}

.breadcrumb-product{
	display:block;
	float:right;
	width: 580px;
	height:40px;
	line-height:36px;
	font-size: 13px;
	border-bottom: 1px solid #00a499;
	position:relative;
	color:#00a499;
}

@media screen and (min-width: 1225px){
.breadcrumb-product{
	width: 750px;
}
}

.breadcrumb-product a{
	color: #222222;
}

.breadcrumb-product a:hover {
	color: #00a499;
}
/*.breadcrumb-product .column-left*/
.nav-menu {
	display:block;
	/*float:left;*/
	padding-left: 15px;
	height:40px;
  line-height:40px;
}

.breadcrumb-product .column-left div, .nav-menu div {
	display:inline;
	height:40px;
}

.breadcrumb-product .column-right {
	display:block;
	/*float:right;*/
	height:40px;
	position: absolute;
	right: 0;
	top: 0;
}

.breadcrumb-dividor{
	padding: 0 5px;
	color: #222222;
}


.product-list { position: relative; }

.product-list-fucntion-bar{
	width: 100%;
	padding: 14px 0;
	height: 36px;
  padding: 10px 0 0;
	/*border-bottom: 2px solid #eaeaea;*/
}

.product-list-fucntion-bar .column{
	float:left;
	width:auto;
	padding-right: 12px;
}

.product-list-fucntion-bar .column.column-04, .product-list-fucntion-bar .column.column-03, .product-list-fucntion-bar .column.column-05 {
	float:right;
}

.product-list-fucntion-bar .column.column-04 select {
	width: 110px;
}

@media screen and (min-width: 1225px) {
	.product-list-fucntion-bar .column.column-04 select {
		width: 145px;
	}
}

.product-list-fucntion-bar .column.column-03 {
    padding-right: 0px;
}

.product-list-fucntion-bar .pagination-wrapper{
	margin:0;
	text-align:left;
}

.product-list-fucntion-bar .pagination-wrapper .pagination{
	margin:0;
}

.pagination-total{
	border: 1px solid #ccd1d9;
	border-radius: 4px;
	line-height: 34px;
	font-size: 13px;
	height: 34px;
	text-align:center;
	min-width: 70px;
	padding:0 5px;
}

.page-total-dividor{
	padding: 0 2px;
}

.product-list-fucntion-bar .btn-default {
	color: #888888;
	border: 1px solid #ccd1d9 !important;
	border-color: #ccd1d9 !important;
	padding: 3px 12px;
	font-size: 13px;
}

.product-list-fucntion-bar .btn-default:active, .product-list-fucntion-bar .btn-default.active {
	background-color: #e5e5e5;
	border-color: #ccd1d9;
}

.product-list-fucntion-bar .btn-default:hover, .product-list-fucntion-bar .btn-default:focus{
	color: #ffffff;
	background-color: #ccd1d9;
	border-color: #ccd1d9;
}


.unit-filter {
	display: block;
	float:left;
	width: 90%;
	padding: 0 2px;
}

.unit-filter div {
	display:block;
	float:none;
}

.unit-filter select {
	width: 100%;
}

.product-list-filter-bar .unit-filter .filter-text, .product-list-filter-bar .unit-filter select {
  border-radius: 0px;
  border-bottom-style: solid;
  border-color: #888;
  border-bottom-width: 1px;
  color: #888;
  padding-left: 5px;
  background-position: 95%;
  cursor: pointer;
  line-height: 14px;
  padding-top: 4px;
  display: block;
}

.product-list-filter-bar .unit-filter.have_option .filter-text, .product-list-filter-bar .unit-filter.have_option select {
  color: #00a499;
}

.product-list-filter-bar .unit-filter {
  margin: 5px 0 0;
}

.product-list-filter-bar .unit-filter .btn-group input::placeholder, .product-list-filter-bar .unit-filter .btn-group input::-ms-input-placeholder{
  color:#00a499;
}

.product-list-filter-bar .unit-filter .filter-options-wrapper {
  width: calc(100% - 40px);
  border-radius: 0 0 5px 5px;
}

.product-list-filter-bar .unit-filter .filter-button-wrapper .filter-counter {
  background-color: #f8f8f8;
  border-radius: 0 0 5px 5px;
  padding-left: 7px;
  border-bottom: 1px solid #eaeaea;
}

.product-list-filter-bar ul.list-inline{
	margin: 0;
  /* padding-top: 7px; */
  line-height: 24px;
}

.product-list-filter-bar ul li{
	display: block;
	float:left;
	padding: 0;
	width: 25%;
	padding-bottom: 8px;
	height: auto;
  position:relative;
}

.product-list-filter-bar .show_dash {
  border-top: 1px dashed #888;
  padding-top: 8px;
  margin-top: 3px;
}

.product-list-item-list .list-product .item{
	display:block;
	width:100%;
	border-bottom: 1px solid #eaeaea;
	padding: 15px 0;
}

.product-list-item-list .list-product .item .item-inner{
	display:block;
	overflow:hidden;
	position:relative;
}

.product-list-item-list .list-product .item, .product-list-item-list .list-product .item .item-inner, .product-list-item-list .list-product .item .column {

}

.product-list-item-list .list-product .item .column {
	display:block;
	float: left;
	width:auto;
	/*min-height: 154px;*/
}

.product-list-item-list .list-product .item .column-01 {
	width: 152px;
}

.product-list-item-list .list-product .item .column-01 .line-img img {
	border: 1px solid #ffffff;
}

.product-list-item-list .list-product .item .line-ad {
	display:block;
	width:100%;
	margin: 0 auto;
	text-align:center;
	padding-top: 10px;
}

.product-list-item-list .list-product .item .column-02 {
	width: 321px;
	padding-left: 15px;
}

@media screen and (min-width: 1225px){
.product-list-item-list .list-product .item .column-02 {
	width: 521px;
}
}


.product-list-item-list .list-product .item .column-02 .line-01 {
	margin-bottom:3px;

	/**/
	font-size: 18px;
	font-weight: bold;
}

.product-name{
	font-size: 18px;
	font-weight: bold;
}

.product-list-item-list .list-product .item .column-02 .line-02 {

	/**/
	font-size: 14px;
}

.product-caption {
	font-size: 14px;
}

.product-list-item-list .list-product .item .column-02 .line-01 a{

	/**/
	color: #111111;
}
.product-list-item-list .list-product .item .column-02 .line-01 a:hover {

	/**/
	color: #00a499;
}

.product-name a{
	color: #111111;
}


.product-name a:hover{
	color: #00a499;
}



.product-list-item-list .list-product .item .column-02 .line-04 {
	font-size: 11px;
	color: #222222;
}

.product-list-item-list .list-product .item .column-02 .line-04 .item-attr {
	padding-top: 12px;
	display:block;
	float: left;
	width:auto;
	padding-right:50px;
}


@media screen and (max-width: 1224px){
.product-list-item-list .list-product .item .column-02 .line-04 .item-attr-02 {
	display:none;
}
}

.product-list-item-list .list-product .item .column-02 .line-04 .item-attr td{
	padding-bottom: 1px;
}

.product-list-item-list .list-product .item .column-02 .line-04 .item-attr .attr-label {
	padding-right:7px;
	white-space: nowrap;
	vertical-align: top;
}

.product-list-item-list .list-product .item .column-03 {
	width: 192px;
	text-align:right;
	position:relative;
}

.product-list-item-list .product-price {
	font-size: 18px;
	font-weight: bold;

	font-size: 20px;
}

.product-list-item-list .list-product .item .column-04 {
	font-size: 12px;
	line-height: 20px;
	position:absolute;
	bottom: 0;
	right: 0;
}

.item-function li a {
	color: #999999;
	padding-left:20px;
}

.item-function li a:hover {
	color: #00a499;
}

.item-function li{
	line-height:18px;
	height: 20px;
	display: block;
}

.item-function li a{
	height: 18px;
	display: block;
	line-height:18px;
}

.item-function li.active a{
	color: #00a499;
}

.item-function li.function-quote a {
	background: url("../images/icon/item_function_01.png?v=2") no-repeat;
}

.item-function li.function-quote a:hover, .item-function li.function-quote.active a {
	background: url("../images/icon/item_function_01_hover.png") no-repeat;
}

.item-function li.function-bookmark a {
	background: url("../images/icon/item_function_02.png") no-repeat;
}

.item-function li.function-bookmark a:hover, .item-function li.function-bookmark.active a {
	background: url("../images/icon/item_function_02_hover.png") no-repeat;
}

.item-function li.function-comment a {
	background: url("../images/icon/item_function_03.png?v=2") no-repeat;
}

.item-function li.function-comment a:hover, .item-function li.function-comment.active a {
	background: url("../images/icon/item_function_03_hover.png?v=2") no-repeat;
}

.item-function li.function-rating a {
	background: url("../images/icon/item_function_04.png") no-repeat;
}

.item-function li.function-rating a:hover, .item-function li.function-rating.active a {
	background: url("../images/icon/item_function_04_hover.png") no-repeat;
}

.product-label img{
	padding-right:3px;
}


.body-product-list .pagination > li > a{
	padding: 6px 11px;
	color:#888888;
}

/*.body-product-list .pagination > li > a:hover, .body-product-list .pagination > li > span:hover, .body-product-list .pagination > li > a:focus, .body-product-list .pagination > li > span:focus {
	color: white;
	background-color: #ccd1d9;
	border-color: #ccd1d9;
}*/

.body-product-list .pagination > li > a:hover {
	color:#ffffff;
}

.body-product-list .pagination > .active > a, .body-product-list .pagination > .active > span, .body-product-list .pagination > .active > a:hover, .body-product-list .pagination > .active > span:hover, .body-product-list .pagination > .active > a:focus, .body-product-list .pagination > .active > span:focus {
	border-color: #ccd1d9;
	color: #ababab;

}


.product-list-pager{
	display: block;
	padding-top:20px;
	padding-bottom:60px;
}

.product-list-pager .list-product{
	display: block;
	width:100%;
	height:34px;
}

.pager-bottom-inner {
	margin: 0 auto;
	display: block;
	width: 540px;
	height:34px;

}

.pager-bottom-inner .column {
	display:block;
	overflow:hidden;
	float:left;
	width:auto;
}

.pager-bottom-inner .column-01 {

}

.pager-bottom-inner .pagination-wrapper {
	margin: 0;
}

.pager-bottom-inner .pagination{
	margin: 0;
}

.pager-bottom-inner .column-02, .pager-bottom-inner .column-03 {
	line-height: 34px;
	font-size: 13px;
}

.pager-bottom-inner .column-02{
	padding: 0 5px;
}

.pager-bottom-inner .column-03 input {
	height: 34px;
	width: 40px;
	padding: 6px;
	margin: 0 5px;
	text-align: center;
}

.pager-bottom-inner .column-03 div {
	display:block;
	float:left;
	width:auto;
	padding-right: 5px;
}

.pager-bottom-inner .column-03 div div {
	padding-right: 0;
}

.pager-bottom-inner .column-04 {
	padding-left: 5px;
}







.list-hot-items, .list-new-items, .list-hot-merchant{
	display:block;
	padding:10px 0;
	width: 300px;
}

.list-new-items {
	padding-bottom:30px;
}

.list-hot-items .list-label, .list-new-items .list-label, .list-hot-merchant .list-label{
	display:block;
	border-bottom: 2px solid #f2c301;
	line-height: 40px;
	font-size:19px;
	height:40px;
	color:#444444;
	font-weight: normal;
}

.list-hot-items .list-rank, .list-new-items .list-rank, .list-hot-merchant .list-rank {
	display:block;
	background-color: #f5f5f5;
	padding-left: 8px;
	padding-right: 8px;
	overflow: hidden;
}

.list-hot-items img, .list-new-items img, .list-hot-merchant img {
	/*width:62px;
	height:62px;*/
	border: 1px solid #dddddd;
}

.list-hot-items .list-rank li.item-upper  , .list-new-items .list-rank li.item-upper  {
	height: 81px;
	display:block;
	background: url("../images/icon/item_rank_line.png") repeat-x 0px bottom;
}

.list-hot-items .list-rank li.item-lower  , .list-new-items .list-rank li.item-lower  {
	height: 41px;
	display:block;
	background: url("../images/icon/item_rank_line.png") repeat-x 0px 40px;
}

.list-hot-merchant .list-rank li{
	height: 73px;
	display:block;
	background: url("../images/icon/item_rank_line.png") repeat-x 0px 72px;
}

.list-hot-items .list-rank li.item-lower:last-child, .list-new-items .list-rank li.item-lower:last-child, .list-hot-merchant .list-rank li:last-child  {
	background: none;
}

.list-hot-items .item-upper .item , .list-new-items .item-upper .item {
	height: 60px;
	padding: 10px 0;
}

.list-hot-items .item-lower .item , .list-new-items .item-lower .item {
	height: 20px;
	padding: 10px 0;
}

.list-hot-merchant .item {
	height: 60px;
	padding: 10px 0;
}

.list-hot-items .item-inner , .list-new-items .item-inner, .list-hot-merchant .item-inner {
	clear:both;

}

.list-hot-items .item .column, .list-new-items .item .column, .list-hot-merchant .item .column {
	display:block;
	float:left;
	width:auto;
}

.list-hot-items .item .column-01, .list-new-items .item .column-01 {
	width:28px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color: #aaaaaa;
}

.list-hot-items .item-upper .item .column-01, .list-new-items .item-upper .item .column-01 {

	/**/
	font-size: 16px;
	line-height: 60px;
}

.list-hot-items .item-lower .item .column-01, .list-new-items .item-lower .item .column-01 {

	/**/
	font-size: 16px;
	line-height: 20px;
}

.list-hot-items .item-upper .product-ranking, .list-new-items .item-upper .product-ranking {
	font-size: 16px;
	line-height: 60px;
}

.list-hot-items .item-lower .product-ranking, .list-new-items .item-lower .product-ranking {
	font-size: 16px;
	line-height: 20px;
}

.list-hot-merchant .item .column-01 {
	width: 102px;
}

.list-hot-merchant .item .column-01 .merchant-image img {
	width: 100px;
	height: 50px;
}

.list-hot-items .item-upper .item .column-02, .list-new-items .item-upper .item .column-02 {
	width:62px;
}

.list-hot-items .item-lower .item .column-02, .list-new-items .item-lower .item .column-02 {
	display:none;
}

.list-hot-items .item-upper .item .column-03, .list-new-items .item-upper .item .column-03 {
	width:184px;
	padding-left:10px;
}

.list-hot-items .item-lower .item .column-03, .list-new-items .item-lower .item .column-03 {
	width:256px;
}

.list-hot-merchant .item .column-02 {
	width:172px;
	padding-left: 10px;
}

.list-hot-items .item .column-03 .line-01 a, .list-new-items .item .column-03 .line-01 a, .list-hot-merchant .item .column-02 .line-01 a {


	/**/
	font-size: 12px;
	color: #444444;
}

.list-hot-items .item .column-03 .line-01 a:hover, .list-new-items .item .column-03 .line-01 a:hover, .list-hot-merchant .item .column-02 .line-01 a:hover {

	/**/
	color: #00a499;
}

.list-hot-items .item .column-03 .product-name a, .list-new-items .item .column-03 .product-name a, .list-hot-merchant .item .column-02 .merchant-name a, .list-hot-merchant .item .column-02 .merchant-category a {
	font-size: 12px;
	color: #444444;
	line-height:12px;
	font-weight:normal;
}

.list-hot-merchant .item .column-02 .merchant-name a {
	font-size: 14px;
}

.list-hot-items .item .column-03 .product-name a:hover, .list-new-items .item .column-03 .product-name a:hover, .list-hot-merchant .item .column-02 .merchant-name a:hover, .list-hot-merchant .item .column-02 .merchant-category a:hover {
	color: #00a499;
}


.list-hot-items .item-lower .item .column-03 .line-01, .list-new-items .item-lower .item .column-03 .line-01 {
	width: 175px;
	display:block;
	float:left;
	line-height:20px;
}
.list-hot-items .item-lower .item .column-03 .line-01 a, .list-new-items .item-lower .item .column-03 .line-01 a {
	width: 175px;
	display:block;
	line-height:20px;
	height:20px;
}

.list-hot-items .item-lower .item .column-03 .line-02, .list-new-items .item-lower .item .column-03 .line-02 {
	width: 71px;
	display:block;
	float:right;
	text-align:right;
	line-height:20px;
	padding-right:10px;
}

.list-hot-merchant {

}

.list-hot-merchant .item .column-02 .line-01, .list-hot-merchant .item .column-02 .line-02 {
	width:172px;
}

.list-hot-merchant .item .column-02 .line-01 {
	padding-bottom:3px;
}

.list-hot-merchant .item .column-02 .line-02 {
	font-size:12px;
}


.body-product-list .product-price a{
	/*color: #00a499;*/
	color: #e02152;
}


.body-product-list .product-price a:hover {
	/*color: #008a82;*/
	color: #c91547;
	text-decoration:none;
}

.body-product-list .list-hot-items .product-price a, .body-product-list .list-new-items .product-price a {
	color: #00a499;
}

.body-product-list .list-hot-items .product-price a:hover, .body-product-list .list-new-items .product-price a:hover {
	color: #008a82;
}

.body-product-list .product-prop img {
	margin-top: -10px;
	/*padding-left:5px;*/

}

.body-product-list .product-label img {
	margin-top: -2px;

	margin-top: -5px;
}




/**/

.mega-info-detail .list-inline{
	margin-left: 0;
}

.btn-top{
	display:none;
	width:50px;
	height:50px;
	background: url("../images/icon/btn_top.png") no-repeat;
	position:fixed;
	right:10px;
	bottom: 10px;
	z-index: 8000;
}

.btn-top:hover{
	background: url("../images/icon/btn_top_hover.png") no-repeat;
}

.btn-top-stick{
	position:absolute;
	right:10px;
	margin-top: -60px;
	bottom: inherit;
}


/**/

.product-list-fucntion-bar .column-01, .pager-bottom-inner .column-01 {
	width:auto!important;
}

.list-hot-items .item .column-03 .line-01, .list-new-items .item .column-03 .line-01{
	line-height:15px;
}

.list-hot-items .item-upper .item .column-03, .list-new-items .item-upper .item .column-03 {
	position: relative;
	height: 60px;
}

.list-hot-items .item-upper .item .column-03 .line-02, .list-new-items .item-upper .item .column-03 .line-02{
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 12px;
}



.pagination-total-wrapper .pagination-total, .pagination-total-wrapper .pagination-wrapper {
	display:block;
	float:left;
}

.pagination-total-wrapper .pagination-wrapper {
	padding-left: 15px;
}

.body-product-list .list-empty{
	min-height:500px;
	color: #222222;
}

.list-empty{
	color: #222222;
}

.product-list-item-list .list-product .item .column-01 .line-img img{
	width:150px;
	height:150px;
}

.list-hot-items img, .list-new-items img{
	width:60px;
	height:60px;
}




.body-product-list .menu-mega-label h2{
	cursor: pointer;
}

ul.menu-lv-zone li.item-empty{
	height: 129px;

	height: 86px; /*2-line spacing*/
	height: 43px; /*1-line spacing*/

	display:none;
}


.pager-bottom-inner{
	width:100%;
}

.pagination-total-wrapper .pagination-wrapper{

}


/* bug fix 0224-01 */

@media screen and (max-width: 1224px){
.body-product-list .pagination > li > a{
	padding: 6px 7px;
}
}

.product-price a{
	color: #00a499;
}

.text-small{
	font-size: 11px;
	line-height: 13px;
}


/*bug fix 0224-02 */

.alert .line-01 .column-02{
	width: 580px;
}

.body-reg-page-03-1 #form1_username_error {
	margin-left: 0;
}

.profile-list-item-list {
	min-height: 700px;
}

.profile-wrapper .profile-list .profile-list-fucntion-bar .column-03 .btn-group{
	width: auto;
	padding-top: 5px;
}


/*0304*/

.product-detail-info {
	display:block;
	padding: 15px 0 25px;
}

.product-detail-info .product-col-img{
	width:237px;
	display:block;
	float:left;
}

.product-detail-info .product-col-img .line{
}

.product-detail-info .product-col-img .line-img{
	width:222px;
	display:block;
	padding-right: 15px;
}

.product-detail-info .product-col-img .line-img img{
	width:220px;
	height:220px;
	border: 1px solid #dddddd;
}

.product-detail-info .product-col-img .line-img-thumb {
}

.product-detail-info .product-col-img .line-img-thumb img{
	width:50px;
	height:50px;
	border: 1px solid #dddddd;
}

.product-detail-info .product-col-img .line-img-thumb ul{
	margin: 0;
	padding: 5px 1px 0 1px;
}

.product-detail-info .product-col-img .line-img-thumb ul li{
	padding-right:4px;
	padding-left:0;
	width: 52px;
	height: 52px;
	margin-bottom:4px;
}




.product-detail-info .product-col-info {
	width: 433px;
	display:block;
	float:left;
}

.product-detail-info .product-col-info {


}

@media screen and (min-width: 1225px){
.product-detail-info .product-col-info {
	width: 633px;
}
}

.product-col-info{
	display:block;
	position:relative;
}

.product-col-info .line.narrow{
	width: 303px
}

@media screen and (min-width: 1225px){
.product-col-info .line.narrow{
	width: 503px
}
}

.product-col-info .line-01 {
	padding-bottom: 5px;
	display:flex;justify-content:space-between;
}

.product-col-info .line-02 {
	padding-bottom: 8px;
}

.product-col-info .line-03 {
	padding: 4px 0 8px;
}

.product-col-info .line-03 ul {
	margin: 0;
}

.product-col-info .line-03 ul li {
	display:block;
	float:left;
	margin: 0;
	padding: 0;
	padding: 0 8px;
	border-right: 1px solid #cccccc;
	line-height:8px;
	padding-top:5px;
	padding-bottom:5px;
}

.product-col-info .line-03 ul li:first-child {
	padding-left: 0;
}

.product-col-info .line-03 ul li:last-child {
	border: none;
}

.product-col-info .line-03 ul li a{
	font-size: 12px;
	color: #00a499;
}

.product-col-info .line-04 {
	padding-top: 4px;
}

.product-rating-wrapper{
	display:block;
	height: 20px;
	line-height:20px;
}

.product-rating-wrapper .product-rating img {
	vertical-align:initial;
}



.product-rating-normal .product-rating span {
	color: #f0c400;
	font-weight: bold;
	padding-left: 5px;
	line-height:16px;
	font-size:14px;
}

.product-rating-normal{
	display:block;
	/*width:90px;*/
}

.product-rating-normal:hover{
	cursor: pointer;
}

/*.product-rating-normal:hover + .product-rating-popover{
	display:block;
}*/

.product-rating-popover, .product-prop-popover {
	position: absolute;
	z-index: 50000;
	border-radius: 4px;
	background: #ffffff;
	border: 1px solid #888888;
	padding: 13px;
	font-size: 11px;
	margin-top:10px;

	/*display:none;*/
}

.product-rating-popover td {
	padding-bottom: 8px;
	line-height: 14px
}

.star-label{
	padding-right:5px;
	text-align:right;
}

.star-img img{
	vertical-align:top;
}

.star-mark{
	padding-left:5px;
}

.rating-overall{
	text-align: center;
	padding-top:4px;
}

.product-rating-popover .arrow, .product-prop-popover .arrow {
	position: relative;
	background: #ffffff;

	position: absolute;
	margin-top: -13px;
	margin-left: 30px;
}
.product-rating-popover .arrow:after, .product-rating-popover .arrow:before, .product-prop-popover .arrow:after, .product-prop-popover .arrow:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.product-rating-popover .arrow:after, .product-prop-popover .arrow:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
}
.product-rating-popover .arrow:before, .product-prop-popover .arrow:before {
	border-color: rgba(102, 102, 102, 0);
	border-bottom-color: #666666;
	border-width: 11px;
	margin-left: -11px;
}

.product-col-info .product-price{
	font-size: 24px;
	line-height: 28px;
}

.product-col-info .line-05{
	padding: 10px 0;
	padding-bottom: 15px;
}

.product-col-info .item-attr, .product-col-info .item-remark {
	font-size: 12px;

	color:#222222;
	display: block;
	float: left;
	width: auto;
	padding-right: 50px;
}

@media screen and (min-width: 1225px){
	.product-col-info .item-attr, .product-col-info .item-remark {
		float: left;
	}
}

.product-col-info .item-attr .attr-label, .product-col-info .item-remark .remark-label  {
	padding-right: 10px;
	white-space: nowrap;
	vertical-align: top;
	min-width: 60px;
}

.product-col-info .product-release-label, .product-col-info .product-release-date {
	font-size: 12px;
	color:#666666;
}

.product-col-info .product-release-label {
	padding-right: 10px;
}

.product-col-info .product-info-remark {
	font-size: 11px;
	color:#333333;
	padding:12px 0;
	display:block;
}

.product-col-info .product-info-remark a{
	color:#00a499;
}

.product-col-info .product-info-remark a:hover{
	text-decoration: underline;
}


.product-detail-function{
	padding: 16px 0 15px 0;
	display: block;
	background: url("../images/icon/item_rank_line.png") repeat-x 0 0;
}

.product-detail-function ul{
	margin:0;
}

@media screen and (max-width: 1224px){
.product-detail-function .list-01, .product-detail-function .list-02 {
	display:block;
	width:100%;
	height:45px;
	padding-bottom:10px;
}
}

.product-detail-function ul li {
	margin:0;
	display:block;
	padding-right:10px;
	float:left;
	padding-left:0;
}

.product-detail-function .btn{
	background:#fff;
	font-size:12px;
	border: 1px solid #bbbbbb;
	color:#888888;
	padding-left:25px;
	min-width:98px;
	display:block;
	padding: 5px 10px 3px 25px;
	height:34px;
	line-height:25px;
}

.product-detail-function .active .btn, .product-detail-function .btn:hover {
	background:#fff;
	color:#00a499!important;
	border: 1px solid #00a499;
}

.product-detail-function .function-bookmark .btn{
	background: url("../images/icon/item_function_02.png") no-repeat 6px 6px;
}

.product-detail-function .function-bookmark .btn:hover, .product-detail-function .function-bookmark.active .btn {
	background: url("../images/icon/item_function_02_hover.png") no-repeat 6px 6px;
}

.product-detail-function .function-website .btn{
	background: url("../images/icon/item_function_website.png") no-repeat 6px 6px;
}

.product-detail-function .function-website .btn:hover, .product-detail-function .function-website.active .btn {
	background: url("../images/icon/item_function_website_hover.png") no-repeat 6px 6px;
}

.product-detail-function .function-quote .btn{
	background: url("../images/icon/item_function_01.png?v=2") no-repeat 6px 6px;
}

.product-detail-function .function-quote .btn:hover, .product-detail-function .function-quote.active .btn {
	background: url("../images/icon/item_function_01_hover.png") no-repeat 6px 6px;
}

.product-detail-function .function-comment .btn{
	background: url("../images/icon/item_function_03.png?v=2") no-repeat 6px 6px;
}

.product-detail-function .function-comment .btn:hover, .product-detail-function .function-comment.active .btn {
	background: url("../images/icon/item_function_03_hover.png?v=2") no-repeat 6px 6px;
}

.product-detail-function .function-rating .btn{
	background: url("../images/icon/item_function_04.png") no-repeat 6px 6px;
}

.product-detail-function .function-rating .btn:hover, .product-detail-function .function-rating.active .btn {
	background: url("../images/icon/item_function_04_hover.png") no-repeat 6px 6px;
}

.product-detail-function .function-contact .btn{
	background: url("../images/icon/item_function_contact.png") no-repeat 7px 9px;
	background-size: 18px auto;
}

.product-detail-function .function-contact .btn:hover, .product-detail-function .function-contact.active .btn {
	background: url("../images/icon/item_function_contact_hover.png") no-repeat 7px 9px;
	background-size: 18px auto;
}



.product-detail-tab-bar, .merchant-detail-tab-bar, .page-layout-tab-bar {
	display:block;
	padding-bottom: 5px;
}

.product-detail-tab-bar ul, .merchant-detail-tab-bar ul, .page-layout-tab-bar ul {
	margin: 0;
	display:block;
	height: 38px;
	border-bottom: 2px solid #eaeaea;
}

.product-detail-tab-bar ul li, .merchant-detail-tab-bar ul li, .page-layout-tab-bar ul li {
	margin: 0;
	height: 38px;
	padding: 0 15px;
	border-bottom: 2px solid #eaeaea;
	display:block;
	float:left;
}

.product-detail-tab-bar ul li, .merchant-detail-tab-bar ul li, .page-layout-tab-bar ul li {
  display: block;
  margin: 0;
  line-height: 32px;
  height: 38px;
  color: #888888;
  font-size: 16px;
  text-align: center;
  color: #121212;
}

@media screen and (min-width: 1225px){
.product-detail-tab-bar ul li, .merchant-detail-tab-bar ul li, .page-layout-tab-bar ul li {
	padding: 0 25px;
}
}

.product-detail-tab-bar ul li a, .merchant-detail-tab-bar ul li a, .page-layout-tab-bar ul li a {
	display:block;
	margin: 0;
	line-height: 32px;
	height: 38px;
	color: #888888;
	font-size: 16px;
	text-align:center;
	text-decoration:none;
}

.product-detail-tab-bar ul li.active a, .merchant-detail-tab-bar ul li.active a, .page-layout-tab-bar ul li.active a {

	color: #121212;
}

.product-detail-tab-bar ul li.active, .merchant-detail-tab-bar ul li.active, .page-layout-tab-bar ul li.active {
	border-bottom: 2px solid #f0c400;
}

.product-detail-tab-bar ul li:hover, .merchant-detail-tab-bar ul li:hover, .page-layout-tab-bar ul li:hover {
	border-bottom: 2px solid #aaaaaa;
}

.product-detail-tab-bar ul li:hover a, .merchant-detail-tab-bar ul li:hover a, .page-layout-tab-bar ul li:hover a {
	color: #444444;
}

.product-detail-tab-bar ul li.active:hover, .merchant-detail-tab-bar ul li.active:hover, .page-layout-tab-bar ul li.active:hover {
	border-bottom: 2px solid #f0c400;
}

.product-detail-tab-bar ul li.active:hover a, .merchant-detail-tab-bar ul li.active:hover a, .page-layout-tab-bar ul li.active:hover a {
	cursor: default;
	color: #121212;
}


.product-listing-wrapper .product-detail-tab-content .column{
	display:block;
	float:left;
	overflow:hidden;
}

.product-listing-wrapper .product-detail-tab-content .column-01{
	width: 216px;
	padding-right:15px;
}

.product-listing-wrapper .product-detail-tab-content .column-02{
	width: 195px;
	padding-right:15px;
}

.product-listing-wrapper .product-detail-tab-content .column-03{
	width: 259px;
}


@media screen and (min-width: 1225px){
.product-listing-wrapper .product-detail-tab-content .column-01{
	width: 216px;
	padding-right:15px;
}

.product-listing-wrapper .product-detail-tab-content .column-02{
	width: 264px;
	padding-right:15px;
}

.product-listing-wrapper .product-detail-tab-content .column-03{
	width: 390px;
}
}


.product-listing-wrapper .product-detail-tab-content .product-list-fucntion-bar .column{
	width: auto;
}

.product-listing-wrapper .product-detail-tab-content .product-list-fucntion-bar .column-01{
	padding-right:0;
}

.product-listing-wrapper .product-detail-tab-content .product-list-fucntion-bar .column-04 {
	float: right;
}

.product-list-item-list .item-label {
	display: block;
	overflow:hidden;
	float:left;
}

.product-list-item-list .item-label .column {
	padding-top: 15px;
	height: 40px;
	line-height: 26px;
	border-bottom: 2px solid #eaeaea;
	font-size:12px;
	color: #777777;
}

.product-detail-tab-quote .product-list-item-list{
	display: block;
	/*overflow:hidden;*/
}

.product-detail-tab-quote .product-list-item-list ul{
	margin:0;
}

.product-detail-tab-quote .product-list-item-list ul li{
	display:block;
	padding:0;
	margin:0;
	float:left;
}

.product-detail-tab-quote .product-list-item-list ul li img{
	/*padding-right:3px;*/
}

.product-detail-tab-quote .product-list-item-list ul li.first-child {

}


.product-detail-tab-quote .product-list-item-list li .item{
	display:block;
	padding: 10px 0;
	overflow:hidden;
	background: url("../images/icon/item_rank_line.png") repeat-x 0 0;
}

.product-detail-tab-quote .product-list-item-list li .item .item-inner {
	display:block;
	overflow:hidden;
	position:relative;
}

.product-detail-tab-quote .product-list-item-list li:first-child .item{
	background:none;
}

.quote-shop-name{
	font-size: 13px;
}

.quote-shop-name a{
	font-size: 13px;
	color:#666666;
}

.quote-shop-star{
	padding-bottom:5px;
}

.quote-shop-stat ul{
	margin:0;
	padding: 0;
	overflow:hidden;
}

.quote-shop-stat ul li{
	margin:0;
	padding: 0;
	display:block;
	float:left;
	font-size:12px;
	color: #005151;
	padding-right:13px!important;
}

.quote-shop-stat ul li span{
	padding-left: 2px;
}

.quote-shop-contact {
	display:block;
	padding-top:10px;
}

.quote-shop-address, .quote-shop-phone {
	display:block;
	padding-top:15px;
	font-size:13px;
	line-height:15px;
}

.quote-shop-ar {
	display:block;
	overflow: hidden;
	padding-top:10px;
}

.quote-shop-ar .inner {
	display:block;
	border-radius: 5px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
	 background: #f97b00;
	 color:#ffffff;
	 overflow:hidden;
	 float:left;
	 font-size:12px;
	 padding: 4px;
	 line-height:14px;
}

.quote-shop-ar .ar-icon, .quote-shop-ar .ar-info {
	display:block;
	float:left;
}

.quote-shop-ar .ar-icon img{
	padding-top: 3px;
}

.quote-shop-ar .ar-icon{
	padding-right: 5px;
}

.product-detail-tab-quote .product-list-item-list .product-price{
	font-size:20px;
}

.quote-price-hong, .quote-price-water {
	padding-bottom:5px;
	display: block;
	padding-left: 5px;
}

.quote-price-date{
	color: #999999;
	font-size:11px;
	text-align:left;
	padding-bottom:15px;
	padding-left: 5px;
}

.quote-shop-remark{
	font-size: 13px;
	line-height:17px;
	margin-right: 26px;
	min-height: 30px;
}

.quote-price-refer{
		display:block;
	border-radius: 5px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
	 border: 1px solid #00a499;
	 width:160px;

}

.quote-price-refer .quote-price-label {
	background: #00a499;
	text-align:center;
	margin-bottom: 5px;
}

.quote-price-refer .quote-price-hong, .quote-price-refer .quote-price-water {
.padding-left: 4px;
}

.quote-price-refer-label, .quote-price-refer-action {
	text-align:center;
}

.quote-price-refer-label{
	font-size: 13px;
	color: #888888;
	padding-bottom:5px;
}

.quote-price-refer-action {
	padding-bottom:5px;
}

.quote-price-refer-action .btn {
	color:#666666;
	background:#dddddd;
	border: 2px solid #dddddd!important;
}

.quote-price-refer-action .btn:hover {
	color:#ffffff;
	background:#aaaaaa;
	border: 2px solid #aaaaaa!important;

}

.product-listing-wrapper .product-detail-tab-content .column-03{
	position: relative;
}

.quote-shop-report{
	display:block;
	position:absolute;
	right:0;
}


.product-listing-wrapper .product-detail-tab-content .column-04 {
	display:block;
	position:absolute;
	right:0;
	bottom: 0;
}


.quote-shop-source{
	font-size: 13px;
	height:24px;
	line-height:15px;
	padding-top: 10px;
	text-align: right;

	height: 32px;
}

.body-product-list .quote-shop-source .product-prop img{
	margin-top:0;
}


.product-list-remark{
	width:100%;
	font-size: 13px;
	color: #666666;
	display:block;
	overflow:hidden;
	padding: 10px 0;
	border-bottom: 2px solid #ebebeb ;
}

.product-list-remark .line {
	padding-bottom:8px;
}

.product-list-remark .line ul {
	margin: 0;
	padding:0;
}

.product-list-remark .line ul li {
	float: left;
	display:block;
	padding-right: 30px;
	padding-bottom:4px;
}


@media screen and (max-width: 1224px){
.product-list-remark .line ul li {
	  padding-right: 22px;
}
}


.product-list-remark .line ul li img {
	padding-right: 3px;
}

.product-detail-tab-content .product-list-pager .column{
	width:auto;
	position: relative;
}


/**/

.text-match{
	/*color: #00a499;*/
	font-weight:bold;
	color: #ff0000;
}

#price-search-box {
	/*border-radius: 0;*/
}

.keyword-search-box{
	display: block;
	position:absolute;
	background: #ffffff;
	z-index:1200000;
	width:431px;
	border: 1px solid #aab1c4;
	display:none;
	margin-top:0;
}

.keyword-search-box a{
	display: block;
	width:100%;
	overflow:hidden;
	height:60px;
}

.keyword-search-box a:hover {
	background: #eeeeee;
}

.keyword-search-box a.active {
	background: #cdcdcd;
}

.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-img img, .keyword-search-brand img {
	padding-top:5px;
}


.keyword-search-img img {
	width:50px;
	height:50px;
}

.keyword-search-brand img {
	width:100px;
	height:50px;
}

.keyword-search-img, .keyword-search-name, .keyword-search-rating {
	display: block;
	float:left;
}

.keyword-search-brand, .keyword-search-name {
	display: block;
	float:left;
}

.keyword-search-img, .keyword-search-brand{
	text-align: center;
	width: 100px;
	display:block;
}

.keyword-search-product .keyword-search-name{
	width: 195px;

	width: 213px;
	padding: 0 5px;
}

.keyword-search-shop .keyword-search-name{
	width: 247px;
	padding: 0 5px;
}

.keyword-search-rating {
	width: 60px;
}

.keyword-search-more{
	height:30px;
	text-align:center;
}

.keyword-search-more a {
	height:30px;
	text-align:center;
	color:#666666;
	line-height: 30px;
	font-size:12px;
}

.keyword-search-more a:hover {
	color:#444444;

	text-decoration:none;
}

.keyword-search-product-name, .keyword-search-shop-name {
	font-size:12px;
	color:#444444;
	padding-top:4px;
}

.keyword-search-product-cat{
	font-size: 11px;
	color:#666666;
}

/*20160113*/
.keyword-search-history .keyword-search-name .keyword-search-product-name{
overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 370px;
}


.product-price-cheap{
	/*color:#ff7700;*/
}

.product-listing-wrapper .product-detail-tab-content .product-list-fucntion-bar .column-04 {
	position: relative;
}


.product-list-action-bar{
	display:block;
	overflow:hidden;
	padding: 25px 0;
	border-bottom: 2px solid #ebebeb;
}

.product-list-action-bar .page-product {
	display:block;
	overflow:hidden;
}


.second-product-sell {
	display:block;
	overflow:hidden;
	margin: 0 auto;
	width: 180px;
}

.second-product-sell a {
	width: 100%;
	overflow:hidden;
}


.product-listing-wrapper .product-detail-tab-content .product-detail-tab-second .product-list-item-list .column-04{
	position: relative;
}


.product-listing-wrapper .product-detail-tab-content .product-detail-tab-second .product-list-item-list .column-01{
	width: 360px;

}

.product-listing-wrapper .product-detail-tab-content .product-detail-tab-second .product-list-item-list .column-02{
	width: 120px;

}

.product-listing-wrapper .product-detail-tab-content .product-detail-tab-second .product-list-item-list .column-03{
	width: 79px;
	text-align:left;
}

.product-listing-wrapper .product-detail-tab-content .product-detail-tab-second .product-list-item-list .column-04{
	width: 106px;
	text-align: right;
}


@media screen and (min-width: 1225px){
.product-listing-wrapper .product-detail-tab-content .product-detail-tab-second .product-list-item-list .column-01{
	width: 480px;
}

.product-listing-wrapper .product-detail-tab-content .product-detail-tab-second .product-list-item-list .column-02{
	width: 145px;
}

.product-listing-wrapper .product-detail-tab-content .product-detail-tab-second .product-list-item-list .column-03{
	width: 104px;
}

.product-listing-wrapper .product-detail-tab-content .product-detail-tab-second .product-list-item-list .column-04{
	width: 136px;
}
}

.product-listing-wrapper .product-detail-tab-content .product-detail-tab-second .product-list-item-list ul{
	margin:0;
	padding: 0;
}

.product-listing-wrapper .product-detail-tab-content .product-detail-tab-second .product-list-item-list ul li{
	margin:0;
	padding: 0;
}

.product-listing-wrapper .product-detail-tab-content .product-detail-tab-second .product-list-item-list ul li .item{
	display:block;
	padding: 15px 0;
	overflow:hidden;
	background: url("../images/icon/item_rank_line.png") repeat-x 0 0;
}

.product-listing-wrapper .product-detail-tab-content .product-detail-tab-second .product-list-item-list ul li:first-child .item{
	background: none;
}


.product-detail-tab-content .product-detail-tab-second .product-list-remark .line{
	padding-bottom: 0;
}

.product-detail-tab-content .product-detail-tab-second .product-list-remark .line a {
	color: #888888;
	font-size: 12px;
}

.product-detail-tab-content .product-detail-tab-second .product-list-remark .line img {
	padding-right: 5px;
}


.second-product-img, .second-product-title {
	float: left;
	display:block;
	overflow:hidden;
}

.second-product-img{
	width: 62px;
}

.second-product-img img{
	width: 60px;
	height: 60px;
	border: 1px solid #dddddd;
}

.second-product-title {
	padding-left: 10px;
	width: 288px;
}

@media screen and (min-width: 1225px){
.second-product-title {
	width: 408px;
}
}

.second-product-title a {
	font-size: 13px;
	color: #222222;
}

.second-product-prop {
	font-size: 13px;
	color: #444444;
}

.second-product-price{
	font-size: 15px;
	color: #e02152;
	font-weight:bold;
}

.second-product-username{
	font-size: 13px;
}

.second-product-username a{
	color: #00a499;
}

.second-product-date{
	font-size: 11px;

}


.product-prop-overall{
	width: 200px;
}

.product-prop-01{
	padding-bottom: 5px;
	font-size:14px;
	color: #666666;
}

.product-prop-02{
	padding-bottom: 10px;
	font-size:13px;
}
.product-prop-03{
	font-size: 11px;
	color: #00a499;
}


.list-empty{
	text-align: center;
}








.product-listing-wrapper .product-detail-tab-content .product-detail-tab-comment .product-list-item-list .column-04{
	position: relative;
}


.product-listing-wrapper .product-detail-tab-content .product-detail-tab-comment .product-list-item-list .column-01{
	width: 224px;
	margin-right: 15px;
	text-align:center;
}

.product-listing-wrapper .product-detail-tab-content .product-detail-tab-comment .product-list-item-list .column-02{
	width: 426px;
}


@media screen and (min-width: 1225px){
.product-listing-wrapper .product-detail-tab-content .product-detail-tab-comment .product-list-item-list .column-01{

}

.product-listing-wrapper .product-detail-tab-content .product-detail-tab-comment .product-list-item-list .column-02{
	width: 626px;
}

}

.product-listing-wrapper .product-detail-tab-content .product-detail-tab-comment .product-list-item-list .item{
	padding-bottom: 15px;
}

.product-listing-wrapper .product-detail-tab-content .product-detail-tab-comment .product-list-item-list .item .line-upper, .product-listing-wrapper .product-detail-tab-content .product-detail-tab-comment .product-list-item-list .item .line-lower {
	clear: both;
}

.comment-user-img{
	display:block;
	text-align:center;
	padding-bottom: 5px;
}

.comment-user-img img{
	width: 72px;
	height: 72px;
		  border-radius: 36px;
  -webkit-border-radius: 36px;
     -moz-border-radius: 36px;
}

.comment-user-name{
	color: #00a499;
	font-size: 14px;
	padding-bottom: 10px;
}

.comment-user-info{
	font-size: 12px;
}

.comment-user-rating{
	font-size: 11px;
	padding-top:10px;
}

.comment-user-rating .rating-table{
	border-radius: 4px;
	background: #ffffff;
	border: 1px solid #dfdfdf;
	padding: 10px;
	font-size: 11px;
	display: block;
	margin: 0 auto;

	width: 180px;

	line-height: 19px;
}

.comment-user-rating .rating-table table{
	text-align: center;
	margin: 0 auto;
}

.comment-user-fb-share{
	padding-top: 10px;
	font-size:13px;
	padding-bottom:15px;
}

.comment-user-fb-share .icon-fb img {
	padding-bottom: 2px;
}

.merchant-comment-user-label{
	width: 92px !important;

}

.comment-user-label{
	display:block;
	overflow:hidden;
	float:left;
	width: 40px;
	font-size: 13px;
	color: #00a499;
}



.comment-user-detail{
	display:block;
	overflow:hidden;
	float:left;
	width: 326px;
	font-size: 13px;
	color: #222222;
}

@media screen and (min-width: 1225px){
.comment-user-detail{
	width: 566px;
}
}

@media screen and (min-width: 1225px){
.merchant-comment-user-detail{
	width: 525px!important;
}
}

.comment-user-detail {
	padding-bottom: 10px;
}


.product-listing-wrapper .product-detail-tab-content .product-detail-tab-comment .product-list-item-list .item .line-lower .column {
	background: url("../images/icon/item_rank_line.png") repeat-x;
	padding-top:10px;
}
.product-listing-wrapper .product-detail-tab-content .product-detail-tab-comment .product-list-item-list .item .line-lower{
}

.comment-user-date{
	font-size:12px;
	text-align: center;
	line-height: 34px;
}

.comment-user-function div{
	display: block;
	float:left;
	font-size:12px;
	line-height: 34px;
}

.comment-user-function div.comment-user-action {
	display: block;
	float:right;
	text-align: right;
}


.product-listing-wrapper .product-detail-tab-content .product-detail-tab-comment .product-list-item-list li {
	border-bottom: 2px solid #ebebeb ;
	padding: 15px 0;
}

.comment-user-no{
	border: 1px solid #ccd1d9;
	border-radius: 4px;
	line-height: 34px;
	font-size: 16px!important;
	font-weight:bold;
	height: 34px;
	text-align:center;
	margin-right: 10px;
	padding: 0 8px;
}

.product-listing-wrapper .product-detail-tab-content .product-detail-tab-comment .product-list-item-list li .btn-yes{
	padding: 0 3px;
}

.comment-user-function div.comment-user-action .action-after {
	color: #00a499;
}





.product-detail-tab-bar{
	overflow: hidden;
	position: relative;
	margin-right: 20px;
  padding-bottom: 0px;
}

.product-detail-tab-bar.stick{
    float: none;
    clear: both;
    margin-top: 0 !important;
    position: fixed;
    top: 0;
    z-index: 10000;
    width: inherit;
}

.home-list-block-02 .product-detail-tab-bar {
	margin-right: 0;
}

.product-detail-tab-bar .pull-right{
	position: absolute;
	right: 0;
	z-index: 0;
	top: 10px;
  color:#888;
}


.product-listing-wrapper .product-detail-tab-content .product-detail-tab-quote .product-list-remark{
	border-top: 2px solid #ebebeb ;
}

.product-list-item-list .list-shop ul {
	margin: 0;
}

.product-list-item-list .list-shop ul li{
	padding: 0;
	display:block;
	overflow:hidden;
	float:left;
}

.product-list-item-list .list-shop li .item{
	display:block;
	width:100%;
	border-bottom: 1px solid #eaeaea;
	padding: 15px 0;
	overflow:hidden;
}

.product-list-item-list .list-shop li .item .column {
	display:block;
	overflow:hidden;
	float:left;
}

.product-list-item-list .list-shop li .item .column-01 {
	width:202px;
}

.product-list-item-list .list-shop li .item .column-02 {
	width:368px;
	padding-left:10px
}

.product-list-item-list .list-shop li .item .column-03 {
	width:100px;
}


@media screen and (min-width: 1225px){
.product-list-item-list .list-shop li .item .column-02 {
	width:568px;
}
}


.product-list-item-list .list-shop li .item .column-01 img {
	width:200px;
	height: 100px;
	border: 1px solid #eaeaea;
}

.product-list-item-list .list-shop li .item .column-02 .line-01 a {
	color: #111111;
	margin-bottom: 3px;
	font-size: 17px;
	font-weight: bold;

}

.product-list-item-list .list-shop li .item .column-02 .line-01 a:hover {

	/**/
	color: #00a499;
}

.product-list-item-list .list-shop li .item .column-02 .line-01 {
	padding-bottom: 5px;

}

.shop-contact table {

}

.product-list-item-list .list-shop li .item .column-02 .line-02 {
	font-size: 12px;
	color: #222222;
}

.product-list-item-list .list-shop li .item .column-02 .line-02 .shop-contact {
	padding-top: 12px;
	display: block;
	float: left;
	width: auto;

}

.product-list-item-list .list-shop li .item .column-02 .line-02 .shop-contact .contact-label{
	padding-right:15px;
	width: 50px;
	vertical-align: top;
}

.product-list-item-list .list-shop li .item .column-02 .line-02 .shop-contact .contact-info{
	padding-bottom: 4px;
}

.product-list-item-list .list-product .item .column-02 .line-04{
	font-size: 12px;
}


.product-list-static-page{
	padding: 15px 0 30px;
}

.contact-info{
	padding-right: 15px;
}

.product-list-item-list .list-shop li .item .quote-shop-stat li{
	width: 100%;
	padding-bottom: 5px;
}

.product-list-item-list .list-shop li .item .quote-shop-star{
	padding-bottom: 10px;
}

.product-list-item-list .list-shop li .item .quote-shop-stat{
	padding-bottom: 5px;
}


/* 0316 */
.list-empty-search{
	min-height: 0;
	padding-top: 55px;
	padding-top: 40px;
	height: 135px;
 	color: #222222;
}

.body-product-list .list-empty.list-empty-search{
	height: 170px;
 	color: #222222;
	min-height: 0;
	padding-top: 40px;
}

.page-view-header .line.line-01 {
	overflow: hidden;
}

.list-empty-search .info-message > a {color: #00a499;}

.empty-search-btn {
    color: #00a499;
    cursor: pointer;
}

.empty-search-btn:hover {
    color: #08867d;
}

/*#searchg{
	padding: 5px 0;
}

*/


.list-hot-items .item-lower .item .column-03 .line-01, .list-new-items .item-lower .item .column-03 .line-01 {
	width: 170px;
}
.list-hot-items .item-lower .item .column-03 .line-01 a, .list-new-items .item-lower .item .column-03 .line-01 a {
	width: 175px;
}

.list-hot-items .item-lower .item .column-03 .line-02, .list-new-items .item-lower .item .column-03 .line-02 {
	width: 77px;
	text-align: left;
}



.profile-wrapper .list-purchase-record .column {
	width: auto;
	min-height: 0;
	border: 0;
	display:block;
	float:left;
}

.profile-wrapper .list-purchase-record ul.list-inline {
	margin:0;
}

.profile-wrapper .list-purchase-record ul.list-inline li {
	width: auto;
	height: auto;
}

.profile-wrapper .list-purchase-record .item-label .column {
	padding-top: 25px;
	line-height: 26px;
	border-bottom: 2px solid #eaeaea;
	font-size: 13px;
	color: #888888;
	padding-bottom:3px;
	height: 56px;
}

.profile-wrapper .list-purchase-record .item-label, .profile-wrapper .list-purchase-record ul.list-inline .item{
	display:block;
	overflow: hidden;
}

.profile-wrapper .list-purchase-record ul.list-inline .item{
	padding: 12px 0;
}


.profile-wrapper .list-purchase-record .active .item{
	background: #efefef;
}

.profile-wrapper .list-purchase-record .column-01 {
	width: 40px;
	padding-left:15px;
}

.profile-wrapper .list-purchase-record .column-02 {
	width: 80px;
	padding-left:15px;
}

.profile-wrapper .list-purchase-record .column-03 {
	width: 130px;
	padding-left:15px;
	position:relative;
	min-height: 23px;
}

@media screen and (min-width: 1225px){
.profile-wrapper .list-purchase-record .column-03 {
	width: 260px;
}
}

.profile-wrapper .list-purchase-record .column-04 {
	width: 90px;
	padding-left:15px;
}

@media screen and (min-width: 1225px){
.profile-wrapper .list-purchase-record .column-04 {
	width: 140px;
}
}

.profile-wrapper .list-purchase-record .column-05 {
	width: 140px;
	padding-left:15px;
}

@media screen and (min-width: 1225px){
.profile-wrapper .list-purchase-record .column-05 {
	width: 154px;
}
}

.profile-wrapper .list-purchase-record .column-06 {
	width: 90px;
	padding-left:15px;
}

.profile-wrapper .list-purchase-record .column-07 {
	width: 107px;
	text-align:right;
	padding-left:15px;
	padding-right:15px;
}

.profile-wrapper .list-purchase-record .column-08 {
	padding-left: 158px;
}

.profile-wrapper .list-purchase-record ul.list-inline .item .column, .profile-wrapper .list-purchase-record ul.list-inline .item .column span {
	font-size: 13px;
	color: #555555;
	font-weight:normal;
}

.purchase-record-date, .purchase-record-date span {
	font-size: 12px!important;
}

.purchase-record-date.tracking-code-display, .purchase-record-date.tracking-code-display span {
	width: 100%;
}

.purchase-record-time, .purchase-record-time span {
	font-size: 11px!important;
}

.purchase-record-prop{
	position:absolute;
	display:block;
	width: 20px;
	height:20px;
}



.purchase-record-phone span{
	font-size: 12px!important;
}


.text-price-unit {

}

.text-price-number {
	font-size: 1.2em;
}

.body-product-list .product-list-item-list .list-product .item .column-03 .product-prop img{
	margin-top: -10px;
}

.merchant-col-img{
	width:202px;
	display:block;
	overflow:hidden;
	float:left;
}

.merchant-col-info{
	width:453px;
	display:block;
	overflow:hidden;
	float:left;
	padding-left: 15px;
}


@media screen and (min-width: 1225px){
.merchant-col-info{
	width:653px;
}
}

.merchant-detail-info{
	padding-top: 15px;
	padding-bottom:55px;
	border-bottom: 2px solid #ebebeb;
}

.merchant-image img{
width: 200px;
height: 100px;
border: 1px solid #dddddd;
}

.merchant-col-img .line-img {
	padding-bottom: 10px;
}

.merchant-name{
	font-size: 18px;
	color:#444444;
	text-align: center;
	font-weight:bold;
	padding-bottom: 10px;
}

.merchant-shop-star{
	text-align: center;
	padding-bottom: 10px;
}

.merchant-shop-stat{
	text-align: center;
	font-size: 12px;
	color: #00a499;
}

.merchant-info-label{
	white-space:nowrap;
}

.merchant-table{
	font-size: 13px;
	color:#444444;
	line-height: 22px;

}

.merchant-table td{
	vertical-align:top;
}

.merchant-info-label {
	padding-bottom: 5px;
	padding-right: 8px;
}

.merchant-table a{

}

.product-list-item-list .page-merchant .item .column {
	float:left;
	display:block;
	width:auto;
	position:relative;
}

.product-list-item-list .page-merchant .item .column-01 {
	width: 152px;
}

.product-list-item-list .page-merchant .item .column-02 {
	width: 303px;
	padding-left: 15px;
}

@media screen and (min-width: 1225px){
.product-list-item-list .page-merchant .item .column-02 {
	width: 503px;
}
}

.product-list-item-list .page-merchant .item .column-03 {
	width: 210px;
}

.product-list-item-list .page-merchant .item .column-03 .line-01 {
	text-align:right;
	padding-bottom:15px;

}

.product-list-item-list .page-merchant .item{
	border-bottom: 1px solid #ebebeb;
	padding: 15px 0;
	display:block;
	overflow:hidden;
}

.product-list-item-list .page-merchant .column-02 .line-img img{
width: 150px;
height: 150px;
border: 1px solid #eaeaea;
}


.product-list-item-list .page-merchant .column-02 .item-function{
  /*background: url("../images/icon/item_rank_line.png") repeat-x;*/
  padding-top:10px;
  margin-right: 15px;
}



.item-function li{
	line-height:18px;
	height: 20px;
	display: inline;
	font-size: 12px;
	padding-right: 20px;
	float:left;
}

.item-function li a{
	height: 18px;
	line-height:18px;
	color: #666666;
	padding-left:20px;
}

.item-function li a:hover {
	color: #00a499;
}

.item-function li.active a{
	color: #00a499;
}

.item-function li.function-quote a {
	background: url("../images/icon/item_function_01.png?v=2") no-repeat;
}

.item-function li.function-quote a:hover, .item-function li.function-quote.active a {
	background: url("../images/icon/item_function_01_hover.png") no-repeat;
}

.item-function li.function-bookmark a {
	background: url("../images/icon/item_function_02.png") no-repeat;
}

.item-function li.function-bookmark a:hover, .item-function li.function-bookmark.active a {
	background: url("../images/icon/item_function_02_hover.png") no-repeat;
}

.item-function li.function-comment a {
	background: url("../images/icon/item_function_03.png?v=2") no-repeat;
}

.item-function li.function-comment a:hover, .item-function li.function-comment.active a {
	background: url("../images/icon/item_function_03_hover.png?v=2") no-repeat;
}

.item-function li.function-rating a {
	background: url("../images/icon/item_function_04.png") no-repeat;
}

.item-function li.function-rating a:hover, .item-function li.function-rating.active a {
	background: url("../images/icon/item_function_04_hover.png") no-repeat;
}



.product-list-item-list .page-merchant .column-02 .line-04 {
	font-size: 11px;
	color: #222222;
}


.product-list-item-list .page-merchant .column-02 .line-04 .item-attr {
	padding-top: 12px;
	display:block;
	float: left;
	width:auto;
	padding-right:50px;
	font-size: 12px;
	padding-bottom: 15px;
}

.product-list-item-list .page-merchant .column-02 .line-04 .item-attr .attr-label {
	padding-right:7px;
	white-space: nowrap;
	vertical-align: top;
}

@media screen and (max-width: 1224px){
.product-list-item-list .page-merchant .column-02 .line-04 .item-attr-02 {
	display:none;
}
}

.product-list-item-list .page-merchant .column-01 .line-img img{
	width: 150px;
  height: 150px;
  border: 1px solid #ffffff;
}

.product-list-item-list .page-merchant .column-03 .quote-price-refer {
	float:right;
}


/*.quote-price-refer span.product-price{
	color: #e02152;
	padding-left:5px;

}

.quote-price-refer .quote-price-hong, .quote-price-refer .quote-price-water {
	text-align:right;
	padding-right: 10px;
}*/


.merchant-detail-tab-bar{
	padding-top: 15px;
}




.merchant-detail-tab-address .product-list-item-list .page-merchant .column {
	float:left;
	display:block;
	width:auto;
	position:relative;
}

.merchant-detail-tab-address .product-list-item-list .page-merchant .item-label .column{
	padding-top: 15px;
}

.merchant-detail-tab-address .product-list-item-list .page-merchant .column-01 {
	width: 305px;
	padding:0;
}

@media screen and (min-width: 1225px){
.merchant-detail-tab-address .product-list-item-list .page-merchant .column-01 {
	width: 505px;
}
}

.merchant-detail-tab-address .product-list-item-list .page-merchant .column-02 {
	width: 140px;
	padding:0;
}

.merchant-detail-tab-address .product-list-item-list .page-merchant .column-03 {
	width: 220px;
	padding:0;
}


.merchant-shop-address, .merchant-shop-time, .merchant-shop-phone {
	font-size: 13px;
}

.merchant-detail-tab-address .product-list-item-list .page-merchant .item{
	/*background: url("../images/icon/item_rank_line.png") repeat-x;*/
}

.merchant-shop-address a, .merchant-shop-time a, .merchant-shop-phone a {
	color: #00a499;
}



/*0319*/

.news-unit{

}

.tab-news-pane-wrapper{
	background: #ffffff;
	padding-top: 8px;
}

.news-img{
	padding-bottom:5px;
}

.news-title h3{
	font-size:18px;
	padding:0;
	margin:0;
	padding:5px 0;
}

.tab-news-small .news-unit{
	width: 184px;
	display:block;
	float:left;
	margin: 5px;
	height: 180px;
}



.body-home .home-block-01 .nav-tabs{
	margin: 0 13px;
}

.tab-news-large {
	padding: 0 13px;
	padding-bottom: 8px;
}

.tab-news-small {
	padding: 0 8px;
	display:block;
	overflow:hidden;
}


.tab-news-small .news-title h3 {
	font-size: 15px;
	line-height: 18px;
	padding-top: 3px;
}

.tab-news-small .news-sub {
	font-size: 12px;
}

.tab-news-pane-wrapper a{
	color:#222222;
}

.tab-news-pane-wrapper a:hover {
	color:#00a499;
}

.tab-news .tab-content, .tab-news{
	height:auto;
	height: 510px;
}

.tab-news-more{
	margin: 0 13px;
	background: url("../images/icon/item_rank_line.png") repeat-x;
	padding: 10px 0;
	text-align:right;
	/*border-top: 1px solid #ebebeb;*/
}

.tab-news-more a {
	color:#00a499;
}

@media screen and (max-width: 1224px){
.menu-mega-label h2{
	/*font-size: 12px;*/
}
}

.body-home .tab-content {
  padding-top: 0px;
}

.product-price{

}

.tab-content .list-fav-product .item .item-inner .product-price {
	/*color: #c91547;*/
}

.tab-content .list-fav-product .item .item-inner .line-01{
	padding-top: 6px;
	padding-left: 8px;
	padding-right: 8px;
	font-weight:bold;
}

.tab-content .list-fav-product .item .item-inner .line-03 img{
	padding-right: 0;
	/*padding-left: 5px;*/
	padding-bottom: 2px;
}

.tab-content .list-fav-product li, .tab-content .list-fav-product li .item, .tab-content .list-fav-product li .item .item-inner, .tab-content .list-fav-product li .item .item-inner a {
	width: 225px;
}

@media screen and (min-width: 1225px){
.tab-content .list-fav-product li, .tab-content .list-fav-product li .item, .tab-content .list-fav-product li .item .item-inner, .tab-content .list-fav-product li .item .item-inner a {
	width: 219px;
}
}

.tab-content .profile-list-item-list{
	min-height:0;
}

.tab-content .list-fav-product{
	border-right: 1px solid #ebebeb;
	height: 436px;
	display:block;
	overflow:hidden;

}

.tab-content .list-fav-product ul{
	height: 438px;
	display:block;
	overflow:hidden;

}

.home-block-02 .tab-content .list-fav-product ul, .home-block-03 .tab-content .list-fav-product ul {
	width:888px;
}




.home-block-03{
	padding-bottom: 60px;
}


@media screen and (max-width: 1224px){
.tab-content .list-fav-product .item-07, .tab-content .list-fav-product .item-08 {
	display:none;
}
}



.star-group{
	padding-bottom: 50px;
	overflow: hidden;
}

.star-group ul{
	margin-bottom:0;
	padding-top:15px;
	padding-left:18px;
}

#star-groups{
	padding-top:30px;
	padding-bottom: 100px;
}

.star-group-title{
	line-height: 32px;
	height: 38px;
	color: #444444;
	font-size: 16px;
	border-bottom: 2px solid #eaeaea;
	/*padding-left:15px;*/

}

.star-group-title .inner{
	  color: #444444;
	  font-weight:bold;
	  border-bottom: 2px solid #f2c301;
	  display: block;
	height: 38px;
	float: left;
	padding: 0 15px;
}


.star-group ul li, .news-related-wrapper ul li, .news-product-wrapper ul li {
	float: left;
	width:50%;
	display:block;
	padding: 8px 0;
	font-size:15px;
	margin:0;
	background: url("../images/icon/list_bullet_01.png") no-repeat 0 16px ;
	padding-left: 15px;
}

.star-group ul li a, .news-related-wrapper ul li a, .news-product-wrapper ul li a {
	color:#00a499;

}


#star-group5 .star-group-title .inner {
	background: url("../images/icon/starshop_star_5.png") no-repeat 6px 5px ;
	padding-left:35px;
}

#star-group4 .star-group-title .inner{
	background: url("../images/icon/starshop_star_4.png") no-repeat 6px 5px ;
	padding-left:35px;
}

#star-group3 .star-group-title .inner{
	background: url("../images/icon/starshop_star_3.png") no-repeat 6px 5px ;
	padding-left:35px;
}

#star-group2 .star-group-title .inner{
	background: url("../images/icon/starshop_star_2.png") no-repeat 6px 5px ;
	padding-left:35px;
}

#star-group1 .star-group-title .inner{
	background: url("../images/icon/starshop_star_1.png") no-repeat 6px 5px ;
	padding-left:35px;
}



.list-news{

}

.list-news ul{
	margin: 0;
}

.list-news ul li{
	margin: 0;
	padding: 0;
	display:block;
}

.list-news .item {
	display:block;
	overflow: hidden;
	border-bottom: 1px solid #ebebeb;
  padding: 15px 0;
  display: block;
  overflow: hidden;
  float:left;
}

.list-news .news-highlight {

}

.list-news .news-normal {



}

.list-news .news-highlight .column, .list-news .news-normal .column {
	float:left;
}

.list-news .news-highlight .column-01{
	width:432px;
}

.list-news .news-highlight .column-02{
	width:223px;
	padding-left:15px;
}

@media screen and (min-width: 1225px){
.list-news .news-highlight .column-02{
	width:423px;
}
}



.list-news .news-normal .column-01{
	width:208px;
}

.list-news .news-normal .column-02{
	width:447px;
	padding-left:15px;
}

@media screen and (min-width: 1225px){
.list-news .news-normal .column-02{
	width:647px;
}
}

.news-row-title{
	font-size: 19px;
}

.news-row-title a{
	font-size: 19px;
	color: #444444;
	font-weight:bold;
}

.news-row-title a:hover {
	color: #00a499;
	text-decoration:none;
}

.news-row-date, .news-page-date, .news-row-view, .news-page-view {
	color: #00a499;
	line-height:16px;
	font-size: 12px;
	height:24px;
	padding: 4px 0;
	display:block;
}

.news-row-date img, .news-page-date img, .news-row-view img, .news-page-view img {
	padding-right:3px;
}

.news-row-intro a{
	font-size: 13px;
	color: #444444;
	line-height: 14px;
}

.news-row-intro a{
	text-decoration:none;
}

.list-news .news-highlight .news-row-intro{
	padding-top:10px;
}

.news-row-intro{
	padding-top:6px;
}

.column-side{
	padding-bottom: 30px;
}

.news-page-title h3 {
	font-size: 24px;
	color: #111111;
	font-weight:bold;
	margin:0;
	padding:0;

}

.news-page-title h3 {
	padding-top: 20px;
	padding-bottom: 5px;
}

.news-page-date{
	padding-top:4px;
}

.news-content-area{
	padding-top:20px;
}

/* news content style */

.news-content-area p{
	font-size:18px;
	line-height:32px;
	padding-bottom: 15px;
	margin:0;
}

.news-content-area h1, .news-content-area h2, .news-content-area h3 {
	font-size:20px;
	margin:0;
	padding-bottom:15px;
}

.news-content-area h4, .news-content-area h5, .news-content-area h6 {
	margin:0;
	padding-bottom:10px;
}

.news-content-area h1{
	font-weight:bold;
	color: #00a499;
}

.news-content-area h2{
	font-weight:normal;
	color:#666666;
}

.news-content-area h3{
	font-weight:normal;
	color: #00a499;
}

.news-content-area h4{
	font-size:18px;
	color:#666666;
}

.news-content-area h5{
	font-size:17px;
	color: #00a499;
}

.news-content-area h6{
	font-size:16px;
	font-weight:bold;
}



.news-block-product-related, .news-block-fb-comment, .news-block-news-other, .news-block-news-related {
	padding-top: 30px;
}

.page-layout-tab-bar {
  padding-bottom: 0px;
}

.page-layout-tab-content{
	padding-top:10px;
	padding-bottom:20px;
}

.news-other-wrapper{
	display:block;
	overflow:hidden;
}

.news-other-previous, .news-other-next {
	display:block;
	float:left;
	width:335px;
	overflow:hidden;
}

.news-other-next {
	background: url("../images/icon/item_news_line.png") repeat-y ;
	float:right;
}

@media screen and (min-width: 1225px){
.news-other-previous, .news-other-next {
	width:435px;
}
}

.news-control{
	display:block;
	width:50px;
}

.news-other-previous .news-control, .news-other-previous .news-unit-item {
	float:left;
	display:block;
	height:182px;
}

.news-other-next .news-control, .news-other-next .news-unit-item {
	float:right;
	display:block;
	height:182px;
}

.news-unit-item {
	width:285px;
	padding: 0 15px;
	text-align:center;
	padding-top:10px;
}

@media screen and (min-width: 1225px){
.news-unit-item {
	width:385px;
}
}


.news-control a{
	display:block;
	width:50px;
	height:80px;
	margin-top:51px;
}

.news-other-previous .news-control a{
	background: url("../images/icon/news_prev.png") no-repeat ;
}

.news-other-previous .news-control a:hover {
	background: url("../images/icon/news_prev_hover.png") no-repeat ;
}

.news-other-next .news-control a{
	background: url("../images/icon/news_next.png") no-repeat ;
}

.news-other-next .news-control a:hover {
	background: url("../images/icon/news_next_hover.png") no-repeat ;
}

.news-unit-title{
	padding-top: 5px;
}

.news-unit-title a {
	color:#666666;
}

.news-unit-title a:hover {
	color:#00a499;
}


.news-block-news-other {
border-bottom: 1px solid #eaeaea;
}

.news-related-wrapper, .news-product-wrapper {
	display:block;
	overflow:hidden;
}

.news-related-wrapper ul, .news-product-wrapper ul {
	margin:0;
	padding: 0;
	padding-top:10px;
	padding-left:10px;
}

.news-related-wrapper ul li, .news-product-wrapper ul li {
	margin:0;
	padding-right:25px;
	padding-top:0;
	background: url("../images/icon/list_bullet_01.png") no-repeat 0 8px;
	font-size:14px;
}

.news-block-news-related{
	border-bottom: 2px solid #eaeaea;
	margin-bottom: 30px;
}

.search-box select{

}

.search-box select:focus {

}

.search-box{
	/*border-radius: 4px;*/
}






.news-img a{
	width:572px;
	height:210px;
}

.tab-news-large .news-img a{
	width:572px;
	height:210px;
	display:block;
	background-position: top center;
	/*background-size: 572px 322px;*/
}

.tab-news-small .news-img a{
	width:184px;
	height:104px;
	display:block;
	background-position: center center;
	background-size: 184px 104px;
}

.home-wrapper{
	padding-bottom:30px;
}

.news-sub{
	white-space:nowrap;
	height: 20px;
	width: 40em;
	overflow:hidden;
	text-overflow:ellipsis;
}


.product-rating-wrapper, .fb-like-ntn-wrapper{
	display: block;
	float:left;
}

/*0330*/

.keyword-search-product-cat .quote-shop-star{
	padding-top: 3px;
}

.list-hot-merchant .quote-shop-star img{
	border: none;
}

.product-list-fucntion-bar .page-product {
	position: relative;
}

.product-listing-wrapper .product-detail-tab-content .product-list-fucntion-bar .column-04{
	position:absolute;
	  top: 0px;
  height: 34px;
}

@media screen and (max-width: 1224px){
.product-listing-wrapper .product-detail-tab-content .product-list-fucntion-bar .column-04 .filter-label{
	display:none;
}
}

.btn-small,.btn_small{
	padding: 2px 8px;
	margin-top:3px;
}

.merchant-col-img .product-detail-function{
	background: none;
}

.merchant-col-img .product-detail-function ul li {
	width:98px;
	margin: 0 auto;
	display:block;
	float:none;
	padding:0;
}

.merchant-info-label{
	padding-right: 12px;
}




.product-list-item-list .item-function li {
 padding-right: 0;
  float:none;
    line-height: 18px;
  height: 20px;
  display: block;
}

.product-list-item-list .page-merchant .item-function li {
	  padding-right: 20px;
	  float:left;
}


.list-fav-merchant .item .item-inner .line-01 {
	font-size: 15px;
	padding: 0 10px;
	line-height: 20px;
	padding-top: 20px;
	height: 90px;

	font-size: 14px;
	line-height: 19px;
	padding-top: 8px;
	height: 50px;
}

.list-fav-merchant .item .item-inner .merchant-shop-stat li {
	height:auto;
	border:none;
	width:auto;
	display:inline-block;
	float:none;
}


.list-fav-merchant .item .item-inner .merchant-shop-stat{
	height:22px;
	padding-bottom:6px;
}

.list-fav-merchant .item .item-inner .merchant-shop-star{
	text-align: center;
  padding-bottom: 10px;
}

.list-fav-merchant .item .line-img{
	padding-top:6px;
}


.purchase-record-remark {
	width:520px;
}

@media screen and (min-width: 1225px){
.purchase-record-remark {
	width:720px;
}
}

.purchase-record-remark .product-remark-label {
	border-bottom: 1px solid #ededed;
	font-size: 13px;
	color: #888888;
	padding-bottom:3px;
}

.purchase-record-remark .product-remark {
	padding-bottom:10px;
	padding-top:4px;
}

.product-remark-link{
	padding-top:6px;
}

.product-remark-link a{
	color: #00a499;
}


.body-reg.body-reg-page-03-3 .form-group.form-group-no-input, .form-group.form-group-no-input, .body-reg.body-reg-page-03-3 .form-group.edit-profile-tnc {
	height:30px;
}

.edit-profile-phone .reg-form-label, .edit-profile-name .reg-form-label, .edit-profile-pw-old .reg-form-label, .edit-profile-pw-new-re .reg-form-label {
	line-height: 44px;
}

.edit-profile-image-wrapper img {
	wdith: 140px;
	height: 140px;
		border: 2px solid #dddddd;
	        border-radius: 70px;
  -webkit-border-radius: 70px;
     -moz-border-radius: 70px;
	 margin-bottom:5px;
}

.edit-profile-image-wrapper span {

}

.reg-form-link{
	position: absolute;
  display: block;
		margin-left: 340px;
  margin-top: -48px;
  height:50px;
  line-height:50px;
}

.page-breadcrumb .bread-section a {
	color: #666666;
}

.page-breadcrumb .bread-section a:hover {
	color: #00a499;
}

.page-breadcrumb .bread-path {
	color: #666666;
	padding-left:15px;
}



.browse-history-box {
  display: block;
  position: absolute;
  background: #ffffff;
  z-index: 140000;
  width: 318px;
  border: 1px solid #666666;
  display: none;
  /*margin-left: -258px;*/
  margin-top:6px;
}

.header-top .column .browse-history-box ul{
	padding:0;
}

.header-top .column .browse-history-box ul li{
   display: block;
   overflow: hidden;
   height: 27px;
   background: url("../images/icon/item_rank_line.png") repeat-x 0 26px;
}

.header-top .column .browse-history-box ul li:last-child {
	background: none;
}

.header-top .column .browse-history-box ul li a{
  margin: 0;
  background: url("../images/icon/list_bullet_01.png") no-repeat 8px 10px;
  padding-left: 20px;
  font-size: 11px;
  line-height: 25px;
  display:block;
  height: 27px;
  width:100%;
  color:#666666!important;
}

.header-top .column .browse-history-box ul li a:hover {
	background: url("../images/icon/list_bullet_02.png") no-repeat 8px 10px #eeeeee;
	color:#00a499!important;
}

.header-top .column .active a{
	color:#555555;
}



.browse-history-box .arrow {
	position: absolute;
	background: #777777;

	margin-top: 0px;
	margin-left: 282px;

	z-index: 140000;

	margin-left: 25px;
}

.browse-history-box .arrow:after, .browse-history-box .arrow:before {
	bottom: 50%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.browse-history-box .arrow:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #777777;
	border-width: 10px;
	margin-left: -10px;
}
.browse-history-box .arrow:before, {
	border-color: rgba(102, 102, 102, 0);
	border-bottom-color: #666666;
	border-width: 11px;
	margin-left: -11px;
}


.browse-history-box .list-empty, .pd-compare-box .list-empty , .annuncement-box .list-empty{
	min-height: 0px;
	height: 60px;
	padding-top:0;
}

.browse-history-box .list-empty .info-message,  .pd-compare-box .list-empty .info-message ,.empty-box{
	padding-top: 0px;
	line-height: 60px;
	font-size:13px;
	color:#666666;
}



/* 0401 - new quote list */


.product-listing-wrapper .product-detail-tab-content .column-01{
	width: 195px;
	padding-right:10px;
	padding-bottom: 10px;
}

.product-listing-wrapper .product-detail-tab-content .column-03{
	width: 221px;
	text-align:right;

}

.product-listing-wrapper .product-detail-tab-content .column-02{
	width: 254px;
	padding-right:10px;
}


@media screen and (min-width: 1225px){
.product-listing-wrapper .product-detail-tab-content .column-03{
	width: 264px;
	text-align:right;

}

.product-listing-wrapper .product-detail-tab-content .column-02{
	width: 411px;
	padding-right:10px;
}
}

.product-listing-wrapper .product-detail-tab-content .product-list-pager .column{
	width:auto !important;
}

.product-listing-wrapper .product-detail-tab-content .column-02 .quote-shop-remark{
	margin-right: 0;
}

.quote-line-source {
	display:block;
	position:absolute;
	bottom:0;
	right:0;

	top:0;
	height:24px;
}

.quote-shop-source, .quote-shop-date, .quote-shop-report, .quote-shop-quote-status {
	/*float:left;
	font-size: 11px;
    line-height: 30px;
	padding-top: 10px;
	text-align: right;
	height: 37px;
	color: #666666;

	padding-top: 0;
	line-height: 22px;*/
}

.quote-shop-source{
	/*padding-right: 12px;*/
}




/* 0409 */

.quote-shop-info{
	float:right;
}

.quote-shop-source, .quote-shop-date{
	font-size: 11px;
	color: #222222;
	padding: 0;
	line-height: 16px;
	height: 16px;
	  text-align: left;
}

.quote-shop-report{
	padding-left:0;

}

.quote-shop-report, .quote-shop-quote-status {
	float:right;
	line-height: 30px;
}

.quote-shop-report{
	padding-right: 8px!important;
}








.product-detail-tab-quote .product-list-item-list li .item .quote-shop-name {
	padding-bottom: 4px;
}

.product-detail-tab-quote .product-list-item-list li .item .quote-shop-name a,
.product-detail-tab-quote .product-list-item-list li .item .quote-shop-name {
  font-size: 14px;
  font-weight:bold;
  color: #444444;
}

.product-detail-tab-quote .product-list-item-list li .item .quote-shop-star {
	padding-bottom: 10px;
}

.product-detail-tab-quote .product-list-item-list li .item .quote-shop-contact{
	padding-top: 4px;
}

.product-detail-tab-quote .product-list-item-list li .item .quote-shop-address {

}

.product-detail-tab-quote .product-list-item-list li .item .quote-shop-phone {
	padding-top: 6px;
}

.product-detail-tab-quote .product-list-item-list li .item .quote-shop-address .contact-label,
.product-detail-tab-quote .product-list-item-list li .item .quote-shop-phone .contact-label {
	width:20px;
	float:left;
}

.product-detail-tab-quote .product-list-item-list li .item .quote-shop-address .contact-label {
	padding-bottom: 16px;
}

.product-detail-tab-quote .product-list-item-list li .item .quote-shop-more {
	padding-top: 10px;
}

.product-detail-tab-quote .product-list-item-list li .item .quote-shop-more a {
	font-size:13px;
	color: #00a499;
}


.product-detail-tab-quote .product-list-item-list li .item .quote-shop-remark {
  /*height: 104px;*/
  overflow: hidden;
}

.product-detail-tab-quote .product-list-item-list li .item .quote-shop-remark.open {
  height: auto;
  padding-bottom: 20px;
}

.quote-shop-report{
	position: relative;
	padding-left: 8px;
	padding-right: 4px;
	height: 22px;
}

.product-detail-tab-quote .product-list-item-list ul li .column-03 img, .product-detail-tab-quote .product-list-item-list ul li .quote-line-bottom img {
	padding-right:0;
	padding-bottom: 0;
	padding-left: 3px;
}

.product-detail-tab-quote .product-list-item-list li .item{
	padding-bottom:0px;
}

.quote-price-hong, .quote-price-water{
	padding-bottom:1px;
}


/* 0401 - quote-price-refer-buy */


.quote-price-refer-buy a:hover{
	text-decoration: none;
}

.quote-price-refer-buy .refer-action-text {
	border-radius: 8px;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
	 background: url("../images/icon/referral_btn_arrow.png") no-repeat 163px 18px #f1c400;
	 width: 180px;
	 height: 46px;
	 color: #001151;
	 font-size: 12px;
	 text-align: left;
  	padding: 5px;
	padding-left: 40px;
}

.quote-price-refer-buy .refer-action-text .product-price, .quote-price-refer-buy .refer-action-text a, .quote-price-refer-buy .refer-action-text .product-price .text-price-number{
	font-size: 12px!important;
	color: #001151;
}

.quote-price-refer-buy a:hover .refer-action-text, .quote-price-refer-buy a:hover .refer-action-text a, .quote-price-refer-buy a:hover .refer-action-text .product-price .text-price-number, .quote-price-refer-buy a:hover .refer-action-text .product-price .text-price-unit {
	color: #175cf8!important;
}

.quote-price-refer-buy a:hover .refer-action-text {
	background: url("../images/icon/referral_btn_arrow_hover.png") no-repeat 163px 18px #f1c400;
}

.quote-price-refer-buy{
	float:right;
	margin-top:8px;
}

.refer-action-icon{
	display:block;
	position:absolute;
	padding-left: 6px;
	padding-top: 6px;

	margin-left:-12px;
}



/* 0409 - price-refer-btn */

.quote-price-normal{
	padding-top: 40px;
}

.price-refer-btn{
	display:block;
	overflow:hidden;
	float:right;
	padding-top:3px;
}

.refer-btn-detail .btn{
	height: 40px;
	line-height: 26px;
	font-weight:bold;
	color:#ffffff;
	padding-left:40px;
	padding:0;
	padding: 6px 22px 6px 46px;
	background: url("../images/icon/refer_btn_icon.png") no-repeat 16px 8px #00a499;
	font-size: 16px;

	/*0410*/
	width:180px;
}

.refer-btn-detail .btn:hover, .refer-btn-detail .btn:focus, .refer-btn-detail .btn:active, .refer-btn-detail .btn.active {
	background: url("../images/icon/refer_btn_icon.png") no-repeat 16px 8px #008a82;
}

.refer-btn-detail, .refer-btn-detail span {
	font-size: 12px;
	color:#000000;
	text-align:right;
}

.refer-btn-detail{
	padding-top: 4px;

	/*0410*/
	width:180px;
}



/* 0402 */


/*.product-list-filter-bar .all-group-list ul.list-inline, .product-list-filter-bar .all-cat-list ul.list-inline {
	  margin: 0;
}

.product-list-filter-bar .all-group-list ul li, .product-list-filter-bar .all-cat-list ul li {
display: block;
  float: left;
  padding: 0;
  width: 25%;
  padding-bottom: 10px;
  height: auto;
}



.product-list-filter-bar .all-group-list ul li ul, .product-list-filter-bar .all-cat-list ul li ul {
  padding-top: 5px;
}


.product-list-filter-bar .all-group-list ul li ul li, .product-list-filter-bar .all-cat-list ul li ul li {
display: block;
  float: none;
  padding: 0;
  width: 100%;
  padding-bottom: 3px;
  font-size: 12px;
}*/


.product-list-filter-bar .all-group-list, .product-list-filter-bar .all-cat-list {
	  padding: 0 5px;
}

.product-list-filter-bar .all-group-list ul.list-inline, .product-list-filter-bar .all-cat-list ul.list-inline {
	  margin: 0;
}

.product-list-filter-bar .all-group-list ul li, .product-list-filter-bar .all-cat-list ul li {
  display: block;
  float: left;
  padding: 0;
  width: auto;
  padding-bottom: 2px;
  height: auto;
  padding-right:15px;
  color:#00a499;
  font-size:12px;
}

.product-list-filter-bar .all-group-list ul li a, .product-list-filter-bar .all-cat-list ul li a {
  color:#00a499;
  font-size:12px;
}

.product-list-filter-bar table{
  margin-bottom: 5px;
}

.product-list-filter-bar table .cat-list-label{
	color:#888888;
    font-size:12px;
	vertical-align:top;
	/*padding-bottom: 6px;*/
	padding-right: 20px;
	border-right: 1px #bbbbbb solid;
	min-width:110px;
	width:110px;
  line-height: 24px;
}

.product-list-filter-bar table .cat-list-label a{
	color:#666666;
}

.product-list-filter-bar table .cat-list-info{
	padding-left:10px;
	vertical-align:top;
}


.product-list-filter-bar table tr {
  margin-bottom: 7px;
  display: block;
}

.product-list-filter-bar table tr:first-child{
  padding-top: 7px;
}

.product-list-filter-bar table tr:last-child {
  padding-bottom: 0px;
  margin-bottom: 5px;
}


/* 0402 - try to fix */

.tab-content .list-fav-product .item .item-inner .line-01{
	height: 24px;
}

.product-list-item-list .product-prop img {
	padding-left: 3px;
}

.product-list-item-list .item-function li{
	height: 21px;
}

.body-product-list .product-prop img{
	padding-left: 5px;
}

.quote-shop-name a {
  color: #444444;
}

.product-list-item-list .list-product .item .column-02 .line-04 .item-attr .attr-label,
.product-list-item-list .page-merchant .column-02 .line-04 .item-attr .attr-label {
  width: 70px;
}

.product-list-item-list .list-product .item .column-02 .line-04 .item-attr td,
.product-list-item-list .page-merchant .column-02 .line-04 .item-attr td {
  width: 156px; width: 146px;
}

.product-list-item-list .list-product .item .column-02 .line-04 .item-attr td.attr-info,
.product-list-item-list .page-merchant .column-02 .line-04 .item-attr td.attr-info {
	max-width: 120px;
}

.product-list-item-list .list-product .item .column-02 .line-04 .item-attr,
.product-list-item-list .page-merchant .column-02 .line-04 .item-attr {
  padding-right: 40px;
}

.product-list-item-list .list-product .item .column-02 .line-04 .item-attr.item-attr-02 ,
.product-list-item-list .page-merchant .column-02 .line-04 .item-attr.item-attr-02 {
  padding-right: 0;
}

.list-hot-items .item .column-03 .line-01, .list-new-items .item .column-03 .line-01{
	height: 18px;
}

.list-hot-items .item-lower .item .column-03 .line-01, .list-new-items .item-lower .item .column-03 .line-01{
	width:160px
}

.list-hot-items .item-lower .item .column-03 .line-02, .list-new-items .item-lower .item .column-03 .line-02{
	  width: 87px;
}

.breadcrumb-product .column-left{
	padding-left: 10px;
}

.body-reg.body-reg-page-03-2 .popover.left{
	  margin-left: -152px;
}



/*can be removed later*/

.footer-all .part-02 .line-02 .column-01  p{
	  font-size: 11px;
}

.quote-shop-name {
  padding-bottom: 5px;
}

.quote-shop-star{
	padding-bottom: 8px;
}


/* 0408 - ipad fix */
.footer-all .part-02 .line-02 .column-02 .column-01 {
	width:auto;
}




/* 0409 - #ad0*/

#ad0 {
  width: 100%!important;
  height: auto!important;
  margin: 10px auto 20px!important;
  text-align: center!important;
  float: none!important;
  display: block!important;
}

/* 0409 */

.breadcrumb-news {
	padding-right: 20px;
	border-bottom: 2px solid #eaeaea;
	display:block;
	font-size:13px;
	height:40px;
	line-height:36px;
	position:relative;
	color:#00a499;
}

.breadcrumb-news a{
	color: #222222;
}

.breadcrumb-news a:hover {
	color: #00a499;
}

.breadcrumb-news .nav-menu{
	padding-left: 0;
}


.fb-news-share {
	float: right;
	right: 0;
	margin-top: 24px;
	height:20px;
	overflow:hidden;
	padding:0;
}


.news-content-area{
	width:670px;
	margin: 0 auto;
	padding-bottom: 30px;
}


.item-hot a{
	color:#111111;
}

.item-hot a:hover {
	color:#00a499;
}

#ad-inhouse-top{
	width:300px;
	height:100px;
	display:block;
}

.mega-info-detail ul li li a{
	font-size:13px;
}

.mega-info-detail ul li {
  padding-bottom: 10px;
}

.mega-info-detail ul {
  padding-top: 10px;
}

.mega-info-hot-label {
  padding-bottom: 8px;
}

.mega-info-hot-list img{
	padding-bottom: 4px;
}

/*0409 fix hover menu height*/

.menu-mega-info{
	margin-top: -40px;
	min-height: 513px;
}


/*0409*/
.product-list-fucntion-bar .filter-label {
  padding-top: 6px;
}

.product-list-filter-bar .unit-filter .btn-small{
	  margin-top: 25px;
}


/*0409 fixing for car price - many digits */

.list-hot-items .item-lower .item .column-03, .list-new-items .item-lower .item .column-03 {
	position: relative;
}

.list-hot-items .item-lower .item .column-03 .line-02, .list-new-items .item-lower .item .column-03 .line-02{
	  width: auto;
	  position: absolute;
	  right: 0;
	  font-size: 12px!important;
}


/*0409 fix edit profile - radio / checkbox selection */

.edit-profile-tnc input{
	  margin-right: 5px;
}

.edit-profile-tnc label {
	  padding-right: 5px;
}






@media screen and (max-width: 1224px){

.profile-list-item-list li:last-child {
    width: 227px;
    border-right: 1px solid #ebebeb;
}

}

@media screen and (min-width: 1225px){

.profile-list-item-list li:last-child {
    width: 219px;
	border-right: 1px solid #ebebeb;
}

.home-block-02 .tab-wrapper>div:not(.newly-order) .profile-list-item-list li:last-child, .home-block-03 .profile-list-item-list li:last-child {
    width: 219px;
	border-right:none;
}

}



.product-detail-tab-content .product-detail-tab-second .body-product-list .product-prop img{
	margin-top: -3px;
}


.product-listing-wrapper .product-detail-tab-content .product-detail-tab-second .product-list-fucntion-bar .column-01{
	display:none;
}




/* 0410 - up icon manual fix */

.body-product-list .product-prop img.icon-up{
	margin-top: -8px;
/* Product Detail */
}

.body-product-list .product-list-item-list .list-product .item .column-03 .product-prop img.icon-up{
	margin-top: -6px;
/* Product List */
}

.tab-content .list-fav-product .item .item-inner .line-03 img.icon-up{
/* Homepage */
}





.body-product-list .page-merchant .product-prop img {
  padding-left: 0px;
}


/* 0410 - hover menu width fix on product listing (wide) */

@media screen and (min-width: 1225px){

.body-product-list .menu-mega-zone {
	width:120px;
}

.body-product-list .menu-zone-unit .column-right {
	display:none;
}

.body-product-list .menu-mega-info{
	width:754px;
}

.body-product-list .menu-zone-unit {
	width:100px;
}

.body-product-list .menu-zone-unit .column-left{
	padding-left:50px;
}

}




.product-detail-tab-quote .product-list-item-list ul li .quote-shop-quote-status img{
	margin-top:-3px;
}



.static-page-wrapper{
	display:block;
	min-height: 500px;
	padding-bottom: 30px;
}







.profile-wrapper .column-01 {
	width: 307px;
}

.profile-wrapper .column-02 {
	width: 680px;
}


@media screen and (min-width: 1225px) {
.profile-wrapper .column-01 {
	width: 305px;
}

.profile-wrapper .column-02 {
	width: 882px;
}
}

.profile-wrapper .profile-list .profile-list-fucntion-bar .column-04 {
  padding-right: 30px;
}



.product-list-fucntion-bar .column-02{
	padding-bottom:0;
}

/*0416 hot/new rank special "item-long" */

.list-hot-items .item-upper .item .column-03 .line-01,
.list-hot-items .item-lower .item .column-03 .line-01,
.list-new-items .item-upper .item .column-03 .line-01,
.list-new-items .item-lower .item .column-03 .line-01 {
	height: auto;

	width: auto;
}

.list-hot-items .item-lower .item .column-03 .line-01 a,
.list-new-items .item-lower .item .column-03 .line-01 a {
	height: auto;
	display:inherit;
	line-height: 15px;

	/*width:auto;*/
	line-height: 18px;
}

/**/
.list-hot-items .item .column-03 .line-01, .list-new-items .item .column-03 .line-01 {
	line-height: 18px;
}
/**/


.list-hot-items .item-lower .item,
.list-new-items .item-lower .item {
	display: block;
	overflow: hidden;
	height: auto;
}

.list-hot-items .list-rank li.item-lower,
.list-new-items .list-rank li.item-lower {
	height: auto;
}

.list-hot-items .item-lower .item .column-01,
.list-new-items .item-lower .item .column-01{
	line-height: 22px;
}


.list-hot-items .list-rank li.item-upper.item-lower,
.list-new-items .list-rank li.item-upper.item-lower  {
	background: url("../images/icon/item_rank_line.png") repeat-x 0px bottom;
}

.list-hot-items .list-rank li.item-lower.item-lower,
.list-new-items .list-rank li.item-lower.item-lower  {
	background: url("../images/icon/item_rank_line.png") repeat-x 0px bottom;
}

.list-hot-items .list-rank li.item-lower:last-child,
.list-new-items .list-rank li.item-lower:last-child,
.list-hot-merchant .list-rank li:last-child {
	background: none;
}

/**/

.product-listing-wrapper .list-hot-items .item-upper .item .column-02,
.product-listing-wrapper .list-hot-items .item-lower .item .column-02,
.product-listing-wrapper .list-new-items .item-upper .item .column-02,
.product-listing-wrapper .list-new-items .item-lower .item .column-02 {
	padding-bottom:0;
}

/**/

.list-hot-items .item-lower .item .column-03 .line-02,
.list-new-items .item-lower .item .column-03 .line-02 {
	bottom: 0;

	bottom: -2px;
}


/**/

.list-hot-items .item-upper .item .column-01,
.list-new-items .item-upper .item .column-01 {
	line-height: 22px;
}




/* try for vertical alignment */

/*.list-hot-items .item-upper .item .column-01,
.list-new-items .item-upper .item .column-01 {
	position: relative;
	display: block;
	width: 28px;
	min-height: 60px;
	line-height: 1.42857143;
}

.list-hot-items .item-lower .item .column-01,
.list-new-items .item-lower .item .column-01 {
	position: relative;
	display: block;
	width: 28px;
	min-height: 30px;
	line-height: 1.42857143;
}


.list-hot-items .item-upper .item .column-01 .line-01,
.list-new-items .item-upper .item .column-01 .line-01,
.list-hot-items .item-lower .item .column-01 .line-01,
.list-new-items .item-lower .item .column-01 .line-01 {
	position: absolute;
	top: 33%;
	left: 15%;
	height: 100%;
	width: 62%;
}
*/




/*0420 hot/new rank special "item-long" - top 3 on travel zone */

.body-product-list .second-product-prop .product-prop img {
  margin-top: -3px;
}


.list-hot-items .item-upper .item .column-03, .list-new-items .item-upper .item .column-03 {
	height: auto;
	overflow:hidden;
}

.list-hot-items .item-upper .item, .list-new-items .item-upper .item{
	height: auto;
	overflow:hidden;
}

.list-hot-items .list-rank li.item-upper  , .list-new-items .list-rank li.item-upper  {
	height: auto;
}

.list-hot-items .item-upper .item .column-03, .list-new-items .item-upper .item .column-03{
	padding-bottom:20px;
}


.product-col-info .item-attr .attr-label, .product-col-info .item-remark .remark-label  {
	padding-right: 10px;
	white-space: inherit;
	vertical-align: top;
	min-width: 0;
	width: 64px;
	white-space: nowrap;
}

.product-col-info .item-attr .attr-info, .product-col-info .item-remark .remark-info {
	vertical-align: top;
}
.item-attr .attr-info{
  max-height: 36px;
  display: inline-block;
  word-break: break-word !important;
}




.product-list-item-list .list-product .item .column-02 .line-04{
	padding-top: 12px;
}

.product-list-item-list .list-product .item .column-02 .line-04 .item-attr {
	padding-top: 0;
}

.product-list-item-list .list-product .item .column-02 .line-04 .item-attr td, .product-list-item-list .page-merchant .column-02 .line-04 .item-attr td {
  word-break: break-word;
}





.tab-content .list-fav-product .item .item-inner .line-03 img.icon-up {
  /*padding-bottom: 1px;*/
}



/*margin fix for ipad */

.footer-all .part-02 .line-02 .column-01 {
	width: 782px;
}

@media screen and (min-width: 1225px){
.footer-all .part-02 .line-02 .column-01 {
	width: 995px;
}
}

.page-view-respond-control {
	/*width: 1006px;
	padding: 0 8px;*/
}

@media screen and (min-width: 1225px){
.page-view-respond-control {
	width:1206px;
	padding: 0 8px;
}
}



.page-view-footer, .footer-all{
	width: 100%;
}


.header-top .column-03 {
  /*padding-left: 30px;
  padding-right: 20px;*/
}

@media screen and (min-width: 1225px){
.header-top .column-03 {
  padding-left: 50px;
  padding-right: 0;
}
}


.btn-top-stick {
  right: 10px;
  /*margin-right: 10px;*/
}


.product-list-fucntion-bar .pagination-total-wrapper{
	margin-top:0;
}



/*new style for authorized merchant */

.quote-shop-ar .ar-info{
	width: 140px;
}

.quote-shop-ar .ar-icon{
	width: 21px;
}

.quote-shop-ar .inner{
	background: #ffffff;
	color: #444444;
	border: 1px solid #cdcdcd;
}




/* filter toggle icon */

.product-list-fucntion-bar .btn-default:active, .product-list-fucntion-bar .btn-default.active{
color: #ababab!important;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}


.product-list-fucntion-bar .btn-default.active:hover{
color: #ffffff!important;

}


/* apple ad display on apple swatch page */

/*#static-view-referral*/



#static-view-referral .topbanner
{ width:100%; height:360px; background:url("../images/zh_HK/static-view/referral/img-banner.jpg") no-repeat top center;}
#static-view-referral .topbanner a
{ display:block; width:100%; height:100%;cursor: default;}
#static-view-referral{

}
#static-view-referral .nav-tabs
{ height:62px; background:#ffffff;border-bottom: 2px #ebebeb solid;}
#static-view-referral .nav li
{ float:left; width:30%; margin-left:13%;border-left:none;}
#static-view-referral .nav li.last
{ float:right; margin-left:0%; margin-right:13%;}
#static-view-referral .nav a
{ height:auto; font-size:22px; line-height:40px; background:none; text-align:center;}
#static-view-referral .nav a:hover,
#static-view-referral .nav li.active a
{ border-bottom:2px #f0c400 solid; background:none;}



#static-view-referral .tab-content
{ width:980px; margin:0px auto; padding-top: 50px;}
#static-view-referral .tab-content  h1
{ height:auto; font-size:36px; line-height:40px; margin:0px; padding:0px; color:#121212; text-align:center;}
#static-view-referral .tab-content  h2
{ height:auto; font-size:22px; line-height:36px; margin:0px; padding:0px; color:#121212; text-align:center; font-weight:normal; margin-bottom:25px;}
#static-view-referral .tab-content  p
{ height:auto; font-size:18px; line-height:26px; margin:0px; padding:0px; color:#121212; text-align:center; font-weight:normal;}
#static-view-referral .tab-content .leadin
{margin-bottom:50px;}
#static-view-referral .tab-content .sepline
{ display:block; border-bottom:1px solid #dedede; margin:0px; padding:0px; margin-bottom:30px;}

#static-view-referral .tab-content .messageArea
{ position:relative; width:788px; height:600px; margin:0px auto; margin-bottom:30px;}
#static-view-referral .tab-content .messageArea.merchant
{ position:relative; width:788px; height:400px; margin:0px auto; margin-bottom:30px;}
#static-view-referral .tab-content .messageArea .pplArea
{ position:absolute; width:140px; height:180px; }
#static-view-referral .tab-content .messageArea .pplArea.ppl01
{ top:0px; left:0px;}
#static-view-referral .tab-content .messageArea .pplArea.ppl02
{ top:220px; left:0px;}
#static-view-referral .tab-content .messageArea .pplArea.ppl03
{ top:440px; left:0px;}
#static-view-referral .tab-content .messageArea .pplArea.ppl04
{ top:110px; right:0px;}
#static-view-referral .tab-content .messageArea .pplArea.ppl05
{ top:325px; right:0px;}
#static-view-referral .tab-content .messageArea.merchant .pplArea.ppl01
{ top:0px; left:auto; right:0px;}
#static-view-referral .tab-content .messageArea.merchant .pplArea.ppl02
{ top:215px; left:auto; right:0px;}
#static-view-referral .tab-content .messageArea.merchant .pplArea.ppl03
{ top:110px; left:0px;}

#static-view-referral .tab-content .messageArea .innerArea
{ width:474px; margin:0px auto; }
#static-view-referral .tab-content .messageArea .innerArea .messageBox
{ position:relative; padding:13px 30px 20px 30px; height:79px; background:#dde2e5; margin-bottom:30px; width:auto !important;}
#static-view-referral .tab-content .messageArea .innerArea .messageBox p
{ position:relative; z-index:5; text-align:left;}
#static-view-referral .tab-content .messageArea .innerArea .messageBox p img
{ position:relative; top:-2px;}

#static-view-referral .tab-content .messageArea .innerArea .messageBox.lHead
{ float:left;}
#static-view-referral .tab-content .messageArea .innerArea .messageBox.lHead span.mboxHead
{ position:absolute; top:0px; left:0px; z-index:0; display:block; width:50px; height:79px; background:url(../images/static-view/referral/img-message-head-left.gif) no-repeat top left;}
#static-view-referral .tab-content .messageArea .innerArea .messageBox.lHead span.mboxEnd
{ position:absolute; top:0px; right:0px; z-index:0;  display:block; width:50px; height:79px; background:url(../images/static-view/referral/img-message-end-right.gif) no-repeat top left;}

#static-view-referral .tab-content .messageArea .innerArea .messageBox.rHead
{ float:right;}
#static-view-referral .tab-content .messageArea .innerArea .messageBox.rHead span.mboxHead
{ position:absolute; top:0px; right:0px; z-index:0; display:block; width:50px; height:79px; background:url(../images/static-view/referral/img-message-head-right.gif) no-repeat top left;}
#static-view-referral .tab-content .messageArea .innerArea .messageBox.rHead span.mboxEnd
{ position:absolute; top:0px; left:0px; z-index:0;  display:block; width:50px; height:79px; background:url(../images/static-view/referral/img-message-end-left.gif) no-repeat top left;}

#static-view-referral .tab-content .preOrderArea
{ position:relative; height:600px; padding:30px 0px; margin-bottom:40px; background:#dde2e5;}
#static-view-referral .tab-content .preOrderArea h1
{ margin-bottom:20px;}
#static-view-referral .tab-content .preOrderArea .stepGroup
{ display:block; width:470px; margin:0px auto; padding:0px;}
#static-view-referral .tab-content .preOrderArea.applyArea  .stepGroup
{ display:block; width:652px; margin:0px auto; padding:0px;}
#static-view-referral .tab-content .preOrderArea .stepGroup li
{ float:left; list-style:none; padding-left:30px;}
#static-view-referral .tab-content .preOrderArea .stepGroup li.step01
{ background:url(../images/static-view/referral/img-pt-01.jpg) no-repeat center left;}
#static-view-referral .tab-content .preOrderArea .stepGroup li.step02
{ background:url(../images/static-view/referral/img-pt-02.jpg) no-repeat center left; margin:0px 52px;}
#static-view-referral .tab-content .preOrderArea .stepGroup li.step03
{ background:url(../images/static-view/referral/img-pt-03.jpg) no-repeat center left;}
#static-view-referral .tab-content .preOrderArea.applyArea .stepGroup li.step02
{ background:url(../images/static-view/referral/img-pt-02.jpg) no-repeat center left; margin:0px 13px 0px 26px;}
#static-view-referral .tab-content .preOrderArea.applyArea .stepGroup li.step03
{ background:url(../images/static-view/referral/img-pt-03.jpg) no-repeat center left; margin:0px 26px 0px 13px;}
#static-view-referral .tab-content .preOrderArea .stepGroup li.step04
{ background:url(../images/static-view/referral/img-pt-04.jpg) no-repeat center left;}
#static-view-referral .tab-content .preOrderArea .stepGroup li a
{ font-size:18px; line-height:26px; margin:0px; padding:0px; color:#121212; text-align:center; font-weight:normal;}
#static-view-referral .tab-content .preOrderArea .stepGroup li a:hover,
#static-view-referral .tab-content .preOrderArea .stepGroup li a.highlight
{ text-decoration:underline;}


/*Draggable Setting Start*********/
#static-view-referral .preorderContentArea
{ position:relative; top:0px; left:0px; display:block; width:1010px; height:500px; }

@media screen and (max-width: 1224px){
#static-view-referral .preorderContentArea
{ width: 970px;}
}

#static-view-referral .preorderContentArea .device
{ padding:10px 0px 0px 10px; width: 1010px; height: 500px; position: relative;}

@media screen and (max-width: 1224px){
#static-view-referral .preorderContentArea .device
{ width: 970px;}
}

#static-view-referral .preorderContentArea .swiper-container,
#static-view-referral .preorderContentArea .swiper-container2
{ /*width: 1010px;*/ height: 410px;}


@media screen and (max-width: 1224px){
#static-view-referral .preorderContentArea .swiper-container,
#static-view-referral .preorderContentArea .swiper-container2
{ width: 960px;}
}

#static-view-referral .preorderContentArea .swiper-slide
{ position:relative; }
#static-view-referral .preorderContentArea .swiper-slide .popArea
{ position:absolute; top:260px; left:300px; z-index:5;}
#static-view-referral .preorderContentArea .swiper-slide .macArea
{ position:absolute; top:30px; left:30px;}
#static-view-referral .preorderContentArea .swiper-slide .descArea
{ position:absolute; padding:30px 20px; top:30px; right:0px; background:#f2c400; height:300px; width:520px;}

@media screen and (max-width: 1224px){
#static-view-referral .preorderContentArea .swiper-slide .descArea
{ width:470px;}
}

#static-view-referral .preorderContentArea .swiper-slide .descArea ul li
{  font-size:16px; line-height:22px; margin:0px; padding:0px; margin-bottom:20px; color:#121212; text-align:left; font-weight:normal;}

#static-view-referral .preorderContentArea .promo01
{ background:url(../images/specialoffers/img_special_offers_banner_01.jpg) no-repeat top left; background-size:cover;}

#static-view-referral .preorderContentArea .promo02
{ background:url(../images/specialoffers/img_special_offers_banner_02.jpg) no-repeat top left; background-size:cover;}

#static-view-referral .preorderContentArea .promo03
{ background:url(../images/specialoffers/img_special_offers_banner_03.jpg) no-repeat top left; background-size:cover;}

#static-view-referral .preorderContentArea .promo04
{ background:url(../images/specialoffers/img_special_offers_banner_04.jpg) no-repeat top left; background-size:cover;}

#static-view-referral .preorderContentArea .content-slide
{ padding: 20px; color: #fff;}

#static-view-referral .preorderContentArea .pagination
{ position: absolute; left: 0; text-align: center; bottom: 0px; width: 960px; height:40px;}
#static-view-referral .preorderContentArea .pagination2
{ position: absolute; left: 0; text-align: center; bottom: 20px; width: 960px; height:40px;}

#static-view-referral .preorderContentArea .swiper-pagination-bullet
{ display: inline-block; width:15px; height:16px; background:url(../images/static-view/referral/img-banner-indicator.jpg) no-repeat bottom left !important; margin: 0 6px; cursor: pointer; }

#static-view-referral .preorderContentArea .swiper-pagination-bullet-active
{ background:url(../images/static-view/referral/img-banner-indicator.jpg) no-repeat top left !important;}

/*Draggable Setting End*********/


#static-view-referral .merchantSharingArea
{ margin-bottom:25px;}
#static-view-referral .merchantSharingArea dl
{ float:left; width:280px; }
#static-view-referral .merchantSharingArea dl.mid
{ float:left; width:280px; margin:0px; padding:0px; margin:0px 60px;}
#static-view-referral .merchantSharingArea dl dd b
{ display:block; height:40px; padding-top:10px;}


#static-view-referral .merchantRatingArea
{ margin-bottom:65px;}
#static-view-referral .merchantRatingArea ul
{ margin:0px; padding:0px;}
#static-view-referral .merchantRatingArea ul li
{ list-style:none; float:left; margin:0px; padding:0px; height:158px; width:158px; margin-right:2px;}
#static-view-referral .merchantRatingArea ul li.last
{ margin-right:0px;}
#static-view-referral .merchantRatingArea ul li b
{ display:block; font-size:22px; line-height:30px; margin:0px; padding:0px; padding-top:13px; margin-bottom:15px; color:#fff; text-align:center; font-weight:normal;}
#static-view-referral .merchantRatingArea ul li b img
{ position:relative; top:-3px;}
#static-view-referral .merchantRatingArea ul li p
{ font-size:22px; line-height:30px; margin:0px; padding:0px; padding-top:0; margin-bottom:25px; color:#fff !important; text-align:center; font-weight:normal;}
#static-view-referral .merchantRatingArea ul li p span
{ font-size:38px; line-height:42px; margin:0px; padding:0px; padding-top:10px; margin-bottom:25px; color:#fff; text-align:center; font-weight:normal;}
#static-view-referral .merchantRatingArea .star01Area
{ background:#ecbb10;}
#static-view-referral .merchantRatingArea .star02Area
{ background:#e5a200;}
#static-view-referral .merchantRatingArea .star03Area
{ background:#eb7a00;}
#static-view-referral .merchantRatingArea .star04Area
{ background:#e3461c;}
#static-view-referral .merchantRatingArea .star05Area
{ background:#e3461c;}
#static-view-referral .merchantRatingArea .star05Area
{ background:#d0253d;}
#static-view-referral .merchantRatingArea .star06Area
{ background:#b90071;}


#static-view-referral .tncArea
{ width:700px; height:240px; padding:12px; margin:0px auto; overflow-y:scroll; margin-bottom:40px; border:1px solid #dde2e5; font-size:12px; line-height:20px; color:#121212; text-align:left; font-weight:normal;}


/*edit*/

#static-view-referral .tncArea ul, #static-view-referral .tncArea ol {
  margin-left: -20px;
}


#static-view-referral .merchantSharingArea dl dt img{
	border-radius: 10px;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
	 width:280px;
	 height:160px;
}


#static-view-referral .tncArea::-webkit-scrollbar {
    width: 8px;
}

#static-view-referral .tncArea::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    border-radius: 4px;
	background-color: #efefef;
}

#static-view-referral .tncArea::-webkit-scrollbar-thumb {
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
	background-color: #aaaaaa;
}

/**/

#static-view-referral .preorderContentArea .swiper-slide .step01 .popArea{
	top: 252px;
	left: 295px;
}
#static-view-referral .preorderContentArea .swiper-slide .step02 .popArea{
	top:215px;
	left:246px;
}

#static-view-referral .preorderContentArea .swiper-slide .step03 .popArea{
	top: 235px;
	left: 275px;
}

#static-view-referral .applyArea .preorderContentArea .swiper-slide .step01 .popArea{
	top: 160px;
	left: 105px;
}

#static-view-referral .applyArea .preorderContentArea .swiper-slide .step02 .popArea{
	display:none;
}

#static-view-referral .applyArea .preorderContentArea .swiper-slide .step03 .popArea{
	display:none;
}

#static-view-referral .applyArea .preorderContentArea .swiper-slide .step04 .popArea{
	display:none;
}












/*ipad width fix*/


@media screen and (max-width: 1024px){
.page-view-header, .page-view-body, .page-view-footer{
	width:990px;
}

.page-view-wrapper{
	width:990px;
	margin: 0 auto;
}

.btn-top-stick{
	right:0;
}

}



/**/




.quote-shop-address, .quote-shop-phone{
	overflow: hidden;
}

.product-detail-tab-quote .product-list-item-list li .item .quote-shop-address .contact-label{
	padding-bottom: 0;
}

.product-detail-tab-quote .product-list-item-list li .item .contact-label{
	display: block;
	float: left;
	width: 16px;
}

.product-detail-tab-quote .product-list-item-list li .item .contact-info{
	display: block;
	float: right;
	width: 158px;
}



/* product related news */

.list-news {
  /*overflow: hidden;*/
}

.product-listing-wrapper .product-detail-tab-content .product-detail-realted-news .column-02{
	width: 680px;
}


@media screen and (max-width: 1224px){
.product-listing-wrapper .product-detail-tab-content .product-detail-realted-news .column-02{
	width: 480px;
}
}


.product-listing-wrapper .product-detail-tab-content .product-detail-realted-news .list-empty{
	border-bottom: 2px solid #ebebeb;
}


/*Nelson 0504*/
.product-no-news { font-size: 1.1em; padding-top: 50px; }
.product-no-news img { padding-bottom: 10px; }
.product-no-news a {
display: inline-block;
/*border: 1px solid #00a499;
color: #00a499;
margin-top: 5px; */
padding: 5px 10px;
/*border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; */
}




/*Nelson 0505*/
.body-reg.body-reg-page-03-3 .form-group.form-group-reg-type { height: auto; }
.body-reg.body-reg-page-03-3 .form-group .reg-form-field { height: auto; }
.btn-mobile-register { display: inline-block; padding: 10px 16px; line-height: 1.33; text-align: center; white-space: nowrap; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 2px solid #008A82; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; color: #008A82; background-color: white;  }
.btn-mobile-register:HOVER { color: white !important; background-color: #008A82; }
.reg-form-label label { cursor: default; }
.btn-mobile-register:focus { outline:none;}



/* recommended products row */
/* class applied to li, .recom*/

li.recom .item {
	border: #fcca00 2px solid!important;
	background: #fff7c9;
	width: 670px!important;
	border-top: 0!important;
}

li.recom:first-child .item {
	border-top: #fcca00 2px solid!important;
	margin-top: 15px;
}

li.recom .item .column-01{
	padding-left: 6px;
}

li.recom .item .column-02 {
	padding-left: 9px;
}

li.recom .item .column-03 {
	padding-right: 6px;
}

li.recom .item .column-04 {
	padding-right: 6px;
}

@media screen and (min-width: 1225px){
li.recom .item {
	width: 870px!important;
}
}


/* Related Serivces Lsiting 4 Modes*/

/*overall*/
/*mode 1,2,3,4 - hide procut item-function */
.product-detail-tab-service .product-list-item-list .list-product .item .column-04 {
	display: none;
}


/*overall column-02 (spacing) */
.product-detail-tab-service .product-list-item-list .list-product .item .column-02 {
	padding-bottom: 0;
}

/*overall column-01 (product image) */
/*mode 1,2 - dipslay on */
.product-detail-tab-service.mode-01 .product-list-item-list .list-product .item .column-01,
.product-detail-tab-service.mode-02 .product-list-item-list .list-product .item .column-01{
	padding-bottom: 0;
}

/*mode 1,2 - display off */
.product-detail-tab-service.mode-03 .product-list-item-list .list-product .item .column-01,
.product-detail-tab-service.mode-04 .product-list-item-list .list-product .item .column-01{
	display:none;
}


/*overall column-02 (product attr) */
/*mode 2,4 - hide all attr */
.product-detail-tab-service.mode-02 .product-list-item-list .list-product .column-02 .line-04,
.product-detail-tab-service.mode-04 .product-list-item-list .list-product .column-02 .line-04 {
	display:none;
}

/*mode 3 - dipslay all attr on narrow screen */
@media screen and (max-width: 1224px){
.product-detail-tab-service.mode-03 .product-list-item-list .list-product .column-02 .line-04 .item-attr-01 {
	padding-right: 20px;
}

.product-detail-tab-service.mode-03 .product-list-item-list .list-product .column-02 .line-04 .item-attr-02 {
	display:block;
}
}

/*overall column-02 (width) */
/*mode 3,4 - narrow screen */
.product-detail-tab-service.mode-03 .product-list-item-list .list-product .item .column-02,
.product-detail-tab-service.mode-04 .product-list-item-list .list-product .item .column-02 {
	width: 473px; /*333+150px*/
	padding-left:0;
}

/*mode 3,4 - wide screen */
@media screen and (min-width: 1225px){
.product-detail-tab-service.mode-03 .product-list-item-list .list-product .item .column-02,
.product-detail-tab-service.mode-04 .product-list-item-list .list-product .item .column-02 {
	width: 673px; /*533+150px*/
}
}



/* Nelson - 0512 - Prodcut List Grid View */

.product-list-item-list .list-product .grid-2 { padding: 0; margin: 0; list-style: none; font-size: 0; border-right: 1px solid #DDD; margin-top: 15px; border-top: 1px solid #DDD;}
.product-list-item-list .list-product .grid-2 li { margin: 0; padding: 0; vertical-align: top; }
.product-list-item-list .list-product .grid-2 li a { display: block; }
.product-list-item-list .list-product .grid-2 li img { margin: 0;  margin-top: -6px; }
.product-list-item-list .list-product .grid-2 .item { width: 223px; text-align: center; font-size: 13px !important; color: #222; border: 0; margin: 0; padding: 10px 0; border-left: 1px solid #DDD; border-bottom: 1px solid #DDD; border-top: 0;padding-top: 0;   min-height: 260px;}
.product-list-item-list .list-product .grid-2 .item .line-img { text-align: center; }
.product-list-item-list .list-product .grid-2 .item .line-img img { margin: 0 auto; }
.product-list-item-list .list-product .grid-2 .item .line-02 { display: none; }
.product-list-item-list .list-product .grid-2 .item .line-03 { display: none; }
.product-list-item-list .list-product .grid-2 .item .line-04 { display: none; }
.product-list-item-list .list-product .grid-2 .item .column-01 { width: 100%; }
.product-list-item-list .list-product .grid-2 .item .column-02 { width: 100%; height: 46px; overflow: hidden; text-overflow: ellipsis; padding: 0 10px; }
.product-list-item-list .list-product .grid-2 .item .column-02 .line-01 { font-size: 13px;   padding-top: 10px;}
.product-list-item-list .list-product .grid-2 .item .column-02 .line-01 .product-label { float: left; vertical-align: middle; }
.product-list-item-list .list-product .grid-2 .item .column-03 { width: 100%; padding: 0; height: 35px; overflow: hidden; }
.product-list-item-list .list-product .grid-2 .item .column-03 .product-list-price { text-align: center; }
.product-list-item-list .list-product .grid-2 .item .column-04 { display: none; }
.product-list-item-list .list-product .grid-2 .item .product-prop img { position: relative; top: -2px; vertical-align: middle; }
.product-list-item-list .grid-2 .product-price { font-size: 14px; }
.body-product-list .product-list-item-list .list-product .grid-2 .item .column-03 .product-prop img { margin: 0; }


.product-list-item-list .list-product .grid-2 a:hover .item .line img{
	opacity: 0.8;
    filter: alpha(opacity=80);
}

.product-list-item-list .list-product .grid-2 a:hover .item .line-01{
	color:#00a499;
}

@media screen and (min-width: 1225px){
.product-list-item-list .list-product .grid-2 .item {
width: 217px;
width: 289px;
}

.product-list-item-list .list-product .grid-2 li:nth-last-child(2) .item {
/*border-right: 1px solid #DDD;
width: 218px;*/}
}


.product-list-item-list .list-product .grid-2 .item.adv-item{
	border-bottom: 1px solid #DDD;
	border-top: 1px solid #DDD;
}





.product-list-item-list .list-product .grid-2 .item.adv-item, .item.adv-item{
	width:670px!important;
	min-height: 0;
	height: auto;
}

@media screen and (min-width: 1225px){
.product-list-item-list .list-product .grid-2 .item.adv-item, .item.adv-item{
	width:870px!important;
}
}




/* 0512 - style for new/hot cat in hover mega menu */

.mega-info-detail ul li li{
height: 17px;
line-height: 17px;
margin-top: -4px;
}

.mega-info-detail ul li li.cat-new{
background: url("../images/zh_HK/zone_new_26.png") no-repeat;
height: 17px;
}

.mega-info-detail ul li li.cat-hot{
background: url("../images/zh_HK/zone_hot_26.png") no-repeat;
height: 17px;
}

.mega-info-detail ul li li.cat-new a, .mega-info-detail ul li li.cat-hot a {
padding-left: 20px;
}






/* 0515 - switcher for product list grid view */

.product-list-fucntion-bar .column.column-05{
	padding-right: 0;
}


#view-switch .btn{
	width:38px;
	height:34px;
}

#view-switch .btn.view-list{
  background: url("../images/icon/view_switch_list.png") no-repeat 50% #ffffff;
}

#view-switch .btn.view-grid{
  background: url("../images/icon/view_switch_grid.png") no-repeat 50% #ffffff;
}

#view-switch .btn.view-list:hover{
  background: url("../images/icon/view_switch_list_hover.png") no-repeat 50% #ccd1d9;
}

#view-switch .btn.view-grid:hover{
  background: url("../images/icon/view_switch_grid_hover.png") no-repeat 50% #ccd1d9;
}

#view-switch .btn.view-list.active{
  background: url("../images/icon/view_switch_list.png") no-repeat 50% #e5e5e5;
cursor: default;
}

#view-switch .btn.view-grid.active{
  background: url("../images/icon/view_switch_grid.png") no-repeat 50% #e5e5e5;
cursor: default;
}


@media screen and (max-width: 1224px){
.body-product-list .pagination > li > a {
  padding: 6px;
}

.product-list-fucntion-bar .pagination-total-wrapper .pagination-wrapper {
  padding-left: 10px;
}


#view-switch .btn{
	width:32px;
	height:34px;
}

#view-switch .btn.view-list{
  background: url("../images/icon/view_switch_list.png") no-repeat 6px 7px #ffffff;
}

#view-switch .btn.view-grid{
  background: url("../images/icon/view_switch_grid.png") no-repeat 6px 7px #ffffff;
}

#view-switch .btn.view-list:hover{
  background: url("../images/icon/view_switch_list_hover.png") no-repeat 6px 7px #ccd1d9;
}

#view-switch .btn.view-grid:hover{
  background: url("../images/icon/view_switch_grid_hover.png") no-repeat 6px 7px #ccd1d9;
}

#view-switch .btn.view-list.active{
  background: url("../images/icon/view_switch_list.png") no-repeat 6px 7px #e5e5e5;
cursor: default;
}

#view-switch .btn.view-grid.active{
  background: url("../images/icon/view_switch_grid.png") no-repeat 6px 7px #e5e5e5;
cursor: default;
}

}

/* fb comment box align centrer on news page */


.fb-comment-wrapper .fb-comments{
	margin: 0 auto;
	width: 656px;
	display: block;
}



/* 0520 - my buy record fix */

.product-price-original, span.product-price-original, .profile-wrapper .list-purchase-record ul.list-inline .item .column span.product-price-original span{
  color: #e02152;
  font-weight: bold;
  font-size:14px;
}



@media screen and (max-width: 1224px){

.profile-list-item-list li:last-child {
    width: 227px;
    border-right: 0;
}

}

@media screen and (min-width: 1225px){

.profile-list-item-list li:last-child {
    width: 219px;

    border-right: 0;
}
}



.body-product-list .product-prop img.icon_weekday_20,
.body-product-list .product-prop img.icon_holiday_20,
.body-product-list .product-prop img.icon_regular_20,
.body-product-list .product-prop img.icon_trial_20 {
  margin-top: -8px;
}




.product-detail-tab-quote .product-list-item-list ul li .column-03 .product-prop {
	  margin-left: -3px;
}



/* filter cancel btn (product detail page) new style */

.product-detail-tab-quote .product-list-fucntion-bar .column-04 .filter-unit .btn {
	border-color: #ccd1d9;
	background-color: #e5e5e5;
	color: #888888;
}

.product-detail-tab-quote .product-list-fucntion-bar .column-04 .filter-unit .btn:hover,
.product-detail-tab-quote .product-list-fucntion-bar .column-04 .filter-unit .btn:active {
	border-color: #ccd1d9;
	background-color: #ccd1d9;
	color: #ffffff;
}




/*product list */

.body-product-list .product-list-item-list .list-product .item .column-03 .product-prop img.icon-up,
.body-product-list .product-list-item-list .list-product .item .column-03 .product-prop img.icon_weekday_20,
.body-product-list .product-list-item-list .list-product .item .column-03 .product-prop img.icon_holiday_20,
.body-product-list .product-list-item-list .list-product .item .column-03 .product-prop img.icon_regular_20,
.body-product-list .product-list-item-list .list-product .item .column-03 .product-prop img.icon_trial_20 {
	margin-top: -8px;
}

.body-product-list .product-list-item-list .list-product .item .column-03 .product-prop img.icon_weekday_20,
.body-product-list .product-list-item-list .list-product .item .column-03 .product-prop img.icon_holiday_20,
.body-product-list .product-list-item-list .list-product .item .column-03 .product-prop img.icon_regular_20,
.body-product-list .product-list-item-list .list-product .item .column-03 .product-prop img.icon_trial_20 {
	  /*padding-left: 0;*/
}

/*product detail - top*/

.body-product-list .product-detail-info .product-prop img.icon-up,
.body-product-list .product-detail-info .product-prop img.icon_weekday_20,
.body-product-list .product-detail-info .product-prop img.icon_holiday_20,
.body-product-list .product-detail-info .product-prop img.icon_regular_20,
.body-product-list .product-detail-info .product-prop img.icon_trial_20 {
	margin-top: -8px;
}

.body-product-list .product-detail-info .product-prop img.icon_weekday_20,
.body-product-list .product-detail-info .product-prop img.icon_holiday_20,
.body-product-list .product-detail-info .product-prop img.icon_regular_20,
.body-product-list .product-detail-info .product-prop img.icon_trial_20 {
	/*padding-left: 0;*/
}

/*prodyct list - grid view*/

.body-product-list .product-list-item-list .list-product .grid-2 .item .column-03 .product-prop img.icon-up,
.body-product-list .product-list-item-list .list-product .grid-2 .item .column-03 .product-prop img.icon_weekday_20,
.body-product-list .product-list-item-list .list-product .grid-2 .item .column-03 .product-prop img.icon_holiday_20,
.body-product-list .product-list-item-list .list-product .grid-2 .item .column-03 .product-prop img.icon_regular_20,
.body-product-list .product-list-item-list .list-product .grid-2 .item .column-03 .product-prop img.icon_trial_20 {
	margin-top: -4px;
}

/*homepage*/

.tab-content .list-fav-product .item .item-inner .line-03 img.icon-up,
.tab-content .list-fav-product .item .item-inner .line-03 img.icon_weekday_20,
.tab-content .list-fav-product .item .item-inner .line-03 img.icon_holiday_20,
.tab-content .list-fav-product .item .item-inner .line-03 img.icon_regular_20,
.tab-content .list-fav-product .item .item-inner .line-03 img.icon_trial_20 {
  padding-bottom: 2px;
  margin-bottom: 0px;
}







/*map view button - nelson*/

.product-detail-tab-content .btn.btn-nearby {
padding-left: 26px;
background-image: url('../images/icon/view_map.png');
background-repeat: no-repeat;
background-position: 6px 8px;
}




/* hide product ad in grid veiw */
.product-list-item-list .list-product .grid-2 .item .line-ad{
	display:none;
}



/* buy record */


.product-price-original img {
	margin-top:-8px;
}

span.product-price-original{
	line-height: 23px;
}

.profile-wrapper .list-purchase-record .item-label .column-01 {
  border-left: 1px solid #ebebeb;
}



/*bookmarked*/

.profile-wrapper .list-fav-product .item .item-inner .line-03 img {
  padding-right: 0;
  /* margin-bottom: 2px; */
}



.merchant-product-list .pagination {
margin: 0;
}


/* merchant page product list attr width */

.product-list-item-list .page-merchant .column-02 .line-04 .item-attr td {
  width: 129px;
}

.product-list-item-list .page-merchant .column-02 .line-04 .item-attr {
  padding-right: 30px;
}



/* landing-page white background for ad */

.header-bottom .page-view-respond-control, .body-home .page-view-respond-control {
    background-color: #ffffff;
}

#ad0 {
	  margin: 10px auto 0!important;
	padding-bottom: 20px!important;
}




/*grid view - 4 column to 3 column always*/

@media screen and (min-width: 1225px){
.product-list-item-list .list-product .grid-2 .item {
	width: 289px;
}
}

/*- search result -*/

.product-list-item-list .list-product .list-product-list.list-search-product-list .item .column-02 .line-01 {
	/*height: 28px;*/
	/*margin-bottom: 0;*/
}



/*internal merchant*/

.merchant-detail-info {
  padding-bottom: 25px;
  border-bottom:0;
}


.merchant-detail-tab-content.shop-detail-tab-content .product-list-filter-bar{
	  border-top: 2px solid #eaeaea;
}

.merchant-detail-tab-content.starshop-detail-tab-content{
	/* border-top: 2px solid #eaeaea; */
	/* margin-top: 10px; */
}


.merchant-detail-tab-content.shop-detail-tab-content .icon-up,
.merchant-detail-tab-content.shop-detail-tab-content .water_20,
.merchant-detail-tab-content.shop-detail-tab-content .hong_20,
.merchant-detail-tab-content.shop-detail-tab-content .icon_holiday_20,
.merchant-detail-tab-content.shop-detail-tab-content .icon_weekday_20,
.merchant-detail-tab-content.shop-detail-tab-content .icon_regular_20,
.merchant-detail-tab-content.shop-detail-tab-content .icon_trial_20 {
	margin-bottom: 6px;
}

.merchant-detail-tab-content.shop-detail-tab-content .icon-up{

}


/*search hot item line-height fix*/
.hot-items-wrapper .column .list-inline > li {

  line-height: 1.3em;
}

/* 0604 18:30 end */

.body-home .nav-tabs > li > a[href="#tab-news-0"] {
       /*color:#00a499;*/
}


.tab-news .ms-product-container .ms-product-price .product-prop img {
	margin-top: -6px;
}

.ms-container {}
.ms-banner { height: 160px; background-repeat: no-repeat; background-position: center; background-size: cover; height: 210px; width: 572px; margin: 8px 15px 0 13px;}
.ms-title-container { background-color: #FFFEEE; height: 42px; line-height: 42px;   width: 572px;  margin: 0px 15px 0 13px;}
.ms-index-title { color: #00A499; font-size: 1.2em; vertical-align: middle; padding-left: 30px;  line-height: 42px; font-weight:bold; }
.ms-title-container .icon { float: left; display: inline-block; margin-top: 3px; width: 34px; height: 34px; background-image: url('../images/icon/ms_icon_clock.png'); background-position: center; background-repeat: no-repeat;   margin-left: 3px;}
.ms-title-container .ms-more { float: right; margin-right: 7px; color: #00A499; }
.ms-title-container .ms-more:HOVER { text-decoration: underline; }
.ms-product-container { background-color: #FFFEEE;   padding-left: 8px;  background-color: #FFFEEE; margin: 0px 15px 0 13px;padding-bottom: 8px;   display: block; height:212px;   width: 572px;}
.ms-product { display: block; text-align: center; width: 180px; height: 205px; padding: 10px; vertical-align: top; border: 1px solid #FEF5CC; background-color: white;  margin-right: 8px; float:left;}
.ms-product-name { font-weight: bold; height: 20px; color: #222; }
.ms-product:HOVER .ms-product-name { color: #00A499; }
.ms-product-original-price { text-decoration: line-through; color: #999; font-weight: bold; font-size: 12px; height: 16px}
.ms-product-original-price .product-price { color: #999; }
.ms-product-price { font-size: 1.1em; font-weight: bold; color: #C91547; padding-bottom: 3px;}
.ms-product-image { display: inline-block; width: 120px; height: 120px; 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; color: #999; }

.ms-detail-container .ms-product-name { font-size: 1.2em; color: #646464; }
.ms-detail-container:HOVER .ms-product-name { color: #646464; }

.ms-list-container { border-right: 1px solid #DDD; }
.ms-description-container { text-align: center; background-color: #FFFEEE; border-bottom: 2px solid #F0C400; }
.ms-large-banner { }
.ms-large-banner img { width: 100%; height: auto;}
.ms-title { font-size: 1.2em; margin: 10px 0; }
.ms-description { font-size: 1.0em; margin-bottom: 15px; 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 { float: left; width: 289px; padding: 0; }
.ms-product-list-item-list .ms-product { width: 100%; padding-bottom: 10px; border: 0; border-left: 1px solid #DDD; border-bottom: 1px solid #DDD; background-color: white; }

.ms-product-list-item-list .list-product .item .ms-product-image img { width: 100%; height: 100%; border: 0; }

.ms-product-list-item-list .list-product .item .ms-product-image-1 { display: none; }


/* .ms-list-container-list .item */

.ms-product-list-item-list .list-product .item:first-child,
.ms-product-list-item-list .list-product .ms-list-container-list .item {
	 width: 100%; height: 225px; text-align: left;
}
.ms-product-list-item-list .list-product .item:first-child .ms-product,
.ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product {
	 text-align: left; height: 100%;
}
.ms-product-list-item-list .list-product .item:first-child .ms-product>*,
.ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product>* {
	 text-align: left;
}
.ms-product-list-item-list .list-product .item:first-child .ms-product-description,
.ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product-description {
	 text-align: left; margin: 5px 0;
}
.ms-product-list-item-list .list-product .item:first-child .ms-product-image-1,
.ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product-image-1 {
	 float: left; vertical-align: top; display: inline-block; width: 200px; height: 200px; margin: 5px;
}
.ms-product-list-item-list .list-product .item:first-child .ms-product-image-2,
.ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product-image-2 {
	 display: none;
}
.ms-product-list-item-list .list-product .item:first-child .ms-product-original-price,
.ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product-original-price {
	 display: inline-block; margin-right: 15px;
}
.ms-product-list-item-list .list-product .item:first-child .ms-product-price,
.ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product-price  {
	 display: inline-block;
}



.ms-product-list-item-list .list-product .item:not(:first-child) {
}
.ms-product-list-item-list .list-product .item:not(:first-child) .ms-product-description {
	 display: none;
}

.ms-product-list-item-list .list-product .item:not(:first-child) .ms-product-remarks {
	 display: none;
}

.ms-product-list-item-list .ms-product-original-price, .ms-product-list-item-list .ms-product-original-price .product-price { font-size: 14px;
}

.ms-product-list-item-list .ms-product-image {
	 width: 100; height: 100px; border: 0;
 }

.btn-ms-status-selling ,.btn-ms-status-selling
:hover ,.btn-ms-status-selling:target ,.btn-ms-status-selling:active,.btn-ms-status-selling:focus{
	background:#F44336;
	border: 2px solid white;
	color: white;
	margin-left: 5px;
}

.btn-ms-status ,.btn-ms-status:hover ,.btn-ms-status:target,.btn-ms-status:active,.btn-ms-status:focus{
	background:#EEE;
	border: 2px solid #2C3942;
	color: #2C3942;
	margin-left: 5px;
}

/*
timer 灰底: #eeeeee
timer 紅: #d81d54

megasale :
淺黃色 bg: #fffeee
index product div border: #fef5cc
m site 黃色 border: #f0c400

Orange Bg: #F47D20
Orange Border: #D76B19
*/
.ms-timer-container { background-color: #EEE; border-bottom: #2C3942 3px solid; color: #2C3942; width: 870px; min-height: 60px; padding: 10px 14px; font-size: 1.1em; }
@media screen and (max-width: 1224px){
.ms-timer-container{ width: 670px;}
}
.ms-timer-container-N {  }
.ms-timer-container-B {  }
.ms-timer-container-S { background-color: #F44336; border-bottom: #D32F2F 3px solid; color: white; }
.ms-timer-container-E {  }
.ms-timer-status { display: none; line-height: 35px; line-height: 38px;font-size: 21px; font-weight: bold;}
.ms-timer-timer-container { float: right; text-align: right; }
.ms-timer-timer { display: none; font-size: 0.8em; }
.ms-timer-time {  float: left; padding-left:0.4em;}

.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 .item { height: auto; padding: 15px 0 0px;   border-bottom: 1px solid #eaeaea;}
.product-list-item-list .list-product .ms-merchant-list .item .column { vertical-align: top; }
.product-list-item-list .list-product .ms-merchant-list .item .column-01 .line-img { 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 { width: 427px; }
.product-list-item-list .list-product .ms-merchant-list .item .column-03 { float: right; line-height: 100px; }
.product-list-item-list .list-product .ms-merchant-list .item .column a { color: #444444; }
.product-list-item-list .list-product .ms-merchant-list .item .column a:hover { color: #444444; }
.product-list-item-list .list-product .ms-merchant-list .item .column table a,
.product-list-item-list .list-product .ms-merchant-list .item .column table a:hover{
	color: #00a499;
}
.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: 180px; }
.ms-price-refer-not-active-btn:hover .btn{ color: #B3B3B3!important; cursor:default; }
.ms-price-refer-btn a { color: white !important; }
.ms-price-refer-btn .btn { 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-price-refer-btn .refer-btn-detail .btn:hover,
.ms-price-refer-btn .refer-btn-detail .btn:focus,
.ms-price-refer-btn .refer-btn-detail .btn:active,
.ms-price-refer-btn .refer-btn-detail .btn.active{
color: white; background: url("../images/icon/ms_btn_icon.png") no-repeat 16px 8px #008A82;
}


.ms-list-container.ms-detail-container,
.ms-product-list-item-list .ms-list-container.ms-detail-container .ms-product,
.ms-product-list-item-list .product-list-item-list .list-product .item,
.ms-page-view-body .product-list-fucntion-bar {
	border:none;
}

.ms-detail-container .ms-product-image {
	  border: 1px solid #DDD;
	  margin: 0!important;
	  margin-right: 15px!important;
	  width: 220px!important;
	  height:220px;
}

.ms-detail-container{
	padding-bottom: 20px;
}


.ms-event-container{
margin-top:10px;
background-color: #F47D20;
border-bottom: #D76B19 3px solid;
color: #FFFFFF;
width: 100%;
height: 50px;
padding: 10px 10px;
font-size: 16px;
}
.ms-event-container div{
height: 40px;
}
.ms-event-container .ms-event-icon{
margin-left:10px;
float:left;
}
.ms-event-container .ms-event-title{
  margin-left: 5px;
  margin-top: 0px;
  float: left;
  font-weight: bold;
  font-size: 1.2em;

}
.ms-event-container .ms-event-more{
margin-top:2px;
float:right;
}
.ms-event-container .ms-event-more-btn{
float:right;
}




/*tab */
.profile-wrapper .profile-list .nav-tabs{
	background-color: #ffffff;
	border-bottom: 2px #ebebeb solid;
  padding-top: 30px;
  height: 70px;
}

.profile-wrapper .profile-list .nav-tabs > li {
  border-left: 0;
}

.profile-wrapper .profile-list .nav-tabs > li > a {
  color: #999999;
  border-bottom: 2px #ebebeb solid;
  height: 40px;
  font-size: 17px;
  padding: 8px 30px 8px 30px;
  margin-bottom: -2px;
}

.profile-wrapper .profile-list .nav-tabs > li.active > a{
	color: #121212;
	border-bottom: 2px #f0c400 solid;
}

.profile-wrapper .profile-list .nav-tabs > li:hover {
	border-bottom: 2px solid #aaaaaa;
	background:#ffffff;
}

.profile-wrapper .profile-list .nav-tabs > li:hover a {
	color: #444444;
	margin-bottom: -4px;
	background:#ffffff;
	border-bottom: 2px solid #aaaaaa;
}

.profile-wrapper .profile-list .nav-tabs > li.active:hover {
	border-bottom: 0;
}

.profile-wrapper .profile-list .nav-tabs > li.active:hover a {
	cursor: default;
	color: #121212;
	border-bottom: 2px solid #f0c400;
}

.profile-wrapper .profile-list .nav-tabs > li > a:focus,
.profile-wrapper .profile-list .nav-tabs > li > a:hover {
  background-color: #ffffff;
  border-bottom: 2px solid #aaaaaa;
}


/* 0622 18:30 end */

/*ms pl*/

.ms-description-container .ms-title,
.ms-description-container .ms-description {
	padding: 0 15px;
}

.ms-description-container .ms-title {
	  font-weight: bold;
  font-size: 1.4em;
  margin-top: 15px;
  margin-bottom: 8px;
}

.ms-timer-timer-container{
	  min-width: 256px;
	    line-height: 38px;
}

.ms-timer-timer {
  font-size: 1em;
  float: left;
}

.ms-page-view-body .breadcrumb-product{
	padding-top:15px;
}

.ms-page-view-body .breadcrumb-product .column-left{
	padding-left: 0;
}

.tab-news .ms-product-container .ms-product-name {
	overflow: hidden;
}

.ms-product-list-body .ms-product{
	height: 315px;
	margin-right: 0;
}

.ms-product-list-body .ms-product,
.ms-product-list-item-list .list-product .item {
	width: 289px;
}

@media screen and (max-width: 1224px){
.ms-product-list-body .ms-product,
.ms-product-list-item-list .list-product .item {
	width: 222px;
}
}

.ms-page-view-body .breadcrumb-product{
	width: 870px;
  height: 50px;
  display: block;
  overflow: hidden;
}

@media screen and (max-width: 1224px){
.ms-page-view-body .breadcrumb-product{
	width: 670px;
}
}

.ms-page-view-body .ms-list-container{
	  border-top: 1px solid #DDD;
}

.ms-tnc-link {
  display: block;
  line-height: 34px;
}

.ms-tnc-link a{
	color: #00a499;
	font-size: 12px;
}

.ms-tnc-link-right {
	float: right;
}

.ms-page-view-body .product-list-fucntion-bar .column-02{
	position: relative;
	  width: 100%;
}

.ms-page-view-body .product-list-fucntion-bar .column-02 .ms-tnc-link-right{
	position:absolute;
	right: 0;
}


.ms-page-view-body .ms-product-name{
  font-size: 1.1em;
  line-height: 1.2em;
  height: 38px;
  display: block;
  margin-bottom: 3px;
  overflow: hidden;
}

.ms-page-view-body .ms-product-original-price span{
	font-size: 1em;
}

.ms-page-view-body .ms-product-price{
	font-size: 1em;
}

.ms-page-view-body .ms-product-list-item-list .ms-product-image{
	width: 150px;
	height: 150px;
}

.ms-product-remains {
color: #777;
}

.ms-page-view-body .ms-product-remains {
  margin-top: 4px;
  font-size: 1em;
}


/*ms pl large item*/

.ms-page-view-body .ms-product-list-item-list .list-product .item:first-child .ms-product .ms-product-name,
.ms-page-view-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-name {
	font-size: 1.4em;
	font-weight: bold;
	color: #444;
	  line-height: 44px;
}

.ms-product-list-item-list .list-product .item:first-child .ms-product,
.ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product {
	width: 100%;
}

.ms-page-view-body .ms-product-list-item-list .list-product .item:first-child .ms-product,
.ms-page-view-body .ms-product-list-item-list .list-product .item:first-child,
.ms-page-view-body .ms-product-list-item-list .list-product .ms-list-container-list .item  .ms-product,
.ms-page-view-body .ms-product-list-item-list .list-product .ms-list-container-list .item  {
	height: 250px;
}

@media screen and (max-width: 1224px){
.ms-page-view-body .ms-product-list-item-list .list-product .item:first-child .ms-product,
.ms-page-view-body .ms-product-list-item-list .list-product .item:first-child,
.ms-page-view-body .ms-product-list-item-list .list-product .ms-list-container-list .item  .ms-product,
.ms-page-view-body .ms-product-list-item-list .list-product .ms-list-container-list .item {
	min-height: 255px;
	height:auto;
}
}

.ms-page-view-body .ms-product-list-item-list .list-product .item:first-child .ms-product-image-1,
.ms-page-view-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product-image-1 {
  margin-top: 15px;
  margin-right: 40px;
  margin-left: 40px;
}

.ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product-description,
.ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product-remarks {
display: block;
}

.ms-page-view-body .ms-product-list-item-list .list-product .item:first-child .ms-product:HOVER .ms-product-name,
.ms-page-view-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product:HOVER .ms-product-name {
	  color: #00A499;
}

.ms-product-list-item-list .list-product .item:first-child .ms-product .ms-product-remarks,
.ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-remarks {
	padding-bottom: 14px;
}

.ms-product-list-item-list .list-product .item:first-child .ms-product .ms-product-remarks,
.ms-product-list-item-list .list-product .item:first-child .ms-product .ms-product-description,
.ms-product-list-item-list .list-product .item:first-child .ms-product .ms-product-name,
.ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-remarks,
.ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-description,
.ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-name {
	padding-right: 15px;
}


/*ms pd */

.ms-page-view-body.ms-product-detail-body .product-list-fucntion-bar{
	display:none;
}

.ms-page-view-body.ms-product-detail-body .ms-product-list-item-list .list-product .item:first-child .ms-product .ms-product-name{
	padding: 0px 0;
  display: block;
  overflow: hidden;
  height: auto;
}


.ms-page-view-body.ms-product-detail-body .ms-product-list-item-list .list-product .item:first-child .ms-product{
	padding-top: 30px;
	padding-left: 0;
}

.ms-page-view-body.ms-product-detail-body .ms-product-list-item-list .list-product .ms-merchant-list .item {
	height:auto!important;
	min-height: 160px;
}

.ms-page-view-body.ms-product-detail-body .ms-product-list-item-list .list-product .ms-merchant-list .item {
	width:870px;
}

@media screen and (max-width: 1224px){
.ms-page-view-body.ms-product-detail-body .ms-product-list-item-list .list-product .ms-merchant-list .item {
	width: 670px;
}

.product-list-item-list .list-product .ms-merchant-list .item .column-02{
	  width: 254px;
}
}

.product-list-item-list .list-product .ms-merchant-list ul li{
	  padding-right: 0;
  padding-left: 0;
}


.ms-page-view-body.ms-product-detail-body .ms-product:HOVER .ms-product-image  { opacity: 1; filter: alpha(opacity=100);
}


.ms-page-view-body a.ms-product-name:hover {
	text-decoration: none;
}


/* 0619 - error 404*/

	#page-not-found-error{
		height:auto;
		width:auto;
		margin:0 auto;
		border-top: 1px solid #e9e9e9;
		padding-top: 40px;
	}
	#page-not-found-error-box{
		width:700px;
		height:300px;
		margin:0 auto;
		padding-top: 20px;
	}

	#page-not-found-error-box .error-cover-img, #page-not-found-error-box .error-text-box{
		height:100%;
		float:left;
	}

	#page-not-found-error-box .error-cover-img{
		width: 180px;
	}

	#page-not-found-error-box .error-text-box ol {
		padding-left: 20px;
	}

	#page-not-found-error-box .error-text-box ol li {
		padding-bottom: 15px;
		line-height: 1.5em;
	}

	#page-not-found-error-box ul.list-unstyled.list-inline{
		margin-left:0;
		padding-top: 4px;}

	#page-not-found-error-box ul.list-unstyled.list-inline li {
		padding-top: 0;
		border-left: 1px solid #aaaaaa;
		padding-left: 9px;
		padding-right: 6px;
		padding-bottom: 0;
	}

	#page-not-found-error-box ul.list-unstyled.list-inline li:first-child {
		padding-left: 0;
		border-left: 0;
	}

	#page-not-found-error-box .error-text-box{
		width: 520px;
  		padding-left: 20px;
	}

	#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 span{
		color: #222222;
	}

	#page-not-found-error-box h3{
		margin-top: 4px;
		margin-bottom: 22px;
    }
    #page-not-found-error-box.page-busy-error-box h3, #page-not-found-error-box .page-busy-error-box h3 {
        margin-top: 69px;
		margin-bottom: 22px;
    }
    #page-not-found-error-box .page-busy-error-box.page-busy-error-box-en h3 {
        margin-top: 56px;
    }

/* buy history ref no. width */

.profile-wrapper .list-purchase-record .column-02 {
	width: 110px;
}

.profile-wrapper .list-purchase-record .column-03 {
	width: 100px;
}

@media screen and (min-width: 1225px){
.profile-wrapper .list-purchase-record .column-03 {
	width: 230px;
}
}



/* 0623 18:30 end */



/*.product-detail-function .btn:focus
bug fix for color turn white after alert, refer to bootflat, disable important on btn:active */



/* 0624 18:40 end */


.fb-news-share.left { float: none; }
.product-contents-container { margin: 20px 0; padding: 0 40px; }
.shop-detail-tab-content .btn-filter { color: #888888; border: 1px solid #ccd1d9 !important; border-color: #ccd1d9 !important; background-color: white !important; margin-left: 15px; padding: 3px 12px; }
.shop-detail-product-list-pager { padding-bottom: 25px; }

/* yahoo ad sposor display issue on news tab*/

.tab-news-small{
  padding-bottom: 10px;
  height: 190px;
}

/* 0630 17:00 end */


/*MS product name floating fix */

.ms-page-view-body .ms-product-list-item-list .list-product .item:first-child .ms-product .ms-product-name,
.ms-page-view-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-name {
	line-height: 24px;
	display: block;
	padding: 10px 0;
	overflow: hidden;
	height: auto;
}


@media screen and (max-width: 1224px){


.ms-page-view-body .ms-product-list-item-list .list-product .item:first-child .ms-product .ms-product-remains,
.ms-page-view-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-remains
/*.ms-page-view-body .ms-product-remains*/ {
  float: right;
  width: 368px;
  padding-bottom: 10px;
}

.ms-page-view-body.ms-product-detail-body .ms-product-list-item-list .list-product .item:first-child .ms-product .ms-product-remains,
.ms-page-view-body.ms-product-detail-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-remains
/*.ms-page-view-body.ms-product-detail-body .ms-product-remains*/ {
  width: 425px;
  float: right;
  padding-bottom: 10px;
}

}


/* product details realted news fix*/


.product-listing-wrapper .product-detail-tab-content .news-normal .column-02{
	width: 447px;
	padding-right:0;
}


@media screen and (min-width: 1225px){
.product-listing-wrapper .product-detail-tab-content .news-normal .column-02{
	width: 647px;
	padding-right:0;
}
}

.product-listing-wrapper .product-detail-tab-content .home-list-block-02{
	padding-right: 0;
}

/* 0702 17:00 end */

.tab-news-small{
  padding-bottom: 10px;
}


/*product detail - quotation list btn fix */


.product-detail-tab-content .btn.btn-nearby {
  background-position: 2px 7px;
  padding: 6px 6px 6px 21px;
}

@media screen and (max-width: 1224px){
.product-detail-tab-content .btn.btn-nearby {
  background-position: 8px 7px;
  padding: 6px 0px 6px 32px;
  width: 18px;
 overflow:hidden;
}
}

.product-listing-wrapper .product-detail-tab-content .column-02{
padding-right: 5px;
}

.product-list-fucntion-bar .pagination-total-wrapper .pagination-wrapper {
  padding-left: 5px;
}

/* 0703 17:40 end */

.ms-container.ms-container-full-image {  }
.ms-container.ms-container-full-image .ms-title-container { display: none; }
.ms-container.ms-container-full-image .ms-product-container { display: none; }
.ms-container.ms-container-full-image .ms-banner { height: 465px; }


.ms-page-view-body.ms-product-detail-body .breadcrumb-product {
  padding-top: 0px;
  height:40px;
}

/*product list grid view last child border */

/* first, add ending border */
.product-list-item-list .list-product .grid-2 li:nth-last-child(3) .item {
	border-right: 1px solid #dddddd;
	width: 224px;
}

@media screen and (min-width: 1225px){
.product-list-item-list .list-product .grid-2 li:nth-last-child(3) .item {
width: 290px;}

}

/* second, remove border at 3n multiple */
.product-list-item-list .list-product .grid-2 li:nth-child(3n+2) .item {
	border-right: 0;
	width: 223px;
}

@media screen and (min-width: 1225px){
.product-list-item-list .list-product .grid-2 li:nth-child(3n+2) .item{
width: 290px;}

}

/* megasale grid view last child border */

.ms-product-list-item-list .list-product .item{
border-bottom: 0;
}

.ms-product-list-body .product-list-pager{
border-top: 1px solid #DDD;
}


/* first, add ending border */
.ms-product-list-item-list  li:last-child .ms-product {
	border-right: 1px solid #dddddd;
	width: 290px;
}

@media screen and (max-width: 1224px){
.ms-product-list-item-list  li:last-child .ms-product {
	width: 223px;
}
}

/* second, remove border at 3n multiple */
.ms-product-list-item-list li:nth-child(3n+1) .ms-product {
	border-right: 0;
}







/*product list - merchant address link color */
.product-detail-tab-quote .product-list-item-list li .item .quote-shop-contact a{
	color:#00a499;
}

.product-detail-tab-quote .product-list-item-list li .item .quote-shop-contact a:hover,
.product-detail-tab-quote .product-list-item-list li .item .quote-shop-contact a:hover .contact-info {
	text-decoration:underline;
}



/* mspd - long text floating */

.ms-page-view-body.ms-product-detail-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product,
.ms-page-view-body.ms-product-detail-body .ms-product-list-item-list .list-product .ms-list-container-list .item {
	height: auto;
	display: block;
}

.ms-page-view-body.ms-product-detail-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product:HOVER .ms-product-name{
	color: #444;
}

.ms-page-view-body.ms-product-detail-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-name{
	padding-bottom:10px;
}

.ms-page-view-body.ms-product-detail-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-description,
.ms-page-view-body.ms-product-detail-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-remarks,
.ms-page-view-body.ms-product-detail-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .fb-like-ntn-wrapper,
.ms-page-view-body.ms-product-detail-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-original-price,
.ms-page-view-body.ms-product-detail-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-remains {
	margin-left: 235px;
}


/* starshop product list label margin */

.merchant-detail-tab-content.starshop-detail-tab-content .product-list-item-list .quote-price-water img.water_20,
.merchant-detail-tab-content.starshop-detail-tab-content .product-list-item-list .quote-price-hong img.hong_20 {
	margin-top: -10px;
}



/*item-attr tabel width alignment */
.product-list-item-list .list-product .item .column-02 .line-04 .item-attr {
	width: 250px;
}

.product-list-item-list .page-merchant .column-02 .line-04 .item-attr {
  width: 240px;
}



/*search keywords */

/*lineheight*/
.hot-items-wrapper {
  line-height: 16px;
  position: relative;
}

/*text float*/
@media screen and (max-width: 1224px){
.hot-items-wrapper .column-right {
  width: 429px;
  overflow: hidden;
  height: 18px;
}
}


/*ms pd - text floating fix*/

/*mdpd*/

.ms-page-view-body.ms-product-detail-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-name{
	margin-left: 235px;
}

.ms-page-view-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product-image-1{
	position: absolute;
}

.ms-page-view-body.ms-product-detail-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product{
	min-height: 250px;
}

/*mdlist*/

.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .item:first-child .ms-product,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .item:first-child,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .ms-list-container-list .item  .ms-product,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .ms-list-container-list .item  {
	height: auto;
	min-height:245px;
}

.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .item:first-child .ms-product .ms-product-remains,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-remains {
  float: right;
  padding-bottom: 10px;
}

.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .item:first-child .ms-product .ms-product-name,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-name,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .item:first-child .ms-product .ms-product-description,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-description,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .item:first-child .ms-product .ms-product-remarks,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-remarks,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .item:first-child .ms-product .ms-product-original-price,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-original-price,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .item:first-child .ms-product .ms-product-price,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-price,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .item:first-child .ms-product .ms-product-remains,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-remains {
  float: right;
  width: 568px;
}

@media screen and (max-width: 1224px){
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .item:first-child .ms-product .ms-product-name,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-name,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .item:first-child .ms-product .ms-product-description,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-description,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .item:first-child .ms-product .ms-product-remarks,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-remarks,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .item:first-child .ms-product .ms-product-original-price,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-original-price,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .item:first-child .ms-product .ms-product-price,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-price,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .item:first-child .ms-product .ms-product-remains,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-remains {
  width: 368px;
}
}


.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .item:first-child .ms-product .ms-product-original-price,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-original-price {
	padding-right: 15px;
	margin-right:0;
}

.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .ms-list-container-list li:last-child .ms-product{
	border-right:0;
	border-bottom:0;
}





.body-home .nav-tabs > li.ms-tab > a{
       color: #ffffff;
       background: #E8C600;
       border-bottom: 2px #E8C600 solid;
       font-weight: bold;
       font-size: 1.2em;
       line-height: 1.2em;
       padding: 10px 14px;
       margin-right: 8px;
}

.body-home .nav-tabs > li.ms-tab.active > a , .body-home .nav-tabs > li.ms-tab.active > a:hover {
	background: #E8B100!important;
    border-bottom: 2px #E8B100 solid;
}

.body-home .nav-tabs > li.ms-tab > a:hover {
       background: #E8B100;
       border-bottom: 2px #E8B100 solid;
}



/*ms pd - text floating fix*/

/*mdpd*/

.ms-page-view-body.ms-product-detail-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-name{
	margin-left: 235px;
}

.ms-page-view-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product-image-1{
	position: absolute;
}

.ms-page-view-body.ms-product-detail-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product{
	min-height: 250px;
}

/*mdlist*/

.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .item:first-child .ms-product,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .item:first-child,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .ms-list-container-list .item  .ms-product,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .ms-list-container-list .item  {
	height: auto;
	min-height:245px;
}

.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .item:first-child .ms-product .ms-product-remains,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-remains {
  float: right;
  padding-bottom: 10px;
}

.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .item:first-child .ms-product .ms-product-name,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-name,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .item:first-child .ms-product .ms-product-description,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-description,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .item:first-child .ms-product .ms-product-remarks,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-remarks,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .item:first-child .ms-product .ms-product-original-price,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-original-price,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .item:first-child .ms-product .ms-product-price,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-price,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .item:first-child .ms-product .ms-product-remains,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-remains {
  float: right;
  width: 568px;
}

@media screen and (max-width: 1224px){
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .item:first-child .ms-product .ms-product-name,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-name,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .item:first-child .ms-product .ms-product-description,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-description,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .item:first-child .ms-product .ms-product-remarks,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-remarks,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .item:first-child .ms-product .ms-product-original-price,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-original-price,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .item:first-child .ms-product .ms-product-price,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-price,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .item:first-child .ms-product .ms-product-remains,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-remains {
  width: 368px;
}
}


.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .item:first-child .ms-product .ms-product-original-price,
.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .ms-list-container-list .item .ms-product .ms-product-original-price {
	padding-right: 15px;
	margin-right:0;
}

.ms-page-view-body.ms-product-list-body .ms-product-list-item-list .list-product .ms-list-container-list li:last-child .ms-product{
	border-right:0;
	border-bottom:0;
}



/*MS TnC */

.ms-tnc-container{
	display:block;
	line-height: 1.4;
	width: 100%;
	padding-right: 20px;
}

.ms-tnc-container ul{
	padding-top: 20px;
	color: #666666;
	font-size: 13px;
	padding-left: 25px;
	padding-bottom: 30px;
}

.ms-tnc-container ul li{
	padding-bottom: 10px;
}


/* news tab fix*/

.body-home tab-product {
  padding-top: 23px;
}



/*profile pager spacing fix*/
.page-view-body .body-profile .profile-wrapper .column-02 .profile-list .profile-list-pager{
	padding-left: 15px;
	padding-bottom: 49px;
	padding-top: 15px;
	border-top: 2px solid #ebebeb;
	border-left: 0;
}



@media screen and (max-width: 1224px){

	.page-view-body .body-profile .profile-wrapper .column-02 .profile-list-item-list li:last-child {
	      border-right: 1px solid #ebebeb;
	}

	.page-view-body .body-profile .profile-wrapper .column-02 .profile-list-item-list .merchant-shop-stat li:last-child {
	      border-right: 0px solid #ebebeb;
	}
}

@media screen and (min-width: 1225px){
	.page-view-body .body-profile .profile-wrapper .column-02 .profile-list-item-list li:last-child {
	      border-right: 1px solid #ebebeb;
	}

	.page-view-body .body-profile .profile-wrapper .column-02 .profile-list-item-list .merchant-shop-stat li:last-child {
		      border-right: 0px solid #ebebeb;
	}
.list-fav-product .item { width: 220px; }
/*
.page-view-body .body-profile .profile-wrapper .column-02 .profile-list-item-list li,
.page-view-body .body-profile .profile-wrapper .column-02 .profile-list-item-list li .item {
        width: 220px;
}
*/

}

/* 0720 13:00 end */

#static-view-referral .tab-content .preOrderArea .stepGroup {
  width: 500px;
}

/* 0722 18:30 end */



.body-home .nav-tabs > li.ms-tab > a{
       color: #ffffff;
       background: #E8C600;
       border-bottom: 2px #E8C600 solid;
       font-weight: bold;
       font-size: 1.2em;
       line-height: 1.2em;
       padding: 10px 14px;
       margin-right: 8px;
}

.body-home .nav-tabs > li.ms-tab.active > a , .body-home .nav-tabs > li.ms-tab.active > a:hover {
	background: #E8B100!important;
    border-bottom: 2px #E8B100 solid;
}

.body-home .nav-tabs > li.ms-tab > a:hover {
       background: #E8B100;
       border-bottom: 2px #E8B100 solid;
}

.news-row-view, .news-page-view {
	padding: 0;
	display:inline;
	padding-left: 10px;
}

.news-row-date img, .news-page-date img, .news-row-view img, .news-page-view img{
	margin-bottom:2px;
}

.news-row-date span, .news-page-date span{
	width:120px;
}

/* 0730 12:00 end */

.unit-filter input.selecter-datepicker , .selecter-datepicker {
	width:100%;
	height: 23px;
}

.filter-wrap-lg, .product-list-filter-bar ul li.filter-wrap-lg{
	width:50%;
}

.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:22px;
}


.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: 8px solid transparent;
  border-right: 8px 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{

}


.filter-date .input-group-addon{
	position:absolute;
	top:0;
	width:100%;
	border-radius: 0;
	height: 23px;
	opacity:0;
}

/*@media screen and (min-width: 1225px){
.filter-date .input-group-addon{
	width:173px;
}
}*/

.filter-date.filter-date-left .input-group-addon{
}

.filter-date.filter-date-right .input-group-addon{
}

.product-list-filter-bar{
	display:none;
  width: 100%;
	height: auto;
	border: 1px solid #00a499;
  padding: 5px 5px 0px;
	position:relative;
  border-top: none;
  margin-bottom: 5px;
}
.btn-clear-filter{
	position: absolute;
	right: 4px;
	top:6px;
}

.btn-clear-filter a{
	width:16px;
	height:16px;
	display:block;
	background:url("../images/dialog-close.png");
	background-size:cover;
	cursor:pointer;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.btn-clear-filter a:hover{
	opacity: 1;
	filter: alpha(opacity=100);
}


#recap-oversea{
	padding:8px;
	border-radius: 4px;
	border: 1px solid #aab2bd;
	margin-bottom:20px;
}


#recap-oversea .recap-oversea-img{
	text-align: center;
	padding-bottom: 8px;
}

#recap-oversea .recap-oversea-img img{
	width: 100%;
}

#recap-oversea .recap-oversea-input input{
}



#recap_input{
	height:auto;
}

/* 0731 16:35 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;
}

#recap-oversea .recap-oversea-reload:hover {
	background-image:url("../images/icon/btn_reload_hover.png");
	background-color: #ffffff;
}

/* 0804 16:00 end */



.body-product-list .ms-list-container .product-prop img.hong_20,
.body-product-list .ms-list-container .product-prop img.water_20{
	margin-bottom: -2px;
}


.header-top .caret{
	margin:  -0.2em 0 0 0.2em;
}

/* 0818 */

.pd-compare-box {
  display: block;
  position: absolute;
  background: #ffffff;
  z-index: 140000;
  width: 318px;
  border: 1px solid #666666;
  display: none;
  /*margin-left: -258px;*/
  margin-top:6px;
}

.header-top .column .pd-compare-box ul{
	padding:0;
}

.header-top .column .pd-compare-box ul li{
   display: block;
   overflow: hidden;
   height: 60px;
   background: url("../images/icon/item_rank_line.png") repeat-x 0 59px;
   position:relative;
}



.header-top .column .pd-compare-box ul li:last-child {
	background: none;
}

.header-top .column .pd-compare-box ul li a{
  margin: 0;
  background: url("../images/icon/list_bullet_01.png") no-repeat 8px 28px;
  padding-left: 20px;
  font-size: 11px;
  line-height: 60px;
  display:block;
  height: 60px;
  width:100%;
  color:#666666!important;
}

.header-top .column .pd-compare-box ul li a:hover {
	background: url("../images/icon/list_bullet_02.png") no-repeat 8px 28px #eeeeee;
	color:#00a499!important;
}

.pd-compare-box .arrow {
    position: absolute;
    background: #777777;
    margin-top: 0px;
    margin-left: 282px;
    z-index: 140000;
    margin-left: 25px;
	display:block;
}

.pd-compare-box .arrow:after, .pd-compare-box .arrow:before {
    bottom: 50%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.pd-compare-box .arrow:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #777777;
    border-width: 10px;
    margin-left: -10px;
}



.pd-compare-box-bottom a{
	float:left;
	margin:12px 10px;
}

.pd-compare-box-viewall{
	float:right;
	margin:8px 10px;
	padding: 3px 6px;
	font-size: 13px;
}

.pd-compare-box ul li img{
	margin-right:5px;
}

.header-top .column .pd-compare-box ul li:last-child{
   display: block;
   overflow: hidden;
   height: 60px;
   background: none;
   border-bottom:2px solid #e8e8e8;
}

.pd-compare-deleteitem{
	position:absolute;
	z-index:140001;
	background:#fff;
	top:17px;
	right:10px;
	display: inline-block;
    vertical-align: top;
    font-size: 12px;
    color: #545454;
    padding: 0 5px;
    white-space: nowrap;
    word-break: keep-all;
	display:none;
	line-height:24px;
	border-radius:2px;
	cursor: pointer;
}

.header-top .column .pd-compare-box ul li:hover span.pd-compare-deleteitem{
	display:block !important;
}

.pd-compare-deleteitem:hover{
	background:#CACACA;
	text-decoration:underline;
}

.pd-compare-thumbnail{
	width:100%;
	text-align:center;
	font-size:12px;
	color:#666666;
}

.pd-compare-thumbnail input[type="checkbox"]{
	margin-right:3px;
}

.pd-compare-thumbnail a{
	color:inherit;
}

.pd-compare-thumbnail a:hover{
	color: #00a499;
}


/* pd compare page */

.compare {
    padding: 50px 0 30px 0;
    background: #f9f9fa;
    overflow-x: auto;
}

.compare-table {
    width: 100%;
    margin: 50px 0 40px 0;
    color: #1e1e1e;
}
.compare-table td,
.compare-table th {
    padding: 0 10px;
    border-left: 1px solid #d7d7d8;
    border-right: 1px solid #d7d7d8;
	border-top:1px solid #d7d7d8;
    border-bottom: 1px solid #ececed;
}
.compare-table th {
    vertical-align: top;
    font-weight: 300;
    padding-top: 10px;
    padding-bottom: 10px;
}
.compare-table td {
    padding: 14px 10px 13px;
    color: rgba(30, 30, 30, 0.7);
}

th.compare-table-title {
    width: 16% !important;
    padding-top: 10px;
    font-weight: 300;
    text-align: left;
}

.compare-table-item {
    width: 21% !important;
}

.compare-table-image {
    margin: 0 auto;
    display: block;
}

.compare-item-title {
    display: block;
    font-size: 20px;
    font-weight: 400;
    color: #1e1e1e;
}
.compare-item-title:hover {
    color: #00a499;
}
.compare-item-rating {
    display: block;
    font-size: 15px;
}
.compare-item-price {
    display: block;
    margin: 25px 0 10px;
    font-size: 20px;
    color: #01a87f;
}
.compare-table-header__row2{
	border-top-style: hidden; background:#fff;
}
.compare-table-add{
	text-align:center;
	line-height: 250px;
}

.quote-price-hong, .quote-price-water{
	padding-left:0;
}

.compare-item-price img{
	vertical-align: baseline;
}

.compare-table tr:hover{
	background:#F3F3F3;
}

.compare-table tr:first-child:hover{
	background:inherit;
}

.compare-table tr td:first-child{
	color:#111;
}

.compare-table .rating-table td{
	padding:0 0 8px 0;
    line-height: 14px;
	border:none;
}

.compare-table .rating-table tr:hover{
	background:inherit;
}

.compare-table .rating-table .star-label {
    padding-right: 5px;
    text-align: right;
}

.compare-table .rating-table .star-mark {
    padding-left: 5px;
}

.full-width {
	width:100%;
}
.full-width--content {
	text-align: center;
	font-size: 1.2em;
    font-weight: 400;
    margin: 1.2em;
}

.full-width--link{
	font-style : italic;
}

.compare-item-desc{
	color :rgba(30,30,30,0.7);
}

.product-detail-info .pd-compare-thumbnail{
	margin-top:5px;
}

/*mega-sale-guideline*/

.btn-ms-status-selling ,.btn-ms-status-selling:hover ,.btn-ms-status-selling:target ,.btn-ms-status-selling:active,.btn-ms-status-selling:focus{
	background:#F44336;
	border: 2px solid white;
	color: white;
	margin-left: 5px;
}

.btn-ms-status ,.btn-ms-status:hover ,.btn-ms-status:target,.btn-ms-status:active,.btn-ms-status:focus{
    border: 2px solid #00a499;
    color: #fff;
    margin-left: 5px;
    background: #00a499;
}


#mega_guide_wrap {
	margin: 0 auto;
	max-width: 1200px;
}

.mega_guide_top_img {

}

.mega_guide_main_text {
	margin:30px;
}

.mega_guide_steps h1, .mega_guide_main_text  h1 {
	font-size: 36px;
    line-height: 40px;
	color: #121212;
    text-align: center;
	margin-top: 10px;
}

.mega_guide_main_text p, .mega_guide_steps p {
	height: auto;
    font-size: 18px;
    line-height: 26px;
    margin: 0px;
    padding: 0px;
    color: #121212;
    text-align: center;
    font-weight: normal;
}

.mega_guide_main_text {
	padding:10px;
}

.mega_guide_step_odd {
	overflow:hidden;
	margin:30px;
	background-color: #ebebeb;
	display: block;
	clear: both;
	width: 1140px;
}

.mega_guide_steps .mega_guide_step_odd .step_number_odd {
	float: left;
	margin-top:30px;
}

.mega_guide_steps .mega_guide_step_odd .step_img_odd {
	float: right;
	margin-top:30px;
	margin: 0;
}

.mega_guide_steps .step_even .step_number2 {
	float:right;
	margin-top:30px;
}

.mega_guide_steps .step_even .step_img2 {
	margin-top:30px;
	float:left;
}


.mega_guide_step_odd .step_number_odd .number_box_odd {
	background: #00a499;
	width: 270px;
	height: 70px;
}

.step_even .step_number2 .number_box2 {
	background: #00a499;
	float: right;
	width: 270px;
	height: 70px;
}

.mega_guide_step_odd .step_number_odd .number_box_odd p.number, .step_even .step_number2 .number_box2 p.number{
	line-height:70px;
	color: #fff;
}

.mega_guide_steps .step_even {
	overflow:hidden;
	margin:30px;
	background-color: #fff;
	display: block;
	clear: both;
	width: 1140px;
}

.step_even .step_number2 .number_box2 #circle, .mega_guide_step_odd .step_number_odd .number_box_odd #circle {
	float: left;
    width: 48px;
    height: 48px;
    background: #f0c400;
    border-radius: 50px;
	margin: 10px 0 10px 30px;
}

.step_even .step_number2 .number_box2 #circle h2#mega_step_num, .mega_guide_step_odd .step_number_odd .number_box_odd #circle h2#mega_step_num {
	font-size: 18px;
	text-align: center;
	line-height: 48px;
	color: #fff;
	margin-top: 0;
}
/*END mega-sale-guideline*/

.ms-tnc-link__with_fb{
	line-height: inherit;
	margin-top : 0.5em;
}


.product-list-item-list .product-price { padding-right: 3px; }

.shop-detail-tab-content { margin-top: 10px; }
/* .shop-detail-tab-content .column-04 { float: right; vertical-align: middle; margin: 20px 0 25px 0;   } */
/* .shop-detail-tab-content .column-04 .filter-label { padding: 0; padding-top: 0px; padding-right: 10px; line-height: 26px; vertical-align: middle; } */

/* 20150921 TP#4783 4785, add back shop.php filter */

#recap-oversea .recap-oversea-img img { width: auto; vertical-align: bottom; }
#recap-oversea .recap-oversea-img .refresh-icon { margin-left: 10px; }

announcement*/

.announcement{
  display: block;
  position: absolute;
  background: #ffffff;
  z-index: 140000;
  width: 318px;
  border: 1px solid #666666;
  display: none;
  /*margin-left: -258px;*/
  margin-top:6px;
}

.tab-new{
	background: #f35328;
    color: #fff;
    padding: 1px 3px 2px 2px;
    border-radius: 2px;
	margin-left:5px;
}

.tab-new:hover{
	text-decoration:none !important;
}

.announcement-alert{
	line-height:14px;
	color:#fff;
	border-radius:10px;
	font-size:12px;
	padding:0 4px;
	background:#f35328;
	margin-left:2px;
}

.annuncement-box {
    display: block;
    position: absolute;
    background: #ffffff;
    z-index: 140000;
    width: 318px;
    border: 1px solid #666666;
    display: none;
    /* margin-left: -258px; */
    margin-top: 6px;
}

.annuncement-box .arrow {
    position: absolute;
    background: #777777;
    margin-top: 0px;
    margin-left: 282px;
    z-index: 140000;
    margin-left: 25px;
}

.header-top .column .annuncement-box ul li {
    display: block;
	padding:5px 0;
	border-bottom:1px dashed #E8E8E8;
}

.header-top .column .annuncement-box ul li:hover {
	background:#eee;
}

.header-top .column .annuncement-box ul li a:hover {
	color:#00a499 !important;
}


.header-top .column .annuncement-box ul li a {
    margin: 0;
    background: url("../images/icon/list_bullet_01.png") no-repeat 8px 5px;
    padding-left: 20px;
    font-size: 11px;
    display: block;
    width: 100%;
    color: #666666;
}

.header-top .column .annuncement-box ul {
    padding: 0;
}

.announcement-buttom{
	padding:5px;
	text-align:center;
}

.profile-annuncement{
	min-height:800px;
}


.user-menu .announcement-alert{
	margin-right:5px;
	font-size:14px;
}

.profile-annuncement{
	padding:20px;
}

.profile-annuncement ul{
	-webkit-padding-start: 20px;
	-moz-padding-start: 0;
	padding-start: 0;
}

.profile-annuncement-list li{
	font-size: 16px;
    color: #444444;
	border-top:2px solid #eee;
	list-style:none;
	padding:10px 0;
}

.profile-annuncement-list li:last-child{
	border-top:none;
	border-bottom:2px solid #eee;
}

.profile-annuncement-content{
	border-bottom:2px solid #eee;
}


/******/

.profile-annuncement .togglebox {
	color:#555;
}

.profile-annuncement input[type="radio"] {
 position: absolute;
 opacity: 0;
}

.profile-annuncement label {
 position: relative;
 display: block;
 height: 50px;
 line-height: 50px;
 font-size: 16px;
 font-weight: bold;
 cursor: pointer;
 border-top:2px solid #eee;
 margin-bottom:0px;
}

.profile-annuncement .togglebox{
	border-bottom:2px solid #eee;
}

.profile-annuncement label:hover {
 background: #eee;
}

.profile-annuncement label:after {
 content: '';
 height:50px;
 width:50px;
 display:block;
 float:right;
 background:url(../images/annuncement-arrow.png);
}

.profile-annuncement .content {
 height: 0;
 overflow: hidden;
}


.profile-annuncement input[type="radio"]:checked ~ label:after {
 transform: rotate(180deg);
 -moz-transform: rotate(180deg);
 -o-transform: rotate(180deg);
 -ms-transform: rotate(180deg);
 -webkit-transform: rotate(180deg);
}

.profile-annuncement input[type="radio"]:checked ~ .content {
 height: auto;
 padding-bottom:10px;
}

.profile-annuncement p {
 margin: 0 0 5px 0;
 font-size: 11px;
 line-height: 1.5;
 font-size:14px;
}

.profile-annuncement .tab-new{
	border-radius:20px;
	padding:0 5px 2px 5px;
	font-weight:normal;
	font-size:13px;
}

/* 20150930 */

.btn-ms-product-detail { margin-right: 10px; }
.btn-ms-product-detail.sold-out { border-color: #DDD; background: #DDD; }
.ms-product-remains { color: #00A499; }

.product-list-item-list .product-price { padding-right: 3px; }

.profile-annuncement input[type="radio"]:checked ~ label {
	color:#00A499;
}
.product-list-item-list .product-price { padding-right: 3px; }

.register-tab-bar{
	position:relative;
	display: block;
    padding-bottom: 5px;
	margin:auto;
	padding-right:5px;
	width:330px;
}
.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: 32px;
    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;}

.profile-annuncement img{max-width:100%;height:auto;}

.ms-tnc-link__with_fb{
	line-height: inherit;
	margin-top : 0.5em;
}


.product-list-item-list .product-price { padding-right: 3px; }


/* TP#5242 news detail - related product */
.news-product-wrapper {}
.news-product-wrapper ul { list-style: none; }
.news-product-wrapper ul li { }
.news-product-wrapper ul .item.news-related-item { display: block; text-align: left; }
.news-product-wrapper ul .line-img { float: left; margin-right: 15px; }
.news-product-wrapper ul .line-img img{ width: 60px; height: 60px; border: 1px solid #DDD; }
.news-product-wrapper ul a {}
.news-product-wrapper ul a:HOVER { text-decoration: none; }





/*20150914 */
.header-top .column-03{padding-left:10px;}

@media screen and (min-width: 1225px){
.header-top .column-03 {
  padding-left: 30px;
}
}


.header-top .column-04{padding-left:20px;}

@media screen and (min-width: 1225px){
.header-top .column-04 {
  padding-left: 30px;
}
}
/*20150914 end*/


/*20151207*/

.quotation-merchant-spec li{
	float:left;
	width:65px;
	text-align:center;
}


.quotation-merchant-spec span{
	display:block;
	margin-top:5px;
}
/*20151207 end */


/* hotfix/ms_css_201511 */
.ms-product-list-body .ms-product { height: 310px; }

/* hotfix/5898-hide_ms_event_title_and_description_in_ms_product_list */
.ms-description-container .ms-title { display: none; }
.ms-description-container .ms-title, .ms-description-container .ms-description { display: none; }

/* TP#5242 news detail - related product */
.news-product-wrapper {}
.news-product-wrapper ul { list-style: none; }
.news-product-wrapper ul li { }
.news-product-wrapper ul .item.news-related-item { display: block; text-align: left; }
.news-product-wrapper ul .line-img { float: left; margin-right: 15px; }
.news-product-wrapper ul .line-img img{ width: 60px; height: 60px; border: 1px solid #DDD; }
.news-product-wrapper ul a {}
.news-product-wrapper ul a:HOVER { text-decoration: none; }

/* 20151211 rating UI*/


.merchant-rating {
	text-align: center;
	font-size: 0.8em;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.merchant-shop-star img { padding-bottom:5px;}


.im-quote-online-span{
	color: #00a499;
	font-size: 0.8em;
}

.keyword-search-history {
    display: block;
    overflow: hidden;
    background: url("../images/icon/item_rank_line.png") repeat-x 0 60px;
}

.quotation-merchant-spec{

}

.quote-shop-stat ul{

	margin:0 35px;

	padding: 0;

	overflow:hidden;

}

.quotation-merchant-spec li:nth-child(2){
	border-left: 1px solid #E4E4E4;
}

.quote-shop-star img{
	vertical-align:text-bottom;
	margin-right:2px;
}

.keyword-search-history {
    display: block;
    overflow: hidden;
    background: url("../images/icon/item_rank_line.png") repeat-x 0 60px;
}

.quotation-merchant-spec{

}

.quote-shop-stat ul{

	margin:0 35px;

	padding: 0;

	overflow:hidden;

}



.quotation-merchant-spec li:nth-child(2){
	border-left: 1px solid #E4E4E4;
}


.quote-shop-star img{
	vertical-align:text-bottom;
	margin-right:2px;
}


.quote-shop-star span{
	font-size:13px;
	line-height:15px;
}


.merchant-name{
	font-size: 18px;
	color:#444444;
	text-align: center;
	font-weight:bold;
	padding-bottom: 10px;
}

.merchant-shop-star{
	text-align: left;
	padding-bottom: 10px;
}

/* end 20151211 rating UI*/

.quote-shop-star span{
	font-size:13px;
	line-height:15px;
}


.merchant-name{
	font-size: 18px;
	color:#444444;
	text-align: center;
	font-weight:bold;
	padding-bottom: 10px;
}

.merchant-shop-star{
	text-align: left;
	padding-bottom: 10px;
}

/* end 20151211 rating UI*/

/* 20151215 */
.buy_popover-yellow {
	background-color: #fff!important;
	color: #8a6d3b!important;
	position: absolute;
	height: 75px;
	width: 172px;
	top: 102px;
	border-radius: 10px;
	right: 181px;
	overflow: visible;
	background: url(../images/buy_tips_bg.png);
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 0px;
	font-size: 12px;
	text-align: left;
	z-index: 1;
}

.buy_popover-yellow .arrow, .buy_popover-yellow .arrow:after{
	border-right-color: #ffdd87!important;
}

.buy_popover-yellow p{
	font-size: 12px;
	line-height: 18px;
	color: #8a6d3b;
	margin: 0;
	padding-left: 12px;
	text-align: left;
}

.buy_popover-yellow2 {
	background-color: #fff!important;
	color: #8a6d3b!important;
	position: absolute;
	height: 75px;
	width: 172px;
	top: 68px;
	border-radius: 10px;
	right: 181px;
	overflow: visible;
	background: url(../images/buy_tips_bg.png);
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 0px;
	font-size: 12px;
	text-align: left;
	z-index: 1;

}

.buy_popover-yellow2 .arrow, .buy_popover-yellow2 .arrow:after{
	border-right-color: #ffdd87!important;
}

.buy_popover-yellow2 p{
	font-size: 12px;
	line-height: 18px;
	color: #8a6d3b;
	margin: 0;
	padding-left: 12px;
	text-align: left;
}

/* 20151220 */
.im-quote-online-span {
    color: #00a499;
    font-size: 1em;
}

.im_popover_yellow {
	display: none;

	position: absolute;
	overflow: visible;
}

.im_popover_yellow_bubble {
    background-color: #FFDD87!important;
    color: #8a6d3b!important;
    min-height: 30px;
	min-width: 90px;
    border-radius: 5px;
    overflow: visible;
    font-size: 12px;
    text-align: left;
    position: relative;
    margin-left: 6px;
	padding: 4px 8px;
	top: -22px;
    right: -50px;
	box-shadow: 2px 2px 2px #D6D6D6;
}

.im_popover_yellow_bubble:before {
    background-image: url('../images/im_popover_arrow.png');
    top: 5px;
    left: -6px;
    position: absolute;
    width: 6px;
    height: 12px;
    content: '';
    content: '';
    background-repeat: no-repeat;
		background-size: 100%;
}

.discontinued {
	color: #989898;
}

.im_status:hover ~ .im_popover_yellow {
	display: block;
}


/* 20151222 product list */
.quotation-merchant-spec li{
	float:left;
	width:60px;
	text-align:center;
}


/* 20151211 rating UI*/


.merchant-rating {
	text-align: center;
	font-size: 0.8em;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.merchant-shop-star img {
	position: relative;
	bottom:1px;
}

.im-quote-online-span{
	color: #00a499;
	font-size: 0.8em;
}

.quotation-merchant-spec{

}




.item-inner .quotation-merchant-spec li:nth-child(n+2){
	border-left:1px solid #E4E4E4;
}

.quotation-merchant-spec li:nth-child(n+2){
	border-left:1px solid #E4E4E4;
}

.quotation-merchant-spec span{
	display:block;
	margin-top:5px;
}

.quote-shop-star img{
	vertical-align:text-bottom;
	margin-right:5px;
	padding-bottom:3px;
}


.quote-shop-star span{
	font-size:13px;
	line-height:15px;
}

.merchant-name{
	font-size: 18px;
	color:#444444;
	text-align: center;
	font-weight:bold;
	padding-bottom: 10px;
}

.merchant-shop-star{
	text-align: left;
	padding-bottom: 10px;
}

/* end 20151211 rating UI*/

/* 20151224 update my favourite_merchant and discontinued*/
.list-fav-merchant .merchant-shop-star{
    text-align: center;
    padding-bottom: 10px;
}

.discontinued {color: #989898;}

/* end 20151224 update my favourite_merchant and discontinued*/


.quote-shop-stat a{
	text-decoration: none;
}

.keyword-search-history {
    display: block;
    overflow: hidden;
    background: url("../images/icon/item_rank_line.png") repeat-x 0 60px;
}

.keyword-search-box .keyword-search-history a{
	height:25px;
	padding:0 5px;
}

/* im online status */
.im-quote-online-span {
    color: #00a499;
    font-size: 0.9em;
}

.im-quote-offline-span {
    color: #989898;
    font-size: 0.9em;
}

.keyword-search-history {
    display: block;
    overflow: hidden;
    background: url("../images/icon/item_rank_line.png") repeat-x 0 60px;
}

.keyword-search-box .keyword-search-history a{
	height:25px;
	padding:0 5px;
}
/* end 20151224 update my favourite_merchant */


/*20160119 kenny recommand product list*/
.recommend-product-side {
	width: 300px;
	height: 250px;
	background: #00a499;
}

.recom-pd-01, .recom-pd-02, .recom-pd-03 {
	width: 250px;
	height: 100px;
	display: block;
	background: #000;
	float: left;
	min-height: 1px;
}

.swiper-container {
        width: 100%;
        height: 250px;
    }
    .swiper-container .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        width: 250px;
        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;
		border-left: 1px solid #ebebeb;
		border-bottom: 1px solid #ebebeb;
    }

	.swiper-container .item .line-img img{
		width:130px;
		height:130px;
		margin:10px 0;
	}

	.recommend-product-list{
		display: block;
		border-bottom: 2px solid #f2c301;
		line-height: 40px;
		font-size: 19px;
		height: 40px;
		color: #444444;
		font-weight: normal;
	}
.swiper-slide .item{
	height:230px;
}

.swiper-slide .item .btn{
	margin-left:10px;
}


.dialog-footer .recommend-product-list{
	display: block;
	border-bottom: 2px solid #f2c301;
	margin-left: 30px;
	width: 92.5%;
	line-height: 40px;
	font-size: 19px;
	height: 40px;
	color: #444444;
	font-weight: normal;
}

.dialog-footer .tab-content .list-fav-product{
	border-right: 1px solid #ebebeb;
	/*bug#9135*/
	margin-right: 18px;
	/*end*/
	margin-left: 30px;
	height: 436px;
	display:block;
	overflow:hidden;

}

/* by ivy recommand product list*/
.recommend-pd-side {
	/* height: 310px; */
	width: 300px;
	position: relative;
	overflow: visible;
	z-index: 1;
	margin: 0 auto;
}

.swiper-container.swiper-container-side {
    width: 298px;
    height: 310px;
}

.swiper-wrapper-side .swiper-slide {
	height: 242px;
	margin-top: 67px;
	align-items: flex-start!important;
	padding-top: 25px;
}

.swiper-wrapper-side .swiper-slide .slide-product {
	width: 300px;
}

.slide-pd-img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 150px;
}

.swiper-wrapper-side .swiper-slide .slide-product .pd-name {
	font-size: 13px;
	color: #222;
	font-weight: bold;
	width: 250px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: auto;
}

.swiper-wrapper-side .swiper-slide .slide-product .pd-price {
	font-size: 0.9em;
	color: #E02152;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
}

.swiper-wrapper-side .swiper-slide .slide-product .pd-price .product-price {
	padding: 0 5px;
}

.swiper-wrapper-side .swiper-slide .slide-product .pd-price .text-price-unit,
.swiper-wrapper-side .swiper-slide .slide-product .pd-price .text-price-number {
	vertical-align: middle;
}

.swiper-wrapper-side .swiper-slide .slide-product .pd-price .text-price-title {
	color: #aaaaaa;
	font-size: 11px;
	vertical-align: top;
	padding-right: 5px;
}

.swiper-wrapper-side .swiper-slide .slide-product .btn {
	height: 30px;
    line-height: 17px;
    font-weight: bold;
    color: #ffffff;
    font-size: 16px;
    width: 100px;
}

.recommend-pd-side .slide-title {
	width: 100%;
	height: 35px;
	position: absolute;
	top: 0;
}

.recommend-pd-side .slide-title .slide-title-img {
	position: absolute;
	top: 30px;
	z-index: 1;

}

.recommend-pd-side .slide-title .slide-you-img {
	position: absolute;
	z-index: 1;
	left: 10px;
	width: 75px;
	top: 10px;
}

.recommend-pd-side  .slide-pd-border {
	height: 243px;
	width: 300px;
	border: solid 1px #ccc;
	position: absolute;
	z-index: 1;
	top: 67px;
}

.text-price-unit-range {
	font-weight: bold;
	font-size: 11px;
}

.text-price-number-range {
	font-size: 0.9em;
}

.water-price-range a {
	color: #991638!important;
}

/* end of ivy recommand product list */

/*20150112*/
.quote-price-normal {padding-top: 0px;}

.im-quote-online-span {
    color: #005151;
    font-size: 11px;
}

.im_popover_yellow_bubble {top: -40px;}

.product-detail-tab-quote .product-list-item-list li .item .quote-shop-star p {
	color:#8e8e93;
	font-size:13px;
	font-weight:normal;
	margin:0;
}

.contact-info {padding-right: 20px;}

.product-detail-tab-quote .product-list-item-list li .item .contact-info {
    width: 165px;
    font-size: 12px;
    margin-top: 2px;
}

.quote-shop-address, .quote-shop-phone {padding-top: 10px;}

.product-detail-tab-quote .product-list-item-list li .item .quote-shop-more a {font-size: 12px;}

.product-detail-tab-quote .product-list-item-list li .item .column-01 .quote-shop-more {
    padding-top: 5px;
    padding-left: 20px;
}

.product-detail-tab-quote .quote-source p{
	margin:0;
	font-size:12px;
	color:#8e8e93;
	margin-bottom:10px;
}

.refer-btn-detail, .refer-btn-detail span {text-align: center;}


.product-detail-tab-quote .product-list-item-list .product-price {margin-left: 2px;}
.refer-btn-detail .btn {
-webkit-box-shadow: 0px 3px 0px 0px rgba(6, 123, 114, 1);
-moz-box-shadow:    0px 3px 0px 0px rgba(6, 123, 114, 1);
box-shadow:         0px 3px 0px 0px rgba(6, 123, 114, 1);
margin-bottom:2px;
}
.refer-btn-im{
	text-align:center;
	font-size:12px;
	line-height: 26px;
}

.refer-btn-im a{color:#00a499; cursor: pointer;}

.refer-btn-detail .btn {
    background: url("../images/icon/refer_btn_icon.png") no-repeat 0px 0px #00a499;
	padding: 6px 22px 6px 40px;
}

.refer-btn-detail .btn:hover, .refer-btn-detail .btn:focus, .refer-btn-detail .btn:active, .refer-btn-detail .btn.active {
    background: url("../images/icon/refer_btn_icon.png") no-repeat 0px 0px #008a82;
}

.tab-new {padding: 1px 3px 1px 2px;}


/* new and cheap icon updated */
.quote-source .product-prop img{padding-top: 10px;}


/*-- 13012016 merchant detail by hitler --*/
.merchant-shop-star p {
    color: #8e8e93;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
}

.quote-shop-star p {
    color: #8e8e93;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
}

.quote-shop-stat ul {
    margin: 0 10px;              //updated
    padding: 0;
    overflow: hidden;
}
/*-- end of 13012016 merchant detail  --*/

/* end 20151224 update my favourite_merchant */




/*20160114 優質label*/
.quote-shop-label{ padding:10px 0 0 25px;}

.merchant-shop-label {
    text-align: center;
}

.im-merchant-tag {
    margin-left: 10px;
}

/*-- 20160115 referral guide IM --*/
#static-view-referral .tab-content {width:inherit;}
#static-view-referral .tab-content .preOrderArea {
    margin: 0 auto 40px;
    width: 980px;
}
#static-view-referral .merchantSharingArea {
    margin: 0 auto 25px;
    width: 980px;
}
#static-view-referral .merchantRatingArea {
	margin:0 auto 65px;
	width:980px;
}
#static-view-referral .nav-tabs {padding: 0 10%;}
#static-view-referral .nav li {width: 33%;margin-left:inherit;}
#static-view-referral .tab-content .messageArea {height: 1000px;}
#static-view-referral .tab-content .messageArea .pplArea.ppl02 {
    top: 110px;
    right: 0px;
	left:inherit;
}
#static-view-referral .tab-content .messageArea .pplArea.ppl03 {
    top: 370px;
    left: 0px;
}
#static-view-referral .tab-content .messageArea .pplArea.ppl04 {
    top: 480px;
    right: 0px;
}
#static-view-referral .tab-content .messageArea .pplArea.ppl05 {
    top: 590px;
    left: 0px;
}
#static-view-referral .tab-content .messageArea .pplArea.ppl06 {
    top: 700px;
    right: 0px;
}
#static-view-referral .tab-content .messageArea .pplArea.ppl07 {
    top: 810px;
    left: 0px;
}
#static-view-referral .tab-content .guide-im-01{
	background:url(../images/static-view/im/bg_01.jpg) center no-repeat;
	display:block;
	height:360px;
}
#static-view-referral .tab-content .guide-im-02{
	background:#abe9ff;
	margin:20px 0;
	display:block;
	height:400px;
}
#static-view-referral .tab-content .guide-im-03{
	background:url(../images/static-view/im//bg_03.jpg) center no-repeat;
	display:block;
	height:360px;
}
.guide-im-01-left{
	width:582px;
	float:left;
}
.guide-im-01-right{
	width:582px;
	float:right;
}
#static-view-referral .tab-content .guide-im-01 h2{
	border-top:1px solid #0E5F5D;
	border-bottom:1px solid #0E5F5D;
	color:#0E5F5D;
	width:180px;
	margin:40px auto;
	font-weight:bold;
}
.guide-im-01-left .guide-im-benefit{
	float:left;
	width:30%;
	text-align: center;
}
.guide-im-01-right .guide-im-benefit{
	float:right;
	width:30%;
	text-align: center;
}
#static-view-referral .tab-content .guide-im-benefit p{
	font-size:16px;
	line-height:20px;
	color:#545454;
}
#static-view-referral .tab-content .guide-im-benefit img{margin-bottom:10p;}
.guide-im-01-left .guide-im-benefit:first-of-type{margin-left:15px;}
.guide-im-01-right .guide-im-benefit:first-of-type{margin-right:15px;}

#static-view-referral .tab-content .guide-im-02 h2 {
	margin:0 0 20px 50px;
	padding:80px 0 0 0;
	font-size:26px;
	font-weight:900;
	text-align:left;
	color:#7a8284;
}

#static-view-referral .tab-content .guide-im-02 h2 span{color:#00a499;}
#static-view-referral .tab-content .guide-im-02 .guide-im-02-left img{margin:0 0 0 50px;}
.guide-im-02-left{float:left;}
.guide-im-02-right{
	float:left;
	position:relative;
}

#static-view-referral .tab-content .guide-im-02-right{font-size:16px;}

.guide-im-02 img{margin: 40px 0 0 140px;}

.guide-im-02-im-point-1, .guide-im-02-im-point-2, .guide-im-02-im-point-3{
	padding:0 0 5px 0;
	height:23px;
	display:block;
	position:absolute;
}

.guide-im-02-im-point-1{
	top:200px;
	left:60px;
	width:150px;
	background:url(../images/zh_HK/static-view/im/guide-im-02-im-1.png) no-repeat;
}
.guide-im-02-im-point-2{
	top:150px;
	right:-120px;
	text-align:right;
	width:151px;
	background:url(../images/zh_HK/static-view/im/guide-im-02-im-2.png) no-repeat;
}
.guide-im-02-im-point-3{
	top:330px;
	right:-150px;
	text-align:right;
	width:210px;
	background:url(../images/zh_HK/static-view/im/guide-im-02-im-3.png) no-repeat;
}

.guide-im-03-left{float:left;}

.guide-im-03 .guide-im-03-left img{margin: 60px 0 0 200px;}

.guide-im-03-right{
	float:left;
	text-align:center;
	width:650px;
	margin: 145px 0 0 0;
}

#static-view-referral .tab-content .guide-im-03-right h2{
	font-size:26px;
	color:#545454;
}

@media screen and (max-width: 1225px){
#static-view-referral .tab-content .guide-im-01 {
	width: 970px;
	height:330px;
}
.guide-im-01-left, .guide-im-01-right {width: 485px;}
.guide-im-01-left img, .guide-im-01-right img {width:110px;}
#static-view-referral .tab-content .guide-im-02 h2 {
	font-size:22px;
	margin: 0 0 20px 30px;
	line-height: 28px;
}
#static-view-referral .tab-content .guide-im-02 .guide-im-02-left img {margin: 0 0 0 30px;}
.guide-im-02 img {margin: 40px 0 0 50px;}
.guide-im-02-im-point-3 {right: -135px;}
.guide-im-02-im-point-2 {right: -105px;}
.guide-im-02-im-point-1 {left: -25px;}
#static-view-referral .tab-content .guide-im-03 {height: 330px;}
.guide-im-03 .guide-im-03-left img {
	width:260px;
    margin: 60px 0 0 100px;
}
.guide-im-03-right {
    width: 600px;
    margin: 90px 0 0 0;
}
#static-view-referral .tab-content .guide-im-03-right h2 {font-size: 24px;margin-top: 45px;}
}
/*-- end 20160115 referral guide IM --*/

.merchant-shop-label {
    text-align: center;
}

.im-merchant-tag {
    margin-left: 10px;
}


/* 20160129 for category price */
.text-price-unit-range {
	font-weight: bold;
	font-size: 11px;
}

.text-price-number-range {
	font-size: 0.9em;
}





/* 20160119 bug#8066*/
.ms-price-refer-btn .btn {background: url("../images/icon/ms_btn_icon.png") no-repeat 16px 8px #00A499 !important;}

/*20160127 Mega Sale Redesign*/

.new-ms-product-section01 .ms-product-image {
	border: 1px solid #DDD;
	width: 282px;
	height: 282px;
	margin: 20px 20px 20px 0;
	float: left;
}

.new-ms-product-section01 .ms-product-image img{
	width:280px;
}

.new-ms-product-section01 .ms-product-info {
	display: block;
	width: 350px;
	float: left;
}

.new-ms-product-section01 .ms-product-info .ms-product-title {
	margin-top: 23px;
	font-size: 22px;
	font-weight: bold;
}

.new-ms-product-section01 .ms-product-info .ms-product-intro {
	margin-top: 10px;
	display: block;
	line-height: 1.4em;
}

.new-ms-product-section01 .ms-product-info .ms-product-original {
	margin-top: 20px;
	display: block;
}

.new-ms-product-section01 .ms-product-info .ms-product-original-unit {
	font-size: 12px;
	color: #999;
}

.new-ms-product-section01 .ms-product-info .ms-product-original .ms-product-original-price {
	text-decoration: line-through;
	color: #999;
	font-weight: normal;
	font-size: 16px;
	height: 16px;
	margin-left: 5px;
}

.new-ms-product-section01 .ms-product-info .ms-product-discounted {
	display: block;
	color: #e02152;
	font-weight: bold;
	font-family: noto sans,notoSans;
	margin-top: -5px;
}

.new-ms-product-section01 .ms-product-info .ms-product-discounted .ms-product-discounted-unit {
	font-size: 20px;
}

.new-ms-product-section01 .ms-product-info .ms-product-discounted .ms-product-discounted-price {
	font-size: 32px;
	margin-left: 5px;
}

.new-ms-product-section01 .ms-product-info .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;
}

.new-ms-product-section01 .ms-product-info .ms-product-quantity {
	font-weight: bold;
	color: rgb(128, 128, 128);
	font-size: 15px;
	line-height:55px;
	padding-left: 5px;
	float: left;
	font-weight: normal;
}

.new-ms-product-section01 .ms-product-info .price-refer-btn {
	float: left;
	margin-bottom: 45px;
}

.new-ms-product-section01 .ms-product-info .fb-like-ntn-wrapper {
	display: block;
	clear: both;
}

.new-ms-product-section01 {
	box-sizing: border-box;
	display: table;
	position: relative;
}

.new-ms-product-section01 .ms-product-info .ms-product-merchant {
	color: #b3b3b3;
	display: block;
	position: relative;
	margin-top: 5px;
	clear: both;
	float: left;
}

.new-ms-product-section01 .ms-product-info .ms-product-merchant img{
	margin-right: 5px;
}

.new-ms-product-section01 .ms-product-info .ms-product-merchant .merchant-name{
	color: #333;
	font-size: 14px;
	padding: 0 3px;
}

.new-ms-product-section01 .ms-product-info .ms-product-merchant .merchant-logo {
	width: 80px;
}

.new-ms-product-section02 .ms-detail-tab-bar {
	margin-top: 15px;
}

.ms-detail-content img {
	margin: 5px auto;
	display: block;
}

@media screen and (min-width: 1225px){

	.new-ms-product-section01 .ms-product-image {
		width: 402px;
		height: 402px;
		margin: 20px 20px 20px 0;
	}

	.new-ms-product-section01 .ms-product-image img{
		width:400px;
	}

	.new-ms-product-section01 .ms-product-info {
		width: 420px;
	}

}

.ms-timer-timer-container{min-width:inherit;}
.ms-price-refer-btn .btn{ background: url("../images/icon/ms_btn_icon.png") no-repeat 35px 6px #00A499 !important;}

/*20160127 End of Mega Sale Redesign*/


/*20160129*/


.product-list-item-list .list-product .grid-2 .item .column-02 {
	height: 29px;
}

.product-list-item-list .list-product .grid-2 .item .column-03 {
    height: 50px;
}

.item .item-inner .column-03 .product-list-price .line-01 .product-price .text-price-number {
    font-size: 1.1em;
    padding: 0 2px;
}

.body-product-list .product-list-item-list .list-product .grid-2 .item .column-03 .product-prop img {
    margin: 0;
    padding: 0;
    width: 18px;
}

.product-list-item-list .list-product .grid-2 .item .column-02 .line-01 .text-overflow span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 202px;
	display: block;
	height: 20px;
	padding: 0px 6px;
}

.product-list-item-list .list-product .grid-2 .item .column-02 .line-01 .product-label {
    position: absolute;
    left: 13px;
    top: 83px;
}

@media screen and (min-width: 1225px){
	.product-list-item-list .list-product .grid-2 .item .column-02 .line-01 .text-overflow span {
		width: 268px;
	}
}




/* merchant rating update 20160201 */
/* 20160211 hitler */
.merchant-rating{
	text-align: center;
  font-size: 10px;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

.merchant-rating .product-rating{
	font-weight: bold;
}

/* registration */
.register.body-reg.body-reg-page-03-2 {
  background-color: #f8bf00;
  background: url("../images/bg/bg-price-login-home2.png") no-repeat;
  background-position: center;
}

.reg-form-field {
	height:25px;
}

@media screen and (max-width: 1224px){
	.register.body-reg.body-reg-page-03-2 {
		background-color: #f8bf00;
	  background: url("../images/bg/bg-price-login-home2b.png") no-repeat;
		background-position: center;
	}
}
.alert .line-01 .column-02 {
 width:inherit;
}
.page-view-content {
 padding-bottom:0;
}
.reg-home-form .alert .page-view-content{
 font-size:14px;
}
.reg-home-form .msg-00{
 margin-top:22px;
}

.popover-yellow.left .arrow, .popover-yellow.left .arrow:after{
	border-left-color: #ffdd87!important;
}
.popover .left-triangle:after {
	display: none;
}
.popover .left-triangle {
	border-right-color: #ffdd87;
	border-left-width: 0;
	border-right-width: 11px!important;
	left: -12px;
}
.body-reg.body-reg-page-03-2 .popover.left { margin-left: -164px; }
.body-reg.body-reg-page-03-2 .popover.left#email_error { margin-left: -283px; }
.body-reg.body-reg-page-03-2 .popover.left#password2_error { margin-left: -257px; }
.body-reg.body-reg-page-03-2 .popover.left#recap_error { margin-left: -182px; margin-top: -80px; }


/* 20160203 register-fix */
.reg-home-form {
	height: auto !important;
	min-height:500px;
	/* max-height:570px; */
}



/*20160202 Mega Sale Page Tabs*/
.ms-detail-tab-bar {
	position: relative;
	clear: both;
	min-height: 200px;
}

.ms-detail-tab {
	float: left;
}

.ms-detail-tab label {
	margin: 0;
	margin-top: 20px;
	display: block;
	height: 38px;
	border-bottom: 2px solid #eaeaea;
	padding-left: 0;
	position: absolute;
	top: 0;
	width: 220px;
	font-size: 16px;
	text-align: center;
	color: #888888;
	line-height: 32px;
	background: #fff;
}

.ms-detail-tab label[for=ms-tab-02]{left: 220px;}
.ms-detail-tab label[for=ms-tab-03]{left: 440px;}

.ms-detail-tab label:hover {
	border-bottom: 2px solid #aaaaaa;
	color: #121212;
}

.ms-detail-tab [type=radio] {
	display: none;
}

.ms-detail-content {
	position: relative;
	top: 38px;
	background: #fff;
	padding: 25px;
	line-height: 1.7em;
	margin-top: 20px;
	display: none;
}

.ms-detail-tab [type=radio]:checked ~ label {
	border-bottom: 2px solid #f0c400;
	background: #fff;
	color: #121212;
	z-index: 2;
}

.ms-detail-tab [type=radio]:checked ~ label ~ .ms-detail-content {
	display: block;
}

@media screen and (min-width: 1225px){
	.ms-detail-tab label {width: 290px;}
	.ms-detail-tab label[for=ms-tab-02]{left: 290px;}
	.ms-detail-tab label[for=ms-tab-03]{left: 580px;}
}

@font-face {
    font-family: notoSans;
    src: url(fonts/NotoSans-Bold.ttf);
}

.view-num-office-only {
	font-weight: bold;
	color: #ff7500;
	line-height: 40px;
	float: right;
}

/*20160201 Price Range (new)*/
.listing-price-range .text-price-unit {
	font-weight: bold;
	font-size: 11px;
	margin-right: 3px;
	color: #e02152;
}

.listing-price-range .text-price-number {
	font-size: 18px;
	color: #e02152;
	font-weight: bold;
}

.listing-price-range .text-price-unit-to {
	font-weight: bold;
	font-size: 20px;
	margin: 0 2px;
	color: #e02152;
}

.listing-price-range {
	display: inherit;
}

.listing-price-range:hover {
	color: #c91547;
}

/*20160201 Price Range (New-grid view)*/
.listing-grid-price-range .text-price-unit {
	font-weight: normal;
	font-size: 12px;
	color: #e02152;
}

.listing-grid-price-range .text-price-number, .listing-grid-price-range .text-price-unit-to{
	font-size: 15px;
	color: #e02152;
	font-weight: bold;
}

.listing-grid-price-range .product-prop {
	margin: 0;
	padding: 0;
	width: 18px;
}

.listing-grid-price-range .product-prop {
	padding-left: 2px;
}

.listing-grid-price-range:hover {
	color: #c91547;
}


/*20160205 mega sale page debug - referral button and merchant name link*/
.new-ms-product-section01 .ms-product-info .ms-price-refer-not-active-btn {
    display: block;
    overflow: hidden;
    float: left;
    padding-top: 6px;
    margin-bottom: 45px;
    height: 46px;
}

.new-ms-product-section01 .ms-product-info .ms-price-refer-not-active-btn .btn{
    width: 180px;
    height: 40px;
    line-height: 26px;
}

.new-ms-product-section01 .ms-product-info .ms-product-merchant a:hover,
.new-ms-product-section01 .ms-product-info .ms-product-merchant a:link,
.new-ms-product-section01 .ms-product-info .ms-product-merchant a:visited,
.new-ms-product-section01 .ms-product-info .ms-product-merchant a:active {
	text-decoration: none;
	color: #00a499;
}

.new-ms-product-section01 .ms-product-info .ms-product-merchant .merchant-name:hover {
	color: #00a499;
}

.ms-price-refer-btn .refer-btn-detail .btn:hover, .ms-price-refer-btn .refer-btn-detail .btn:focus, .ms-price-refer-btn .refer-btn-detail .btn:active, .ms-price-refer-btn .refer-btn-detail .btn.active{
	background: url("../images/icon/ms_btn_icon.png") no-repeat 35px 6px #008a82 !important;
}

/*End of 20160205 mega sale page debug - referral button and merchant name link*/

/* merchant rating update 20160201 */
/* 20160211 hitler */
.merchant-rating{
	text-align: center;
  font-size: 10px;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

.merchant-rating .product-rating{
	font-weight: bold;
}

.quote-shop-stat{
   margin-bottom: 5px;
}
/* end 20160211 hitler */
.merchant-rating { text-align: center; margin-bottom: 10px; }

/* 8318 comments layout in product detail */
.comment-user-detail {
    width: 370px;
}
@media screen and (min-width: 1225px){
	.comment-user-detail {
	    width: 566px;
	}
}

/*20160215 mega-sale debug updated 20160218*/
.ms-detail-content {top: inherit;margin-top:58px;}
.ms-detail-content a {overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;white-space: nowrap;}
.new-ms-product-section01 .ms-product-info .ms-product-merchant .merchant-logo {border:1px solid #dddddd;}
.new-ms-product-section01 .ms-product-image {position:relative;}
.new-ms-product-section01 .ms-product-image img {position:absolute; top:0; bottom:0; margin:auto;}
.new-ms-product-section01 .ms-product-image img {
    width: auto;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    height: auto;
}

/*Price Range updated*/
.listing-price-range {
	line-height: 25px;
}

.price-range .product-prop {
	vertical-align: middle;
}

.price-range a:hover {
	text-decoration: none;
}

.price-range a .listing-price-range {
	color: #e02152;
}

.price-range a .listing-price-range:hover{
	color: #c91547!important;
}

.listing-price-range .text-price-unit {
	font-size: 13px;
	color: inherit;
}

.listing-price-range .text-price-number {
	font-size: 20px;
	color: inherit;
}
.list-product .list-product-list .item .item-inner .column-03 .product-list-price .line-01 a:hover{
	color: #c91547;
	text-decoration: none;
}

/*20160215 Price range debug*/
.product-list-item-list .list-product .item .column-02 {width: 291px;}
.product-list-item-list .list-product .item .column-03 {width: 221px;}
@media screen and (min-width: 1225px) {
	.product-list-item-list .list-product .item .column-03 {width: 222px;}
	.product-list-item-list .list-product .item .column-02 {width: 491px;}
	.product-list-item-list .list-product .item .column-02 .line-04 .item-attr {width: 238px;}
}

/*#8244 H1 Style*/
h1.product-name {
	margin: 0px;
	position:relative;
	overflow: hidden;
}
h1.hp-name {padding-top: 10px;font-size: 12px;display: inline;padding-left: 3px;}
h1.zone-name-h01, h1.cate-name-h01 {line-height: 36px;font-size: 13px;display: inline;margin:0;}
h1.group-name-h01 {line-height: 36px;font-size: 13px;margin: 0;display: inline;}

/* #6081 align edit icon to the middle in setting, alan 20160219 */
.edit-profile-image {text-align: center;}

/* #8530 reduce spacing max viewable , 20160224, hitler */
#ad0 {
    margin: 0px auto 0!important;
    padding-bottom: 0px!important;
}

.product-detail-info {
    display: block;
    padding: 10px 0;
}

.product-list-fucntion-bar {
    width: 100%;
    height: 44px;
    padding: 5px 0;
    /* border-bottom: 2px solid #eaeaea; */
}
.product-detail-function {
    padding: 10px 0 10px 0;
    display: block;
    background: url("../images/icon/item_rank_line.png") repeat-x 0 0;
}
/* end of #8530 reduce spacing max viewable , 20160224, hitler */

/*#8853 Hotel button*/
a.hotel-btn{
	background: url("../images/hotel_btn_icon_l.png") no-repeat 0px 0px;
	color:#00a499;
	-webkit-appearance: none;
	display:inline-block;
	line-height: 26px;
	width: 141px;
	height: 43px;
	padding-left: 8px;
	padding-top: 5px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	font-weight: bold;
}

a.hotel-btn:hover{background: url("../images/hotel_btn_icon_l.png") no-repeat 0px 0px;text-decoration: underline;}

.dlapp-box {
    display: block;
    position: absolute;
    background: #ffffff;
    z-index: 140000;
    /* width: 160px; */
    /* border: 1px solid #666666; */
    display: block;
    margin-left: -40px;
}

/* #8855 qr code 20160302, hitler */
#app_qr {
    z-index: 9999000;
    position: absolute;
    top: 0;
    /* left: 0; */
    /* width: 140px; */
    /* height: 140px; */
    padding: 5px;
    background: #f9f9f9;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 2px 3px #ddd;
    overflow: hidden;
    display: none;
}

#dlapp {
    line-height: 28px;
    cursor:pointer;
}

/*bug #2675 20160217 kenny*/
.shop-list-container .shop-list-sub-container .list li .price-refer-btn .refer-btn-detail .btn{ background: url("../images/icon/refer_btn_icon.png") no-repeat -15px 0px #00a499;}
.price-refer-btn .refer-btn-detail .btn{ background: url("../images/icon/refer_btn_icon.png") no-repeat -15px 0px #00a499;}

/*20160301 mega sale fix*/
.ms-detail-content img{max-width: 100%;}
.ms-product-original .product-prop img{padding-top: 5px;}

/*bug #8861 - merchant description, ivy, 20160301*/
.merchant-col-info {padding-left:0px;margin-left:15px;}
.merchant-info-mark {display:block; width:395px;}

/*8851 fb wechat entry*/
#footer-fb-entry { width: 29px; height: 29px;}
#footer-wechat-entry { width: 29px; height: 29px;}
#footer-wechat-id {color:#005e5d;padding-left:5px;}
#footer-wechat-qr {width:21px;heighgt:21px; margin-left: 5px;}
#footer-wechat {position:relative;cursor: pointer;}
.wc-qr-img {
	position: absolute;
	right: -110px;
	margin-top: -100px;
	display:none;
	width: 100px;
	height: 120px;
	background: #ffffff;
	font-size: 14px;
	color: #333333;
	text-align: center;
}

#footer-wechat:hover > .wc-qr-img {display:block;}

/*bug#5866*/
.product-list-static-page img, .product-list-static-page iframe {
	max-width: 100%;
}

/*bug#9057 the price will place to bottom when product list have quote, ivy, 20160309*/
.product-detail-tab-service.mode-03 .product-list-item-list .list-product .item .column-03, .product-detail-tab-service.mode-04 .product-list-item-list .list-product .item .column-03 {
	width: 190px;
}

/*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: 750px;
	margin: auto;
}

/* outlet product-detail 20160303 */
.outlet-product-info{position: relative;
display: block;/* margin-left: 330px; */float: left;}



.product-option{
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 10px;
	margin-top: 20px;
	font-size: 15px;
	width: 100%;
	line-height: 20px;
}

.product-option select{
	width: 80%;
	line-height: 20px;
	font-size: 18px;

}

.delivery-state{
	font-size: 15px;
	text-align: left;
	margin-top: 60px;
	margin-bottom: 40px;
	/* float: left; */
}

.delivery-status span{
	margin-left: 5px;
}



.outlet-product-quantity {
	color: rgb(128, 128, 128);
	font-size: 15px;
	line-height: 49px;
	font-weight: normal;
	/* float: left; */
	vertical-align: middle;
	float: left;
	padding-left: 15px;
}

.product-amount{
	float: left;
	/* margin: 10px 0; */
	font-size: 15px;
	width: 30%;
}

.product-amount-wrap{
	line-height: 20px;
	color: #878787;
}

.product-amount-input{
	    vertical-align: middle;
	    width: 25%;
	}

	.product-amount-btn{
		    display: inline-block;
    vertical-align: middle;
		}

.product-amount-increase{
	width: 12px;
	height: 12px;
	overflow: hidden;
	cursor: pointer;
	border: 1px solid #a7a6ab;
	display: block;
	line-height: 9px;
	font-size: 12px;
	margin-bottom: 3px;
	text-align: center;
	padding-bottom: 5px;
	}

	.product-amount-decrease{

width: 12px;

height: 12px;

overflow: hidden;

cursor: pointer;

border: 1px solid #a7a6ab;

display: block;

line-height: 10px;

font-size: 12px;

text-align: center;

}

		.product-amount-unit{
			vertical-align: middle;
			}


.product-image-area{
	position: relative;
	margin-bottom: 10px;
	float: left;
}

.product-image-area .thumb_area {
    padding-top: 10px;
}

.product-image-area .thumb_area a .thumb60 {
    width: 60px;
    height: 60px;
    overflow: hidden;
    float: left;
    display: inline-block;
    margin-right: 15px;
    border: 1px solid #DDDDDD;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/*outlet merchant logo*/
.outlet-product-info .ms-product-merchant .merchant-logo {border:1px solid #dddddd;}

.outlet-product-info .ms-product-merchant {
	color: #b3b3b3;
	display: block;
	position: relative;
	margin-top: 5px;
	clear: both;
	float: left;
}

.outlet-product-info .ms-product-merchant img{
	margin-right: 5px;
}

.outlet-product-info .ms-product-merchant .merchant-name{
	color: #333;
	font-size: 14px;
	padding: 0 3px;
}

.outlet-product-info .ms-product-merchant .merchant-logo {
	width: 80px;
}

.new-ms-product-section01 .outlet-product-info  .ms-product-merchant a:hover,
.new-ms-product-section01 .outlet-product-info  .ms-product-merchant a:link,
.new-ms-product-section01 .outlet-product-info  .ms-product-merchant a:visited,
.new-ms-product-section01 .outlet-product-info  .ms-product-merchant a:active {
	text-decoration: none;
	color: #00a499;
}

.outlet-product-info  .ms-product-merchant .merchant-name:hover {
	color: #00a499;
}

.new-ms-product-section01 .outlet-product-info {
	width: 420px;
}

.new-ms-product-section01 .outlet-product-info .ms-product-original {
    /* margin-top: 20px; */
    display: block;
}

.new-ms-product-section01 .outlet-product-info .ms-product-original-unit {
    font-size: 12px;
    color: #999;
}

.new-ms-product-section01 .outlet-product-info .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-page-view-body .ms-product-original-price span {
    font-size: 1em;
}

.ms-page-view-body .ms-product-original-price span {
    font-size: 1em;
}

.new-ms-product-section01 .outlet-product-info .ms-product-discounted {
    display: block;
    color: #e02152;
    font-weight: bold;
    font-family: noto sans,notoSans;
    margin-top: -5px;
}

.new-ms-product-section01 .outlet-product-info .ms-product-discounted .ms-product-discounted-unit {
    font-size: 20px;
}

.new-ms-product-section01 .outlet-product-info .ms-product-discounted .ms-product-discounted-price {
    font-size: 32px;
    margin-left: 5px;
}

.new-ms-product-section01 .outlet-product-info .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;
}

.new-ms-product-section01 .outlet-product-image {
    width: 402px;
    height: 402px;
    margin: 20px 20px 20px 0;
    position: relative;
    border: 1px solid #DDD;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.outlet-product-image img {
	width: auto;
	left: 0;
	right: 0;
	max-width: 100%;
	max-height: 100%;
	height: auto;
	}

.new-ms-product-section01 .outlet-product-info .ms-product-title {
    margin-top: 23px;
    font-size: 22px;
    font-weight: bold;
}

.new-ms-product-section01 .outlet-product-info .ms-product-intro {
    margin-top: 10px;
    display: block;
    line-height: 1.4em;
}

.product-option select {
    font-size: 14px;
    border: 1px solid #aaa;
    outline: none;
	padding: 2px 4px;
}

/* web outlet thank you page 20160310 */

.oul-process {
    text-align: center;
    margin: 10px 50px;
}

.process-bar {
    height: 40px;
    width: 35% !important;
    margin: 0 -4px;
}

.oul-tks-content{
margin-bottom: 30px;
box-shadow: 0 4px 3px #cacaca;
    border: 1px solid rgb(206,206,206);
    background: rgb(247,247,247);
    width: 750px;
    margin: auto;
    margin-top: 20px;overflow: hidden;padding-bottom: 20px;}

.oul-tks-content .pd-detail {
    display: inline-block;
}

.oul-tks-content .thanks-message-content {
	margin: 5px 20px;
	cursor: default;
	text-align: center;
	border-top: 1px none #ccc;
	border-bottom: 1px none #ccc;
}

.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 .transaction_id {
    margin: 10px 0;
    font-weight: bold;
    font-size: 1.3em;
    cursor: default;
    text-align: center;
}

.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 5px 0px 5px;
	text-overflow: ellipsis;
	padding: 0px 5px;
}

.oul-tks-content .product-name {
    font-weight: bold;
    vertical-align: top;
    margin: 10px 0;
    display: block;
    font-size: 1.2em;
}

.oul-tks-content .pd-detail-content {
    font-size: 1em;
    color: #333333;
    margin-left: 0;
}

.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 !important;
    width: auto;
    float: left;
}

.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-wrapper .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: 0 2px 5px 2px;
	margin: 5px 20px;
}

.oul-tks-content  .tks_footer{
    text-align: center;
    font-size: 1.3em;
    padding: 0 80px;
}

.oul-tks-content  .tks_footer .save {
	margin: 10px 0;
	display: block;
	text-decoration: underline;
	font-size: 18px;
}

.oul-tks-content .btn.btn-gray {
    border: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#CCC),to(#BBB)) !important;
}

.oul-tks-content .pd-order-qty {
    display: inline-block;
    font-size: 1em;
    color:#333;
    margin-left:10px;
}

.oul-tks-content .order-info-content{
	width: 60%;
	float: left;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	border-top: 1px solid #DDD;
	padding: 0 2px 5px 2px;
	background: #ffffff;
	margin: 0px 0px 0 20px;
	position: relative;
	min-height: 300px;
}


.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: 5px;

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: 36px;
}

.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: 5px;
	color: #333;
}

.oul-tks-content .ordered-detail .order-start-date span{
	color:#333;
	padding-left: 5px;
}

.oul-tks-content .ordered-detail .order-expiry-date span{
	color:#333;
	padding-left: 5px;
}

.oul-tks-content .ordered-detail .delivery-time span{
	color:#333;
	padding-left: 5px;
}

.oul-tks-content .ordered-detail .delivery-contact span{
	color:#333;
	padding-left: 5px;
}


.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: 65px;
}

.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;
}

.payment-list {
	width: 34%;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	border-top: 1px solid #DDD;
	background: #ffffff;
	margin: 0px 20px 0px 0px;
	text-align: left;
	font-size: 1em;
	color: #666;
	padding: 5px 10px 0 10px;
	position: relative;
	right: 0;
	float: right;
	min-height: 300px;
}


.oul-tks-content .payment-list .title{
	padding: 0 0 5px 0;
	color: #333;
	font-size: 1.1em;
	font-weight: bold;
}


.oul-tks-content .totalprice{
	text-align: left;
	font-size: 1em;
	color: #666;
	margin-top: 5px;
	padding: 5px 10px;
}

.oul-tks-content .fieldprice{
	color: #333;
	margin-left:5px;
	float: right;
}



.oul-tks-content .totalprice .title{
	padding: 0 0 5px 0;
	color: #333;
	font-size: 1.1em;
	font-weight: bold;
}


.oul-tks-content .tks_footer a{
	color:#00a499;
}

.oul-tks-content .tks_footer .btn-block{
	width:60%;
	color: #FFF;
	margin: 0 auto;
}

.outlet-ordered-product-detail{
	 /* border-bottom: 1px solid #DDD; */
	 display: inline-block;
}

/*end of 20160310 outlet thank you page*/

/*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: 750px;
	margin: auto;
	margin-top: 20px;
	overflow:hidden;
}
.oul-product-item, .order-delivery, .payment-method, .checkout-list {
	background: #ffffff;
	margin: 15px 20px;
}
.order-delivery, .payment-method {width: 420px;float:left;}
.checkout-list {
    width: 265px;
    margin-left: 0;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
}

.oul-wrapper .oul-tks-content .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;}
.order-info {display:block;position:relative;min-height:260px;}
.pd-qty {width:40px;}
.pd-order-qty {display:inline-block;}
.pd-img-wrapper {width:120px;display:inline-block;vertical-align:top;}
.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;
}

.delivery-option label {
	margin-right: 50px;
}

.delivery-option input[type=radio]:checked + label {
  color: #00a499;
}

.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:250px;}

.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;
}

/*20160307 pm update*/
.delivery-address-option select{
	padding: 2px 4px;
	margin: 10px 0;
	transition: border .3s;
    border: 1px solid #dfdfdf;
    border-radius: 0;
    width: 100%;
}

.delivery-selftake, .delivery-courier {
    padding: 10px 0;
    border-top: 1px solid #ddd;
    margin: 10px 20px;
}

.delivery-courier {
	margin-bottom:0;
}

.delivery-courier form {
	margin: 15px 0 0;
}

.delivery-courier label {
	margin-right: 0;
	width: 70px;
	margin-bottom: 9px;
	color: #aaa;
}

.delivery-option input[type="text"] {
    width: 270px;
    padding: 5px;
	background: #eee;
    transition: border 0.2s;
    margin: 3px;
	border-radius: 3px;
	border: 1px solid #eee;
}

.delivery-option input[type="text"]:focus,
.delivery-option input[type="text"].focus,
.delivery-address-option 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;
}

.delivery-courier label:focus {
	color: #000;
}

.oul-product-item {
	border-bottom: 2px solid #aaa;
}

#receiver, #receiver-tel {width: 150px;}

.oul-content-form {
	box-shadow: 0 4px 3px #cacaca;
}

.pd-qty-minus {
	width: 25px;
    height: 20px;
    background: #eee;
    border: 1px solid #aaa;
    z-index: 2;
    vertical-align: middle;
    line-height: 0;
	font-weight: bold;
	border-radius: 5px 0 0 5px;
}

.pd-qty {
    width: 35px;
    text-align: center;
    margin-left: -5px;
    margin-right: -5px;
    height: 20px;
    vertical-align: middle;
    border: 1px solid #aaa;
	line-height: 15px;
}

.qd-qty-plus {
	width: 25px;
    height: 20px;
    background: #eee;
    border: 1px solid #aaa;
    z-index: 2;
    vertical-align: middle;
    line-height: 0px;
	font-weight: bold;
	border-radius: 0 5px 5px 0px;
}

.qd-qty-plus:focus, .pd-qty-minus:focus {
	background: #bababa;
	outline: none;
}

.checkout-list-item {
	margin: 0 10px;
}

.checkout-list .field {
	padding: 3px 0;
}

.order-delivery {
	margin-bottom: 0;
}

.pd-detail-title {
	line-height: 24px;
	clear: both;
	min-height: 24px;
	word-break: break-all;
}

.oul-product-item {
	padding-bottom: 10px;
}

.payment-method {
	padding-bottom: 10px;
}

.oul-content-form {
	margin-bottom: 30px;
}

/*20160308 outlet-product-detail-page*/
.outlet-product-info .product-option .error-msg{
	display:none;
	color: #f13200;
	font-size: 12px;
	font-weight: bold;
	margin: 5px 0;
}

.notyetchoose {
	border: 1px solid #f13200!important;
}
.notyetchoose-tnc {
	background-color: #f13200 !important;
	border-radius: 25%;
}
/*20160309 outlet revise*/

.error-msg{
	color: #f13200;
	font-size: 12px;
	font-weight: bold;
	margin: 5px 0;
}

.delivery-option .recipient .error-msg, .delivery-courier .error-msg-delivery-address, .ec-coupon-error .ec-coupon-errormsg {
	padding-left: 104px;
}
.delivery-courier .error-msg-delivery-address.transaction-based-delivery {
    padding-left: 0;
}
.delivery-option .recipient .error-msg, .ec-input-tnc .error-msg-tnc,
.delivery-selftake .error-msg-self-pickup-address, .delivery-courier .error-msg-delivery-address {
	display: block;
	/*margin-top: 8px;*/
	font-weight: bold !important;
	line-height: 16px;
}

.delivery-courier label {color: #777;}

.delivery-address-option select {
	border-radius: 4px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.checkout-list-item .remark{
	font-size: 12px;
	color: #e02152;
	float: left;
	width: 100%;
	padding-top: 2px;
}

.checkout-list .field {padding: 5px 0;}
.pd-detail-content.pd-price {font-weight: bold;}

.delivery-option label {
	margin-right: 0;
	width: 80px;
	margin-bottom: 9px;
	color: #777;
}

.delivery-address-option select {background: #eee;}
.delivery-option form {margin: 15px 0 0;}
.delivery-selftake form {margin: 10px 0 0;}
.checkout-list .pay-button {position: relative;	margin-top: 20px;}
#order-paypal {	margin: 5px 0;
}

.product-image-area {
    position: relative;
    margin-bottom: 10px;
    float: left;
    width: 240px;
    margin-right: 10px;
}

.new-ms-product-section01 .outlet-product-image {
	width: 100%;
	height: auto;
}

.product-option select {
	border-radius: 3px;
}

.outlet-product-section02 .ms-detail-content{
	padding: 15px 0;
}

@media screen and (min-width: 1225px){
	.product-image-area {
		width: 402px;
	}

	.new-ms-product-section01 .outlet-product-info {
		margin-left: 10px;
	}

	.outlet-product-section02 .ms-detail-content{
		padding: 25px;
	}
}
/*End of 20160309 outlet revise 16:46 */

/*20160310 Referral flow re revisement*/
a .dialog-fb-login:hover {
    color: #1F2D4C;
}
a .dialog-fb-login {
    color: #3b5999;
    text-align: center;
}

.non-member-referral #dialog-referral-buy #type_error.form-error-msg{
    left: -69px;
}

.non-member-referral #dialog-referral-buy #type_error span,
.row.non-member-referral-price #type_error span{
    width: 66px;
}

.non-member-referral #dialog-referral-buy #name_error span {
    width: 80px;
}

.non-member-referral .dialog-thankspage-content-container .dialog-message .thanks-product-details .col-xs-3.align-right,
.non-member-referral .dialog-thankspage-content-container .dialog-message .thanks-product-details .col-xs-3.text-original-price-unit{
	margin-top: 14px!important;
}

.thank-header.dialog-header .referral-header-logo{
	margin-top: -16px;
}

.non-member-referral .thank-header .dialog-referral-title {
	padding-top: 3px;
	padding-left: 70px;
}

.non-member-referral .dialog-thankspage-content-container .dialog-content .dialog-message {
	margin-left: 65px;
}

.row.remark {
	color: #7a7a7a;
}

.non-member-referral #name_error {
	width:90px;
}
/*End of 20160310 Referral flow re revisement*/

/*referral-im-button*/
a.btn.btn-lg.btn-block.ui-link.im {
    width: auto;
    margin: 10px auto;
    display: inline-block;
    padding: 7px 19px;
	margin-top: 20px;
}

a.btn.btn-lg.btn-block.ui-link.im img {
	max-height: 24px;
}

/*20160314 outlet page back button*/
.oul-header .back-btn {
    position: absolute;
    right: 30px;
    display: inline-block;
    top: 50px;
}

.oul-header .back-btn a {color: #111;}
.oul-header .back-btn a:hover {	color: #444;}
.oul-header .back-btn span {font-size: 14px;margin: 0;}

.oul-header .back-btn img {
	width: 12px;
	height: 12px;
	padding: 0;
	margin-right: 5px;
}

.oul-product-item .product-img {
    height: 100px;
    width: 100px;
    margin: 10px;
    border: 1px solid #dddddd;
}

.order-info {
    display: block;
    position: relative;
    min-height: 260px;
}


.outlet-product-info .price-refer-btn {
    display: block;
    overflow: hidden;
    float: left;
    padding-top: 3px;
}

/*20160311 #9122 Quotation List*/
.product-list-item-list.quotation-revise li .item .quote-shop-address{
	padding-top: 0;
}

.product-list-item-list.quotation-revise li .item .quote-shop-star {
	padding-bottom: 0;
}

.product-list-item-list.quotation-revise li .item .contact-info{
	float: none;
	padding-right: 10px;
	width: auto;
	font-weight: normal;
}

.product-list-item-list.quotation-revise li .item .column-01 .quote-shop-more {
	padding-left: 0;
	padding-bottom: 0;
}

.product-list-item-list.quotation-revise li .item .quote-shop-remark,
.product-list-item-list.quotation-revise li .item .quote-shop-more a {
	color: #8e8e93;
}

.product-list-item-list.quotation-revise li .item .column-03 .quote-price-title{
	text-align: right;
	display: block;
	clear: both;
	font-size: 12px;
	color: #00a499;
	padding: 3px 0;
}

.product-list-item-list.quotation-revise li .item .column-03 .quote-price-title a {
    color: #00a499 !important;
    text-decoration: none;
}


.product-list-item-list.quotation-revise li .item .column-01 .quote-shop-name .quote-shop-more a{
	color: #00a499;
}

.product-list-item-list.quotation-revise li .item .column-03 .quote-price-normal .product-price{
	padding-right: 0;
}

.product-list-item-list.quotation-revise li .item .column-03 .quote-price-normal .product-price .text-price-unit{
	font-size: 0.8em;
}

.product-list-item-list.quotation-revise li .item .column-03 .quote-price-normal .product-price .text-price-number{
	font-size: 1.1em;
}

.product-list-item-list.quotation-revise li .item .column-03 .quote-price-normal .original-price {
	color: #8e8e93;
	text-decoration: line-through;
}

.product-list-item-list.quotation-revise li .item .column-03 .price-refer-btn {
	float: right;
}

.product-list-item-list.quotation-revise li .item .column-03 .price-refer-btn .refer-btn-detail .btn_referral_buy {
	width: 150px;
	float: right;
}

.product-list-item-list.quotation-revise li .item .column-03 .price-refer-btn .refer-btn-detail span,
.product-list-item-list.quotation-revise li .item .column-03 .price-refer-btn .refer-btn-im {
	text-align: right;
	display: inline-block;
	clear: both;
	padding: 3px 0;
}

.new_referral_btn {
	/* background:url("../images/refer_btn_icon2.png") no-repeat 110px 0 #00a499; */
	/* width: 150px; */
	/* float: right; */
	/* box-shadow: 0px 3px 0 0 rgba(6,123,114,1); */
	/* margin-bottom: 2px; */
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	color: #fff;
	font-size: 16px;
	border-radius: 4px;
	padding: 0px 43px;
	display: inline-block;
}

.new_referral_btn:hover, .new_referral_btn:active, .new_referral_btn:focus, .new_referral_btn:visited{
	background:url("../images/refer_btn_icon2.png") no-repeat 110px 0 #008a82;
	color:#fff;
	text-decoration: none;
}
/* end of 20160311 #9122 Quotation List*/

.shop_nsp_detail_btn {
	padding-top: 4px;
	font-size: 12px;
    color: #000000;
}
.nsp_detail_btn {
	background:#00a499;
	width: 150px;
	float: right;
	box-shadow: 0px 3px 0 0 rgba(6,123,114,1);
	margin-bottom: 3px;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	color: #fff;
	font-size: 16px;
	border-radius: 4px;
	text-align: center;
}

.nsp_detail_btn:hover, .nsp_detail_btn:active, .nsp_detail_btn:focus, .nsp_detail_btn:visited{
	background:#008a82;
	color:#fff;
	text-decoration: none;
}




/*20160314 outlet page back button*/
.oul-header .back-btn {
    position: absolute;
    right: 30px;
    display: inline-block;
    top: 50px;
}

.oul-header .back-btn a {color: #111;}
.oul-header .back-btn a:hover {	color: #444;}
.oul-header .back-btn span {font-size: 14px;margin: 0;}

.oul-header .back-btn img {
	width: 12px;
	height: 12px;
	padding: 0;
	margin-right: 5px;
}

.oul-product-item .product-img {
    height: 100px;
    width: 100px;
    margin: 10px;
    border: 1px solid #dddddd;
}

.order-info {
    display: block;
    position: relative;
    min-height: 260px;
}


.outlet-product-info .price-refer-btn {
    display: block;
    overflow: hidden;
    float: left;
    padding-top: 3px;
}

/* story 8257, nelson, apple affiliate program, 20160217 */
.external-btn-detail .btn{background: url("../images/icon/externalLink_btn_icon.png") no-repeat 28px 9px #00a499;}
.external-btn-detail .btn:hover, .external-btn-detail .btn:focus, .external-btn-detail .btn:active{background: url("../images/icon/externalLink_btn_icon.png") no-repeat 28px 9px #008a82;}

/* outlet list, hitler, 20160318 */
.tab-news .oul-product-container .oul-product-price .product-prop img {
	margin-top: -6px;
}

.oul-container {}
.oul-banner { height: 160px; background-repeat: no-repeat; background-position: center; background-size: cover; height: 210px; width: 572px; margin: 8px 15px 0 13px;}
.oul-title-container { background-color: #FFFEEE; height: 42px; line-height: 42px;   width: 572px;  margin: 0px 15px 0 13px;}
.oul-index-title { color: #00A499; font-size: 1.2em; vertical-align: middle; padding-left: 30px;  line-height: 42px; font-weight:bold; }
.oul-title-container .icon { float: left; display: inline-block; margin-top: 3px; width: 34px; height: 34px; background-image: url('../images/icon/ms_icon_clock.png'); background-position: center; background-repeat: no-repeat;   margin-left: 3px;}
.oul-title-container .oul-more { float: right; margin-right: 7px; color: #00A499; }
.oul-title-container .oul-more:HOVER { text-decoration: underline; }
.oul-product-container { background-color: #FFFEEE;   padding-left: 8px;  background-color: #FFFEEE; margin: 0px 15px 0 13px;padding-bottom: 8px;   display: block; height:212px;   width: 572px;}
.oul-product { display: block; text-align: center; width: 180px; height: 205px; padding: 10px; vertical-align: top; border: 1px solid #FEF5CC; background-color: white;  margin-right: 8px; float:left;}
.oul-product-name { font-weight: bold; height: 20px; color: #222; }
.oul-product:HOVER .oul-product-name { color: #00A499; }
.oul-product-original-price { text-decoration: line-through; color: #999; font-weight: bold; font-size: 12px; height: 16px}
.oul-product-original-price .product-price { color: #999; }
.oul-product-price { font-size: 1.1em; font-weight: bold; color: #C91547; padding-bottom: 3px;}
.oul-product-image { display: inline-block; width: 120px; height: 120px; background-position: center; background-repeat: no-repeat; background-size: contain; }
.oul-product:HOVER .oul-product-image  { opacity: 0.8; filter: alpha(opacity=80); }
.oul-product-remains { margin-top: 10px; font-size: 0.9em; color: #999; }

.oul-detail-container .oul-product-name { font-size: 1.2em; color: #646464; }
.oul-detail-container:HOVER .oul-product-name { color: #646464; }

.oul-list-container { border-right: 1px solid #DDD; }
.oul-description-container { text-align: center; background-color: #FFFEEE; border-bottom: 2px solid #F0C400; }
.oul-large-banner { }
.oul-large-banner img { width: 100%; height: auto;}

.oul-title { font-size: 1.2em; margin: 10px 0; }
.oul-description { font-size: 1.0em; margin-bottom: 15px; line-height: 1.5; min-height: 50px; }
.oul-page-view-body .breadcrumb-product { width: 871px; }

.oul-product-list-item-list { }
.oul-product-list-item-list ul { margin: 0; }
.oul-product-list-item-list .list-product .item { float: left; width: 289px; padding: 0; }
.oul-product-list-item-list .oul-product { width: 100%; padding-bottom: 10px; border: 0; border-left: 1px solid #DDD; border-bottom: 1px solid #DDD; background-color: white; }

.oul-product-list-item-list .list-product .item .oul-product-image img { width: 100%; height: 100%; border: 0; }

.oul-product-list-item-list .list-product .item .oul-product-image-1 { display: none; }


/* .oul-list-container-list .item */

.oul-product-list-item-list .list-product .item:first-child,
.oul-product-list-item-list .list-product .oul-list-container-list .item {
	 width: 100%; height: 225px; text-align: left;
}
.oul-product-list-item-list .list-product .item:first-child .oul-product,
.oul-product-list-item-list .list-product .oul-list-container-list .item .oul-product {
	 text-align: left; height: 100%;
}
.oul-product-list-item-list .list-product .item:first-child .oul-product>*,
.oul-product-list-item-list .list-product .oul-list-container-list .item .oul-product>* {
	 text-align: left;
}
.oul-product-list-item-list .list-product .item:first-child .oul-product-description,
.oul-product-list-item-list .list-product .oul-list-container-list .item .oul-product-description {
	 text-align: left; margin: 5px 0;
}
.oul-product-list-item-list .list-product .item:first-child .oul-product-image-1,
.oul-product-list-item-list .list-product .oul-list-container-list .item .oul-product-image-1 {
	 float: left; vertical-align: top; display: inline-block; width: 200px; height: 200px; margin: 5px;
}
.oul-product-list-item-list .list-product .item:first-child .oul-product-image-2,
.oul-product-list-item-list .list-product .oul-list-container-list .item .oul-product-image-2 {
	 display: none;
}
.oul-product-list-item-list .list-product .item:first-child .oul-product-original-price,
.oul-product-list-item-list .list-product .oul-list-container-list .item .oul-product-original-price {
	 display: inline-block; margin-right: 15px;
}
.oul-product-list-item-list .list-product .item:first-child .oul-product-price,
.oul-product-list-item-list .list-product .oul-list-container-list .item .oul-product-price  {
	 display: inline-block;
}



.oul-product-list-item-list .list-product .item:not(:first-child) {
}
.oul-product-list-item-list .list-product .item:not(:first-child) .oul-product-description {
	 display: none;
}

.oul-product-list-item-list .list-product .item:not(:first-child) .oul-product-remarks {
	 display: none;
}

.oul-product-list-item-list .oul-product-original-price, .oul-product-list-item-list .oul-product-original-price .product-price { font-size: 14px;
}

.oul-product-list-item-list .oul-product-image {
	 width: 100; height: 100px; border: 0;
 }

.btn-oul-status-selling ,.btn-oul-status-selling:hover ,.btn-oul-status-selling:target ,.btn-oul-status-selling:active,.btn-oul-status-selling:focus{
	background:#F44336;
	border: 2px solid white;
	color: white;
	margin-left: 5px;
}

.btn-oul-status ,.btn-oul-status:hover ,.btn-oul-status:target,.btn-oul-status:active,.btn-oul-status:focus{
	background:#EEE;
	border: 2px solid #2C3942;
	color: #2C3942;
	margin-left: 5px;
}

.product-list-item-list .list-product .oul-merchant-list .product-detail-tab-bar { margin: 10px 0; }
.product-list-item-list .list-product .oul-merchant-list .item { height: auto; padding: 15px 0 0px;   border-bottom: 1px solid #eaeaea;}
.product-list-item-list .list-product .oul-merchant-list .item .column { vertical-align: top; }
.product-list-item-list .list-product .oul-merchant-list .item .column-01 .line-img { text-align: center; border: 1px solid #DDD; padding: 10px; }
.product-list-item-list .list-product .oul-merchant-list .item .column-01 .line-img img { width: auto; height: auto; vertical-align: middle; }
.product-list-item-list .list-product .oul-merchant-list .item .column-01 { width: auto; }
.product-list-item-list .list-product .oul-merchant-list .item .column-02 { width: 427px; }
.product-list-item-list .list-product .oul-merchant-list .item .column-03 { float: right; line-height: 100px; }
.product-list-item-list .list-product .oul-merchant-list .item .column a { color: #444444; }
.product-list-item-list .list-product .oul-merchant-list .item .column a:hover { color: #444444; }
.product-list-item-list .list-product .oul-merchant-list .item .column table a,
.product-list-item-list .list-product .oul-merchant-list .item .column table a:hover{
	color: #00a499;
}
.oul-price-refer-not-active-btn { display: block; overflow: hidden; float: right; padding-top: 3px; }
.oul-price-refer-not-active-btn .btn { background-color: #EAEAEA; color: #B3B3B3; border-color: #DADADA; width: 180px; }
.oul-price-refer-not-active-btn:hover .btn{ color: #B3B3B3!important; cursor:default; }
.oul-price-refer-btn a { color: white !important; }
.oul-price-refer-btn .btn { color: white; background: url("../images/icon/ms_btn_icon.png") no-repeat 16px 8px #00A499; }
/*.oul-price-refer-btn:HOVER .btn { color: white; background: url("../images/icon/ms_btn_icon.png") no-repeat 16px 8px #008A82; }*/
.oul-price-refer-btn .refer-btn-detail .btn:hover,
.oul-price-refer-btn .refer-btn-detail .btn:focus,
.oul-price-refer-btn .refer-btn-detail .btn:active,
.oul-price-refer-btn .refer-btn-detail .btn.active{
color: white; background: url("../images/icon/ms_btn_icon.png") no-repeat 16px 8px #008A82;
}


.oul-list-container.oul-detail-container,
.oul-product-list-item-list .oul-list-container.oul-detail-container .oul-product,
.oul-product-list-item-list .product-list-item-list .list-product .item,
.oul-page-view-body .product-list-fucntion-bar {
	border:none;
}

.oul-detail-container .oul-product-image {
	  border: 1px solid #DDD;
	  margin: 0!important;
	  margin-right: 15px!important;
	  width: 220px!important;
	  height:220px;
}

.oul-detail-container{
	padding-bottom: 20px;
}


.oul-event-container{
margin-top:10px;
background-color: #F47D20;
border-bottom: #D76B19 3px solid;
color: #FFFFFF;
width: 100%;
height: 50px;
padding: 10px 10px;
font-size: 16px;
}
.oul-event-container div{
height: 40px;
}
.oul-event-container .oul-event-icon{
margin-left:10px;
float:left;
}
.oul-event-container .oul-event-title{
  margin-left: 5px;
  margin-top: 0px;
  float: left;
  font-weight: bold;
  font-size: 1.2em;

}
.oul-event-container .oul-event-more{
margin-top:2px;
float:right;
}
.oul-event-container .oul-event-more-btn{
float:right;
}

/*oul pl*/

.oul-description-container .oul-title,
.oul-description-container .oul-description {
	padding: 0 15px;
}

.oul-description-container .oul-title {
	  font-weight: bold;
  font-size: 1.4em;
  margin-top: 15px;
  margin-bottom: 8px;
}

.oul-timer-timer-container{
	  min-width: 256px;
	    line-height: 38px;
}

.oul-timer-timer {
  font-size: 1em;
  float: left;
}

.oul-page-view-body .breadcrumb-product{
	padding-top:15px;
}

.oul-page-view-body .breadcrumb-product .column-left{
	padding-left: 0;
}

.tab-news .oul-product-container .oul-product-name {
	overflow: hidden;
}

.oul-product-list-body .oul-product{
	height: 315px;
	margin-right: 0;
}

.oul-product-list-body .oul-product,
.oul-product-list-item-list .list-product .item {
	width: 289px;
}

@media screen and (max-width: 1224px){
.oul-product-list-body .oul-product,
.oul-product-list-item-list .list-product .item {
	width: 222px;
}
}

.oul-page-view-body .breadcrumb-product{
	width: 870px;
  height: 50px;
  display: block;
  overflow: hidden;
}

@media screen and (max-width: 1224px){
.oul-page-view-body .breadcrumb-product{
	width: 670px;
}
}

.oul-page-view-body .oul-list-container{
	  border-top: 1px solid #DDD;
}

.oul-tnc-link {
  display: block;
  line-height: 34px;
}

.oul-tnc-link a{
	color: #00a499;
	font-size: 12px;
}

.oul-tnc-link-right {
	float: right;
}

.oul-page-view-body .product-list-fucntion-bar .column-02{
	position: relative;
	  width: 100%;
}

.oul-page-view-body .product-list-fucntion-bar .column-02 .oul-tnc-link-right{
	position:absolute;
	right: 0;
}

.oul-tnc-link__with_fb {
    line-height: inherit;
    margin-top: 0.5em;
}

.oul-page-view-body .oul-product-name{
  font-size: 1.1em;
  line-height: 1.2em;
  height: 38px;
  display: block;
  margin-bottom: 3px;
  overflow: hidden;
}

.oul-page-view-body .oul-product-original-price span{
	font-size: 1em;
}

.oul-page-view-body .oul-product-price{
	font-size: 1em;
}

.oul-page-view-body .oul-product-list-item-list .oul-product-image{
	width: 150px;
	height: 150px;
}

.oul-product-remains {
color: #777;
}

.oul-page-view-body .oul-product-remains {
  margin-top: 4px;
  font-size: 1em;
}


/*oul pl large item*/

.oul-page-view-body .oul-product-list-item-list .list-product .item:first-child .oul-product .oul-product-name,
.oul-page-view-body .oul-product-list-item-list .list-product .oul-list-container-list .item .oul-product .oul-product-name {
	font-size: 1.4em;
	font-weight: bold;
	color: #444;
	  line-height: 44px;
}

.oul-product-list-item-list .list-product .item:first-child .oul-product,
.oul-product-list-item-list .list-product .oul-list-container-list .item .oul-product {
	width: 100%;
}

.oul-page-view-body .oul-product-list-item-list .list-product .item:first-child .oul-product,
.oul-page-view-body .oul-product-list-item-list .list-product .item:first-child,
.oul-page-view-body .oul-product-list-item-list .list-product .oul-list-container-list .item  .oul-product,
.oul-page-view-body .oul-product-list-item-list .list-product .oul-list-container-list .item  {
	height: 250px;
}

@media screen and (max-width: 1224px){
.oul-page-view-body .oul-product-list-item-list .list-product .item:first-child .oul-product,
.oul-page-view-body .oul-product-list-item-list .list-product .item:first-child,
.oul-page-view-body .oul-product-list-item-list .list-product .oul-list-container-list .item  .oul-product,
.oul-page-view-body .oul-product-list-item-list .list-product .oul-list-container-list .item {
	min-height: 255px;
	height:auto;
}
}

.oul-page-view-body .oul-product-list-item-list .list-product .item:first-child .oul-product-image-1,
.oul-page-view-body .oul-product-list-item-list .list-product .oul-list-container-list .item .oul-product-image-1 {
  margin-top: 15px;
  margin-right: 40px;
  margin-left: 40px;
}

.oul-product-list-item-list .list-product .oul-list-container-list .item .oul-product-description,
.oul-product-list-item-list .list-product .oul-list-container-list .item .oul-product-remarks {
display: block;
}

.oul-page-view-body .oul-product-list-item-list .list-product .item:first-child .oul-product:HOVER .oul-product-name,
.oul-page-view-body .oul-product-list-item-list .list-product .oul-list-container-list .item .oul-product:HOVER .oul-product-name {
	  color: #00A499;
}

.oul-product-list-item-list .list-product .item:first-child .oul-product .oul-product-remarks,
.oul-product-list-item-list .list-product .oul-list-container-list .item .oul-product .oul-product-remarks {
	padding-bottom: 14px;
}

.oul-product-list-item-list .list-product .item:first-child .oul-product .oul-product-remarks,
.oul-product-list-item-list .list-product .item:first-child .oul-product .oul-product-description,
.oul-product-list-item-list .list-product .item:first-child .oul-product .oul-product-name,
.oul-product-list-item-list .list-product .oul-list-container-list .item .oul-product .oul-product-remarks,
.oul-product-list-item-list .list-product .oul-list-container-list .item .oul-product .oul-product-description,
.oul-product-list-item-list .list-product .oul-list-container-list .item .oul-product .oul-product-name {
	padding-right: 15px;
}

/* oul grid view last child border */

.oul-product-list-item-list .list-product .item{
border-bottom: 0;
}

.oul-product-list-body .product-list-pager{
border-top: 1px solid #DDD;
}


/* first, add ending border */
.oul-product-list-item-list  li:last-child .oul-product {
	border-right: 1px solid #dddddd;
	width: 290px;
}

@media screen and (max-width: 1224px){
.oul-product-list-item-list  li:last-child .oul-product {
	width: 223px;
}
}

/* second, remove border at 3n multiple */
.oul-product-list-item-list li:nth-child(3n+1) .oul-product {
	border-right: 0;
}

.oul-product-list-item-list .product-list-item-list .list-product .item {
    display: block;
    width: 100%;
    border-bottom: 1px solid #eaeaea;
    padding: 0;
}

.oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .item:first-child .oul-product .oul-product-name, .oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .oul-list-container-list .item .oul-product .oul-product-name, .oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .item:first-child .oul-product .oul-product-description, .oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .oul-list-container-list .item .oul-product .oul-product-description, .oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .item:first-child .oul-product .oul-product-remarks, .oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .oul-list-container-list .item .oul-product .oul-product-remarks, .oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .item:first-child .oul-product .oul-product-original-price, .oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .oul-list-container-list .item .oul-product .oul-product-original-price, .oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .item:first-child .oul-product .oul-product-price, .oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .oul-list-container-list .item .oul-product .oul-product-price, .oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .item:first-child .oul-product .oul-product-remains, .oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .oul-list-container-list .item .oul-product .oul-product-remains {
    float: right;
    width: 568px;
}

/*oul pd - text floating fix*/

/*oulpd*/

.oul-page-view-body.oul-product-detail-body .oul-product-list-item-list .list-product .oul-list-container-list .item .oul-product .oul-product-name{
	margin-left: 235px;
}

.oul-page-view-body .oul-product-list-item-list .list-product .oul-list-container-list .item .oul-product-image-1{
	position: absolute;
}

.oul-page-view-body.oul-product-detail-body .oul-product-list-item-list .list-product .oul-list-container-list .item .oul-product{
	min-height: 250px;
}

/*oullist*/

.oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .item:first-child .oul-product,
.oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .item:first-child,
.oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .oul-list-container-list .item  .oul-product,
.oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .oul-list-container-list .item  {
	height: auto;
	min-height:245px;
}

.oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .item:first-child .oul-product .oul-product-remains,
.oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .oul-list-container-list .item .oul-product .oul-product-remains {
  float: right;
  padding-bottom: 10px;
}

.oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .item:first-child .oul-product .oul-product-name,
.oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .oul-list-container-list .item .oul-product .oul-product-name,
.oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .item:first-child .oul-product .oul-product-description,
.oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .oul-list-container-list .item .oul-product .oul-product-description,
.oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .item:first-child .oul-product .oul-product-remarks,
.oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .oul-list-container-list .item .oul-product .oul-product-remarks,
.oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .item:first-child .oul-product .oul-product-original-price,
.oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .oul-list-container-list .item .oul-product .oul-product-original-price,
.oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .item:first-child .oul-product .oul-product-price,
.oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .oul-list-container-list .item .oul-product .oul-product-price,
.oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .item:first-child .oul-product .oul-product-remains,
.oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .oul-list-container-list .item .oul-product .oul-product-remains {
  float: right;
  width: 568px;
}

@media screen and (max-width: 1224px){
.oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .item:first-child .oul-product .oul-product-name,
.oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .oul-list-container-list .item .oul-product .oul-product-name,
.oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .item:first-child .oul-product .oul-product-description,
.oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .oul-list-container-list .item .oul-product .oul-product-description,
.oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .item:first-child .oul-product .oul-product-remarks,
.oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .oul-list-container-list .item .oul-product .oul-product-remarks,
.oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .item:first-child .oul-product .oul-product-original-price,
.oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .oul-list-container-list .item .oul-product .oul-product-original-price,
.oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .item:first-child .oul-product .oul-product-price,
.oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .oul-list-container-list .item .oul-product .oul-product-price,
.oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .item:first-child .oul-product .oul-product-remains,
.oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .oul-list-container-list .item .oul-product .oul-product-remains {
  width: 368px;
}
}


.oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .item:first-child .oul-product .oul-product-original-price,
.oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .oul-list-container-list .item .oul-product .oul-product-original-price {
	padding-right: 15px;
	margin-right:0;
}

.oul-page-view-body.oul-product-list-body .oul-product-list-item-list .list-product .oul-list-container-list li:last-child .oul-product{
	border-right:0;
	border-bottom:0;
}



/*oul TnC */

.oul-tnc-container{
	display:block;
	line-height: 1.4;
	width: 100%;
	padding: 20px 20px 20px 0;
}

.oul-tnc-container ul{
	padding-top: 20px;
	color: #666666;
	font-size: 13px;
	padding-left: 25px;
	padding-bottom: 30px;
}

.oul-tnc-container ul li{
	padding-bottom: 10px;
}

.oul-tnc-container p {
	font-size: 14px;
	margin-bottom: 18px;
	color: #666666;
	line-height: 22px;
}

.oul-tnc-container h4 {
	font-size: 18px;
	margin-top: 28px;
	margin-bottom: 10px;
	font-weight: normal;
	color: #00a499;
}

.btn-oul-product-detail { margin-right: 10px; }
.btn-oul-product-detail.sold-out { border-color: #DDD; background: #DDD; }

/*bug #8470 for mega sale table not 100% width*/
.new-ms-product-section02 .ms-detail-tab{
	width: 670px;
}
@media screen and (min-width: 1225px){
	.new-ms-product-section02 .ms-detail-tab{
		width: 870px;
	}
}
.ms-detail-tab table{
	max-width: 100%;
}

.oul-product-list-item-list .btn btn-oul-product-detail .sold-out{
	border-color:#DDD;
	background:#DDD;
}

/* 18032016 - Outlet thankyou page (Member)*/
.outlet-notice-box-wrapper{
	margin: 10px auto;
	width: 750px;
}

.oul-wrapper .member{
	/* display:none; */
}

.oul-wrapper .guest{
	display:block;
}

.tks_footer .btn-reg {
	/*color: #00A499;*/
	/*background-color: #FFF;*/
	width: 40% !important;
	margin: auto !important;
	padding: 5px;
}

.outlet-notice-container {
	margin: 10px 0;
	border: 1px solid #ccc;
	border-radius: 7px;
	padding: 10px 15px;
	text-align: center;
	box-shadow: 0px 3px 6px -1px #ddd;
}

.outlet-notice-container #icon_tick {
    width: 70px;
    height: 70px;
}

.outlet-notice-container .message {
    font-size: 16px;
    padding: 10px 0;
}

.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;
}

.outlet-notice-container .message .code span {
	font-weight: bold;

}

.outlet-notice-container .message-btn .btn {
	width: 40%;
	padding: 8px;
	margin: 5px 4px;
}


/* end of 18032016 - Outlet thankyou page (Member)*/



/* 18032016 - Outlet order record review */
.oul-wrapper .transaction-processing {
    padding: 5px;
    color: #666;
}

.oul-wrapper .transaction-processing span {
    text-align: right;
    float: right;
    display: none;
}

.oul-wrapper .transaction-error {
    padding: 5px;
    color: #e02152;
}

.oul-wrapper .transaction-error span {
    text-align: right;
    float: right;
    display: none;
}

/* end of 18032016 - Outlet order record review */

/*20160318 Outlet error message page*/
.delivery-courier + div{
	margin: 0 20px;
}

.checkout-list .pay-button{
	margin: 20px;
}

.pay-button .btn {
	font-size: 18px;
	font-weight: bold;
}

.oul-message-container{
	background: #ffffff;
	margin: 5px 5px;
	padding-bottom: 10px;
}

.oul-message {
	text-align: center;
}

.oul-message span {
	padding: 20px 35px 5px;
	display: block;
}

.oul-button {
	text-align: center;
	padding: 20px 0;
}

.oul-wrapper .oul-message-wrapper {
	width: 390px;
}

.oul-button .oul-btn {
	font-size: 16px;
	margin: 0px 5px;
	padding: 8px 20px;
}

.oul-button .oul-btn.leave {
	color: #00a499;
	background: #fff;
	border-color: #00a499;
}

.oul-button .oul-btn.leave:hover {
	color: #00a499!important;
	background-color: #ededed;
}
/*End of 20160318 Outlet error message page*/


.outlet-product-image img{
    margin: auto;
    display: block;
}

.new-ms-product-section01 .outlet-product-image {
	width: 240px;
	height: 240px;
}

@media screen and (min-width: 1225px){
	.new-ms-product-section01 .outlet-product-image {
		width: 402px;
		height: 402px;
	}
}

.outlet-product-image img {
	bottom: 0;
    position: absolute;
    top: 0;
}

@media screen and (min-width: 1225px){
	.merchant-info-mark {display:block; width:600px;}
}

/* 20160218 bugfix kenny #1728 layout problem */
.alert .line-01 .column-01 {width: inherit;}
.alert-success .msg-00{margin-top:22px;}

/*20160405 charity program*/
.charity-1{
	width:100%;
	height:360px;
	background:url(../images/charity/banner.png) center no-repeat;
}
.charity-1-wrapper{
	width:990px;
	margin:0 auto;
	padding:210px 0 0 50px;
}

.charity-1-caption{
	text-align:center;
	color:#fff;
	font-size:42px;
	margin-top:20px;
	font-weight:bold;
}

.charity-1-status{float:left; margin:0 40px 0 340px;}
.charity-1-status-2{ margin:0;}
.charity-1-caption p{margin:0;}

.charity-1-status p{
	font-size:16px;
	color:#003b38;
	font-weight:bold;
	margin:0;
}

.charity-1-status p:nth-child(2){
	font-size:60px;
	line-height:60px;
	margin:0;
	font-family: Times, "Times New Roman", serif;
	color:#f0c400;
	font-weight:inherit;
}

.charity-2{width:990px;margin:0 auto;}

.charity-2-left{width:495px;float:left;}

p.charity-2-title{font-size:24px;color:#00a499;}

.charity-2-slider{height:250px;}

.charity-3{
	width:100%;
	height:400px;
	background:#f0c400;
}

.charity-3-wrapper{width:990px;margin:0 auto;}

.charity-3-ngoLogo{
	width:495px;
	height:230px;
	display:block;
	float:left;
	background:url(../images/charity/ngoLogo.png) center center no-repeat;
}

.charity-3-dsc{
	width:495px;
	float:left;
	height:230px;
	display: table;
}

.charity-3-dsc-wrapper{display: table-cell; vertical-align: middle;}

.charity-3-dsc p{
	color:#fff;
	line-height:26px;
	font-size:16px;
	letter-spacing: 1px;
	margin-bottom:30px;
}

.charity-3-btn{
	outline: 2px solid;
    color: #fff;
    padding: 10px 20px;
    font-size: 16px;
	border-radius:5px;
}

.charity-3-btn:hover, .charity-3-btn:focus, .charity-3-btn:visited{
	color:#fff;
	outline: 2px solid;
}

.charity-3-share{
	width:990px;
	border-top:2px solid #fff;
	float:left;
	text-align:center;
	padding-top:30px;
}

.swiper-charity-container {
        width: 990px;
        height: 230px;
		overflow: hidden;
    }
.swiper-charity-container .swiper-slide img {
	width:140px;
	height:140px;
}

.swiper-charity-container .swiper-slide{
	   text-align: center;
    font-size: 18px;
    background: #fff;
    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;
}

.swiper-charity-container .swiper-slide .product-price{width:100%;display:block;}

.swiper-charity-container .swiper-slide a:hover{
	text-decoration:none;
	opacity:0.8;
	cursor:pointer;
}

.charity-3-share a:hover{opacity:0.9;cursor:pointer;}
.swiper-charity-container .swiper-slide .product-price .text-price-unit {font-size: 0.8em;margin-right: 2px;}
.swiper-charity-container .swiper-slide .product-price .text-price-number {font-size: 1em;}

/*bug #9571 outlet merchant name*/
.oul-product-merchant {
	color: #b3b3b3;
	display: block;
	position: relative;
	margint-op: 5px;
	clear: both;
	float: left;
}
.oul-product-merchant .merchant-logo {
	width: 80px;
	border: 1px solid #dddddd;
}
.oul-product-merchant .merchant-name {
	color: #333;
    font-size: 14px;
    padding: 0 3px;
}
.oul-product-merchant img {margin-right: 5px;}
.oul-product-merchant a:link, .oul-product-merchant a:hover, .oul-product-merchant a:visited, .oul-product-merchant a:active {text-decoration: none; color: #00a499;}
.oul-product-item {position: relative;}
.oul-product-item .oul-order-merchant {position:absolute; bottom: 0; right: 0; margin: 10px; color: #cccccc; font-size: 13px;}
.process-bar {max-width: 300px;}
.delivery-selftake, .delivery-courier {padding: 10px 10px;}
.delivery-option .recipient {padding: 0 10px;}
.payment-option {padding: 0 10px;}
.btn.leave {border: 1px solid #bbb; background-color: #fff; color: #888;}
.btn.leave:hover {background-color: #eee;}
.oul-description-container {
	border: 0;
    border-bottom: 1px solid #aaa;
    background-color: #fafafa;
    margin-bottom: 10px;
    border-top: 1px solid #aaa;
    padding-top: 5px;
    box-shadow: 0px 3px 3px 0px #ddd;}

    /*outlet product detal page class name changes*/

.outlet-product-section01 {
	box-sizing: border-box;
	display: table;
	position: relative;
}

.outlet-product-image {
    width: 402px;
    height: 402px;
    margin: 0 0 20px;
    position: relative;
    border: 1px solid #DDD;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.outlet-product-image {
    width: 100%;
    height: 238px;
}

.outlet-product-info {
    width: 420px;
}

@media screen and (min-width: 1225px){
	.outlet-product-info {margin-left: 10px;}
	.outlet-product-image {height: 400px;}
}

.oul-product-title {
	margin-top: 23px;
	font-size: 22px;
	font-weight: bold;
}

.oul-product-intro {
	margin-top: 10px;
	display: block;
	line-height: 1.4em;
}

.oul-product-original {
    margin-top: 20px;
    display: block;
}

.oul-product-original-unit {
    font-size: 12px;
    color: #999;
}

.oul-product-original-price {
    text-decoration: line-through;
    color: #999;
    font-weight: normal;
    font-size: 16px;
    height: 16px;
    margin-left: 5px;
}

.oul-product-discounted {
    display: block;
    color: #e02152;
    font-weight: bold;
    /*font-family: noto sans,notoSans;*/
    margin-top: -5px;
}

.oul-product-discounted-unit {
    font-size: 20px;
}

.oul-product-discounted-price {
    /*font-size: 32px;*/
    margin-left: 5px;
}

.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-product-original-price span {
    font-size: 1em;
}

.oul-buy-btn {
	display: block;
	overflow: hidden;
	float: left;
}

.buy-btn-detail, .buy-btn-detail span {
    font-size: 12px;
    color: #000000;
	width: 180px;
	text-align: center;
}

.oul-buy-btn a {
    color: white !important;
}

.buy-btn-detail .btn {
    height: 40px;
    line-height: 26px;
    font-weight: bold;
	font-size: 16px;
	width: 180px;
	box-shadow: 0px 3px 0px 0px rgba(6, 123, 114, 1);
	margin-bottom: 2px;
	padding: 6px 22px 6px 40px;
	background: url("../images/icon/ms_btn_icon.png") no-repeat 35px 6px #00A499 !important;
}

.oul-detail-tab {float: left; width: 670px;}
@media screen and (min-width: 1225px){
	.oul-detail-tab {width: 870px;}
}

.oul-detail-content {
    position: relative;
    top: 38px;
    background: #fff;
    padding: 25px;
    line-height: 1.7em;
    /* margin-top: 20px; */
	font-size: 16px;
    top: inherit;
    /* margin-top: 58px; */
}

.outlet-page-view-body .product-list-fucntion-bar {display: none;}

.outlet-page-view-body .breadcrumb-product {
	display: block;
    float: right;
    width: 670px;
    height: 40px;
    line-height: 36px;
    font-size: 13px;
    border-bottom: 2px solid #eaeaea;
    position: relative;
    color: #00a499;
}

@media screen and (min-width: 1225px){
	.outlet-page-view-body .breadcrumb-product {
		width: 870px;
	}
}

/*20160411, ivy bug #9610 outlet thk you page return btn*/
.oul-tks-content {margin-bottom: 70px;}
.oul-tks-content .tks_footer .save {
	margin: 10px 0;
	display: block;
	text-decoration: underline;
	font-size: 18px !important;
	color: #888;
}

.oul-tks-content .tks_footer .return-listing {
	font-size: 18px;
	color: #00a499 !important;
	border: 1px solid #00a499;
	padding: 8px 138px;
	border-radius: 4px;
}

.oul-tks-content .tks_footer {
	margin-top: 15px;
}


.return-listing {font-size: 18px;color: #00a499; border: 1px solid #00a499; padding: 8px 138px; border-radius: 4px;}
.outlet-notice-container .message-btn .btn {font-size: 18px; padding: 5px;}
.tks_footer .btn-reg {border-radius: 4px;}
.oul-tks-content .transaction_id {font-weight: normal; font-size: 15px; color: #888;}
.oul-tks-content .pd-detail-title .title-name {color: #ccc;}
.oul-tks-content .buyer-detail-title, .oul-tks-content .ordered-detail .title, .oul-tks-content .payment-list .title {color: #00a499;}
.oul-tks-content .buyer-name span, .oul-tks-content .buyer-contact span {padding-left: 15px;}
.oul-tks-content .buyer-email-address {margin-left: 15px;}
.oul-tks-content .ordered-detail .order-date span, .oul-tks-content .ordered-detail .order-start-date span {padding-left: 10px;}
.oul-tks-content .ordered-detail .order-expiry-date span {padding-left: 29px;}
.oul-tks-content .selected-delivery-option span {padding-left: 10px;}
.oul-tks-content .selected-delivery-address {margin-left: 74px;}
.oul-tks-content .ordered-detail .delivery-time span p {display: inline-block; margin: 0;}
.oul-tks-content .ordered-detail .delivery-time span, .oul-tks-content .ordered-detail .delivery-contact span {padding-left: 10px;}
.return-listing:hover {background-color: #ddd;}
/*end of 20160411, ivy bug #9610 outlet thk you page return btn*/

/* 20160411 charity quotation list btn notic */
/*.buy_popover-charity {
    color: #8a6d3b!important;
    position: absolute;
    height: 116px;
    width: 173px;
    top: 61px;
    right: 181px;
    overflow: visible;
    background: url(/images/charity/notic.png);
    padding-right: 15px;
    padding-top: 55px;
    padding-left: 18px;
    font-size: 12px;
    z-index: 1;
}*/

.buy_popover-charity p{margin:0;}

/*ivy sold out btn css 20160414*/
.oul-buy-btn .btn.sold-out {
	background: url("") no-repeat 35px 6px #EAEAEA !important;
    border-color: #C5C5C5;
    box-shadow: 0px 3px 0px 0px rgba(123, 123, 123, 0.4);
    padding: 6px 22px;
    color: #B3B3B3!important;
}
/*end of sold out btn*/

/*20160415 outlet listing guideline page entry*/
.btn.oul_guide_btn {
	position: absolute;
    right: 20px;
    background-color: #fff;
    color: #00a499;
    bottom: 10px;
}

.btn.oul_guide_btn:hover {background-color:#00a499;color: #fff;}
.oul-product-list-body .home-list-block-01{position: relative;}


/*20160413 Outlet Guideline Page*/
#outlet_guide_wrap {
	margin: 0 auto;
	max-width: 1200px;
}

.outlet_guide_top_img {

}

.outlet_guide_main_text {
	margin:30px;
}

.outlet_guide_steps h1, .outlet_guide_main_text  h1 {
	font-size: 36px;
    line-height: 40px;
	color: #121212;
    text-align: center;
	margin-top: 10px;
}

.outlet_guide_main_text p, .outlet_guide_steps p {
	height: auto;
    font-size: 18px;
    line-height: 26px;
    margin: 0px;
    padding: 0px;
    color: #121212;
    text-align: center;
    font-weight: normal;
}

.outlet_guide_main_text {
	padding:10px;
}

.outlet_guide_step_odd {
	overflow:hidden;
	margin:30px;
	background-color: #ebebeb;
	display: block;
	clear: both;
	width: 1140px;
}

.outlet_guide_steps .outlet_guide_step_odd .step_number_odd {
	float: left;
	margin-top:30px;
}

.outlet_guide_steps .outlet_guide_step_odd .step_img_odd {
	float: right;
	margin-top:30px;
	margin: 0;
}

.outlet_guide_steps .step_even .step_number2 {
	float:right;
	margin-top:30px;
}

.outlet_guide_steps .step_even .step_img2 {
	margin-top:30px;
	float:left;
}


.outlet_guide_step_odd .step_number_odd .number_box_odd {
	background: #00a499;
	width: 270px;
	height: 70px;
}

.step_even .step_number2 .number_box2 {
	background: #00a499;
	float: right;
	width: 270px;
	height: 70px;
}

.outlet_guide_step_odd .step_number_odd .number_box_odd p.number, .step_even .step_number2 .number_box2 p.number{
	line-height:70px;
	color: #fff;
}

.outlet_guide_steps .step_even {
	overflow:hidden;
	margin:30px;
	background-color: #fff;
	display: block;
	clear: both;
	width: 1140px;
}

.step_even .step_number2 .number_box2 #circle, .outlet_guide_step_odd .step_number_odd .number_box_odd #circle {
	float: left;
    width: 48px;
    height: 48px;
    background: #f0c400;
    border-radius: 50px;
	margin: 10px 0 10px 30px;
}

.step_even .step_number2 .number_box2 #circle h2#outlet_step_num, .outlet_guide_step_odd .step_number_odd .number_box_odd #circle h2#outlet_step_num {
	font-size: 18px;
	text-align: center;
	line-height: 48px;
	color: #fff;
	margin-top: 0;
}

.step_point {
	width: 590px;
	padding: 30px 40px 40px 70px;
}

.step_point_list {
	font-size: 18px;
}

.step_point_list li {
	list-style: disc;
    padding: 3px 2px;
}

.step_even .step_number2 .number_box2 {
	float: none;
	margin-left: 50px;
}

.outlet_guide_steps .outlet_guide_step_odd .step_number_odd {width: 560px;}
.outlet_guide_steps .step_even .step_number2 {width: 500px;}
.step_even .step_number2 .number_box2 {margin-left: 0}

.oul-tnc-container {
	display: block;
	line-height: 1.4;
	width: 100%;
	padding-right: 20px;
}

.hangseng_qna_redirect {
	margin-top: 50px;
	height: 22px;
	text-align: center;
}

.hangseng_qna_redirect_icon {
	margin-right:6px;
	display: inline-block;
}

.hangseng_qna_redirect_icon img {
	width: 25px;
	height: 25px;
}

.hangseng_qna_redirect_content {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #060606;
	font-weight: bold;
}

.hangseng_qna_redirect_content .hangseng_redirect_url {
	font-weight: 500;
  	color: #2eada4;
	text-decoration: underline;
}

/* 20160415 charity Q&A (outlet), ivy*/
.qna{
	width: 1140px;
	margin:30px;
}

.qna_title{
	margin-left:30px;
	font-size: 18px;
	font-weight:bold;
}

.qna_content{
	font-size: 14px;
   padding: 10px 40px 40px 70px;
}

.qna_content_q{
	padding-bottom:0px;
	color:#333;
	font-weight:bold;
}

.qna_content_a{
	margin-left:20px;
	color:#666;
}

.qna_content li{
	list-style: disc;
  padding: 5px 2px ;
}
/* end of 20160415 charity Q&A (outlet), ivy*/

/* 20160418 outlet my history */
/*.purchase-status-yes{background: url("../images/user/user-right-yes.png") no-repeat;}
.purchase-status-no{background: url("../images/user/user-right-no.png") no-repeat;}*/
.purchase-status-no, .purchase-status-yes{
	width:77px;
	height:20px;
	display:block;
	float:right;
	background-size:contain;
	background-position:left;
}
.purchase-status span{text-align: left;width: 66px;display: inline-block;}
.profile-wrapper .list-outlet-record a{color:#00a499;}
.profile-wrapper .list-outlet-record .column-07 {width: 80px;}
.profile-wrapper .list-outlet-record .column-06 {width: 80px;}
.profile-wrapper .list-outlet-record .column-05 {width: 90px;}
.profile-wrapper .list-outlet-record .column-04 {width: 110px;}
.profile-wrapper .list-outlet-record .column-03 {width: 120px;}
.profile-wrapper .list-outlet-record .column-02 {width: 135px;}
.profile-wrapper .list-outlet-record .column-01 {width: 125px;}

.profile-wrapper .list-outlet-record .cell-07 {width: 10%;}
.profile-wrapper .list-outlet-record .cell-06 {width: 12%;}
.profile-wrapper .list-outlet-record .cell-05 {width: 10%;}
.profile-wrapper .list-outlet-record .cell-04 {width: 10%;}
.profile-wrapper .list-outlet-record .cell-03 {width: 13%;}
.profile-wrapper .list-outlet-record .cell-02 {width: 24%;}
.profile-wrapper .list-outlet-record .cell-01 {width: 14%;}
.profile-wrapper .list-order .column {
	padding-left: 15px;
}

.profile-wrapper .list-order .purchase-record-name{
	min-width: 180px;
}
.product-more{margin-top:15px;}

.product-more h3{
	font-size:13px;
	font-weight:normal;
	border-bottom:3px solid #ededed;
	color:#888888;
	margin:0;
	line-height:24px;
}

.product-wrapper-left h3{width:170px;}
.product-wrapper-right h3{width:354px;}

.product-more p{margin:0;}

.product-more-qrcode img{
	width:170px;
	height:170px;
}
.product-wrapper-left, .product-wrapper-right{float:left;}
.product-wrapper-right{margin-left:15px;}
.profile-wrapper .list-outlet-record .column-08 {padding-left: 140px;}

.profile-wrapper .list-outlet-record .purchase-record-remark{width:540px;}


.product-more-info ul li .product-info-content{display: inline-table;width: 263px;}

@media screen and (min-width: 1225px){
.profile-wrapper .list-outlet-record .purchase-record-remark{width:680px;}
.purchase-status span{width: 105px;}
.page-view-body .body-profile .profile-wrapper .column-02 .profile-list-item-list li:last-child {border-right: none;}
.profile-wrapper .list-outlet-record .column-07 {width: 90px;}
.profile-wrapper .list-outlet-record .column-05 {width: 130px;}
.profile-wrapper .list-outlet-record .column-04 {width: 150px;}
.profile-wrapper .list-outlet-record .column-02 {width: 205px;}
.profile-wrapper .list-outlet-record .column-01 {width: 185px;}

.profile-wrapper .list-outlet-record .cell-07 {width: 9%;}
.profile-wrapper .list-outlet-record .cell-06 {width: 12%;}
.profile-wrapper .list-outlet-record .cell-05 {width: 10%;}
.profile-wrapper .list-outlet-record .cell-04 {width: 10%;}
.profile-wrapper .list-outlet-record .cell-03 {width: 13%;}
.profile-wrapper .list-outlet-record .cell-02 {width: 26%;}
.profile-wrapper .list-outlet-record .cell-01 {width: 15%;}

.product-wrapper-right{margin-left:33px;}
.product-wrapper-right h3{width:470px;}
.profile-wrapper .list-outlet-record .column-08 {padding-left: 200px;}
.product-more-info ul li .product-info-content{width: 380px;}
}

.product-more-info{margin-bottom:20px;}
.profile-wrapper .list-outlet-record .product-more-info ul{-webkit-padding-start: 0px;}
.profile-wrapper .list-outlet-record .product-more-info ul li{
	float:none;
	line-height:28px;
	border-left:none;
}
.profile-wrapper .list-outlet-record .product-more-info ul li span:first-child{
	width:90px;
	display:inline-block;
	color:#888888 !important;
}
.profile-wrapper .list-outlet-record .product-more-info ul li{border-bottom:none;}

.product-more-info .product-more-info-total{
	color: #e02152 !important;
    font-weight: bold !important;
    font-size: 14px !important;
}

.purchase-record-no{display:block;word-wrap: break-word;}
/* 20160418 end outlet my history */

/*20160415 tks-pg-update */
.oul-wrapper	.transaction-notice-sucess{
	color:#adadad;
}

.oul-wrapper .transaction-notice-yet{
	color:#adadad;
}

.oul-wrapper .transaction-notice-not{
	color:#f73100;
}


.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-info {
    color: #666;
    margin-left: 15px;
}

.oul-tks-content .oul-merchant-name {
    color: #666;
}

.oul-tks-content .order-no{
	 color: #666;
}

.oul-tks-content .order-no span{
	 margin-left: 10px;
}

.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-wrapper .transaction-refresh{
  width: 20px;
  height: 20px;
  margin-right: 5px;
  margin-top: -5px;
}

.btn_refresh{
  border: 1px solid #00A499;
  border-radius: 5px;
  padding: 5px 10px;
  text-align: center;
  width: 40%;
  margin: 10px auto 0;
  color: #00A499;
}

.oul-tks-content .buyer-contact span {
  padding-left: 10px !important;
}

.oul-tks-content .buyer-name span, .refund-datail .refund-date span {
	padding-left: 39px !important;
	color: #333;
}

.oul-tks-content .order-no span {
  margin-left: 15px !important;
}

.oul-tks-content .selected-delivery-option span {
  padding-left: 10px !important;
}

.oul-tks-content .selected-delivery-address {
  margin-left: 65px !important;
}

.oul-tks-content .buyer-email-address {
   margin-left: 66px !important;
}

.oul-tks-content .receive-address{
	color:#666;
}

.oul-tks-content .receive-address span{
	margin-left:10px;
	color:#333;
}

.oul-tks-content .transaction-status{
	color:#f13200;
 font-size: 1em;
}

.return-listing {
  font-size: 18px;
  color: #00a499;
  border: 1px solid #00a499;
  padding: 8px 138px;
  border-radius: 4px;
}

.btn_refresh:hover{
	background:#ddd;
}
/*end of 20160415 tks-pg-update */

/* 20160419 outlet order page update, hitler */
.delivery-option label {
  /* margin-top: 10px; */
  margin-bottom: 0 !important;
  vertical-align: top;
}

#receiver {
	vertical-align: bottom;
}

#receiver, #receiver-tel {
  width: 150px !important;
}

.delivery-option input[type="text"] {
   width: 250px !important;
}

#receiver-address1 {
    margin-left: 3px !important;
}
/* end of 20160419 outlet order page update, hitler */

/*20160420 outlet q&a*/
.qna_content {padding: 10px 40px 40px 20px;}
.qna_content li {padding: 5px 2px; padding-bottom: 20px;}
.qna_content_q {padding-bottom: 4px;}
.qna_content_a {background-color: #f1f1f1; padding: 5px; padding-left: 3px; margin-left: 0;}

/*20160420 outlet- record, limit buy*/
.pd-order-qty {padding-right: 5px;}
.limit-msg {
    color: #aaaaaa;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0;
}

/*20160422 outlet pop up message*/
/*
.pop_up_overlay {
	width: 100%;
	background-color: rgba(0,0,0,0.6);
	display: block;
	z-index: 2;
	position: fixed;
	top: 0;
	bottom: 0;
}
.pop-up-oul-msg-wrapper {
	border: 1px solid rgb(206,206,206);
	background: rgb(247,247,247);
	margin: auto;
	margin-top: 20px;
	overflow: hidden;
	box-shadow: 0 4px 3px #404040;
	margin-bottom: 30px;
	z-index: 3;
	display: block;
	position: absolute;
	top: 29%;
	left: 32%;
	width: 380px;
}
*/
.pop-up-oul-msg-wrapper {
	width: 380px;
}
.oul-message .highlight {
	color: #f13200;
	display: inline-block;
	padding: 0;
}
.pop-up-oul-msg-wrapper .oul-message {
	font-size: 16px;
	padding-top: 15px;
}
/*End of 20160422 outlet pop up message*/

/* #9118 Homepage mega menu and news tab, ivy, 20160322*/
.hp-revise ul.menu-lv-zone li {
	height: 36px;
}

.hp-revise ul.menu-lv-zone .menu-zone-icon {
	top: 6px;
}

.hp-revise .menu-zone-unit {
	border: 0;
	margin: 0 0 0 9px;
	height: 35px;
}

.body-home .hp-revise .tab-outlet .nav-tabs > li.active > a{
	color: #00a499;
}

.body-home .hp-revise .tab-outlet .nav-tabs > li > a {
	font-size: 15px;
	font-weight: bold;
	color: #222222;
}

.hp-revise .menu-zone-unit h3{
	line-height: 33px;
}
/*
.hp-revise .menu-zone-unit .column-right{
	margin-top: 7px;
}
*/

.hp-revise .tab-news-pane-wrapper {
	padding-top: 2px;
}

.hp-revise .tab-news-large {
	padding-bottom: 0;
}

.hp-revise .news-img {
    padding-bottom: 0;
}

.hp-revise .news-title h3 {
	padding: 0 0 5px;
}

.hp-revise .tab-news-small .news-unit {
	height: 160px;
}

.hp-revise .tab-news-small{
	padding-bottom: 0;
	height: 168px;
}

.hp-revise .tab-news-more{
	padding: 0 0 5px;
}

.hp-revise .menu-mega{
	height: 415px;
}

.hp-revise .menu-mega-zone, .hp-revise .menu-mega-info{
	min-height: 423px;
}

.hp-revise .home-block-01 {
	height: 455px;
}

.hp-revise .tab-news-small .news-title h3{
	font-size: 14px;
}

.tab-news .tab-content, .tab-news {
    height: 480px;
}

/* end of #9118 Homepage mega menu and news tab, ivy, 20160322*/

/* 20160426 homepage left menu, ivy*/
.hp-revise .menu-zone-unit {height: 34px;}
ul.menu-lv-zone li.active h3 {line-height: 32px;}
.hp-revise .news-title h3 { padding: 4px 0 3px;}
.tab-news .tab-content, .tab-news { height: 450px;}
/* 20160426 homepage left menu, ivy*/

/* 20160218 bugfix kenny #1728 layout problem */
.alert .line-01 .column-01 {width: inherit;}
.alert-success .msg-00{margin-top:22px;}

/* 20160422 charity quotation list btn bubble */
/*
.buy_popover-charity {
    position: absolute;
    height: 87px;
    width: 207px;
    top: 95px;
    right: 165px;
	right: 120px;
    background: none;
    padding:0;
	z-index:1;
}

.buy_popover-charity-2 {
    position: absolute;
    height: 87px;
    width: 207px;
    top: 61px;
    right: 165px;
	right: 120px;
    background: none;
    padding: 0;
    z-index: 1;
}*/

/*20160425 outlet revise, ivy*/
.delivery-state {margin-bottom: 20px;}
.oul-product-discounted-price { margin-left: 0;}
.delivery-courier #district, .delivery-courier #area {color: #888;}
.oul-tks-content .transaction_id {border: 0;}
.oul-tks-content .tks_footer {margin-top: 25px;}
.oul-tks-content .tks_footer .return-listing {
    color: #fff!important;
    border: 1px solid #00a499;
    background-color: #00a499;
}
.oul-tks-content .tks_footer .return-listing:hover {background-color: #008a82;}
.delivery-address-option select { color: #888;}
.product-wrapper-right {margin-left: 0;}
.product-wrapper-left {margin-right: 15px;}
#order-paypal {width: 300px;}
/*missed - 20160411*/
.oul-product-merchant {margin-top: 5px;}
.product-option select {height: 30px; background-color: #fafafa; width: 85%;}
.delivery-courier #district, .delivery-courier #area {
	padding: 2px 4px;
    transition: border .3s;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    height: 25px;
    background: #eee;}
#receiver-address1 {margin-left: 103px!important;}
.delivery-address-option select {height: 30px;}
.delivery-courier 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;}
.delivery-option .recipient {color: #aaa; border-top: 1px solid #ddd; padding: 10px 0 0 0; margin: 0 10px;}
.delivery-option input[type="text"] {color: #888;}
.oul-tks-content .tks_footer .return-listing {color: #888;}
.oul-tks-content .order-info-content, .payment-list, .order-info {min-height: 300px;}
.delivery-selftake, .delivery-courier {color: #aaa;}
/*End of 20160425 outlet revise, ivy*/

.home-wrapper .ms-title-container {display: none;}

/*20160504 quote over30 update, #9659, kenny */
.product-detail-tab-quote .quote-source p span{ display:inline-block}
/*end of 20160504 quote over30 update, #9659, kenny */

/*20160505 megamenu,branch, hotfix, kenny*/
.hp-revise .menu-mega-zone, .hp-revise .menu-mega-info {min-height: 436px;}
.product-list-item-list.quotation-revise li .item .column-01 .quote-shop-name .quote-shop-more a {font-weight: normal;}
/*end of 20160505 megamenu,branch, hotfix, kenny*/

/*20160505 megamenu,branch,yellowbubble,hotfix, kenny*/
.hp-revise .menu-mega-zone, .hp-revise .menu-mega-info {min-height: 436px;}
.product-list-item-list.quotation-revise li .item .column-01 .quote-shop-name .quote-shop-more a {font-weight: normal;}
.buy_popover-yellow {background-color:inherit !important;}
/*end of 20160505 megamenu,branch,yellowbubble,hotfix, kenny*/

/*#bugfix 10043 Add spacing if no quotation for the product*/
.product-col-info .line-06{
   padding-top:10px;
}

.product-col-info .line-05 {
   padding: 10px 0;
   padding-bottom: 5px;
}

/*20160516 outlet, listing, bugfix, ivy*/
.oul-product-original-price {margin-left: 0;}

/*bug #9228*/
.header-top .column .list-inline > li {	padding-left: 5px;padding-right: 5px;}
.header-top .column.column-01 {
    max-width: 130px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	padding-right: 0px;
}
@media screen and (min-width: 1225px){
	.header-top .column.column-01 {
		width: auto;
		padding-right: 10px;
	}
}
.header-top .column-03 {padding-left: 5px;}
.header-top .column-04 {padding-left: 5px;}
.header-top .column .list-inline > li {padding-left: 7px;padding-right: 6px;}

/*20160516 outlet countdown timer*/
.oul-description-container {margin-bottom: 0;}
.oul-countdown {width: 100%; height: 35px; box-shadow: 0px -5px 3px 0px rgba(110,110,110,0.2); position: relative; text-align: center;}
.oul-timer-timer-container {display: inline-block; width: 100%; color: #fff; line-height: 35px;}
.oul-timer-timer, .oul-timer-time {display: inline-block; float: none;}
.oul-countdown-icon {width: 22px;}
.oul-timer-timer-container-S {background-color: #f99d26;}
.oul-timer-timer-container-B, .oul-timer-timer-container-E {background-color: #a2a2a2;}
.oul-countdown-detail {width: 100%; height: 35px; margin-top: 10px; text-align: left;}
.oul-countdown-detail .oul-countdown-icon {margin-left: 10px;}
.oul-page-view-body .breadcrumb-product {text-align: left;}
/*End of 20160516 outlet countdown timer -ivy*/

/*20160526 story 10201 feature banner auto loop*/
.ec-banner {padding: 2px 13px 0 13px;}
/*20160530 hp-tab-loop*/
.body-home .home-block-01 .nav-tabs > li > a {border-bottom: 0; padding: 0;}
.body-home .hp-revise .home-block-01 .tab-outlet .nav-tabs > li.active > a {color: #222222;}
.body-home .home-block-01 .nav-tabs .tab-title .process_bar {height: 4px; background-color: #ebebeb; display: block; position:relative;}
.body-home .home-block-01 .nav-tabs .tab-title .text {height: 36px; padding: 5px 12px; display: block; line-height: 26px;}
.body-home .home-block-01 .nav-tabs > li.active > a {border-bottom: 0;}
.body-home .home-block-01 .nav-tabs {border-bottom: 0;}
.body-home .home-block-01 .nav-tabs .tab-title .process_bar .active_bar {background-color: #f1c400; position: absolute; width: 0px; height: 4px;}
.body-home .home-block-01 .nav-tabs .tab-title.active {background-color: #f7f7f7;}
.body-home .home-block-01 .nav-tabs .tab-title:hover {color: #666;}
.body-home .home-block-01 .nav-tabs .tab-title.previous .process_bar {background-color: #545454;}
.body-home .home-block-01 .nav-tabs {border-bottom: 4px solid #ebebeb;}
/*End of 20160530 hp-tab-loop - i*/

/*20160616 story #10350 fix , custom prodcut list a tag color*/
.product-list-item-list .list-product .grid-2 li a {
    display: block;
    color: #222;
}
/*End of 20160616 story #10350 fix , custom prodcut list a tag color -ivy*/

/*20160603 #10415 upfront heart rating to quotation listing*/
.quote-shop-name .merchant-rating {
	text-align: left;
	font-weight: normal;
	padding: 0;
	margin: 2px 0;
	font-size: 12px;
	color: #8e8e93;
}
.quote-shop-name .merchant-rating .product-rating img {margin-top: -3px;}
.quote-shop-name .merchant-rating:hover {opacity: 0.8;}
.quote-shop-name .merchant-rating {cursor: pointer;}
/*End of 20160603 #10415 upfront heart rating to quotation listing*/

/* 20160601  10416 investigation label  */
.product-listing-wrapper .product-detail-tab-content .column-02 .investigation_label{
	color: #f13200;
	font-size:12px;
	margin-bottom:2px;
	display:none;
}
/* 20160601  10416 investigation label  */

/*20160613 outlet email alerts #10550*/
.order-info .remark {margin-left: 108px; font-size: 12px;}

/*20160602 left nav menu*/
.menu-mega {height: 422px;}
.menu-mega-zone {min-height: 422px;}
.menu-mega-info {min-height: 461px;}
.menu-zone-unit, ul.menu-lv-zone li {height: 35.2px;}
.menu-zone-unit h3, ul.menu-lv-zone li.active h3  {line-height: 35.2px;}
ul.menu-lv-zone li:last-child .menu-zone-unit {border-bottom: 1px solid #cccccc;}
ul.menu-lv-zone .menu-zone-icon {top: 6px;}
.menu-zone-unit {border: 0;	margin: 0 0 0 9px;}
ul.menu-lv-zone li.active, .menu-zone-unit {height: 35.2px;}
ul.menu-lv-zone li.active {height: 34.2px;}

.hp-revise .menu-mega {height: 422px;}
.hp-revise .menu-mega-zone {min-height: 422px;}
.hp-revise .menu-mega-info, .body-product-list .menu-mega-info {min-height: 462px; left: 89px; z-index: 3;}
.hp-revise .menu-zone-unit, .hp-revise ul.menu-lv-zone li {height: 35.2px;}
.hp-revise .menu-zone-unit h3, .hp-revise ul.menu-lv-zone li.active h3  {line-height: 35.2px;}
.hp-revise ul.menu-lv-zone li:last-child .menu-zone-unit {border-bottom: 1px solid #cccccc;}
.hp-revise ul.menu-lv-zone .menu-zone-icon {top: 6px;}
.hp-revise ul.menu-lv-zone li.active, .hp-revise .menu-zone-unit {height: 35.2px;}
.hp-revise ul.menu-lv-zone li.active, .body-product-list ul.menu-lv-zone li.active {
	height: 35.2px;
	width: 90px;
	border-right: 1px solid #fff;
	z-index: 4;
	overflow: hidden;
}
.mega-info-detail ul li {width: initial;}
.mega-info-detail ul li li {border-right: 0;}
.mega-info-detail ul li li:first-child {border-right: 0;}
.mega-info-detail ul li {padding-bottom: 0; vertical-align: top;}
.mega-info-detail ul li ul {
	max-width: 467px;
	border-left: 1px solid #cccccc;
	padding-left: 10px;
	padding-bottom: 0;
}
.mega-info-detail .list-inline > li {padding-left: 0;}
.mega-info-detail ul li ul li {vertical-align: middle;}
.mega-info-detail ul {padding-top: 7px; padding-bottom: 7px;}
.mega-info-detail ul:hover {background-color: #f0f0f0;}
.menu-mega-info {padding-left: 0;}
.mega-info-detail ul {padding-left: 13px;}
.hp-revise .menu-mega-info, .body-product-list .menu-mega-info {width: 589; padding-top: 0;}
.menu-mega-info {margin-left: 0;}
#zone-10 .list-inline li {max-width: 480px;}

@media screen and (min-width: 1225px){
	.hp-revise .menu-mega-info, .body-product-list .menu-mega-info {
		width: 786px;
		margin-left: 0;
		left: 89px;
	}
	.hp-revise .menu-mega-info {left: 90px;}
	.body-product-list .menu-mega-info {width: 781px;}
	.hp-revise .menu-mega-zone {z-index: 2; overflow: hidden;}
	.hp-revise .menu-zone-unit .column-right {border-left: 0;}
	.hp-revise ul.menu-lv-zone li.active {width: 91px;}
	.body-product-list ul.menu-lv-zone li.active {width: 90px;}
}

.mega-info-title {
	display: block;
	width: 100%;
	background-color: #00a499;
	height: 39px;
}
.mega-info-title span {
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	line-height: 40px;
	padding-left: 10px;
}
.hp-revise .mega-info-hot, .body-product-list .mega-info-hot {
	display: none;
	height: 459px;
	width: 199px;
	float: right;
}
.hp-revise .mega-info-detail, .body-product-list .mega-info-detail {
	display: inline-block;
	float: left;
	width: 586px;
	border-right: 0;
	eight: 459px;
}
.mega-info-detail .mega-info-title {border-left: 0;}

.mega-info-hot ul li {
	height: 105px;
	border-bottom: 1px solid #ccc;
	width: 199px;
	margin: 0;
	float: right;
}
.mega-info-hot .hot-item {
	width: 199px;
	height: 105px;
	position: relative;
	cursor: pointer;
}
.mega-info-hot .hot-item-image {
	width: 199px;
	height: 105px;
	background-size: 100%;
	border-bottom: 1px solid #efefef;
}
.mega-info-hot .hot-item::after {opacity: 0.8;}
.mega-info-hot .hot-item span {
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
	bottom: 15px;
	position: absolute;
	right: 20px;
	text-align: right;
}
.mega-info-hot ul li:last-child div {border-bottom:0;}
.mega-info-hot .hot-item-image:hover {opacity: 0.8;}

@media screen and (min-width: 1225px) {
	.hp-revise .mega-info-hot, .body-product-list .mega-info-hot {display: block;}
	.hp-revise .mega-info-detail, .body-product-list .mega-info-detail {
		width: 585px;
		border-right: 1px solid #ccc;
		height: 460px;
	}
	.body-product-list .mega-info-detail {width: 580px;}
}

.body-product-list ul.menu-lv-zone li { width: 90px;}

@media screen and (min-width: 1225px){
	.body-product-list .menu-mega-label, .body-product-list .menu-mega-zone { width: 90px;}
	.body-product-list .menu-mega {width: 90px;}
	.body-product-list .menu-zone-unit .column-left { padding-left: 40px;}
	.body-product-list .menu-zone-unit { width: 80px;}
	.breadcrumb-product {width: 780px;}
}

.menu-lv-zone .active {margin-top: -1px; margin-bottom: 1px;}
.menu-mega-zone ul li:last-child.active {height: 39.4px; padding-bottom: 1px;}
/* #zone-10 .mega-info-detail {width: 784px; border-right: 0;} */
#zone-10 .mega-info-detail ul li ul {max-width: 750px; }
/*End of 20160602 left nav menu*/

/*20160623 paypal*/
#order-paypal{width:400px;}
.pay-button-tips{color:#aaa; font-size:12px; margin:12px;}

/*20160405 warranty program*/
.warranty-1{
	width:100%;
	height:360px;
	background:url(../images/warranty/banner.jpg) center no-repeat;
}
.warranty-1-wrapper{
	width:990px;
	margin:0 auto;
	padding: 265px 0 0 450px;
}

.warranty-2{width:990px;margin:0 auto;}

.warranty-2-left{width:495px;float:left;}

p.warranty-2-title{font-size:24px;color:#00a499;}

.warranty-3{
	width:100%;
	height:260px;
	background:rgba(55,209,193,0.3);
}

.warranty-3-wrapper{width:990px;margin:0 auto;}

.warranty-3-dsc{
	width: 495px;
    float: left;
    height: 300px;
    display: table;
}

.warranty-3-dsc-wrapper{display: table-cell; vertical-align: middle;}

.warranty-3-dsc p{
	color: #fff;
    line-height: 26px;
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 20px;
    margin-top: 0;
}

.warranty-3-btn{
	border: 2px solid #fff;
    color: #fff;
    padding: 10px 20px;
    font-size: 16px;
	border-radius:5px;
	outline:none !important;
}

.warranty-3-btn:hover, .warranty-3-btn:focus, .warranty-3-btn:visited{
	background:rgba(255,255,255,0.2);
	color:#fff;
}

.warranty-3-share{
	width:990px;
	float:left;
	text-align:center;
	padding-top:30px;
}

.warranty-3-share a:hover{opacity:0.9;cursor:pointer;}

/*20160615*/
.warranty-title {margin: auto; display: block; margin-top: 50px;}
.dsc-wrapper p {
	font-size: 18px;
	line-height: 36px;
	width: 850px;
	margin: auto;
}
.dsc-wrapper {margin: 20px 0;}
#warranty-step-prev {background-image:url(../images/warranty/left-arrow.png);}
#warranty-step-next {background-image:url(../images/warranty/right-arrow.png);}
#warranty-step-prev, #warranty-step-next {width: 26px; height: 74px; background-size: 26px 74px; top: 25%;}
.qna_content {
	font-size: 14px;
	padding: 10px 40px 40px 20px;
}
.qna_content li {padding: 5px 2px;}

/*20160719 ec-tab*/
.oul-detail-tab-bar {
    min-height: 200px;
    position: relative;
    clear: both;
    margin-top: 15px;
}
.oul-detail-tab-bar .oul-detail-tab-bar-control [type=radio] {display: none;}
.oul-detail-tab-bar .oul-detail-tab-bar-control label {
    margin: 0;
    display: block;
    float:left;
    height: 38px;
    border-bottom: 2px solid #eaeaea;
    padding-left: 0;
    width: 223px;
    font-size: 16px;
    text-align: center;
    color: #888888;
    line-height: 32px;
    background: #fff;
    cursor: pointer;
}
@media screen and (min-width: 1225px){
    .oul-detail-tab-bar .oul-detail-tab-bar-control label { width: 290px;}
}
.oul-detail-tab-bar .oul-detail-tab-bar-control [type=radio]:checked ~ label {
    border-bottom: 2px solid #f0c400;
    background: #fff;
    color: #121212;
    z-index: 2;
}
.oul-detail-tab-bar .oul-detail-tab-bar-control [type=radio]:checked ~ label ~ .oul-detail-content {
    display: block;
}
.oul-detail-topic{
	font-size: 18px;
    font-weight: bold;
    margin: 10px 0;
}
.oul-detail-tab-bar-control-anchor{margin-top:20px; display:block;}
.oul-detail-tab-bar-control{width:100%;}
.oul-detail-tab-bar-control.stick {
    margin-top: 0 !important;
    position: fixed;
    top: 0;
    z-index: 10000;
}
.oul-detail-content{margin-top:0;}
/* end of 20160719 ec-tab*/

/*#11736 merchant reply user*/
.merchant-reply-link {
   display: inline-block;
   margin: 0 5px;
   padding: 0 5px 0 0px;
   border-radius: 3px;
   width: 60px;
   height: 24px;
   line-height: 24px;
   font-size: 11px;
   background: #00a499;
   color: #fff;
   text-decoration: none;
   text-align: center;
   cursor: pointer;
}
.merchant-reply-link:hover {
    background: #008a82;
    color: #fff;
    text-decoration: none;
}
.merchant-reply-link > img {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    margin-bottom: 4px;
}
.comment-merchant-reply {
	display: block;
    width: 421px;
    height: 80px;
	max-height: 80px;
	max-width: 421px;
	border: 1px solid #cccccc;
}
.btn.merchant-reply-btn {
	width: 86px;
	height: 33px;
	color: #fff;
	margin: 10px 0;
}
.merchant-comment {
	display: block;
    width: 421px;
    clear: both;
    background-color: #f1f1f1;
    position: relative;
    padding: 8px;
    font-size: 13px;
    margin: 0 0 10px 0;
}
.merchant-comment img {
	position: absolute;
    top: -8px;
    left: 5px;
}
.merchant-comment .comment-content {
	display: block;
    margin-bottom: 15px;
}
.merchant-comment .comment-date {
	color: #aaaaaa;
}
@media screen and (min-width: 1225px){
	.comment-merchant-reply, .btn.merchant-reply-btn, .merchant-comment {

	}
}
.comment-merchant-reply-field{
	display: none;
}
.merchant-comment .merchant-reply-action-btn {
    position: absolute;
}
.merchant-comment .merchant-reply-action-btn.--delete {
    right: 25px;
    bottom: 15px;
}
.merchant-comment .merchant-reply-action-btn.--edit {
    right: 50px;
    bottom: 15px;
}
.merchant-comment .merchant-reply-action-btn > img {
    width: 19px;
    height: 19px;
}
.merchant-reply-action-btn{
   cursor: pointer;
}
.merchant-reply-action-btn:hover {
   opacity: 0.7;
}

/* #10548 change status in my outlet history */
.purchase-status .purchase-status-no, .purchase-status .purchase-status-yes{
	width: 0px;
	height: 20px;
	display: block;
	float: left;
	background-size: contain;
	background-position: left;
}

@media screen and (min-width: 1225px){
	.purchase-status .status, .purchase-status .status-green{
		width:65px;
		padding-top: 1px;
	}
}

.purchase-status .status-green, .profile-wrapper .status-green{
	color: #00A499 !important;
}

.purchase-status .status-red, .profile-wrapper .status-red{
	color: #E02152 !important;
}
.purchase-status .status-gray, .profile-wrapper  .status-gray{
	color: #4a4a4a !important;
}

/*20160804 #11954 my fav checkbox display problem*/
.list-fav-product .item .line-select, .list-fav-merchant .item .line-select{
	z-index: 10;
}
/* #12586 new delivery method 工商配送 住宅配送 */
.delivery-selftake, .delivery-courier {padding-bottom: 0;}
.delivery-option .recipient {margin-top: 10px;}
.delivery-option label {width: auto;}
.recipient label, .delivery-courier label {width: 100px;}
.courier:checked ~ .delivery-courier {
display: block;
}

/*20160816 footer merchant*/
.footer-merchant{
	width:180px;
	height:75px;
	display:block;
	margin-top:-10px;
	background-image:url(../images/footer-merchant.png);
	background-repeat:no-repeat;
	background-position:5px 10px;
	background-color:#179C91;
	border-radius:5px;
	padding-left: 90px;
	padding-top:10px;
}
.footer-merchant:hover{background-color:#15948A;}
.footer-merchant span{display:block;}
.footer-merchant span.footer-merchant-bold{font-size:15px;}

/*20160821 homepage product box logo*/
.column.column-01.hp-revise{
	padding: 0;
	margin-right: 0px;
}
.product-box-logo .logo {height:30px; width:30px; background-color:#000; margin-right:8px;}
.product-box-logo .profile-list-item-list li, .list-fav-product .item .item-inner {height:230px;}
.product-box-logo .line-img img {width:130px; height: 130px; padding-bottom: 5px;}
.product-box-logo {margin-bottom: 20px;}
.product-box-logo .merchant{ text-align: center; color:#00a499; width:90%; height: 30px; margin: 0 auto; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.product-box-logo .tab-content,.product-box-logo .tab-content .list-fav-product,.product-box-logo .tab-content .list-fav-product ul {height:460px;}

/*20160825 footer*/
.footer-all .part-01 ul li.item-01 {width: 160px;}
.footer-all .part-01 ul li.item-01-b {width: 110px;}
.footer-all .part-01 ul li.item-02 {width: 190px;}
.footer-all .part-01 ul li.item-03 {width: 225px;}
.footer-all .part-01 ul li.item-04 {width: 300px;}

@media screen and (min-width: 1225px){
	.footer-all .part-01 ul li.item-01 {width: 220px;}
	.footer-all .part-01 ul li.item-01-b {width: 125px;}
	.footer-all .part-01 ul li.item-03 {width: 245px;}
	.footer-all .part-01 ul li.item-02 {width: 200px;}
}


.product-list-item-list.quotation-revise .column-03 {
	text-align: right;
}

/*20160913 ec special label in product detail*/
.ec-label {
    display: inline-block;
    border: 1px solid #f63969;
    padding: 1px 4px;
    background-color: #f63969;
    color: #ffffff;
    font-size: 14px;
}

.ec-product-img {
    position: relative;
}

.oul-discount {
    border: 1px solid #e02152;
    background: #ffffff;
    color: #e02152;
}

/*20160902 EC marchant name fix*/
.oul-product-merchant .ec-merchant-logo img {width: 80px; float: left; position: absolute; top: 50%; transform: translateY(-50%); }
.offered-by{display: inline-block; height: 80px; vertical-align: middle; color:#999; width:400px; }
.ec-merchant-name{font-weight: bold; color:#333; font-size:14px;}
.offered-by p{position: absolute; top: 50%; transform: translateY(-50%); margin-left: 95px;}

/*20161005 #12879 fix yellow bubble hidden*/
.quote-shop-stat ul {overflow: visible;}
.product-listing-wrapper .product-detail-tab-content .column {overflow: visible;}
.im_popover_yellow_bubble {min-width: 180px;z-index: 2;}
.product-detail-tab-quote .product-list-item-list li .item {overflow: initial;}
.product-detail-tab-quote .product-list-item-list li .item .item-inner{overflow: initial;}

/*20160921 language switch*/
.lang-switch-dropdown{
    display: none;
    position: absolute;
    background: #ffffff;
    z-index: 140000;
    width: 110px;
    border: 1px solid #666666;
    margin-top: 6px;
}
.header-top .column .lang-switch-dropdown ul{list-style:none;padding:0;}
.lang-switch-dropdown ul li a{
    margin: 0;
    background: url(../images/icon/list_bullet_01.png) no-repeat 8px 7px;
    padding-left: 20px;
    font-size: 12px;
    line-height:21px;
    display: block;
    width: 100%;
    color: #666666;
}
.lang-switch-dropdown ul li a:hover{background: url(../images/icon/list_bullet_01.png) no-repeat 8px 7px #eee; color:#00a499 !important;}
.lang-switch-dropdown ul li a.active{background: url(../images/icon/list_bullet_02.png) no-repeat 8px 7px;color: #00a499;}
.lang-switch-dropdown ul li a.active:hover{background: url(../images/icon/list_bullet_02.png) no-repeat 8px 7px #eee;}
.lang-switch-dropdown ul li{
    display: block;
    overflow: hidden;
    height: 23px;
    background: url(../images/icon/item_rank_line.png) repeat-x 0 21px;
}
.lang-switch-dropdown ul li:last-of-type{background:none;}
.lang-switch-dropdown .arrow {
	position: absolute;
	background: #777777;
	margin-top: 0px;
	margin-left: 282px;
	z-index: 140000;
	margin-left: 25px;
}

.lang-switch-dropdown .arrow:after, .lang-switch-dropdown .arrow:before {
	bottom: 50%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.lang-switch-dropdown .arrow:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #777777;
	border-width: 10px;
	margin-left: -10px;
}
.lang-switch-dropdown .arrow:before, {
	border-color: rgba(102, 102, 102, 0);
	border-bottom-color: #666666;
	border-width: 11px;
	margin-left: -11px;
}

/*20160922*/
.hot-items-wrapper{font-size:12px;}
.hot-items-wrapper .column{margin-bottom:10px;}
@media screen and (max-width: 1224px){
.hot-items-wrapper .column-right {overflow: inherit;height: inherit;}
}

/*20160927 ec detail deposit*/
.oul-deposit {
    display: block;
    font-weight: bold;
    font-family: noto sans,notoSans;
    margin-top: -5px;
    font-size: 32px;
}

.deposit-unit {
    font-size: 14px;
    color: #77665f;
    margin-right: 3px;
}

.oul-deposit .text-price-unit, .oul-deposit .text-price-number {
    color: #ff7930;
}

.oul-deposit .text-price-number {
    margin-right: 10px;
}

.oul-buy-btn {
    position: relative;
    overflow: visible;
}

.oul-buy-btn .popover-yellow {
    margin-left: 160px;
    width: 190px;
    display: none;
}

.oul-buy-btn .popover-yellow .popover-content {
    padding: 8px 13px;
    font-size: 14px;
}

.oul-buy-btn:hover > .popover-yellow {
    display: block;
}

.buy-btn-detail a {
    cursor: pointer;
}

.buy-btn-detail.ec-deposit .btn{
    background: url("/images/icon/ec_btn_deposit_icon.png") no-repeat 35px 6px #00A499 !important;
}
.product-deposit-total{
	color: #ff7930 !important;
	font-weight: bold !important;
	font-size: 14px !important;
}
/*20161101 bugfix 12938 */
.order-info .delivery-option-container{
    display:inline-block;
}

/*20161108 ec braintree*/
.oul-wrapper .oul-content-form {background: #ffffff; border:none; box-shadow: none;}
.oul-wrapper .oul-product-item {padding: 0 0 8px 0; margin: 0 0 10px 0; border: none; border-bottom:1px solid #ccc;}
.oul-wrapper .pd-img-wrapper .product-img {height: 90px; width: 90px; border: 1px solid #dddddd; margin: 0px;}
.oul-wrapper .product-name {line-height: 22px;}
.oul-wrapper .oul-order-merchant{position: relative; margin:0px; text-align: left; font-size:14px;}
.oul-wrapper .qd-qty-plus, .testb .pd-qty, .testb .pd-qty-minus {vertical-align: top;}
.oul-wrapper .checkout-list .title, .testb .order-delivery .title {padding: 0px; color: #000000;}
.oul-wrapper .order-delivery .title {margin-left: 10px;}
.oul-wrapper .checkout-list-item {margin:0px;}
.oul-wrapper .priceamt {font-weight: bold;}
.oul-wrapper #ec_delivery_discount {font-weight: normal;}
.oul-wrapper .oul-content-form {width:820px; margin-top: 0; margin-bottom: 0;}
.oul-wrapper .order-form-left-col {width:515px; float: left; border: 1px solid #aaa; }
.oul-wrapper .order-form-right-col {width:280px; float: right;}
.oul-wrapper .checkout-list {position:relative; float: right; margin: 0px;}
.oul-wrapper .btn-block {width:100%; padding: 8px 12px;}
.oul-wrapper .delivery-option, .testb .delivery-option .recipient {border-top: none; margin-top:0;}
.oul-wrapper #receiver-address1 {margin-top: 6px;}
.oul-wrapper #pickup_address{margin:0;}
.oul-wrapper .delivery-option .delivery-courier{margin:0;}
.oul-wrapper .order-delivery{width:470px; margin-bottom: 25px;}
.oul-wrapper .delivery-selftake {margin-left:0;}
.oul-wrapper .pay-button-tips{margin:20 auto; text-align:center;}
.oul-wrapper .payment-method{margin:0}

.orderform-price-logo{vertical-align: top;}
.oul-process{
    height: 60px;
    width: 820px;
    position: relative;
    margin: 0 auto;
    text-align: left;
    margin-top: 15px;
    margin-bottom: 10px;
}
.process-step{height: 20px; width:20px;}
.process-bar{width: 200px !important;}
.oul-wrapper .order-delivery{margin-bottom:0;}
.order-payment{
    width: 470px;
    float: left;
    margin: 15px 20px;
    color: #777;
}
.oul-wrapper .order-payment .title{
    margin-left: 10px;
    font-size: 16px;
    font-weight:bold;
    color:#000;
    display: inline-block;
    margin-bottom: 10px;
}
.secure-payment{
    float: right;
    color: #aaa;
    padding-left: 20px;
    background: url(../images/secure-payment.png) left no-repeat;
    position: relative;
    cursor: help;
}
.order-payment input[type="radio"]{margin: 0 5px 0 20px;}
.order-payment input[type=radio]:checked + label{color: #00a499; font-weight: bold;}
.oul-wrapper .btn-half{
    width: 215px;
    display: inline-block;
    margin: 0;
    padding: 8px 12px;
}
.secure-payment-dsc{
    display: none;
    position: absolute;
    left: 80px;
    top: -20px;
    width: 250px;
    padding: 5px;
    background: #fff;
    z-index: 1;
    font-size: 13px;
    border: 1px solid #eee;
    border-radius: 5px;
}
.secure-payment:hover .secure-payment-dsc{display: block;}
.order-payment-iframe{padding: 0 10px;}
.order-delivery{margin: 10px 20px;}
.oul-wrapper .order-delivery .title{display: inline-block;}
.delivery-courier{padding: 0px 10px;}
.oul-wrapper .order-delivery{padding-bottom: 10px;}


.step {
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    display: block;
    width: 25px;
    height: 25px;
    margin-top: 30px;
    background-size: 100%;
}

.step:nth-child(1):before {
    content: '取貨方式';
}

.step:nth-child(2):before {
    content: '付款方式';
}

.step:nth-child(3):before {
    content: '完成交易';
}

.step:before {
    color: #2e2e2e;
    position: absolute;
    top: -25px;
    left: -16px;
    font-size: 13px;
    font-weight: bold;
    width: 55px;
}

.step:after {
    position: absolute;
    z-index: -1;
    top: 11px;
    left: 25px;
    width: 280px;
    height: 3px;
    content: '';
    background-color: #dadada;
}

.step:last-child:after {
  content: none;
}

.step.active:after {
    background-color: #e9b501;
}

.progress-bar {
    display: inline-flex;
    justify-content: space-between;
    width: 630px;
    float: none;
    background-color: #ffffff;
    margin-left: 50px;
}
.progress-bar .step { background-image:url('../images/step1on.png'); }
.progress-bar .step:nth-child(2) { background-image:url('../images/step2.png'); }
.progress-bar .step:nth-child(3) { background-image:url('../images/step3.png'); }

.pay-button {
    margin: 0 auto 10px;
    width: 450px;
    justify-content: space-between;
    display: -webkit-flex;
    -webkit-justify-content: space-around;
    display: flex;
    justify-content: space-around;
}

.order-payment a {
    color: #777;
    text-decoration: none;
    margin-left: 10px;
}

/*abtest css*/
.oul-content-form {background: #ffffff; border:none; box-shadow: none;}
.oul-product-item {padding: 0 0 8px 0; margin: 0 0 10px 0; border: none; border-bottom:1px solid #ccc;}
.pd-img-wrapper .product-img {height: 90px; width: 90px; border: 1px solid #dddddd; margin: 0px;}
.product-name {line-height: 22px;}
.oul-order-merchant{position: relative; margin:0px; text-align: left; font-size:14px;}
.qd-qty-plus, .pd-qty, .pd-qty-minus {vertical-align: top;}
.checkout-list .title, .order-delivery .title {padding: 0px; color: #000000;}
.order-delivery .title {margin-left: 10px;}
.checkout-list-item {margin:0px;}
.priceamt {font-weight: bold;}
#ec_delivery_discount {font-weight: normal;}
.oul-content-form {width:820px;}
.order-form-left-col {width:515px; float: left; border: 1px solid #aaa; }
.order-form-right-col {width:280px; float: right;}
.checkout-list {position:relative; float: right; margin: 0px;}
.delivery-option, .delivery-option .recipient {border-top: none; margin-top:0;}
.delivery-option .recipient{}
#receiver-address1 {margin-top: 6px;}
#pickup_address{margin:0;width: 380px;}
.delivery-option .delivery-courier{margin:0;}
.delivery-selftake {margin-left:0;margin-bottom: 0;}
.pay-button-tips{margin:20 auto; text-align:center;}
.payment-method{margin:0}
.delivery-option label{width: auto !important;}
.recipient label, .delivery-courier label{width: 100px !important;}
/*End of abtest css*/

.hosted-field { font-size: 16px; color: #888; width: 150px; height: 40px; background: #EEE; margin: 3px; padding: 5px; border-radius: 3px; border: 1px solid #eee; display: inline-block; }
.hosted-field: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; }
.hosted-field#card-number { width: 250px; }
.payment-method label { margin-top: 10px; margin-bottom: 0 !important; width: 100px !important; margin-right: 0; color: #777; vertical-align: top; cursor: pointer; }

#bt-dropin div {vertical-align: middle;}
#bt-dropin {margin: 10px 30px;}
.payment_step_2 label {width: 100px; color: #777;}
.payment_step_2 .title {font-size: 16px; font-weight: bold; margin-bottom: 10px;}
.payment_step_2 .title img {height: 35px; margin-left: 20px;}
.hosted-field {height: 32px;}
.payment_step_2 a {color: #777; text-decoration: none;}
.payment_step_2 a:hover {text-decoration: underline;}
.payment_step_2 .pay-button {margin: 0; width: 100%; margin-bottom: 10px;}
input#bt_save_credit_card {margin: 10px 0;}
.hosted-field#cvv + img {height: 40px;}
.pay-button button img {height: 20px; margin: 0 3px;}
.secure-payment-dsc {left: 0px; top: 25px; border: 1px solid #ccc; color: #777;}
.pay-button .btn-block + .btn-block { margin-top: 0; }
.pay-button .btn-block:nth-child(2) { margin-left: 5px; }
.oul-message-container { margin: 10px 0;  border: 1px solid #ccc; border-radius: 7px; padding: 10px 0; text-align: center; box-shadow: 0px 3px 6px -1px #ddd; }
.payment-loading{position: absolute;z-index: 201;background-color: rgba(255,255,255,.85);top: 0;bottom: 0;left: 0;right: 0;display: none;}
.payment-loading img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 80px;}
.payment-loading.loading-with-msg img {transform: translate(-40px, -90px);}
.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: 200px;height: 0px;width: 65px;}
.oul-tks-content .payment_method span {color: #333;padding-left: 10px !important;}

/*20161013 homepage product box logo*/
.column.column-01.hp-revise{padding: 0;margin-right: 0px;}

.newly-order .logo {max-height: 30px; max-width: 60px; margin: 5px 12px;}
.newly-order .merchant { text-align: left; color: #00a499; width: 190px; height: 40px; margin-top: 6px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.newly-order .tab-content .list-fav-product .item .item-inner .line-01{font-weight: normal; width:180px; top:35px; float:left; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position:absolute; padding-left: 0px; margin-left: 12px;}
.newly-order .line-img img { width: 95px; height: 95px; margin-right: 4px; margin-top: 4px; float: right; padding-bottom: 0px; }
.newly-order .profile-list-item-list li, .newly-order .list-fav-product .item .item-inner {height:105px; width:292px;}
.newly-order .tab-content{height:220px;}
.newly-order .tab-content .list-fav-product{height:210px;}
.newly-order .tab-content .list-fav-product li .item .item-inner a{text-decoration: none; width: 292px;height: auto;}
.newly-order .item .line{float:right;}
.newly-order .product-price{margin-left: 12px; width:140px; position: absolute; bottom:20px;}

@media screen and (min-width: 1225px){
.newly-order .tab-content .list-fav-product li .item .item-inner{width: 292px;}
.newly-order .home-block-02 .profile-list-item-list li .item-06{width:292px;}
.newly-order .tab-content .list-fav-product li .item{width: 292px; height: 150px;}
}

@media screen and (max-width: 1224px){
.newly-order .merchant{ text-align: left; margin-left:12px; width:112px; line-height: 35px;}
.newly-order .tab-content .list-fav-product .item .item-inner .line-01{width:112px;}
.newly-order .product-price{width:112px;}
.newly-order .logo {display: none;}
.newly-order .line-img img {margin-right: 2px;}
.newly-order .tab-content .list-fav-product li .item .item-inner a{width: 226px;}
.newly-order .tab-content .list-fav-product li .item .item-inner{width: 226px;}
.newly-order .home-block-02 .profile-list-item-list li .item-06{width:226px;}
.newly-order .tab-content .list-fav-product li .item{width: 226px;}
.newly-order .profile-list-item-list li, .list-fav-product .item .item-inner {width:225px;}
}

/*20161117 abtest exp20 */
.product-list-item-list .list-product .item .column-04{ right:3px; top:60px;}
.testb-list-btn .btn{width:150px; height:40px; font-size:16px; line-height:28px;box-shadow: 0px 3px 0 0 rgba(6,123,114,1);}

/*20161122 braintree comment*/
.hosted-field#card-number {width: 180px;}
.payment_step_2 .pay-button {margin-top: 10px;}
.oul-header {
    width: 820px;
    margin: auto;
    border: 0;
    margin-top: 15px;
    margin-bottom: 10px;
}
.oul-header img {padding: 0;height: 60px;}

/*20161130 hotfix ec header*/
.header-top .column.column-00{
	max-width: 130px;
	line-height: 27px;
	padding-right: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	float: left;
}

/*21061124 ec-guideline */
.outlet_guide_top_img img{width:100%; max-width:855px;}
.outlet_guide_top_img {text-align: center;}
.outlet_guide_steps {color:#000;}
.outlet_guide_steps li {color:#000;}
.outlet_guide_main_text .intro{font-size: 24px;line-height: 36px;}
.outlet_guide_step_odd {margin:0px; background-color: #ebebeb; width:1200px; padding:10px 0;}
.even-bg {background-color: #d6d6d6;}
.step_img_odd img{width:620px; margin-right: 100px;}
.outlet_guide_step_odd .step_number_odd .number_box_odd #circle{margin:10px 10px 10px 30px;}
.outlet_guide_steps p{text-align: left;}
.step_point{ width:480px; padding: 0px 40px 40px 70px;}
.outlet_guide_steps .outlet_guide_step_odd .step_number_odd {width:430px; margin-left: 50px;}
.outlet_guide_step_odd .step_number_odd .number_box_odd{background-color: transparent;}
.outlet_guide_step_odd .step_number_odd .number_box_odd #circle{background: #ffc821;}
.outlet_guide_step_odd .step_number_odd .number_box_odd #circle h2#outlet_step_num, .outlet_guide_step_odd .step_number_odd .number_box_odd p.number {color:#000; font-size: 24px; font-weight: normal;}
.outlet_guide_steps .outlet_guide_step_odd .step_number_odd{margin-top:10px;}
.ec-go .btn{font-size: 28px; padding:10px 40px;}
.ec-go {text-align: center; padding:50px 0;}


.oul-tks-content .transaction-status-green{color:#00A499; font-size: 1em;}
.oul-tks-content .transaction-status-red{color:#f13200; font-size: 1em;}
.oul-tks-content .transaction-status-gray{color:#aaaaaa; font-size: 1em;}

/*#14158 CK editor update */
.news-img-wrapper img{max-width:100%;}

/*#14261 thank you page and order form*/
.outlet-notice-box-wrapper {width: 820px;}
.outlet-notice-container {
    border-radius: 0;
    box-shadow: none;
    border: 0;
    background-color: #eeeeee;
    font-size: 14px;
    padding: 20px;
    margin: 0;
}
.outlet-notice-container .message {font-size: 14px;}
.oul-tks-content {
    width: 820px;
    box-shadow: none;
    background-color: #ffffff;
    margin-bottom: 0;
    border: 1px solid #aaa;
}
.oul-wrapper .oul-tks-content .oul-product-item {
    padding: 0 0 20px 0;
    border: 0;
    width: 460px;
    float: left;
    margin: 10px 0 0 20px;
    border-bottom: 1px solid #ccc;
}
.oul-tks-content .oul-product-item .pd-img-wrapper {width: 100px;}
.oul-wrapper .oul-tks-content .oul-product-item .product-img {margin:0;}
.oul-tks-content .product-name {margin: 0;}
.oul-tks-content .transaction_id {
    text-align: left;
    margin: 20px 0 0 20px;
    font-weight: bold;
    color: #111;
    font-size: 1.1em;
    width: 460px;
    display: inline-block;
}
.oul-tks-content .buyer-detail-title, .oul-tks-content .ordered-detail .title, .oul-tks-content .payment-list .title, .refund-datail .title {color: #111; margin-bottom: 5px; padding: 0 0 5px 0; font-size: 1.1em; font-weight: bold;}
.oul-tks-content .order-info-content, .payment-list, .order-info {border: 0; /*display: initial;*/}
.oul-tks-content .buyer-detail {padding: 0; margin-bottom: 15px;}
.oul-tks-content .ordered-detail {border-top: 0; padding: 0; margin-bottom: 15px;}
.oul-tks-content .order-info-content {width: 460px; padding: 20px 0 0 0;}
.oul-tks-content .tks_footer {clear: both;}
.oul-tks-content .payment-list {
    margin: 20px;
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 0;
}
.return-listing {
    display: block;
    width: 350px;
    border: 2px solid #00a499;
    text-align: center;
    padding: 8px;
    margin: auto;
}
.tks_footer {text-align: center;}
.tks_footer #save {font-size: 15px; color: #00a499; line-height: 50px;}
.outlet-notice-container .message { padding: 0 0 10px 0;}
.fieldname-grey {color: #ccc;}
.buyer-name, .buyer-contact, .buyer-email, .ordered-detail, .order-date, .payment_method, .selected-delivery-option, .take-address, .order-start-date, .selected-delivery-address-title, .refund-date, .refund-info { padding: 0; color: #ccc;}
.oul-tks-content .buyer-email-title {color: #ccc;}
/*.order-info-content .ordered-detail span.field-title {color: #ccc; padding: 0; margin: 0; position: absolute;}
.oul-tks-content .ordered-detail span.field-content { display: inline-block; margin-left: 65px; padding: 0;}*/
.oul-tks-content .selected-delivery-address-title {color: #ccc;}
.pd-detail .fieldname-grey { color: #ccc; position: absolute;}
.pd-detail .fieldcontent, .transaction-status-red {margin-left: 70px; display: block; width: 265px;}
.payment-list .remark-title { color: #111; margin-bottom: 10px; font-weight: bold; font-size: 1.1em; display: block;}
.payment-list .remark-content { word-break: break-all; color: #111;}
.return-listing:hover { background-color: #008a82; color: #fff; text-decoration: none;}
.transaction_id_title {padding-right: 10px;}
.oul-tks-content .totalprice {padding: 0; margin-bottom: 20px;}

.secure-tnc {
    color: #aaa;
    background-image: url(../images/secure-payment.png);
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: top left;
    margin: 10px 0;
    font-size: 13px;
}
.payment_step_2 a {color: #00a499;}

.oul-tks-content .transaction_img img {height: auto; width: 100%;}
.payment-list .remark-title {margin-top: 20px;}
.oul-tks-content {display: flex; flex-direction: row-reverse;}
.oul-tks-content .transaction_id, .oul-wrapper .oul-tks-content .oul-product-item, .oul-wrapper .oul-tks-content .order-info {width: 480px;}
.oul-wrapper .oul-tks-content .order-info {float: left; padding-bottom: 20px;}
.oul-tks-content .payment-list > div { width: 240px;}

.oul-tks-content .product-name {width: 335px;}
.oul-tks-content .ordered-detail .delivery-contact span:first-child {float: left; color: #ccc; padding-left: 0;}
.oul-tks-content .ordered-detail .delivery-contact span:nth-child(2) {display: block; word-break: break-word; margin-left: 65px; padding-left: 0;}
.oul-tks-content .delivery-contact { clear: both;}

/* 14391 my outlet history delivery tracking code*/
.profile-wrapper .list-outlet-record .column-01 {width: 95px;}
.profile-wrapper .list-outlet-record .column-05 {width: 130px;}
.profile-wrapper .list-outlet-record .column-03 {width: 100px;}
.profile-wrapper .list-outlet-record .column-02 {width: 155px;}
.profile-wrapper .list-outlet-record .column-04 {width: 105px;}
span.purchase-record-date {width: 114px; word-break: break-all;}

@media screen and (min-width: 1225px) {
	.profile-wrapper .list-outlet-record .column-05 {width: 180px;}
	.profile-wrapper .list-outlet-record .column-04 {width: 90px;}
	.profile-wrapper .list-outlet-record .column-01 {width: 185px;}
	.profile-wrapper .list-outlet-record .column-02 {width: 205px;}
	.profile-wrapper .list-outlet-record .column-03 {width: 120px;}
	span.purchase-record-date {width: 165px;}
}
/*hotfix 2017-02 announ font too small*/
.header-top .column .annuncement-box ul li a{font-size:13px;}

 /* 14736 branded product page */
.buy_popover-charity.affiliate-banner{
	top: 15px;
}

/*20170123 ec product option */
.product-option select {
    color: #111;
    display: inline-block;
    margin: 0 0 10px 10px;
    width: 80%;
    width: calc(100% - 70px);
}

/* error 410 page */
.error-410-wrapper{text-align: center;padding: 50px 0 0;}
.error-410-wrapper p{font-size: 18px;color: #545454;}
.error-410-wrapper a.btn:nth-of-type(2){margin-left: 10px;}

/*15003 404 page css 20170220*/
#page-not-found-error-box{width:800px;}
#page-not-found-error-box .error-text-box{width:620px;}
#page-not-found-error-box a{color:00a499;}
.error-text-box ol li ul.list-unstyled li a{color:#00a499;}

#static-view-referral .merchantRatingArea ul li{width:194px;}
#static-view-referral .nav.nav-tabs{text-align:center;}
#static-view-referral .nav li {
    float: none;
	display: inline-block;
}

/*20170123 ec product option */
.product-option select {
    color: #111;
    display: inline-block;
    margin: 0 0 10px 10px;
    width: 80%;
    width: calc(100% - 70px);
}

/*20170302 quotation merchant*/
.product-listing-wrapper .product-detail-tab-content .column-01{width: 210px;}
.product-listing-wrapper .product-detail-tab-content .column-02{width: 396px;}
.quotation-merchant-container p{margin: 0;}
.quotation-merchant-container p.quotation-merchant-name{
    font-size: 15px;
    font-weight: bold;
    color: #111;
    line-height: 16px;
    margin-bottom: 5px;
}
.quotation-merchant-container p.quotation-merchant-name a{
    color: #111;
}
span.quotation-merchant-level{
    color: #8e8e93;
    font-size: 13px;
}
a.quotation-merchant-im{
    color: #fff;
    font-size: 11px;
    line-height: 18px;
    padding: 0 12px 0 5px;
    height: 18px;
    display: inline-block;
    border-radius: 3px;
    text-decoration: none;
    cursor: pointer;
    margin-left: 10px;
}

a.quotation-merchant-im.online{
background: url(../images/quotation-merchant-im-arrow.png) center right no-repeat #00a499;}
a.quotation-merchant-im.away{
background: url(../images/quotation-merchant-im-arrow.png) center right no-repeat #edab18;}
a.quotation-merchant-im.offline{
background: url(../images/quotation-merchant-im-arrow.png) center right no-repeat #8e8e93;}
a.quotation-merchant-im.online:hover{
background: url(../images/quotation-merchant-im-arrow.png) center right no-repeat #008a82;}
a.quotation-merchant-im.away:hover{
background: url(../images/quotation-merchant-im-arrow.png) center right no-repeat #dd9505;}
a.quotation-merchant-im.offline:hover{
background: url(../images/quotation-merchant-im-arrow.png) center right no-repeat #78787a;}
p.quotation-merchant-address{
    line-height: 15px;
    margin: 5px 0;
}
p.quotation-merchant-address a{
    line-height: 18px;
    margin: 5px 0 5px;
    font-size: 13px;
    color: #00a499;
}
p.quotation-merchant-address a.quotation-merchant-address-branch{
    margin-left: 5px;
}
.quotation-merchant-spec{
    border-top: 1px solid #ededed;
    padding: 5px 0;
}
.quotation-merchant-spec-month{
    float: left;
    width: 66px;
}
.quotation-merchant-spec-total{
    float: left;
    width: 66px;
    border-left: 1px solid #ededed;
    padding-left: 5px;
    border-right: 1px solid #ededed;
}
.quotation-merchant-spec-rating{
    float: left;
    width: 67px;
    padding-left: 5px;
}
.quotation-merchant-spec-rating img{margin-top: -2px;}
.quotation-merchant-spec div p:first-child{
    font-size: 12px;
    color: #8e8e93;
}
.quotation-merchant-spec-rating:hover{
    background: #f6f6f6;
    border-radius: 5px;
    cursor: pointer;
}
.quotation-merchant-label{margin-top: 5px;}
.quotation-merchant-im:hover .im_popover_yellow{display: block;}
.im_popover_yellow_bubble{
    top: -19px;
    right:-38px;
}
@media screen and (max-width: 1225px){.product-listing-wrapper .product-detail-tab-content .column-02{width: 239px;}}

/*20170302 merchant detail*/
.merchant-detail-wrapper{
    margin: 15px 0 25px;
}
.merchant-detail-logo{
    width: 200px;
    height: 100px;
    border: 1px solid #dddddd;
}
.merchant-detail-name{
    font-size: 18px;
    font-weight: bold;
    margin: 5px;
    text-align: center;
    width: 190px;
}
.merchant-detail-label{
    width: 200px;
    text-align: center;
    margin: 0 0 15px;
}
.merchant-detail-bookmark{
    font-size: 12px;
    border: 1px solid #bbbbbb;
    color: #888888;
    padding-left: 25px;
    min-width: 98px;
    display: block;
    padding: 3px 10px 3px 25px;
    height: 34px;
    line-height: 25px;
    background: url(../images/icon/item_function_02.png) no-repeat 6px 6px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
    border-radius: 4px;
}
.merchant-detail-bookmark:hover, .merchant-detail-bookmark.active{
    background: url(../images/icon/item_function_02_hover.png) no-repeat 6px 6px;    color: #00a499!important;
    border: 1px solid #00a499;
}
.merchant-detail-bookmark a{
    color: #00a499;
	text-decoration: none;
}
.merchant-detail-left{
    float: left;
    text-align: center;
    width: 200px;
}
.merchant-detail-right{
    width: 650px;
    float: right;
}
.merchant-detail-spec-container{
    border-bottom: 1px solid #ededed;
    padding-bottom: 20px;
    margin-top: 10px;
}
.merchant-detail-spec-container p{
    margin: 0;
    font-size: 14px;
    line-height: 22px;
}
.merchant-detail-level{float: left; width: 200px;}
.merchant-detail-level p:last-child{
    color: #8e8e93;
    font-size: 13px;
}
.merchant-detail-level p span{color: #111;}
.merchant-detail-rating{
    float: left;
    margin: 0 20px;
    padding: 0 20px;
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
    width: 200px;
}
.merchant-detail-rating p{
    color: #8e8e93;
    font-size: 13px;
    margin-top: 2px;
}
.merchant-detail-rating p span{color: #111;}
.merchant-detail-im{
    float: left;
}
.merchant-detail-im p img{margin-right: 5px;}
.merchant-detail-im p:last-child{
    font-size: 13px;
    color: #8e8e93;
    margin-top: 2px;
}
.merchant-detail-info-container{margin-top: 20px;}
.merchant-detail-info-container p{
    margin: 0;
    display: inline-block;
}
.merchant-detail-info-container div p:last-child{
    padding-left: 80px;
    margin-bottom: 15px;
}
.merchant-detail-info-container div p:first-child{
    color: #8e8e93;
    position: absolute;
}
.merchant-detail-merchanttype{
    width: 240px;
    display: inline-block;
    float: left;
}
.merchant-detail-openhour{
    display: inline-block;
    width: 400px;
    float: left;
}
.merchant-detail-contact{
    width: 240px;
    display: inline-block;
    float: left;
}
.merchant-detail-wechat{
    display: inline-block;
    width: 400px;
    float: left;
}
.merchant-detail-email, .merchant-detail-website, .merchant-detail-address, .merchant-detail-intro{
    float: left;
    width: 100%;
}
@media screen and (max-width: 1225px){
.merchant-detail-right{width: 450px;}
    .merchant-detail-level p:last-child{font-size: 12px;}
    .merchant-detail-rating p{font-size: 12px;}
    .merchant-detail-im p:last-child{font-size: 12px;}
    .merchant-detail-level{width: 175px;}
    .merchant-detail-rating{width: 120px;padding: 0 5px; margin: 0 5px;}
    .merchant-detail-merchanttype{width: 200px;}
    .merchant-detail-contact{width: 200px;}
    .merchant-detail-openhour{width: 250px;}
    .merchant-detail-wechat{width: 250px;}
}
.merchant-detail-info-container a{color: #00a499;}

.merchant-label-monthlystar{position: relative;display: inline-block;}
.merchant-label-monthlystar:hover .label_popover_yellow{display: block;}
.label_popover_yellow .im_popover_yellow_bubble{
    top: -21px;
    right: -72px;
    min-height: inherit;
    min-width: 140px;
}

/*20170302 bookmark*/
.my-bookmark-content-wrapper{
    min-height: 700px;
}
.my-bookmark-empty{
    text-align: center;
    padding-top: 100px;
}

.my-bookmark-empty p{margin: 0; font-size: 15px; color: #8e8e93;}
p.my-bookmark-empty-hl{
    color: #00a499;
    margin: 10px 0 0px 0;
    font-size: 18px;
    font-weight: bold;
}
.my-bookmark-empty a{
    height: 36px;
    width: 160px;
    background: #00a499;
    color: #ffffff;
    display: block;
    margin: 0 auto;
    line-height: 36px;
    border-radius: 4px;
    font-size: 15px;
    margin-top: 10px;
    text-decoration: none;
}
.my-bookmark-empty a:hover{
    background: #008a82;
}
.my-bookmark-content-ec .ec-product-container {
    width: 25%;
    height: 230px;
    display: block;
    float: left;
    padding: 0 20px 20px 20px;
    border: 1px solid #eee;
    border-left: 0;
    margin-top: -1px;
    position: relative;
}
.my-bookmark-content-ec .ec-product-img{text-align: center;}
.my-bookmark-content-ec .ec-product-img img {
    width: 150px;
    height: 150px;
    margin-top: 5px;
}
.my-bookmark-content-ec .ec-product-container .ec-label {
    display: block;
    border: 1px solid #f63969;
    padding: 1px 4px;
    background-color: #f63969;
    color: #ffffff;
    position: absolute;
    bottom: 0;
    font-size: 13px;
}
.my-bookmark-content-ec .ec-product-title{
    overflow : hidden;
    text-overflow : ellipsis;
    white-space : nowrap;
    color: #111111;
    font-size: 14px;
    font-weight: bold;
}
.my-bookmark-content-ec .ec-product-price {
    color: #e02152;
    font-size: 24px;
    line-height: 22px;
    margin: 0;
    font-weight: bold;
    height: 22px;
    display: inline-block;
}
.my-bookmark-content-ec .ec-product-price span {
    font-size: 14px;
    margin-right: 2px;
}
.my-bookmark-content-ec .ec-product-price span.text-price-number {
    font-size: 18px;
}
.my-bookmark-content-ec .ec-product-original-price {
    font-size: 12px;
    color: #8e8e93;
    margin: 0;
    text-decoration: line-through;
    display: inline-block;
}
.my-bookmark-content-ec .ec-product-container .line-select{
    position: absolute;
    margin-top: 200px;
    margin-left: 170px;
}
.my-bookmark-content-ec a{display: block;}
.my-bookmark-content-ec a:hover .ec-product-title{color: #00a499;}
.my-bookmark-content-ec a:hover .ec-product-img img{opacity: 0.9;}
.ec-product-title a{text-decoration: none;}
.ec-product-title a:hover{color: #00a499;}
.my-bookmark-content-ec a:nth-child(4n) .ec-product-container{border-right: 0;}
@media screen and (max-width: 1224px){
    .my-bookmark-content-ec .ec-product-container {
        width: 33.33%;
    }
    .my-bookmark-content-ec a:nth-child(3n) .ec-product-container{border-right: 0;}
    .my-bookmark-content-ec a:nth-child(4n) .ec-product-container{border-right:1px solid #ebebeb}

}
.my-bookmark-content-ec a:last-child .ec-product-container{border-right: 1px solid #ebebeb;}


.page-view-body .body-profile .profile-wrapper .column-02 .profile-list-item-list li:last-child{border-right: 1px solid #ebebeb;}
.profile-wrapper .profile-list .profile-list-fucntion-bar{border-left: 0;}
.my-bookmark-ec-product-expired{
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 1;
    background: #8e8e93;
    border-radius: 2px;
    color: #fff;
    font-size: 13px;
    padding: 2px 4px;
}
.ec-product-container .my-bookmark-2ndhand-img{text-align: center;}
.ec-product-container .my-bookmark-2ndhand-img img{
    width: 150px;
    height: 150px;
    margin: 15px auto 0;
}
.my-bookmark-2ndhand-name{
        overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #111111;
    font-size: 14px;
    margin: 5px 0 0 0;
    font-weight: bold;
}
.my-bookmark-2ndhan-price .product-price{color: #00a499;text-align:center;}
.my-bookmark-content-ec a:hover .my-bookmark-2ndhand-img{opacity: 0.8;}
.my-bookmark-content-ec a:hover .my-bookmark-2ndhand-name{color: #00a499;}
.my-bookmark-content-wrapper .ec-deposit {
    font-size: 16px;
    line-height: 26px;
    margin: 0;
    font-weight: bold;
    display: inline-block;
    color: #ff7930;
    margin-top: 0;
    height: 22px;
}
.my-bookmark-content-wrapper .deposit-original-price {
    font-size: 14px;
    margin: 0;
    display: inline-block;
    color: #ff7930;
    font-weight: bold;
}
.my-bookmark-content-wrapper .ec-product-remains{
    color: #8e8e93;
    font-size: 13px;
	display: inline-block;
}

/*20170316 #15377 product review new flow*/
.product-rating-normal, .product-rating-normal a{max-width:155px; color:#aaa; text-decoration: none;}
.product-rating-normal a:hover{color:#000;}
.product-rating img{margin-right: 8px;}
.product-rating.product-rating-empty {color:#00a499 !important; border-bottom: none !important;}
.product-rating.empty:hover {color:#ffc821 !important;}
.list-product-list .product-rating {color:#aaa; font-size: 12px;}
.list-product-list .product-rating img{margin-right: 8px; margin-top:-1px;}
.page-product .empty{text-align: center;}
.page-product .empty p{text-align: center; margin: 0 auto; color: #666666; font-size: 14px; line-height: 22px; margin-bottom: 80px;}
.page-product .empty img{text-align: center; margin:40px 40px 20px 40px; }
.function-comment.write .btn{padding-left:30px; background:url("/images/icon/item_function_03_white.png") no-repeat 6px 6px #00a499;}

.comment-user-name{float: left; color: #000; text-align: left; margin-top: 8px; width:calc(100% - 63px); height: 44px;}
.comment-user-img img{width: 50px; height: 50px; margin:0 5px; float: left;}
.comment-user-rating{float: left; /*margin-left: 8px;*/ font-size: 12px; padding-top: 0px;}
.comment-user-rating img{width: 100px; margin: 5px; margin-top: -1px;}
.comment-user-content {margin-top:15px;}
.comment-more a{color: #00a499; text-decoration: none; }
.comment-user-function div.comment-user-action{float: left;}
.comment-user-action a{margin-right: 10px; color: #000; text-decoration: none;}
.comment-user-action img{margin-right:8px; margin-top: -2px; }
.comment-user-date{float: right !important; color:#aaa;}
.product-listing-wrapper .product-detail-tab-content .product-detail-tab-comment .product-list-item-list li .btn-yes{padding: 0px;}
.product-listing-wrapper .product-detail-tab-content .product-detail-tab-comment .product-list-item-list .column-02{padding-bottom: 0px;}

.chart-wrap {
	max-width: 900px;
	margin: 0 auto;
	border: 1px solid #eeeeee;
	background-color: #fff;
}
.chart-wrap .chart{
	margin: auto;
}
.chart-wrap .chart-title {
	margin-bottom: 10px;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
}
.chart-wrap .row {
	position: relative;
	height: 10px;
	margin-bottom: 9px;
	width: 120px;
	margin-left: 0px;
	left: 25px;
}
.chart-wrap .bar-wrap {
	position: relative;
	background: #eee;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.chart-wrap .bar-wrap .bar {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background: #ffc821;
	transition: all 1s;
	transform: translateX(-100%);
}
.chart-wrap .bar-wrap .bar.in {
	transform: translateX(0%);
}
.chart-wrap .row .bar {
	transition: 1s 400ms;
}
.chart-wrap .label {
	position: absolute;
	width: 150px;
	font-size: 12px;
	line-height: 26px;
	text-transform: uppercase;
	color:#000;
	z-index: 1;
	background-color: transparent;
	top: -10px;
	left: -28px;
	font-weight: normal;
	text-align: initial;
	padding: 0;
}
.chart-wrap .label img{width:12px; height: 12px; margin-top: -1px;}
.product-rating{margin-right: 5px;}
.product-rating-popover, .product-prop-popover{background-color: #eee; border-color: #d2d2d2; padding:8px;}
.product-rating-popover .arrow:before, .product-prop-popover .arrow:before{border-bottom-color:#d2d2d2;margin-top: -8px; }
.product-rating-popover .arrow:after, .product-prop-popover .arrow:after{border-bottom-color:#eee;}
.product-rating-popover .arrow, .product-prop-popover .arrow{margin-top: -8px; /*margin-left:66px;*/}
.product-rating-popover{width:230px;}
.product-rating-popover .chart-wrap{width:165px; border-radius: 6px; padding:14px 10px 6px 10px; margin-right: 0px;}
.comment-average{display: flex; float: left; text-align: center; width:40px; line-height:18px; justify-content: center;flex-direction: column;height: 115px;}
.comment-average-label{/*border-bottom: 1px #aaa solid; */padding-bottom: 7px; font-weight: normal; margin-bottom: 0px;}
.comment-total{font-size: 13px;}
.comment-average-mark {font-size:20px;font-weight: bold;}
.comment-average-count{border-top: 1px #aaa solid;padding-top: 7px;}

.no-background{background-color: transparent !important;background: transparent !important;margin: 0;padding: 0;border: 0;}
.register-error-msg-inline{color:#da4453;font-size: 13px;margin: 0px 0 5px 0; }

.text-price-unit{margin-right: 2px;}
.profile-wrapper .list-fav-product .item .item-inner .line-03 .product-price{vertical-align: middle; display: inline-flex; align-items: baseline;}
.profile-wrapper .list-fav-product .item .item-inner .line-03 .prouct-prop{vertical-align: middle; display: inline-flex; margin-left: 3px;}
.profile-wrapper .list-purchase-record ul.list-inline .item .column span.product-price-original span.text-price-unit{font-size: 13px;margin-right: 1px;}
.profile-wrapper .list-purchase-record ul.list-inline .item .column span.product-price-original span.text-price-number{font-size: 16px;}
.my-bookmark-content-ec .ec-product-price span{margin-right: 1px;}
.product-detail-info .product-price .text-price-unit{margin-right: 2px;}
.quote-price-normal .product-price .text-price-unit{margin-right: 2px;}

/*20170510 ec tnc*/
.ec-input-tnc{margin: 5px 0 0 117px !important;color:#777;}
.ec-input-tnc input[type=checkbox] {display: none;}
.ec-input-tnc input[type="checkbox"] + label span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: -2px 0 0 0;
    vertical-align: middle;
    background: url(../images/ec/checkbox.png) center no-repeat;
    cursor: pointer;
}
.ec-input-tnc input[type="checkbox"]:checked + label span {
    background: url(../images/ec/checked.png) center no-repeat;
}
.ec-input-tnc a{color:#777;text-decoration: underline;}
.ec-input-tnc .ec-tnc-content{display:inline-block;width: 270px;}

/*20170522 im popover bubble*/
.im_popover_yellow_bubble{
    line-height: 18px;
    max-width: 300px;
}
.im_popover_imhour{
    border-bottom: 1px solid #f1cf80;
    margin-bottom:2px;
    padding-bottom: 2px;
}
.im_popover_imhour p, .im_popover_replyrate p{color: #b29456;}
.im_popover_imhour span, .im_popover_replyrate p span{color: #8a6d3b;}
.im_popover_replyrate_icon{
    padding-left: 28px;
    background: url("../images/im_popover_replyrate_icon.png") left center no-repeat;
}

.product-list-static-page a { color: #00a499;}

.merchant-detail-tab-content .product-list-filter-bar .unit-filter .btn-group input[type='text']{
	width:100%;
	outline: none;
    border: 0;
    border-radius: 0px;
    border-bottom-style: solid;
    border-color: #ababab;
    border-bottom-width: 1px;
}
.merchant-detail-tab-content .product-list-filter-bar .unit-filter .btn-small{margin-top:25px;}

/*20170511 merchant comment*/
.merchant-comment-wrapper .list-inline{margin: 0;}
.merchant-comment-wrapper .list-inline > li{padding: 10px 0px 10px 5px;font-size: 13px;}
.merchant-comment-wrapper .merchant-comment-user{
    width: 125px;
    margin-right: 15px;
    float: left;
}
.merchant-comment-wrapper .comment-user-img img{
    width: 50px;
    height: 50px;
    margin: 0 5px;
    float: left;
}
.merchant-comment-wrapper .comment-user-name {
    color: #111;
    padding-top: 5px;
    padding-right: 10px;
    word-break: break-all;
    margin-top: 0px;
    width: inherit;
    height: inherit;
    float: inherit;

}
.merchant-comment-content{
    width: 470px;
    float: left;
    margin-right: 30px;
}
.merchant-comment-content .comment-user-detail{width: 470px;color: #111;}
.merchant-comment-content .comment-product, .merchant-comment-content .comment-product a{
    color: #00a499;
    overflow: hidden;
    text-overflow: ellipsis;
}
.merchant-comment-content .comment-user-rating{
    font-size: 13px;
    padding: 5px 0;
    color: #8e8e93;
}
.merchant-comment-content .comment-user-rating img{margin: -1px 5px 5px;width: initial;}
.merchant-comment-content .comment-user-action a {
    margin-right: 10px;
    color: #000;
    text-decoration: none;
    font-size:12px;
}
.merchant-comment-content .comment-user-action img {margin-right: 8px;margin-top: -2px;}
.merchant-comment-question{width: 100px;float: left;}
.merchant-comment-question p:first-child{color: #8e8e93;margin: 0;}
.merchant-comment-question p:last-child{margin: 5px 0;}
.merchant-comment-date{
    float: right;
    width: 110px;
    color: #8e8e93;
    text-align: right;
}
@media screen and (max-width: 1225px){
    .merchant-comment-content{width: 280px;}
    .merchant-comment-content .comment-user-detail{width: 520px;}
}

.comment-user-action{float:left;}

/*20170703 ec coupon*/
.order-form-right-col .checkout-list .field.totalprice{padding: 5px 0;}
.delivery-option input[type="text"]::-webkit-input-placeholder {color: #aaa;}
.delivery-option input[type="text"]::-moz-placeholder {color: #aaa;}
.delivery-option input[type="text"]:-ms-input-placeholder {color: #aaa;}
.recipient label, .delivery-courier label{margin-top: 5px; line-height: 15px;}
.ec-coupon-input-container{position: relative; height: 38px;}
.ec-coupon-input-container .input-check-tick {
    display: none;
    position: absolute;
    right: 0px;
    top: 9px;
    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: 0px;
    top: 9px;
    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;
}
.delivery-option .ec-coupon-input-container input[type="text"]{width: 210px !important;}
.delivery-option .ec-coupon-input-container{margin: 0 10px;}
.delivery-option .ec-coupon-input-container label{
    width: 100px !important;
    margin-top: 4px;
    line-height: 15px;
    float: left;
}
.coupon-input-field{
    position: relative;
    display: inline-block;
    width: 210px;
    float: left;
    opacity: 0;
    transition: 0.2s;
}
.coupon-input-field-on{
    opacity: 1;
    transition: 0.2s;
}
.coupon-switch{
    width: 56px;
    height: 28px;
    border-radius: 28px;
    background: #eee;
    display: inline-block;
    margin: 5px 5px 0 5px;
    float: left;
    position: relative;
    cursor: pointer;
}
.coupon-switch-on{
    background: #00a499;
}
.coupon-switch-on .coupon-switch-btn{
    left: 29px;
    transition: 0.2s;
}
.coupon-switch .coupon-switch-label-yes{
    line-height: 28px;
    margin: 0 5px 0 10px;
    color: #fff;
}
.coupon-switch .coupon-switch-label-no{
    line-height: 28px;
    margin: 0 5px 0 0;
    color: #888;
}
.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;
}

.ec-coupon-infomsg,
.ec-coupon-errormsg{
    width: 100%;
    float: left;
    margin: 0 0 0 108px;
    font-size: 12px;
    color: #f13200;
    font-weight: bold;
}

.ec-coupon-infomsg {
    width: inherit;
}

.quote-price-normal a,.quote-price-normal a:hover, .quote-price-normal a:focus{color: transparent;text-decoration: none;}

/* the club project */
.club-price-wrapper {overflow: visible;}
.club-price-wrapper .club-price, .club-price-wrapper .club-unit {color: #094e8c; font-weight: bold;}
.club-price-wrapper .product-price {color: #e02152;}
.club-or {color: #222; font-size: 12px; font-weight: normal;}
.club-title {color: #8e8e93; font-size: 10px; font-weight: normal;}
.club-remark {margin: 5px 0 10px; font-size: 11px; color: #333; overflow: visible;}
.club-remark a {color: #00a499;}

.club-price-wrapper:hover {text-decoration: none;}
a.club-price-wrapper:focus {text-decoration: none; }
.club-price-wrapper:hover .club-price, .club-price-wrapper:hover .club-unit {color: #146197;}
.club-price-wrapper:hover .product-price {color: #c91547;}
.club-price-wrapper:hover .club-title {color: #555;}
.list-fav-product .item a:hover .club-price, .list-fav-product .item a:hover .club-unit {color: #146197;}
.list-fav-product .item a:hover .product-price {color: #c91547;}

.tab-content.club-list-grid .item .item-inner .line-01 {/* height: 39px; */ line-height: 1.3;margin-top: 5px;}
.tab-content.club-list-grid .item .item-inner .line-02 {margin-bottom: 5px;}
.tab-content.club-list-grid .item .item-inner .line-img img {max-height: 150px; max-width: 150px;}
.home-list-block-02 .product-list-banner img {width: 100%;}
.product-list-item-list .list-product .grid-2.club-list-grid .item .column-03 {height: 50px;}
.product-list-item-list .list-product .grid-2 .item .column-03 .product-list-price {font-size: 13px;}
.product-list-item-list .list-product .grid-2 .item .column-03 {height: 95px;}
.grid-2.list-product-list.club-list-grid .column-03 {text-align: center;}
.listing-grid-price-range .text-price-unit {font-weight: bold;}
.text-price-unit-to {color: #e02152; font-weight: bold;}
.product-list-item-list .list-product .grid-2 .item .column-02 .line-01 .product-label {top:117px;}
.club-list-grid .club-price, .club-list-grid .product-price .text-price-number {font-size: 15px!important; padding:0!important;}
.club-list-grid.search-product-list .club-unit, .club-list-grid .text-price-unit {font-size: 10.5px;}
.club-list-grid .club-unit, .club-list-grid .text-price-unit {font-size: 12px;}
/* .club-list-grid.price-range.club-price-wrapper {margin-top: 3px;} */
.club-list-grid sub {vertical-align: top;}
.club-list-row .club-price, .club-list-row .product-price .text-price-number {font-size: 20px;}
.club-list-row .product-price {color: #e02152; padding: 0;}
.club-list-row .club-price-wrapper .club-unit, .club-list-row .club-price-wrapper .text-price-unit {font-size: 14px;}
.club-list-row .club-title {font-size: 12px;display: inline-block;height: 14px;vertical-align: bottom;}
.club-list-row .club-price-wrapper {margin-right: 3px;}
.club-list-row .club-price-wrapper + .product-list-price {margin-top: 15px;}
.product-detail-info .club-price-wrapper .club-price, .product-detail-info .club-price-wrapper .product-price .text-price-number {font-size: 24px;}
.product-detail-info .club-price-wrapper .club-unit, .product-detail-info .club-price-wrapper .product-price .text-price-unit {font-size: 17px; margin-right: 0;}
.product-detail-info .club-price-wrapper .club-title {font-size: 12px;}

.line-ad ~ .line-02 {width: 285px;}
.product-col-info .line-ad {overflow:initial;float:right;}
.product-col-info .line-ad>div{margin-left:10px;}
.club-price-wrapper .text-price-number {padding: 0!important;}
.club-price-wrapper .product-price .text-price-unit {margin-right: 0;}
.club-list-grid .club-price-wrapper .product-prop img {padding-left: 0px;}
.body-product-list .product-list-item-list .list-product .item.club-list-row .club-price-wrapper .product-prop img {padding: 0;margin-top: -7px;}
.body-product-list .product-list-item-list .list-product .grid-2.club-list-grid .club-price-wrapper .product-prop img {padding: 0;margin-top: -5px;margin-left: -3px;width: 17px;}
.body-product-list .product-list-item-list .list-product .grid-2 .item .column-03 .club-price-wrapper .product-prop img {margin-left: -4px;}
.product-list-item-list .list-product .grid-2 .item .product-prop img {vertical-align: bottom;}

.product-list-item-list .list-product .grid-2 .item .column-03 {height: 95px;}
/* .product-list-item-list .list-product .grid-2 .club-title {display: block;} */
@media screen and (min-width: 1225px) {
    .product-list-item-list .list-product .grid-2 .item .column-03 {height: 90px;}
    .product-list-item-list .list-product .grid-2 .club-title {display: inline-block;}
    .product-list-item-list .list-product .grid-2 .item .column-02 .line-01 .product-label {top:120px;}
    .line-ad ~ .line-02 {width: 485px;}
}

/*product listing referral button position static*/
.product-list-item-list .list-product .item .column-04.testb-list-btn {
    position: static;
    /* box-shadow: 0px 3px 0 0 rgba(6, 123, 114, 1); */
    border-radius: 3px;
    float: right;
    margin-top: 10px;
}

.product-col-info .product-price .text-price-unit-to {margin: 0 2px;}
.product-list-item-list.quotation-revise li .item .column-03 .price-refer-btn .refer-btn-detail span, .product-list-item-list.quotation-revise li .item .column-03 .price-refer-btn .refer-btn-im {padding: 7px 0 3px;}

/*20170615 #16670 search enhancement */
.search-box .part-01 {width: 0;}
.search-box .part-02 {width: 433px;}
.search-wrapper .form-control{
    height: 34px;
    font-size: 14px;
	border-color: #fff;
	border-radius: 2px;
	color: #999;
}
.search-wrapper .form-control::-moz-placeholder,
.search-wrapper .form-control:-ms-input-placeholder,
.search-wrapper .form-control::-webkit-input-placeholder {
	color: #999;
}
.search-wrapper .form-control::-moz-placeholder {
	opacity: 1;
}
.keyword-search-box {width: 431px; margin-top: 0;}

.product-list-item-list .list-ec-product .item { padding: 20px 0;display: block;width: 100%;border-bottom: 1px solid #eaeaea;}
.product-list-item-list .list-ec-product .item .column-02 { min-height: 150px; /* padding-bottom: 30px; */}
.product-list-item-list .list-ec-product .column-02 .line-03 { padding-top: 5px;}
/* .product-list-item-list .list-ec-product .column-02 .line-03 .item-info { min-height: 40px;} */
.product-list-item-list .list-ec-product .line-03 table tbody { font-size: 13px; vertical-align: top; word-break: break-all;}
.product-list-item-list .list-ec-product .item .line-03 .item-info .info-label { color: #999999; width: 70px;}
.product-list-item-list .list-ec-product .item .column-03 .ec-discounted-price {display: inline-block; line-height: 1.2;}
.product-list-item-list .list-ec-product .item .column-03 .ec-discounted-price a { font-size: 19px; color: #e02152; font-weight: bold;}
.product-list-item-list .list-ec-product .item .column-03 .ec-discounted-price a:hover {text-decoration: none; color: #c91547;}
.product-list-item-list .list-ec-product .item .column-03 .ec-discounted-price .text-price-unit { margin-right: 2px;}
.product-list-item-list .list-ec-product .item .column-03 .ec-discounted-price .text-price-number {font-size: 26px;}
.product-list-item-list .list-ec-product .item .column-03 .ec-original-price {color: #777777;font-size: 14px;text-decoration: line-through;font-weight: 300;display: inline-block;margin-right: 3px;}
.product-list-item-list .list-ec-product .item .column-03 .ec-original-price .text-price-unit { margin-right: 0; font-size: 14px;}
.product-list-item-list .list-ec-product .item .column-03 .ec-original-price .text-price-number { font-size: 14px;}
.product-list-item-list .list-ec-product .item .column-03 .oul-discount {font-size: 13px;padding: 3px 8px;display: inline-block;height: 22px;margin-top: 3px;margin-left: 0px;vertical-align: baseline;margin-bottom: 5px;}
.product-list-item-list .list-ec-product .item .column-03 .oul-stock { color: #a5a5a5;}
.product-list-item-list .list-ec-product .column-02 .line-04 { position: absolute; bottom: 0; width: 291px;}
.product-list-item-list .list-ec-product .column-02 .line-04 .ec-merchant-wrapper { margin-left: 0px; display: flex; flex-wrap: nowrap; align-items: center;}
.product-list-item-list .list-ec-product .column-02 .line-04 .ec-merchant-wrapper .ec-merchant-img { display: inline-block; margin-right: 5px;}
.product-list-item-list .list-ec-product .column-02 .line-04 .ec-merchant-wrapper .ec-merchant-img img { max-height: 28px; border: 1px solid #ddd;}
.product-list-item-list .list-ec-product .column-02 .line-04 .ec-merchant-wrapper .ec-merchant-content {color: #a5a5a5; font-size: 12px; vertical-align: sub; display: inline-block;}
.product-list-item-list .list-ec-product .column-02 .line-04 .ec-merchant-wrapper .ec-merchant-content span { margin-right: 3px;}
.product-list-item-list .list-ec-product .column-02 .line-04 .ec-merchant-wrapper .ec-merchant-content span:last-child {display: inline-block;}
.product-list-item-list .list-ec-product .column-02 .line-04 .ec-merchant-wrapper .ec-merchant-content .ec-merchant-name { font-size: 13px; font-weight: normal; color: #a5a5a5;}
.product-list-item-list .list-ec-product .item .item-inner {display: block;overflow: hidden;position: relative;}
.product-list-item-list .list-ec-product .item .column-01 {width: 152px;}
.product-list-item-list .list-ec-product .item .column {display: block;float: left;}
.product-list-item-list .list-ec-product .item .column-01 .line-img img {width: 150px;height: 150px;border: 1px solid #ffffff;}
.product-list-item-list .list-ec-product .item .column-02 {width: 331px; padding-left: 15px;}
.product-list-item-list .list-ec-product .item .column-02 .line-01 {margin-bottom: 3px;font-size: 18px;font-weight: bold;}
.product-list-item-list .list-ec-product .item .column-02 .line-01 a {color: #111;}
.product-list-item-list .list-ec-product .item .column-02 .line-01 a:hover {color: #00a499;}
.product-list-item-list .list-ec-product .item .column-02 .line-02 {font-size: 14px;}
.product-list-item-list .list-ec-product .item .column-03 {width: 181px;text-align: right;position: relative;}
.product-list-item-list .list-ec-product .item .ec-desc {box-sizing: border-box;display: -webkit-box;max-height: calc(13px * 1.3 * 3);margin: 0 auto 10px;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; }
.product-list-item-list .list-ec-product .ec-deposit-price .deposit-unit {color: #77665f;}
.product-list-item-list .list-ec-product .ec-deposit-price .text-price-unit {color: #ff7930;}
.product-list-item-list .list-ec-product .ec-deposit-price .text-price-number {color: #ff7930;font-size: 20px;}
.product-list-item-list .list-ec-product .ec-deposit-price .text-deposit-price-number {color: #ff7930;font-size: 26px;}


.product-list-item-list .search-list-btn { height: 50px; margin-top: 10px;}
.product-list-item-list .search-list-btn .btn img { vertical-align: sub;}
.product-list-item-list .search-list-btn .btn {width: 150px;height: 40px;font-size: 16px;line-height: 28px;box-shadow: 0px 3px 0 0 rgba(6,123,114,1);font-weight: 500;}
.product-list-item-list .search-list-btn .btn.sold-out {background: url(style_2.0.0.css) no-repeat 35px 6px #EAEAEA !important;border-color: #C5C5C5;box-shadow: 0px 3px 0px 0px rgba(123, 123, 123, 0.4);padding: 6px 22px;color: #B3B3B3!important;}

@media screen and (min-width: 1225px) {
    /* .product-list-item-list .list-ec-product .column-02 .line-03 .item-info { min-height: 70px;} */
    .search-box .part-02 { width: 503px;}
    .keyword-search-box { width: 501px;}
    .product-list-item-list .list-ec-product .item .column-02 {width: 491px;}
    .product-list-item-list .list-ec-product .column-02 .line-04 {width: 491px;}
    .product-list-item-list .list-ec-product .item .column-03 {width: 221px;}
}

.product-list-item-list .list-trade-product .item .line-02 .item-info .info-label { color: #999999; width: 70px;}
.product-list-item-list .list-trade-product .item {display: block;width: 100%;border-bottom: 1px solid #eaeaea;padding: 15px 0;}
.product-list-item-list .list-trade-product .item .item-inner {display: block;overflow: hidden;position: relative;}
.product-list-item-list .list-trade-product .item .column {display: block;float: left;}
.product-list-item-list .list-trade-product .item .column-01 {width: 152px;}
.product-list-item-list .list-trade-product .item .column-01 .line-img img {width: 150px;height: 150px; border: 1px solid #ffffff;}
.product-list-item-list .list-trade-product .item .column-02 {width: 331px;padding-left: 15px; display: block;float: left;}
.product-list-item-list .list-trade-product .item .column-02 .line-01 {margin-bottom: 3px;font-size: 18px;font-weight: bold;}
.product-list-item-list .list-trade-product .item .column-02 .line-01 a {color: #111;}
.product-list-item-list .list-trade-product .item .column-02 .line-01 a:hover {color: #00a499;}
.product-list-item-list .list-trade-product .line-02 {padding-top: 12px; font-size: 14px;}
.product-list-item-list .list-trade-product .line-02 table tbody { font-size: 13px; vertical-align: top; word-break: break-all;}
.product-list-item-list .list-trade-product .item .column-03 {width: 181px; text-align: right;position: relative;display: block;float: left;}
.product-list-item-list .list-trade-product .product-list-price, .product-list-item-list .list-trade-product .product-list-price a {color: #00a499;}
.product-list-item-list .list-trade-product .product-list-price a:hover {color: #08867d;}
.product-list-item-list .list-trade-product .item .column-03 .text-price-number {font-size: 26px;}
.product-list-item-list .list-trade-product .item .column-03 .text-price-unit {font-size: 19px;margin-right: 2px;}
.product-list-item-list .list-trade-product .search-list-btn .btn { background-color: #ffd321; border-color: #ffd321; color: #4c4436; box-shadow: 0px 3px 0 0 rgb(232, 182, 22); font-weight: 500;}
.product-list-item-list .list-trade-product .search-list-btn .btn:hover {background-color: #fbce17; border-color: #fbce17; color: #4c4436!important;}
@media screen and (min-width: 1225px) {
    .product-list-item-list .list-trade-product .item .column-02 {width: 491px;}
    .product-list-item-list .list-trade-product .item .column-03 {width: 221px;}
}


.product-list-price, .product-list-price a {color: #e02152;font-weight: bold;/* font-size: 19px; */}
.product-list-price a:hover {text-decoration: none;color: #c91547;}

.product-list-item-list .list-shop .contact-info a {color: #00a499;}
.product-list-item-list .list-shop .contact-info a:hover {color: #08867d;text-decoration: none;}


#ad17 ~ .product-list-item-list .grid-2.list-search-product-list, #ad17 ~ .product-list-item-list .trade-list-container {margin-top: -2px; background-color: #fff;}
.product-list-item-list .trade-list-container .item .item-img {height: 208px;}
.product-list .ec-product-container {width: 33%; height: 325px;}
.product-list .ec-list-product-wrapper {margin: 10px -10px 0;}
.product-list .ec-list-hr-3 {width: 100%; height: 1px;display: block;float: left;background: #eaeaea;margin: 0 0 15px 0;}
.product-list .ec-list-hr-4 {display: none;}
@media screen and (min-width: 1225px) {
    .product-list .ec-product-container {width: 25%; height: 325px;}
    .product-list .ec-list-hr-3 {display: none;}
    .product-list .ec-list-hr-4 {display: block;}
}

.ec-logo + .column-02 {width: 416px;}
.ec-logo + .column-02 .search-wrapper .search-box {width: 403px;}
.ec-logo + .column-02 .search-wrapper .search-box .part-02 {width: 335px;}
.ec-logo { float: left; height: 100px; width: 274px; }

@media screen and (min-width: 1225px){
.ec-logo + .column-02 {width: 586px;}
.ec-logo + .column-02 .search-wrapper .search-box {width: 573px;}
.ec-logo + .column-02 .search-wrapper .search-box .part-02 {width: 503px;}
.ec-logo {width: 304px;}
}

.ssl-wrapper {display: block; margin-top: 15px; text-align: center; cursor: pointer; position: relative;}
.ssl-wrapper span {color: #8e8e93; font-weight: bold;}
.ssl-wrapper img {vertical-align: text-bottom; margin: 0 2px;}
.ssl-wrapper .ssl-bubble {border: 1px solid #d6d6d6; padding: 15px; color: #8e8e93;background-color: white; position: absolute; top: 30px; left: 0; z-index: 5; width: 290px; text-align: left; display: none;}
.ssl-wrapper:hover {text-decoration: none;}
.ssl-wrapper:hover span {color: #8abc6a; text-decoration: none;}
.ssl-wrapper:hover img {opacity: 0.7;}
.ssl-wrapper:hover .ssl-bubble {display: block;}


/*20170828 my-ec-record*/
.list-outlet-record .item-label .column-checkbox{
    width: 40px;
    border-left: 1px solid #ebebeb;
}
.list-outlet-record .item .column-checkbox{
    width: 40px;
    padding-left:15px;
}
.profile-wrapper .list-purchase-record ul.list-inline .item .column, .profile-wrapper .list-purchase-record ul.list-inline .item .column span{word-wrap: break-word;}
.page-view-body .body-profile .profile-wrapper .column-02 .profile-list-item-list li:last-child{border-right: none;}
.profile-wrapper .list-purchase-record .item-label .column-01{border-left: none;}
.product-more-info ul li .product-info-content {width: 250px;line-height:initial;}
.profile-list-item-list .list-purchase-record.clearfix .list-inline > li{border-left: none;}
.page-view-body .body-profile .profile-wrapper .column-02 .profile-list .profile-list-pager{border-top: none;}

.profile-wrapper .list-purchase-record ul.list-inline .item .column a:hover,.profile-wrapper .list-purchase-record ul.list-inline .item .column a:focus{text-decoration: none;}
.profile-wrapper .list-purchase-record ul.list-inline .item .column a:hover span{color: #00a499;}

.profile-wrapper .column-02 {width: 681px;}
.profile-wrapper .list-purchase-record .column-02 {width: 70px;}
.profile-wrapper .list-purchase-record .column-03 {width: 163px;}
.profile-wrapper .list-purchase-record .column-05{width: 120px;}
.profile-wrapper .list-purchase-record .column-08{padding-left: 124px;}

.profile-wrapper .list-purchase-record.list-outlet-record .column-02 {width: 155px;}
.profile-wrapper .list-purchase-record.list-outlet-record .column-03{width: 100px;}
.profile-wrapper .list-purchase-record.list-outlet-record .column-04 {width: 84px;}
.profile-wrapper .list-purchase-record.list-outlet-record .column-05 {width: 126px;}
.profile-wrapper .list-purchase-record.list-outlet-record .column-08 {padding-left: 150px;}
@media screen and (min-width: 1225px){
    .profile-wrapper .column-02 {width: 893px;}
    .profile-wrapper .list-purchase-record .column-03{width: 315px;}

    .profile-wrapper .list-purchase-record.list-outlet-record .column-01 {width: 125px;}
    .profile-wrapper .list-purchase-record.list-outlet-record .column-02 {width: 327px;}
    .profile-wrapper .list-purchase-record.list-outlet-record .column-08 {padding-left: 180px;}

    .profile-wrapper .product-wrapper-right h3 {width: 517px;}
    .profile-wrapper .list-outlet-record .purchase-record-remark{width: auto;}
}

.system-popup-msg {
    position: absolute;
    top: 259px;
    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;}

/*19081 [web] Search result UI*/
/*//revised tab bar//*/

.tab-bar-grey {
    background-color: #fff;
    height: 38px;
    width: calc(100% - 20px);
    box-sizing: border-box;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #aaa;
    font-size: 0;
    color: #606060;
    position: relative;
    margin-top: 3px;
}

.tab-bar-grey .list-inline {margin: 0;}

.tab-bar-grey li {
    display: inline-block;
    height: 36px;
    text-align: center;
    min-width: auto;
    font-size: 15px;
    padding: 0;
}

.tab-bar-grey li a {
    color: #8e8e93;
    font-size: 14px;
    text-decoration: none;
    display: block;
    height: 36px;
    padding: 7px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #dedede;
    border-right: 1px solid #dedede;
}

.tab-bar-grey li:first-child a {
    border-left: 1px solid #dedede;
}

.tab-bar-grey li:hover a {
    color: #555;
    background-color: #e5e5e5;
}

.tab-bar-grey li.active {
    background-color: #fff;
    color: #333;
    font-weight: bold;
    border-right: 1px solid #aaa;
    border-left: 1px solid #aaa;
    box-sizing: border-box;
    position: relative;
}

.tab-bar-grey li.active:before {
    background-color: #ffc821;
    content: "";
    height: 3px;
    position: absolute;
    top: -3px;
    left: -1px;
    right: -1px;
}

.tab-bar-grey li.active:after {
    content: "";
    background-color: #fff;
    height: 1px;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
}

.tab-bar-grey li.active a {
    color: #333;
    background-color: #fff;
    border: 0;
    -webkit-font-smoothing: antialiased;
}

.tab-bar-grey li.active + li {border-left: 0;}

.tab-bar-grey .pull-right {
    position: absolute;
    right: 0;
    z-index: 0;
    top: 8px;
    font-size: 14px;
    color: #a1a4a2;
}

.tab-bar-grey .pull-right span {
    color: #696a69;
}

@media screen and (min-width: 1225px){
    .tab-bar-grey li {
        min-width: 115px;
    }
    .tab-bar-grey li a {
           padding: 8px 25px;
    }
}

/*//revised function bar//*/
.product-list-function-bar-grey {
    height: 54px;
    padding: 10px 0;
    width: 100%;
}

/*revised pagination*/

.product-list-fucntion-bar-grey .column-02 {
    width: 386px;
}

.pagination-wrapper-darkgrey ul.pagination {
    margin: 10px 0;
    padding: 2px 0;
    display: inline-block;
    border-radius: 3px;
    border: 1px solid #e1e1e1;
    vertical-align: middle;
}

.pagination-wrapper-darkgrey .pagination > li {
    display: inline;
}

.pagination-wrapper-darkgrey .pagination > li > a {
    padding: 0px 2px;
    color: #707070;
    background-color: #fff;
    position: relative;
    height: 28px;
    /* width: 22px; */
    min-width: 22px;
    border: 0;
    line-height: 28px;
    border-radius: 2px;
    margin: 0 2px;
    text-align: center;
}

.pagination-wrapper-darkgrey .pagination > li > a:hover {
    background-color: #d7d7d7;
}

.pagination-wrapper-darkgrey .pagination > li.active a {
    background-color: #707070;
    color: #fff;
}

.pagination-wrapper-darkgrey .pagination > li.active a:hover {
    color: #fff;
}

.pagination-wrapper-darkgrey .pagination-total {
    margin: 2px;
    vertical-align: middle;
    color: #949494;
    line-height: 54px;
    height: 54px;
    display: inline;
    float: none;
    border: 0;
}

@media screen and (min-width: 1225px){
    .product-list-fucntion-bar-grey .column-02 {
        width: 450px;
    }
    .pagination-wrapper-darkgrey .pagination > li > a {
        width: 28px;
        padding: 0px 8px;
    }
}

/*revised bottom pagination*/
.pager-bottom-inner .pagination-wrapper-darkgrey .pagination {
    margin: 0;
    vertical-align: top;
}

.pager-bottom-inner .pagination-wrapper-darkgrey .pagination-total {
    line-height: 34px;
    height: 34px;
    vertical-align: top;
}

.pager-bottom-inner .pagination-total-wrapper .pagination-wrapper-darkgrey  {
    height: 34px;
}

.pager-bottom-inner .pagination-total-wrapper {
    display: inline-block;
}

.pager-bottom-inner .goto-page-wrapper {
    display: inline-block;
    float: right;
}

.pager-bottom-inner .goto-page-wrapper .form-control {
    text-align: center;
    width: 34px;
    display: inline-block;
    height: 34px;
    border: 1px solid #e1e1e1;
}

.pager-bottom-inner .goto-page-wrapper .btn {
    vertical-align: top;
}

/*revised view switch controller*/

.grid-control-container-grey {
    margin-top: 10px;
}

.grid-control-container-grey a.btn {
    border: 1px solid #e1e1e1!important;
}

.grid-control-container-grey#view-switch .btn.view-list.active {background: url(../images/icon/view_switch_list_hover.png) no-repeat 50% #707070;}
.grid-control-container-grey#view-switch .btn.view-list:hover {background: url(../images/icon/view_switch_list_hover.png) no-repeat 50% #d7d7d7;}
.grid-control-container-grey#view-switch .btn.view-list.active:hover {background: url(../images/icon/view_switch_list_hover.png) no-repeat 50% #707070;}
.grid-control-container-grey#view-switch .btn.view-grid.active {background: url(../images/icon/view_switch_grid_hover.png) no-repeat 50% #707070;}
.grid-control-container-grey#view-switch .btn.view-grid:hover {background: url(../images/icon/view_switch_grid_hover.png) no-repeat 50% #d7d7d7;}
.grid-control-container-grey#view-switch .btn.view-grid.active:hover {background: url(../images/icon/view_switch_grid_hover.png) no-repeat 50% #707070;}

@media screen and (min-width: 1225px){
    .grid-control-container-grey#view-switch .btn.view-list {background-position: 50%;}
    .grid-control-container-grey#view-switch .btn.view-list.active {background-position: 50%;}
    .grid-control-container-grey#view-switch .btn.view-list:hover {background-position: 50%;}
    .grid-control-container-grey#view-switch .btn.view-list.active:hover {background-position: 50%;}
    .grid-control-container-grey#view-switch .btn.view-grid {background-position: 50%;}
    .grid-control-container-grey#view-switch .btn.view-grid:hover {background-position: 50%;}
    .grid-control-container-grey#view-switch .btn.view-grid.active {background-position: 50%;}
    .grid-control-container-grey#view-switch .btn.view-grid.active:hover {background-position: 50%;}
}

/*revised filter dropdown*/

.filter-unit-grey {
    margin: 0;
    /*height: 54px;*/
    position: relative;
}

.filter-unit-grey .filter-label {
    color: #949494;
    padding-right: 7px;
    padding-top: 4px;
    font-size: 13px;
}

.filter-unit-grey .dropdown-grey::-ms-expand {
    display: none;
}

.filter-unit-grey .dropdown-grey {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    border-radius: 3px;
    border: 1px solid #e1e1e1;
    background-color: #fff;
    padding: 3px 27px 3px 9px;
    font-size: 13px;
}

/*.filter-unit-grey:after {
    content:"▼";
    color: #707070;
    font-size: 12px;
    position: absolute;
    right: 13px;
    top: 9px;
    transform: scaleY(0.8);
    pointer-events: none;
    z-index: 1;
}*/

.filter-unit-grey:after {
    content:"";
}

.filter-unit-grey .btn-group:after {
    content:"▼";
    color: #707070;
    font-size: 11px;
    position: absolute;
    right: 10px;
    top: 6px;
    transform: scaleY(0.8);
    pointer-events: none;
    z-index: 1;
}

.filter-unit-grey .dropdown-grey:hover {
    box-shadow: inset 0 0 10px 10px #f4f4f4;
    border-color: #ccc;
}

.filter-unit-grey .btn-reset {
    background-color: #fff;
    border: 0;
    color: #00a499;
    font-size: 13px;
}

.filter-unit-grey .btn-reset:hover {
    color: #08867d;
}

@media screen and (min-width: 1225px){
    .filter-unit-grey .dropdown-grey {
        padding: 3px 29px 3px 9px;
    }
}

.button-clear-filter {
	float: right;
	margin-right: 20px;
	color: #00A498;
	text-decoration:  underline;
	cursor:  pointer;
  padding-bottom: 6px;
}

.product-list-item-list{
    padding-top: 10px;
}
/*End of 19081 [web] Search result UI*/

.product-list-fucntion-bar{height: 35px;}

.refund-info span {
    padding-left: 10px;
    color: #333;
    width: 404px;
    display: block;
    float: right;
    word-wrap: break-word;
}

.ec-order-orig-qty{    text-decoration: line-through;}
.cart-list-wrapper .ec-order-actual-qty, .list-outlet-record .ec-order-actual-qty, .ec-order-actual-qty{ 
	color:#f13200 !important;
}

/*green tab and pagination*/

.product-detail-tab-bar.tab-bar-green ul , .starshop.merchant-detail-tab-bar.tab-bar-green ul{
    border-bottom: 1px solid #1f9f9d;
    background: #FFF;
}

.product-detail-tab-bar.tab-bar-green li.active , .starshop.merchant-detail-tab-bar.tab-bar-green li.active{
    background: linear-gradient(to bottom, #28b29d , #1f9f9d);
    border: 0!important;
}

.product-detail-tab-bar.tab-bar-green li.active:hover a,
.product-detail-tab-bar.tab-bar-green li.active:hover span,
.starshop.merchant-detail-tab-bar.tab-bar-green li.active:hover a,
.starshop.merchant-detail-tab-bar.tab-bar-green li.active:hover span
{
    color: #fff;
}

.product-detail-tab-bar.tab-bar-green li a,
.product-detail-tab-bar.tab-bar-green li span,
.starshop.merchant-detail-tab-bar.tab-bar-green li a,
.starshop.merchant-detail-tab-bar.tab-bar-green li span{
    font-size: 14px;
    line-height: 36px;
    height: 36px;
}

.product-detail-tab-bar.tab-bar-green li.active a,
.product-detail-tab-bar.tab-bar-green li.active span,
.starshop.merchant-detail-tab-bar.tab-bar-green li.active a,
.starshop.merchant-detail-tab-bar.tab-bar-green li.active span {
    font-size: 14px;
    line-height: 38px;
    color: #fff;
}

.product-detail-tab-bar.tab-bar-green ul li,
.starshop.merchant-detail-tab-bar.tab-bar-green ul li  {
    padding: 0 13px;
    border-bottom: 0;
    height: 37px;
    background-color: #f3f3f3;
    border-top: 1px solid #dedede;
    border-right: 1px solid #dedede;
    cursor: pointer;
}

.product-detail-tab-bar.tab-bar-green ul li:first-child,
.starshop.merchant-detail-tab-bar.tab-bar-green ul li:first-child {
    border-left: 1px solid #dedede;
}

.product-detail-tab-bar.tab-bar-green ul li:hover,
.starshop.merchant-detail-tab-bar.tab-bar-green ul li:hover{
    border-bottom: 0;
    background-color: #e5e5e5;
    transition: 0.1s;
}

.pagination-wrapper-green {
    min-width: 1px;
    margin: 0;
    text-align: left;
    display: block;
    float: left;
    padding-left: 0;
}

.pagination-wrapper-green ul {
    margin: 0;
}

.pagination-wrapper-green .pagination > .active > a, .pagination-wrapper-green .pagination > .active > a:hover {
    border: 0;
    background-color: #def1f0;
    border-radius: 2px;
    color: #08867d;
    font-weight: bold;
}

.pagination-wrapper-green .pagination > li > a:focus, .pagination-wrapper-green .pagination > li.active > a:focus {
    background-color: #bee8e6;
    color: #00a499;
    font-weight: bold;
}

.pagination-wrapper-green .pagination > li > a {
    border: 0;
    height: 26px;
    min-width: 26px;
    padding: 3px 5px;
    border-radius: 2px;
    margin-right: 2px;
    color: #545454;
    text-align: center;
}

.pagination-wrapper-green .pagination > li > a:hover {
    background-color: #def1f0;
    color: #00a499;
    font-weight: bold;
}

.pagination-wrapper-green .pagination > li.disabled {
    pointer-events: none;
    opacity: 0.3;
}

.pagination-wrapper-green .pagination-total {
    float: right;
    border: 0;
    height: 26px;
    line-height: 27px;
    color: #545454;
}

.product-detail-tab-content .btn.btn-nearby.small {
    background-position: 3px 2.5px;
    padding: 2px 0px 4px 24px;
    font-size: 13px;
}

@media screen and (min-width: 1225px){
    .product-detail-tab-content .btn.btn-nearby.small {
        background-position: 2px 2.5px;
        padding: 3px 6px 3px 21px;
    }
}

/* pagination bottom */

.pagination-bottom-center {
    text-align: center;
    margin: 0 auto;
    display: block;
    width: 100%;
    height: 38px;
}

.pagination-bottom-center ~ .column, .product-listing-wrapper .pagination-bottom-center > .column {
    float: none;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: 40px;
}

.product-listing-wrapper .product-detail-tab-content .pagination-bottom-center .column-01 {
    padding-bottom: 0;
    height: 38px;
}

.product-listing-wrapper .pagination-bottom-center > .column-03 {
    padding-right: 10px;
}

.pagination-bottom-center .column-03 div {
    display: inline-block;
    vertical-align: middle;
    float: none;
    width: auto;
    padding: 3px 0px 4px;
    vertical-align: unset;
}

.pagination-bottom-center .column-03 > div {
    padding: 6px 0;
}

.pagination-bottom-center .column-03 input {
    height: 26px;
    width: 40px;
    padding: 6px;
    margin: 0;
    text-align: center;
    margin-top: -1px;
    height: 22px;
}

.pagination-bottom-center .page-jump-wrapper {
    padding: 4px 0;
}

.pagination-bottom-center .btn-small {
    margin-top: 6px;
}

.pagination-bottom-center .pagination > li > a {
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    padding: 8px 11px;
}

.pagination-bottom-center .pagination > li:nth-child(2) a {
    border-left: 1px solid #dedede;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pagination-bottom-center .pagination > li:nth-last-child(2) a {
    border-right: 1px solid #dedede;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.pagination-bottom-center .pagination .prev-btn a, .pagination-bottom-center .pagination .next-btn a {
    border: 0;
    margin-left: 0;
}

.pagination-bottom-center .pagination .prev-btn a:before {
    content: "◀";
    font-size: 12px;
    display: inline-block;
    transform: scaleX(0.7);
    -webkit-transform: scaleX(0.7);
    margin-right: 2px;
}

.pagination-bottom-center .pagination .next-btn a:after {
    content: "▶";
    font-size: 12px;
    display: inline-block;
    transform: scaleX(0.7);
    -webkit-transform: scaleX(0.7);
    margin-left: 2px;
}

.pagination-bottom-center .pagination .prev-btn a, .pagination-bottom-center .pagination .next-btn a {
    color: #00a499;
    font-size: 13px;
    line-height: 24px;
}

.pagination-bottom-center .pagination .prev-btn a:hover, .pagination-bottom-center .pagination .next-btn a:hover {
    background-color: #fff;
    color: #08867d;
    cursor: pointer;
}

.pagination-bottom-center .pager-ellipsis a {
    pointer-events: none;
}

.pagination-bottom-center .pagination > li.active > a {
    background-color: #00a499;
    color: #fff;
    font-weight: bold;
    border-color: #00a499;
}

.pagination-bottom-center .pagination li.active a:hover {
    background-color: #00a499;
    color: #fff;
    border-color: #dedede;
}

.pagination-bottom-center .pagination > li:hover > a {
    background-color: #e5f6f5;
    color: #00a499;
    transition: 0.1s;
}

.pagination-bottom-center .pagination > li > a:focus {
    background-color: #09837a;
    color: #fff;
}

.pagination-bottom-center .pagination .prev-btn.disabled a, .pagination-bottom-center .pagination .next-btn.disabled a {
    pointer-events: none;
    color: #cccccc;
}

@media screen and (min-width: 1225px){
    .pagination-bottom-center .pagination > li > a {
        padding: 8px 15px;
    }
}

.text-arrow {
    font-size: 11px;
    transform: scaleX(0.7);
    -webkit-transform: scaleX(0.7);
    display: inline-block;
}

.text-arrow.arrow-first {
    margin-left: -10px;
    /*▕◀*/
}

.text-arrow.arrow-last {
    margin-left: -4px;
    /*▶▏*/
}

.text-arrow.arrow-prev {
    margin-left: -2px;
    /*◀*/
}

.text-arrow.arrow-next {
    /*▶*/
}

.grid-control-container-green {
	margin-left: 5px;
}

.grid-control-container-green .btn-default{
    border: 0!important;
    width: 26px;
    height: 26px;
}

#view-switch .btn {
	background-size: 13px!important;
	border-radius: 2px;
    width: 26px;
    height: 26px;
}

#view-switch .btn:hover {
	background-color: #def1f0;
}

#view-switch .btn.view-list.active, #view-switch .btn.view-grid.active {
    background-color: #def1f0;
}

#view-switch .btn.view-list.active:hover, #view-switch .btn.view-grid.active:hover {
    background-color: #def1f0;
}

#view-switch .btn.view-grid:hover, #view-switch .btn.view-list:hover {
    background-color: #bee8e6;
}

#view-switch .btn.view-grid:focus, #view-switch .btn.view-list:focus {
    background-color: #b8dcda;
}

@media screen and (max-width: 1224px) {
	#view-switch .btn {
		width: 26px;
		height: 26px;
	}

	#view-switch .btn.view-list.active, #view-switch .btn.view-grid.active {
		background-color: #def1f0;
	}

	#view-switch .btn.view-list.active:hover, #view-switch .btn.view-grid.active:hover {
		background-color: #def1f0;
	}

	#view-switch .btn.view-grid:hover, #view-switch .btn.view-list:hover {
		background-color: #bee8e6;
	}

	#view-switch .btn.view-grid:focus, #view-switch .btn.view-list:focus {
		background-color: #b8dcda;
	}
}

.tab-bar-grey .pull-right span, .tab-bar-grey .pull-right {
    color: #8e8e93;
}

.tab-bar-grey.search-result-listing {
    margin-bottom: 15px;
}

#view-switch .btn.view-list {
    background: url(../images/icon/view_switch_list_inactive.png) no-repeat 50% #fff;
    margin-right: 2px;
}

#view-switch .btn.view-grid {
    background: url(../images/icon/view_switch_grid_inactive.png) no-repeat 50% #fff;
}

#view-switch .btn.view-grid:hover {
    background: url(../images/icon/view_switch_grid_hover_2.png) no-repeat 50% #def1f0;
}

#view-switch .btn.view-list:hover {
    background: url(../images/icon/view_switch_list_hover_2.png) no-repeat 50% #def1f0;
}

#view-switch .btn.view-list.active {
    background: url(../images/icon/view_switch_list_2.png) no-repeat 50% #def1f0;
    cursor: default;
}

#view-switch .btn.view-grid.active {
    background: url(../images/icon/view_switch_grid_2.png) no-repeat 50% #def1f0;
    cursor: default;
}

.tab-bar-green-paging{
	height : 40px;
}

/* Start of Price History ui-sprint-83/20049 */
#tab-history { position: relative; }
.product-detail-tab-bar .new-badge { position: absolute; top: -1px; right: 0px; }

.price-history-wrapper img { margin-left: 3px; }
.product-detail-tab-bar .new_label_tab { position: relative; padding: 0 10px 0 0; }
.product-detail-tab-bar .new_label {
	position: absolute;
	top: 0px;
	right: 0px;
}
.price-history-chart-small-wrapper {
	z-index: 50000;
	position: absolute;
	width: 450px;
	height: 250px;
	display: none;
	background: #FFF;
	padding: 20px;
	border: 1px solid rgb(234, 233, 233);
	border-radius: 5px;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25);
}
.price-history-chart-small-wrapper .price-history-chart-small-image_loading { width: 100px; margin: 50px auto; display: block; }
.price-history-chart-small-wrapper .text-reference-only { color: #888888; font-size: 12px; text-align: left; position: relative; }
.price-history-chart-small-wrapper .text-beta { position: absolute; top: 0px; right: 0px; text-align: right; }
/* End of Price History ui-sprint-83/20049 */

/*Shopping Cart*/
.checkout-list .field.totalprice{padding: 0;}
.oul-wrapper.oul-wrapper-cart .oul-process{width: 820px;}
.oul-wrapper.oul-wrapper-cart .oul-content-form{width: 820px;}
.oul-wrapper.oul-wrapper-cart .order-form-right-col{width: 295px;}
.oul-wrapper.oul-wrapper-cart .checkout-list{
    width: 290px;
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 5px;
}
.oul-wrapper.oul-wrapper-cart .checkout-list-item{
		padding-right: 20px;
	}
.oul-wrapper.oul-wrapper-cart .checkout-list .field.totalprice{
    padding-right: 20px;
}
.cartlist-item p.title{
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}
.cart-list-wrapper{
    margin: 5px 0;
    max-height: 280px;
    overflow-y: auto;
}
.cart-list-wrapper .cart-item{
    height: 80px;
    padding: 10px 0;
    border-bottom: 1px dashed #dcdcdc;
	display: table;
}
.cart-list-wrapper .cart-item:last-child{
    border-bottom: none;
}
.cart-list-wrapper .cart-item img{
    width: 60px;
    float: left;
    margin-right: 5px;
}
.cart-item-info{float: left;width: 135px;}
.cart-item-info p{
    margin: 0;
    font-size: 13px;
    color: #aaa;
}
.cart-item-info .cart-item-name{
    color:#000;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.cart-item-price{
    width: 75px;
    float: left;
    text-align: right;
    margin: 0;
    font-weight: bold;
}
.cart-item-price p{
    margin: 0;
}
p.cart-item-shipping{
    margin-top: 15px;
    font-weight: normal;
    color: #aaa;
    font-size: 13px;
}

/*20171110*/
.cart-remark {
    margin-left: 5px;
}

/*2017 xmas topbar*/
.xmas-topbar-bg {
    background: url(/images/logo/xmas-bg.png) ;
    position: absolute;
    width: 100%;
    height: 100px;
    left: 0;
    right: 0;
    z-index: 1;
    background-size: 1920px 100px;
    /* border-bottom: 2px solid #135f59; */
}

.xmas-topbar-bg + .line-01 {
    position: relative;
    z-index: 2;
}

/* .xmas-topbar-bg + .line-01 .search-wrapper,
.xmas-ec-header.header-bottom .search-wrapper {
    margin-top: 10px;
}
 */
.xmas-topbar-bg + .line-01 .search-box,
.xmas-ec-header.header-bottom .search-box {
    background: #c60a00;
    border: 0;
    padding: 4px;
    border-radius: 4px;

}

.xmas-topbar-bg + .line-01 .search-box .part-02 .form-control,
.xmas-ec-header.header-bottom .part-02 .form-control {
    border-radius: 3px;
}

.xmas-topbar-bg + .line-01 .search-box .part-03 .btn,
.xmas-ec-header.header-bottom .part-03 .btn {
    background-color: #00c5a9;
    background-color: #c60a00;
    border-color: #00c5a9;
    border-color: #c60a00;
}

.xmas-topbar-bg + .line-01 .search-box .part-03 .btn:hover
.xmas-ec-header.header-bottom .search-box .part-03 .btn:hover {
    background-color: #c60a00;
    border-color: #c60a00;
}

.xmas-topbar-bg + .line-01 .hot-items-wrapper,
.xmas-ec-header.header-bottom .hot-items-wrapper {
    /* padding-top: 0; */
    color: #fff;
}

.xmas-topbar-bg + .line-01 .hot-items-wrapper a,
.xmas-ec-header.header-bottom .hot-items-wrapper a{
    color: #fff;
}

.xmas-ec-header {
    background: url(/images/logo/xmas-bg.png) ;
    background-repeat: no-repeat;
    background-position: center top;
}

.xmas-ec-header.header-bottom .page-view-respond-control {
    background-color: transparent;
}

.xmas-ec-header.header-bottom .ec-topright a {
    color: #fff;
}

@keyframes play {
   100% { background-position: 0 -1000px; }
}

.xmas-gif-wrapper {
    animation: play 0.8s steps(10) infinite;
}

/*20416-product-attribute-handling-ui*/
.unit-filter { position: relative; }
.unit-filter.have_option { color: rgb(0, 163, 152); }
.unit-filter .filter-text { text-overflow: ellipsis; white-space: nowrap; }
.unit-filter .filter-text, .unit-filter select {
    outline: none;
    border-width: 0 0 2px 0;
    width: 100%;
    border-color: rgb(238, 238, 238);
    min-height: 24px;
    color:#999;
    background-color: #fff;
    background-image: url(../images/filter_down.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 25px;
}
.unit-filter.have_option .filter-text { border-color: rgb(0, 163, 152); color: rgb(0, 163, 152); }
.unit-filter.have_option select { border-color: rgb(0, 163, 152); color: rgb(0, 163, 152); }
.unit-filter .filter-text.have_option { border-color: rgb(0, 163, 152); color: rgb(0, 163, 152); }
.unit-filter select.have_option { border-color: rgb(0, 163, 152); color: rgb(0, 163, 152); }
.unit-filter option, .unit-filter .filter-option { color: #000; }
.unit-filter option:checked, .unit-filter .filter-option.checked-option { color: rgb(0, 163, 152); }
.unit-filter option:disabled { display: none; }
.unit-filter .filter-options-wrapper { border: 1px solid #eaeaea;  margin-top: -2px; border-radius: 5px; max-height: 250px; position: absolute; z-index: 10; background: #FFF; width: 100%; display: none; }
.unit-filter .filter-options { max-height: 215px; position: relative; overflow: auto; }
.unit-filter .filter-option { display: block; margin: 5px; }
.unit-filter .filter-button-wrapper { height: 35px; position: relative; font-size: 12px; }
.unit-filter .filter-button-wrapper .filter-counter { color: rgb(156, 156, 156); line-height: 35px; padding-left: 5px; }
.unit-filter .filter-button-wrapper .filter-buttons { position: absolute; top: 7.5px; right: 5px; }
.unit-filter .filter-button-wrapper .filter-buttons .button { height: 20px; position: relative; width: 40px; display: inline-block; text-align: center; line-height: 20px; cursor: pointer; }
.unit-filter .filter-button-wrapper .filter-buttons .button-confirm { background: rgb(0, 163, 152); color: #FFF;}
.unit-filter .filter-button-wrapper .filter-buttons .button-cancel { color:rgb(0, 163, 152); }

.unit-filter select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select::-ms-expand { display: none; /* hide the default arrow in ie10 and ie11 */}
.form-control::-moz-placeholder{
    color:#999;
    opacity:1
}

.form-control:-ms-input-placeholder{
    color:#999
}

.form-control::-webkit-input-placeholder{
    color:#999
}
a.btn-report {
    color: #8e8e93;
}
a.btn-report img {
    width: 13px;
    margin-right: 2px;
    margin-left: 5px;
    margin-top: -3px;
}
a.btn-report:hover {
    color: #00a499;
}
.clear_float {
	float: none !important;
	clear: both !important;
}

.text-report {
	text-decoration: none !important;
	font-size: 11px;
	color: #999 !important;
	float: right;
}
.update_date {
	font-size: 12px;
	line-height: 16px;
	vertical-align: middle;
}
.update_date span {
	font-size: 12px;
	line-height: 16px;
	display: inline-block;
	vertical-align: middle;
}

.stick {
    margin-top: 0 !important;
    position: fixed;
    top: 0;
    z-index: 1;
}
.product-detail-tab-quote .product-list-fucntion-bar .column-04 .dropdown-grey {width: 100px;}

.line-merchat-detail {
	font-size: 12px;
}
.line-merchat-detail .merchant-head{
	padding-right: 15px;
	width: 64px;
}
.line-merchat-detail .merchant-info {
	padding-right: 10px;
}
.line-merchat-detail .merchant-info img{
	vertical-align: unset;
}
.line-merchat-detail .merchant-info  a{
	color: #000 !important;
	text-decoration: none !important;
}
.line-merchat-detail .info-grey a{
	color: #888 !important;
}

.new_referral_btn {background: #00a499;}
.new_referral_btn:hover, .new_referral_btn:active, .new_referral_btn:focus, .new_referral_btn:visited {background:#00a499;}


/*20180312 search ec ps*/
.search-ec-label {
    font-size: 13px;
    color: #e02152;
    line-height: 15px;
    vertical-align: bottom;
    margin-bottom: 5px;
    display: block;
}

.search-ec-label img {
    width: 14px;
}

.search-ec-label span {
    vertical-align: bottom;
    margin-left: 1px;
}

.ec-label {
    background: linear-gradient(-75deg, #FC6D7C, #EB3F51);
    border: 1px solid #EB3F51;
    padding: 1px 7px;
    border-radius: 12px;
    font-size: 12px;
}

.btn.goto-ps img {
    width: 18px;
    margin-left: 3px;
}

.list-search-ec-list .ec-product-container {
    height: 340px;
}

@media screen and (min-width: 1225px) {
    .list-search-ec-list .ec-product-container {
        height: 340px;
    }
}

.list-search-ec-list.ec-list-product-wrapper .ec-product-btn .goto-ps-icon {
    width: 18px;
    margin-left: 3px;
    margin-top: -2px;
}

.apply-now .btn{
  background-color: #e02152;
  border-color: #e02152;
  color: #fff;
}
.product-list-item-list .list-product .item .column-04.testb-list-btn.apply-now{
  box-shadow: 0px 3px 0 0 #a00c32;
}
.apply-now .btn:hover, .apply-now .btn:focus, .apply-now .btn:active, .apply-now .btn.active,.product-detail-function .active.apply-now .btn, .product-detail-function .apply-now .btn:hover{
  background-color: #c71745;
  border-color: #c71745;
  color: #fff !important;
}
.product-detail-function .apply-now .btn{
	padding:5px 10px 3px 10px;
}

#zone-12 .mega-info-detail ul { padding-top: 3px; }
#zone-12 .mega-info-detail .list-inline.left-list-inline > li { line-height: 30px; }
#zone-12 .mega-info-detail .list-inline.left-list-inline > li:last-child { line-height: 28px; }
#zone-12 .mega-info-detail .list-inline.left-list-inline ul { padding-top: 2px; }
#zone-12 .mega-info-detail .list-inline.left-list-inline a { display: block; }


.related-prod-list {
	border-top: 1px #EAEAEA solid;
	padding: 10px 0;
}.related-prod-list a:hover,.related-prod-list  a:focus {
	color: #00a499;
	text-decoration: none;
}
.related-prod-title{
	font-size: 15px;
	font-weight: bold;
	color: #111;
	line-height: 16px;
	margin-bottom: 5px;
}
.related-prod-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.related-prod-container {
	width: 100%;
}
.related-prod-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.related-prod-inner{
	width: 175px;
	height: 195px;
	padding: 10px;
	text-align: center;
}
.related-prod-inner .dsc{
	padding-top: 2px;
}
.related-prod-inner .pd-name{
	font-size: 13px;
	color: #111;
	height: 35px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.related-prod-inner:hover {opacity: 0.7;}
.related-prod-inner:hover .dsc .pd-name {color: #00a499;}

.related-prod-inner .product-price{
	padding: 0 !important;
	margin: 0 !important;
	font-size: 16px !important;
}
.related-prod-inner .pd-price .product-prop .hong_20, .related-prod-inner .pd-price .product-prop .water_20{
	max-width: 16px;
	max-height: 16px;
	padding: 0;
	margin: 1px;
}
.related-prod-inner .pd-price .product-price .text-price-unit{
	font-size:13px;
	margin-right:1px;
}
.related-prod-inner .pd-price .product-price .text-price-number{
	font-size:19px;
}
.related-prod-inner .item-img{
	width: 100%;
    min-height: 110px;
    height: 100%;
    position: relative;
}
.related-prod-inner img.related-prod-img{
	max-width:110px;
	max-height:110px;
	vertical-align: middle;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}

/* Search Filter */
.wrapper-filter-category {
	padding: 0 2px 2px;
	color: #888;
	line-height: 2.4em;
  padding-bottom: 5px;
}
.wrapper-filter-category a{
	color: #888;
	text-decoration: none;
}
.wrapper-filter-category .filter-category-title {
	vertical-align: middle;
    margin-right: 10px;
    display: inline-block;
}
.wrapper-filter-category .filter-category-btn {
	vertical-align: middle;
    padding: 0px 10px 0px 5px;
    cursor: pointer;
    display: inline-block;
}

.wrapper-filter-category .hide_cat_name{
  display:none;
}

.wrapper-filter-category .filter-category-btn a:hover{
  color:#00a499;
}

.wrapper-filter-category .filter-category-btn.filter-category-btn-active {
	/* background: #00a499; */
	/* border: 1px solid #00a499; */
}
.wrapper-filter-category .filter-category-btn.filter-category-btn-active a {
	color: #00a499;
  /* font-weight: bold; */
}

.wrapper-filter-category .hiddenFilter{
  display:none;
}

#filterView .wrapper-filter-category{
  display:inline-block;
  width:90%;
}

@media screen and (max-width: 1210px){
  #filterView .wrapper-filter-category{
    width:88%;
  }
}

/* Price Range */
.filter-range-wrapper {
	min-width: 200px;
}

.filter-range-wrapper .filter-range-title {
	padding: 0 10px;
	margin-top: 10px;
}

.filter-range-wrapper .filter-range-input-wrappers {
	text-align: center;
    margin: 0 5px 20px;
}

.filter-range-wrapper .filter-range-input-wrappers .input-filter-range {
	width: 80px;
	outline: none;
}

.filter-range-wrapper .filter-button-wrapper {
	background-color: #f8f8f8;
    border-radius: 0 0 5px 5px;
    border-bottom: 1px solid #eaeaea;
}

/* Overwrite bootstrap-slider */
.filter-range-wrapper .slider.slider-horizontal {
	width: 160px;
	margin: 20px auto;
}

.filter-range-wrapper .slider-handle {
	background-color: #FFF;
	border: 1px solid #00a499;
	background-image: none;
}
.filter-range-wrapper .slider-selection {
	background: linear-gradient(to right, #00A499, #035550);
}
.filter-range-wrapper .slider .tooltip {
	display: none !important;
}
.filter-range-wrapper .slider.slider-horizontal .slider-track {
	height: 7px;
	margin-top: -3.5px;
}

.product-list-filter-bar .wrapper-filter-category{
  line-height: 2.1em;
  /* height: 61px;
  overflow: hidden; */
}
.product-list-filter-bar .filter_view{
  overflow: hidden;
}

.product-list-filter-bar .maxheight{
  max-height: 62px;
}

.product-remark-discount{
	display: inline-block;
    height: 20px;
    color: #ec6c08;
    font-size: 14px;
    border: 1px solid #ec6c08;
    padding: 0 3px;
    border-radius: 3px;
    margin-top: -10px;
	margin-left:-5px;
    vertical-align: middle;
    line-height: 18px;
}

.line.exclusive-remark{
	padding: 5px 5px 5px 5px;
	background-color: #def1f0;
	border-radius: 3px;
	max-width: 640px;
	font-size: 12px;
	margin: 5px 0;
}
.line.exclusive-remark.no-bottom-margin{
	margin-bottom: 0;
	position: absolute;
    bottom: 0;
	border-radius: 3px;
	font-size: 12px;
	max-width: 700px;
    left: 167px;
    right: 0;
}
.line.exclusive-remark .remark-title{
	color: #00a499;
	display: inline-block;
	vertical-align: top;
}
.line.exclusive-remark .remark-details{
	padding-left: 5px;
	display: inline-block;
	max-width: calc(100% - 28px);
}
.product-detail-tab { position: relative; }
.product-detail-tab .title { font-size: 18px; font-weight: bold; margin: 10px 0 15px; }
.product-detail-tab .content {padding: 0 10px;}
.product-list-static-page{font-size: 16px;}
.product-list-static-page *:not(strong):not(u):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6){font-size: 16px;}
.nsp-img-wrapper{margin: 5px 0;text-align: center;}
.product-list-static-page img{max-width:800px}

.news-share-container { float: right; min-width: 150px; }
.news-share-container .fb-news-share { width: auto; margin: 24px -1px 0 0; }
.whatsapp-share { background-color: #25d366; display: inline-block; float: right; margin-top: 24px; margin-left: 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; }


/* 20181023 */
.oul-order-merchant .oul-order-merchant-label {
	font-size: 14px;
	color: #cccccc;
	width: 70px;
	display: inline-block;
}
.oul-order-merchant .oul-order-merchant-name {
	margin-left: -2px;
}
.pd-detail-title .pd-order-qty {
	margin-left: -4px;
}
.pd-detail-title .pd-order-qty input[disabled] {
	background: #eee;
	color: #888;
}


.tab-content .item .line.line-img img{max-width: 145px;}

.starshop.merchant-detail-tab-bar{
  padding-bottom: 0px;
}

.starshop-detail-tab-content .merchant-detail-tab-listing .product-list-filter-bar .btn-group input{
  height:22px;
}

.starshop-detail-tab-content .product-list-filter-bar .unit-filter{
  margin-top:0px;
}

.starshop-detail-tab-content .product-list-filter-bar .filter-label{
  padding-top:4px;
}

.starshop-detail-tab-content .product-list-filter-bar ul li{
  padding-bottom: 13px;
}

.news-detail-wrapper .line-01, .news-detail-wrapper .column-01 { overflow: visible; }
.car-news-header-wrapper{
	background: #00a499;
	text-align: center;
	color: #FFF;
	margin: -10px 20px 5px 0;
}
.car-news-listing.car-news-header-wrapper{
    margin: 15px 20px 10px 0;
}
.car-news-header img{
	margin: 10px 0;
}

@media screen and (max-width: 1225px){
	.related-prod-inner{width: 168px;}
}


.price-refer-btn {
	overflow: visible;
}

.referral_btn_wrapper {
	position: relative;
	text-align: right;
}

.buy_popover-charity {
	position: absolute;
	display: none;
	top: 42%; 
	transform: translateY(-50%);
	left: -134px;
	right: 0px;
	width: 157px;
}



/** 20181206 **/
.line.line-liquor-message {
    padding-bottom: 10px;
}

/** 20181114 add merchant title, level **/
.list-search-ec-list .ec-product-container {
	height: 396px;
}
@media screen and (min-width: 1225px){
	.list-search-ec-list .ec-product-container {
		height: 396px;
	}
}

.grecaptcha-badge {
	visibility: hidden;
}
.captcha-terms{
  font-size: 12px;
  color:#005e5d;
}

#disclaimer-cookie-list td:first-of-type {
	padding-right:0.5em;
}
#disclaimer-cookie-list thead td {
	border-bottom:1px solid #666;
}

/* web oauth login revamp, 2020-03-11 */
/*google login */
.three-register-container {
	width: 330px;
	margin:0 auto;
}
.body-reg .three-register-container .form-group{
	height: 45px;
}
.google-container, .facebook-container, .apple-container{
	height: 45px;
	border-radius: 4px;
	border: solid 1px #999;
	background-color: #fff;
	cursor: pointer;
}
.facebook-container {
	border: solid 1px #1877f2;
}
.google-text-box, .apple-text-box, .facebook-text-box {
	display: -webkit-box;
    display: -webkit-flex;
    display: flex; 
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: row;
    flex-direction: row;
    justify-content: center;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 100%;
    /* position: relative; */
    width: 100%
}
.google-text, .facebook-text, .apple-text{
	position: relative;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-webkit-flex-direction: row;
    flex-direction: row;
	-webkit-align-items: center;
    align-items: center;
    flex-wrap: nowrap;
	/* font-family: PingFangHK; */
	font-family: inherit;
	font-size: 18px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.22px;
	
}
.google-text {
	color: rgba(0, 0, 0, 0.54);
}
.facebook-text {
	color: #1877f2;
}
.apple-text{
	color: #121212;
}

.google-text-box:before, .facebook-text-box:before, .apple-text-box:before{
	height: 22px;
	width: 22px;
	content: '';
	margin-right:10px;
}

.google-text-box:before {
	background: url(../images/google/login-icon-google.png) no-repeat center;
}

.facebook-text-box:before{
	background: url(../images/fb/fb_btn_icon.png) no-repeat center;
}
.apple-text-box:before{
    background: url(../images/apple/apple_btn_icon_white.png) no-repeat center;
}


#facebook-signin {
    position: relative;
    width: 330px;
    height: 45px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #1877f2;
    border: 0;
    border-radius: 4px;
    padding: 0;
    box-shadow: none;
}

#facebook-signin:before {
    content: '';
    position: relative;
    display: block;
    width: 18px;
    height: 18px;
    background-image: url(../images/fb/fb_btn_icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 8px;
}

#facebook-signin span {
    color: white;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    letter-spacing: normal;
    line-height: 1.5;
}

#appleid-signin {
    display: none;
}

.apple-login-reg {
    position: relative;
    width: 100%;
    margin-top: 10px;
    display: flex;
    justify-content: center;
}

.apple-login-reg #appleid-custom-signin {
    transform: translateX(-5px);
}

#appleid-custom-signin {
    position: relative;
    width: 330px;
    height: 45px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: black;
    border: 0;
    border-radius: 4px;
    padding: 0;
}

#appleid-custom-signin:before {
    content: '';
    position: relative;
    display: block;
    width: 18px;
    height: 18px;
    background-image: url(../images/apple/apple_btn_icon_white.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 8px;
}

#appleid-custom-signin span {
    color: white;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    letter-spacing: normal;
    line-height: 1.5;
}

.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 {
	padding-left:16px;
	color: #666666;
}

.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 {
	padding-left:16px;
	color: #666666;
}

.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 {
	padding-left:16px;
	color: #666666;
}
.coupon-list{
    min-height: 662px;
}
.profile-lists{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.profile-list-content{
    width: 442.28px;
    height: 156px;
    flex-grow: 0;
    padding: 16px 16px 25px;
    border: solid 1px #ebebed;
    background-color: #fff;
    color: #121212;
}
.profile-list-content .left-content{
    width: 42px;
    height: 100%;
    display: inline-block;
    float: left;
}
.profile-list-content .left-content .coupon-img{
	width: 42px;
    height: 42px;
	display: flex;
    align-items: center;
	margin: 0px auto;
    border: solid 1px #dedee0;
    background-color: #fff;
}
.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: 352px;
    height: 100%;
    display: inline-block;
    float: right;
}
.profile-list-content .right-content .coupon-name{
    width: 100%;
    height: auto;
}
.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;
}
@media (max-width: 1225px) {
    .profile-list-content{
        width: 340px;
        height: 156px;
        flex-grow: 0;
        padding: 16px 16px 25px;
        border: solid 1px #ebebed;
        background-color: #fff;
        color: #121212;
    }
    .profile-list-content .right-content{
        width: 247px;
        height: 100%;
        display: inline-block;
        float: right;
    }
    .profile-list-content .right-content .coupon-code .coupon-info{
        min-width: 175px;
        max-width: 175px;
    }
}
.coupon-full{
    color: #999999;
}
.column .profile-list-pager{
	padding-left: 15px;
	padding-bottom: 49px;
	padding-top: 15px;
	border-top: 2px solid #ebebeb;
	border-left: 0;
}
.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: 352px;
    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 .coupon-info{
    height: 18px;
    margin-top: 4px;
    display: inline-block;
    width: 250px;
    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{
    width: 56px;
    height: 30px;
    border-radius: 4px;
    border: solid 1px #008a81;
    background-color: #008a81;
    text-align: center;
    color: #fff;
    float: right;
}
.profile-list-content .right-content .coupon-code .coupon-button-used,.coupon-button-full{
    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{
    width: 84px;
}
.coupon-content{
    margin: 3px auto 50px;
    width: 670px;
}
.coupon-heading-area .coupon-img{
	width: 72px;
    height: 72px;
	display: flex;
    align-items: center;
	border: solid 1px #dedee0;
    margin-top: 30px;
    margin-bottom: 10px;
}
.coupon-heading-area .coupon-img img{
    max-width: 100%;
	max-height: 100%;
	display: block;
    margin: auto auto;
}
.coupon-page-title .coupon-name{
    min-height: 28px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #000;
}
.coupon-page-title .coupon-datetime{
    height: 22px;
    font-size: 12px;
    line-height: 1.83;
    text-align: left;
    color: #000;
}
.coupon-page-title .coupon-datetime,.coupon-name{
    display: block;
}
.coupon-data{
    width: 100%;
    height: 70px;
    margin: 32px 0 30px;
    padding: 16px 16px;
    border-radius: 4px;
    border: solid 1px #dedee0;
    background-color: #f8f8f9;
}
.coupon-data span{
    display: inline-block;
    float: left;
    height: 20px;
    width: 80px;
    margin: 9px 5px 9px 0px;
    font-size: 16px;
    color: #121212;
    text-align: left;
    line-height: 1.25;
}
.coupon-data .coupon-code{
    font-weight: bold;
}
.coupon-data .coupon-button{
    display: inline-block;
    float: right;
    width: 110px;
    height: 38px;
    border-radius: 4px;
    border: solid 1px #008a81;
    background-color: #008a81;
    color: #fff;
    text-align: center;
}
.coupon-data .coupon-button-detail-used,.coupon-button-detail-full{
    display: inline-block;
    float: right;
    width: 82px;
    height: 38px;
    border-radius: 4px;
    border: solid 1px #dedee0;
    background-color: #f8f8f9;
    color: #999;
    text-align: center;
}
.coupon-data .coupon-button-detail-full{
    width: 96px;
}
.coupon-page-date img{
    max-width: 100%;
    height: auto;
}
.coupon-content-area{
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: rgba(0, 0, 0, 0.5);
    margin-top: 30px;
}
.coupon-content-area ul{
    list-style-type: decimal;
    padding-left: 15px;
}
.coupon-tips-top{
    display: none;
}
.coupon-tips{
    width: 138px;
    height: 38px;
    border-radius: 8px;
    background-color: #ffdd87;
    display: inline-block;
    float: right;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    margin-right: 9px;
}
.coupon-tips-top .coupon-tips img{
    width: 16px;
    height: 16px;
    display: inline-block;
    float: left;
    margin-top: 11px;
    margin-left: 16px;
}
.coupon-tips-light{
    display: inline-block;
    float: right;
    display: none;
    position: relative;
    top: -27px;
    left: 1px;
    z-index: 999;
}
.coupon-tips-light .coupon-tips{
    height: 38px;
    width: 128px;
}
.coupon-tips-light .polygon{
    margin-right: -131px;
    float: right;
    margin-top: 9px;
}
.coupon-tips-light .coupon-tips span{
    line-height: 38px;
    margin-right: 7px;
}
.coupon-tips-light .coupon-tips img{
    width: 16px;
    height: 16px;
    display: inline-block;
    float: left;
    margin-top: 10px;
    margin-left: 10px;
}
.coupon-tips span{
    font-size: 14px;
    line-height: 20px;
    width: 70%;
    display: inline-block;
    float: right;
}
.polygon{
    width: 13px;
    height: 13px;
    transform: rotate(45deg);
    background-color: #ffdd87;
    display: inline-block;
    margin-right: -142px;
    float: right;
    margin-top: 13px;
}
.coupon-empty-img{
    margin: 100px 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;
}
.header-top .pd-compare-box-viewall{
	color: #fff;
}
/* web oauth login revamp */
.header-top .column button{
	/* color: #999; */
	border:none;
	color: #777;
	font-size: 12px;
	background-color: transparent;
}
.header-top .column button:hover {
	/* color: #555; */
	text-decoration: none;
	/*text-decoration: underline;*/
}
.header-top .pd-compare-box .list-unstyled .pd-compare-box-bottom .pd-compare-box-clear{
	float: left;
    margin: 12px 0px 12px;
    background-color: #fff;
}