html, body {
	width: 100%;
	position: relative;
	background-color: #F5F5F5;
	font-family: "Helvetica Neue",Arial,"PingFang TC","蘋果儷中黑","Apple LiGothic Medium","微軟正黑體","Microsoft JhengHei","黑体",Hei,sans-serif;
	font-size: 14px;
	color: #3a3737;
	min-width: 1190px;
}
:hover,focus{
	/* outline: -webkit-focus-ring-color auto 0px; */
	outline: none;
}
a {
	text-decoration: none;
	color: inherit;
}
a:hover, a:focus {
	text-decoration: none;
	color: #08867d;
}
a[href^="mailto:"] {
	color: #00a499;
}
a[href^="mailto:"]:hover {
	text-decoration: underline;
}

img {
	max-width: 100%;
}

hr {
	border-bottom-color: #ccc;
	border-top: 0;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
}

.btn, .button {
	cursor: pointer;
}
.price-tag {
	font-size: 14px;
	color:#e02152;
	font-weight: bold;
}
.price-no {
	font-size: 18px;
	color:#e02152;
	font-weight: bold;
}
.discount-tag {
	font-size: 14px;
	font-weight: bold;
	color: rgb(255, 174, 26);
}

.whatsapp-icon img {
	width: 15px;
	vertical-align: middle;
	margin-left: 5px;
	margin-bottom: 2px;
}

.whatsapp-label{
	color: #12BC7E;
	padding-left: 3px;
}


/* div table */
.table {
	display: table;
}
.table-row {
	display: table-row;
}
.table-cell {
	display: table-cell;
	vertical-align: middle;
}

.margin-bottom-20 {
	margin-bottom: 20px;
}

h1{ }
h2{ }
h3{ }
h4{ }
h5{ }
h6{ }

.wrapper {
	position: relative;
}
.clear-float {
	float: none;
	clear: both;
}
.hidden-element {
	display: none !important;
}

.button-white,
.button-green,
.button-grey {
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	user-select: none;
	min-width: 100px;
	border-radius: .28571429rem;
	/* margin-right: 15px; */
	padding: 8px;
	cursor: pointer;
	/* margin-top: 5px; */
}
.button-white {
	background: #FFF;
	color: #00a499;
	border: 1px solid #00a499;
}
.button-green {
	background: #00a499;
	color: #FFF;
	border: 1px solid #00a499;
}
.button-grey {
	background: #999;
	color: #FFF;
	border: 1px solid #999;
}
.error-highlight {
	border: 1px solid #F13200 !important;
	background-color: #FDEAE5 !important;
}

/* Header */
.wrapper-header {
	background-color: #FFF;
}
.wrapper-header a {
	text-decoration: none;
}
.wrapper-header a:HOVER {
	text-decoration: underline;
}

.wrapper-header-top {
	height: 29px;
	border-bottom: 1px solid #e5e5e5;
	background-color: #f2f2f2;
	font-size: 13px;
}
.wrapper-header-top .header-top-content {
	width: 1200px;
	margin: 0 auto;
	color: #777777;
	line-height: 28px;
}
.wrapper-header-top .header-top-content .wrapper {
	float: left;
}
.wrapper-header-top .header-top-content .header-top-account-info > a,
.wrapper-header-top .header-top-content .header-top-links > a {
	padding-left: 7px;
	padding-right: 6px;
	border-right: 1px solid #bbbbbb;
}
.wrapper-header-top .header-top-content .header-top-account-info > button,
.wrapper-header-top .header-top-content .header-top-links > button {
    padding-left: 7px;
    padding-right: 6px;
    border: 0px;
    border-right: 1px solid #bbbbbb;
    color: inherit;
}
.wrapper-header-top .header-top-content .caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin: -0.2em 0 0 0.2em;
	vertical-align: middle;
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}
.header-back-to-price {
	margin-right: 10px;
}
.wrapper-header-top .header-top-content .header-top-account-info {
	margin-left: 10px;
}
.wrapper-header-top .header-top-content .header-top-links {
	float: right;
}
.wrapper-header-top .header-top-content .header-top-links #dlapp {
	border: 0px;
}
.wrapper-header-top .header-top-welcome {
	max-width: 130px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.wrapper-header-top .header-top-welcome .avatar_img {
	width:24px;
	height:24px;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	margin-right: 10px;
	float: left;
	margin-top: 2px;
}

.wrapper-header-middle {
	width: 1190px;
	margin: 0 auto;
	line-height: 88px;
	vertical-align: middle;
}

.header-logo, .header-create {
	display: inline-block;
	vertical-align: top;
}
.header-logo .img-logo {
	display: block;
	width: 190px;
}
.header-create {
	width: 150px;
	padding: 9px 12px;
	height: 40px;
	font-size: 16px;
	line-height: 28px;
	box-shadow: 0px 3px 0 0 rgba(6,123,114,1);
	box-sizing: border-box;
	background-color: #00a499;
	border-color: #00a499;
	color: white;
	border-radius: 4px;
	margin-top: 23px;
	float: right;
	text-align: center;
}
.header-create:hover {
	background-color: #08867d;
}

.wrapper-header-search {
	display: inline-block;
	width: calc(100% - 450px);
	border: 2px solid #00a499;
	border-radius: .4em;
	color: #BCBCBC;
	line-height: normal;
	vertical-align: middle;
}
.wrapper-header-search .wrapper.header-search-category{
	padding: 2px;
}
.wrapper-header-search .header-search-inner .wrapper,
.wrapper-header-search .header-search-inner .btn {
	display: inline-block;
	/* margin: 0 5px 0 0; */
	line-height: 35px;
}
.wrapper-header-search .header-search-inner .btn-category {
	padding: 0 15px;
	border-radius: .4em;
}
.wrapper-header-search .header-search-inner .btn-category-active {
	color: #00a499;
	background-color: #eaeaea;
}

.wrapper-header-search .header-search-inner .header-search-input{
	border-left: 1px solid #BCBCBC;
	line-height: 39px;
	width: calc(100% - 195px);
}

.wrapper-header-search #searchq {
	outline: none;
	border: 0px;
	padding: 0 10px;
}
#searchres {
	position: absolute;
	border-radius: unset;
	border: 1px solid #CCC;
	padding: 0;
	z-index: 8;
	width: 350px;
	background-color: #FFF;
	color: #333;
}
#searchres li {
	text-align: left;
	list-style: none;
	cursor: pointer;
	padding: 10px 1em 10px .4em;
	font-size: 14px;
	border-bottom: 1px solid #f1f1f1;
	line-height: 14px;
}
#searchres div {
	text-align:center;
	font-size: 12px;
	height: 30px;
	line-height: 25px;
	vertical-align: middle;
	color: #666666;
	cursor: pointer;
	padding: 4px 5px;
}
#searchres div:hover,
#searchres li:hover {
	background-color: #ECECEC;
}
.wrapper-header-search .header-search-inner .header-search-input .header-search-input::-webkit-input-placeholder {
	color: rgba(7, 88, 82, 0.5);
}
.wrapper-header-search .header-search-inner .header-search-input .header-search-input::-moz-placeholder {
	color: rgba(7, 88, 82, 0.5);
}
.wrapper-header-search .header-search-inner .header-search-input .header-search-input:-ms-input-placeholder {
	color: rgba(7, 88, 82, 0.5);
}
.wrapper-header-search .header-search-inner .header-search-input .header-search-input:-moz-placeholder {
	color: rgba(7, 88, 82, 0.5);
}
.header-search-hot-search a:hover {
	opacity: 0.8;
}
.wrapper-header-search .header-search-inner .btn_search{
	background: #00a499;
	color: #FFF;
	border-radius: .2em;
	padding: 10px 22px;
	cursor: pointer;
	position: relative;
	vertical-align: top;
	transition: 0.1s;
}
.wrapper-header-search .header-search-inner .btn_search:hover {
	background: #08867d;
}
.wrapper-header-search .header-search-inner .btn_search img {
	display: block;
}
.wrapper-header-search .header-search-inner .header-search-hot-search {
	margin-top: 10px;
	text-align: left;
	color: #FFF;
	width: 714px;
	font-size: 12px;
}

/* Swiper */
/* Ho WU - style back from swiper v4 */
.swiper-button-next, .swiper-button-prev {
	background-position: center;
	background-size: 27px 44px;
	background-repeat: no-repeat;
}

.swiper-button-next:after, .swiper-button-prev:after {
	content: none;
	font-family: initial;
	font-size: initial;
	text-transform: initial;
	letter-spacing: initial;
	line-height: initial;
}

/*autocomplete*/
#search-box{
	width:500px !important;
}

#search-more{
	text-align:  center;
	font-size: 13px;
	color: #00a499;
	display: block;
}

.ui-widget-content {
	color: #373a37;
	border: 1px solid #aaaaaa;
}
.ui-menu .ui-menu-item {
	padding: 10px 1em 10px .4em;
	font-size: 14px;

	border-bottom: 1px solid #f1f1f1;
}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus {
	border: 1px solid #aaa;
	border-top-color: #e1e1e1;
	border-bottom-color: #e1e1e1;
	border-bottom-width: 1px;
	background: #eee;
	font-weight: normal;
	color: #111;
	padding: 10px 1em 11px .4em;
}
.ui-state-hover:first-child,.ui-widget-content .ui-state-hover:first-child,.ui-widget-header .ui-state-hover,.ui-state-focus:first-child,.ui-widget-content .ui-state-focus:first-child,.ui-widget-header .ui-state-focus:first-child {
	border-top-color: #aaa;
}
.ui-state-hover:last-child,.ui-widget-content .ui-state-hover:last-child,.ui-widget-header .ui-state-hover:last-child,.ui-state-focus:last-child,.ui-widget-content .ui-state-focus:last-child,.ui-widget-header .ui-state-focus:last-child {
	border-bottom-color: #aaa;
}


.pd-compare-box-container { float: left; }
.pd-compare-box .list-empty { min-height: 0px; height: 60px; padding-top:0; }
.pd-compare-box .list-empty .info-message { padding-top: 0px; line-height: 60px; font-size:13px; color:#666666; text-align: center; }
.pd-compare-box { display: block; position: absolute; background: #ffffff; z-index: 140000; width: 318px; border: 1px solid #666666; display: none; margin-top:30px; }
.pd-compare-box ul{ margin: 0; margin-top: 0; padding:0; }
.pd-compare-box ul li{ display: block; overflow: hidden; height: 60px; background: url("/images/web/icon/item_rank_line.png") repeat-x 0 59px; position:relative; }
.pd-compare-box ul li:last-child { background: none; }
.pd-compare-box ul li a{  display:block; margin: 0; padding-left: 20px; background: url("/images/web/icon/list_bullet_01.png") no-repeat 8px 28px; font-size: 11px; line-height: 60px; height: 60px; width: 100%; color:#666666!important; }
.pd-compare-box ul li a:hover { background: url("/images/web/icon/list_bullet_02.png") no-repeat 8px 28px #eeeeee; color:#00a499!important; }

.pd-compare-box .compare-item-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	color: #FFF;
	background-color: rgba(0,0,0,0.65);
	font-size: 12px;
	line-height: 60px;
	text-align: center;
	display: none;
}
.pd-compare-box .arrow { position: absolute; background: #777777; margin-top: 0px; z-index: 140000; margin-left: 250px; display:block; }
.pd-compare-box-container.logged-in .arrow { margin-left: 111px; }
.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-bottom .clear-all{ float:left; margin:12px 10px; border:0px;background-color: transparent;color: inherit; }
.pd-compare-box-viewall { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid #0000; border-radius: 4px; float:right; margin:8px 10px; padding: 3px 6px; font-size: 13px; color: #FFF; background-color: #00a499; border-color: #00a499; }
.pd-compare-box-viewall:HOVER { color: #fff; background-color: #008a82; border-color: #008a82; outline: none !important;}
.pd-compare-box ul li img{ vertical-align: middle; margin-right:5px; color: #fff; }
.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; }
.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; }


.browse-history-box-container { float: left; position: absolute; }
.browse-history-box { position: absolute; background: #ffffff; z-index: 140000; width: 318px; border: 1px solid #666666; display: none; margin-top:6px; }
.browse-history-box ul{ padding:0;margin:0;}
.browse-history-box ul li{ display: block; overflow: hidden; height: 27px; background: url("images/web/icon/item_rank_line.png") repeat-x 0 26px; }
.browse-history-box ul li:last-child { background: none; }
.browse-history-box ul li a{ margin: 0; background: url("/images/web/icon/list_bullet_01.png") no-repeat 8px 10px; padding-left: 20px; font-size: 11px; line-height: 27px; display:block; height: 27px; width:100%; color:#666666!important; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.browse-history-box ul li a:hover { background: url("/images/web/icon/list_bullet_02.png") no-repeat 8px 10px #eeeeee; color:#00a499!important; }
.active a{ color:#555555; }
.browse-history-box .arrow { position: absolute; background: #777777; margin-top: 0px; margin-left: 172px; z-index: 140000; }
.browse-history-box-container.logged-in .browse-history-box .arrow { margin-left: 33px; }
.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 { min-height: 0px; height: 60px; padding-top:0; text-align: center; }
.browse-history-box .list-empty .info-message { padding-top: 0px; line-height: 60px; font-size:13px; color:#666666; }

.dlapp-box-container { display: inline-block; position: relative; margin-left: 5px; line-height: 1; cursor: pointer; }
.dlapp-box { display: block; position: absolute; background: #ffffff; z-index: 140000; margin-left: -40px; }
#app_qr { z-index: 9999000; position: absolute; top: 0; 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; width: 140px; display: none; }
#dlapp { cursor: pointer; }


.p {position: absolute; width: 0; height: 0px; padding: 0; margin: 0; visibility: hidden;}


/* Body */
.section-page {
	position: relative;
	width: 1190px;
	margin: 0 auto;
	padding: 0 0 20px;
}

.wrapper-main {
	display: inline-block;
	width: 870px;
	float: left;
}

.wrapper-adv {
	display: inline-block;
	width: 300px;
	float: left;
	padding-top: 20px;
	padding-left: 0;
	margin-left: 20px;
}

/* Ad */
#ad0 {width:auto; height:auto; margin:10px auto; text-align:center; float:none; display:inline-block;} /* angus 2013-11-28 */
#ad1 {width:300px; height:auto} /* don't set fixed height, need to support adsfactor 300x600 ad */
#ad2 {width:970px; min-height:90px; margin:20px auto 5px; text-align:center; } /* angus 2013-11-28 */
#ad4 {width:160px; height:600px}
#ad5 {width:300px; height:auto; margin-top:8px}
#ad8 {width:300px; height:auto; margin:8px 0; margin-bottom: 22px; display:none} /* don't set fixed height to support ysm */
#ad9 {width:970px; height:18px}
#ad9 a {font-size:15px; font-weight:bold; text-decoration:underline}
#ad9 a:hover {text-decoration:underline}


/* breadcrumb */
.nav-top-menu {
	padding-top: 20px;
	margin-bottom: 10px;
}
.nav-top-menu .nav-top-breadcrumb {
	color: #222222;
	/* margin-left: 10px; */
	display: inline-block;
	font-size: 13px;
}
.nav-top-menu .nav-top-breadcrumb .breadcrumb-current {
	color: #00a499;
}

/* Custom Checkboxes */
/* The container */
.wrapper-checkbox input[type='checkbox']:disabled {
	cursor: default;
}
.wrapper-checkbox,
.wrapper-radio {
	position: relative;
	padding-left: 20px;
	cursor: pointer;
	font-size: 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.wrapper-checkbox input,
.wrapper-radio input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	vertical-align: top;
}
.wrapper-checkbox .checkbox-text,
.wrapper-radio .checkbox-text{
	vertical-align: middle;
}
/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 16px;
	width: 16px;
	background-color: #FFF;
	border: 1px solid #DDD;
	border-radius: .28571429rem;
}
.checkmark.radio {
	border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.wrapper-checkbox:hover input:not([disabled]) ~ .checkmark,
.wrapper-radio:hover input:not([disabled]) ~ .checkmark {
	/* background-color: #CCC; */
	border: 1px solid #00a499;
}

/* When the disabled, add a blue background */
.wrapper-checkbox input:disabled ~ .checkmark,
.wrapper-radio input:disabled ~ .checkmark {
	background-color: #EEE;
	cursor: default;
}

/* When the checkbox is checked, add a blue background */
.wrapper-checkbox input:checked ~ .checkmark,
.wrapper-radio input:checked ~ .checkmark {
	background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.wrapper-checkbox input:checked ~ .checkmark:after,
.wrapper-radio input:checked ~ .checkmark:after {
	display: block;
}

/* Show the checkmark when checked */
.wrapper-checkbox .attr-text,
.wrapper-radio .attr-text {
	margin-left: 5px;
}

/* Style the checkmark/indicator */
.wrapper-checkbox .checkmark:after{
	left: 4px;
	top: 1px;
	width: 4px;
	height: 8px;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
/* Style the indicator (dot/circle) */
.wrapper-radio .checkmark.radio:after {
	top: 3px;
	left: 3px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}


/* PAGER */
.wrapper-pager-sort-view {
	padding-top: 5px;
}
.pagination-wrapper-green {
	min-width: 1px;
	margin: 0;
	text-align: left;
	display: block;
	padding-left: 0;
	padding-bottom: 5px;
}
.pagination-wrapper-green ul {
	margin: 0;
}
.pagination > li > a {
	position: relative;
	float: left;
	margin-left: -1px;
	line-height: 1.42857143;
	text-decoration: none;
	box-sizing: border-box;
}
.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 > .active > button, .pagination-wrapper-green .pagination > .active > button:hover {
	border: 0;
	background-color: #def1f0;
	border-radius: 2px;
	color: #08867d;
	font-weight: bold;
	border: 0px;
}

.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 > button:focus, .pagination-wrapper-green .pagination > li.active > button:focus {
	background-color: #bee8e6;
	color: #00a499;
	font-weight: bold;
	border: 0px;
}

.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;
	cursor: pointer;
}

.pagination-wrapper-green .pagination > li > a:hover {
	background-color: #def1f0;
	color: #00a499;
	font-weight: bold;
}

.pagination-wrapper-green .pagination > li > button {
	border: 0;
	height: 26px;
	min-width: 26px;
	padding: 3px 5px;
	border-radius: 2px;
	margin-right: 2px;
	color: #545454;
	text-align: center;
	cursor: pointer;
	background-color: transparent;
}

.pagination-wrapper-green .pagination > li > button:hover {
	background-color: #def1f0;
	color: #00a499;
	font-weight: bold;
	border: 0;
}

.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;
	display: inline-block;
	vertical-align: middle;
}

.pagination-wrapper-green .pagination {
	display: inline-block;
	padding-left: 0;
	margin: 0;
	border-radius: 4px;
	vertical-align: middle;
}

.pagination-wrapper-green .pagination > li {
	display: inline;
}
.pagination-wrapper-green .text-arrow {
	font-size: 11px;
	transform: scaleX(0.7);
	-webkit-transform: scaleX(0.7);
	display: inline-block;
}



/* pagination bottom */

.pagination-total-wrapper {
	display: inline-block;
}

.wrapper-pager-bottom {
	display: block;
	width: 100%;
	padding-bottom: 30px;
}
.pagination-bottom-center {
	text-align: center;
	margin: 20px auto;
	display: block;
	width: 100%;
	height: 38px;
}
.pagination-bottom-center .pagination > li {
	display: inline;
}
.pagination-bottom-center .pagination-wrapper{
	margin: 0 auto;
	text-align:center;
	min-width:1px;
}
.pagination-bottom-center .pagination-wrapper .pagination{
	display: inline-block;
	padding-left: 0;
	margin: 0;
	border-radius: 4px;
}
.pagination-bottom-center .line
.pagination-bottom-center .column{
	overflow: hidden;
}

.pagination-bottom-center ~ .column, .pagination-bottom-center > .column {
	float: none;
	display: inline-block;
	vertical-align: middle;
	width: auto;
	height: 40px;
}

.product-detail-tab-content .pagination-bottom-center .column-01 {
	padding-bottom: 0;
	height: 38px;
}

.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;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #434a54;
	border-color: #aab2bd;
	display: block;
	font-size: 14px;
	line-height: 1.42857143;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-moz-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	/*transition: border-color ease-*/
}

.pagination-bottom-center .page-jump-wrapper {
	padding: 4px 0;
}

.pagination-bottom-center .btn-small {
	margin-top: 6px;
	padding: 2px 8px;
	background-color: #00a499;
	border-color: #00a499;
	color: white;
	display: inline-block;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}

.pagination-bottom-center .pagination > li > a {
	border: 1px solid #dedede;
	padding: 8px 11px;
	cursor: pointer;
}

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

.pagination-bottom-center .pagination > li > a {
	padding: 8px 15px;
}


.pagination-bottom-center .pagination > li > button {
	border: 1px solid #dedede;
	padding: 8px 11px;
	cursor: pointer;
	background-color: transparent;
}

.pagination-bottom-center .pagination > li:nth-child(2) button {
	border-left: 1px solid #dedede;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	background-color: transparent;
}

.pagination-bottom-center .pagination > li:nth-last-child(2) button {
	border-right: 1px solid #dedede;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	background-color: transparent;
}

.pagination-bottom-center .pagination .prev-btn button, .pagination-bottom-center .pagination .next-btn button {
	border: 0;
	margin-left: 0;
}

.pagination-bottom-center .pagination .prev-btn button: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 button:after {
	content: "▶";
	font-size: 12px;
	display: inline-block;
	transform: scaleX(0.7);
	-webkit-transform: scaleX(0.7);
	margin-left: 2px;
	background-color: transparent;
}

.pagination-bottom-center .pagination .prev-btn button, .pagination-bottom-center .pagination .next-btn button {
	color: #00a499;
	font-size: 13px;
	line-height: 24px;
	background-color: transparent;
}

.pagination-bottom-center .pagination .prev-btn button:hover, .pagination-bottom-center .pagination .next-btn button:hover {
	background-color: inherit;
	color: #08867d;
	cursor: pointer;
}

.pagination-bottom-center .pager-ellipsis button {
	pointer-events: none;
}

.pagination-bottom-center .pagination > li.active > button {
	background-color: #00a499;
	color: #fff;
	font-weight: bold;
	border-color: #00a499;
}

.pagination-bottom-center .pagination li.active button:hover {
	background-color: #00a499;
	color: #fff;
	border-color: #dedede;
}

.pagination-bottom-center .pagination > li:hover > button {
	background-color: #e5f6f5;
	color: #00a499;
	transition: 0.1s;
}

.pagination-bottom-center .pagination > li > button:focus {
	background-color: #09837a;
	color: #fff;
}

.pagination-bottom-center .pagination .prev-btn.disabled button, .pagination-bottom-center .pagination .next-btn.disabled button {
	pointer-events: none;
	color: #cccccc;
}

.pagination-bottom-center .pagination > li > button {
	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 {
	/*▶*/
}


.wrapper-sort {
	float: right;
	padding: 0;
	display: inline-block;
}
.wrapper-view{
	float: right;
	padding: 0;
	margin-left: 20px;
	display: inline-block;
}


/* Sort */
.filter-unit-grey {
	margin: 0;
	/*height: 54px;*/
	position: relative;
}

.filter-unit-grey .filter-label {
	color: #949494;
	padding-right: 7px;
	padding-top: 6px;
	font-size: 13px;
	display: block;
	float: left;
}

.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: 4px 27px 4px 9px;
	font-size: 13px;
	font-size: inherit;
	border-color: #ccc;
}

.filter-unit-grey:after {
	content:"";
}

.filter-unit-grey .btn-group:after {
	content:"▼";
	color: #707070;
	font-size: 11px;
	position: absolute;
	right: 10px;
	top: 8px;
	transform: scaleY(0.8);
	pointer-events: none;
}

.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;
}
.filter-unit-grey  .btn-group {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

/* View */
#view-switch .btn {
	background-size: 13px!important;
	border-radius: 2px;
	width: 26px;
	height: 26px;
	display: inline-block;
}

#view-switch .btn:hover {
	background-color: #def1f0;
}

#view-switch .btn.view-list.active, #view-switch .btn.view-grid.active {
	background-color: #def1f0;
	border: 0px;
}

#view-switch .btn.view-list.active:hover, #view-switch .btn.view-grid.active:hover {
	background-color: #def1f0;
	border: 0px;
}

#view-switch .btn.view-grid:hover, #view-switch .btn.view-list:hover {
	background-color: #bee8e6;
	border: 0px;
}

#view-switch .btn.view-grid:focus, #view-switch .btn.view-list:focus {
	background-color: #b8dcda;
	border: 0px;
}

#view-switch .btn.view-list {
	background: url('/images/web/icon/car_view_switch_a.png') no-repeat 50% #fff;
	margin-right: 2px;
	border: 0px;
}

#view-switch .btn.view-grid {
	background: url('/images/web/icon/car_view_switch_b.png') no-repeat 50% #fff;
	border: 0px;
}

#view-switch .btn.view-list:hover {
	background: url('/images/web/icon/car_view_switch_a_hover.png') no-repeat 50% #def1f0;
}

#view-switch .btn.view-grid:hover {
	background: url('/images/web/icon/car_view_switch_b_hover.png') no-repeat 50% #def1f0;
	border: 0px;
}

#view-switch .btn.view-list.active {
	background: url('/images/web/icon/car_view_switch_a_hover.png') no-repeat 50% #def1f0;
	cursor: default;
}

#view-switch .btn.view-grid.active {
	background: url('/images/web/icon/car_view_switch_b_hover.png') no-repeat 50% #def1f0;
	cursor: default;
	border: 0px;
}


.wrapper-empty {
	margin: 90px auto 30px;
	text-align: center;
}
.wrapper-empty .empty-link {
	margin: 5px 0;
	color: #00a499;
	font-size: 15px;
	line-height: 31px;
}
.wrapper-empty .empty-link:hover {
	color: #08867d;
}
.wrapper-empty .empty-text {
	color: #aaa;
	margin: 10px 0 0px 0;
	font-size: 17px;
	/* font-weight: bold; */
}


/* Grid Product */
.grid-product {
	background: #FFF;
	padding: 0;
	text-align: center;
}

.grid-product-a {
	padding: 10px 0 0;
}
.grid-product .product-image {
	overflow: hidden;
	position: relative;
}

.grid-product .product-image .offer-icon, .grid-product-c .product-image .offer-icon {
	position: absolute;
	width: 80px;
	height: 25px;
	bottom: 0px;
	right: 0px;
}

.grid-product-b .product-image .offer-icon {
	position: absolute;
	width: 64px;
	height: 20px;
	bottom: 0px;
	right: 0px;
}

/* Grid Product A */
.grid-product-a .wrapper-product {
	display: inline-block;
	margin: 0 0 0 10px;
	width: 240px;
}
.grid-product-a .wrapper-product .product-image {
}
.grid-product-a .wrapper-product .product-detail {
	text-align: left;
	margin: 10px 0;
}
.grid-product-a .wrapper-product .product-detail > div {
	margin-bottom: 5px;
}
.grid-product-a .wrapper-product .product-detail > div:last-child {
	margin-bottom: 0px;
}
.grid-product-a .wrapper-product .product-detail .product-detail-name {
	width: 95%;
	float: left;
	font-size: 16px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.grid-product-a .wrapper-product .product-detail .product-detail-size {
	width: 20%;
	float: right;
	font-size: 16px;
	text-align: right;
}
.grid-product-a .wrapper-product .product-detail .product-detail-attr span.right-border{
	padding-right: 6px;
}
.grid-product-a .wrapper-product .product-detail span.right-border{
	border-right: 1px solid #bbbbbb;
}
.grid-product-a .wrapper-product .product-detail .product-detail-price {
	color: #e02152;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 4px;
}
.grid-product-a .wrapper-product .product-detail .product-detail-agency {
	font-size: 12px;
	color: #999;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.grid-product-a .wrapper-product .product-detail-price .text-price-unit {
	font-size: 14px;
}


/* Grid Product B */
.grid-product-b .wrapper-product {
	display: inline-block;
	margin: 10px;
	width: 410px;
	text-align: left;
}
.grid-product-b .wrapper-product .product-image {
	width: 160px;
	height: 90px;
	max-width: 160px;
	max-height: 90px;
	background-position: 50%;
	margin: 0 auto;
	background-size: cover;
	background-repeat: no-repeat;
	vertical-align: middle;
	display: inline-block;
}
.grid-product-b .wrapper-product .product-detail {
	text-align: left;
	margin: 10px 0 0;
	display: inline-block;
	vertical-align: middle;
}
.grid-product-b .wrapper-product .product-detail > div{
	/* height: 32px; */
	margin-bottom: 5px;
	/* overflow: hidden; */
	/* text-overflow: ellipsis; */
	/* display: -webkit-box; */
	/* -webkit-line-clamp: 2; */
	/* -webkit-box-orient: vertical; */
}
.grid-product-b .wrapper-product .product-detail .product-detail-attr{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 15px;
	height: 32px;
}
.grid-product-b .wrapper-product .product-detail .product-detail-price{
	min-height: 20px;
	margin-bottom: 0px;
}
.grid-product-b .wrapper-product .product-detail .product-detail-name {
	width: 95%;
	/* float: left; */
	font-size: 16px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	/* overflow: hidden; */
	/* text-overflow: ellipsis; */
	/* display: -webkit-box; */
	/* -webkit-line-clamp: 2; */
	/* -webkit-box-orient: vertical; */
}
.grid-product-b .wrapper-product .product-detail .product-detail-size {
	width: 20%;
	float: right;
	font-size: 16px;
	text-align: right;
}
.grid-product-b .wrapper-product .product-detail .product-detail-attr span.right-border{
	padding-right: 6px;
}
.grid-product-b .wrapper-product .product-detail span.right-border{
	border-right: 1px solid #bbbbbb;
}
.grid-product-b .wrapper-product .product-detail-price {
	color: #e02152;
	font-weight: bold;
	font-size: 18px;
}
.grid-product-b .wrapper-product .product-detail-price .text-price-unit {
	font-size: 14px;
}

/* Grid Product C */
.grid-product-c .wrapper-product {
	display: inline-block;
	margin: 15px 4px;
	width: 200px;
}
.grid-product-c .wrapper-product .product-image {
	width: 200px;
	height: 113px;
	max-width: 200px;
	max-height: 113px;
	position: relative;
	background-position: 50%;
	margin: 0 auto;
	background-size: cover;
	background-repeat: no-repeat;
}

.grid-product-c .wrapper-product .product-detail {
	text-align: left;
	margin: 10px 0 0;
}
.grid-product-c .wrapper-product .product-detail > div{
	margin-bottom: 5px;
}
.grid-product-c .wrapper-product .product-detail .product-detail-name {
	width: 95%;
	float: left;
	font-size: 16px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.grid-product-c .wrapper-product .product-detail .product-detail-size {
	width: 20%;
	float: right;
	font-size: 16px;
	text-align: right;
}
.grid-product-c .wrapper-product .product-detail .product-detail-attr span.right-border{
	padding-right: 6px;
}
.grid-product-c .wrapper-product .product-detail span.right-border{
	border-right: 1px solid #bbbbbb;
}
.grid-product-c .wrapper-product .product-detail-price {
	color: #e02152;
	font-weight: bold;
	font-size: 18px;
}
.grid-product-c .wrapper-product .product-detail-price .text-price-unit {
	font-size: 14px;
}


/* List View Master */
.wrapper-list-product {
	width: 100%;
	padding: 0 0 10px;
	text-align: left;
	border-spacing: 0 10px;
}

/* List View A */
.list-product-a {
	background-color: #FFF;
	padding: 0 10px 10px;
}
.list-product-a .wrapper-product {
	width: 100%;
	border-bottom: 1px dashed #eaeaea;
	padding: 15px 5px;
	position: relative;
}
.list-product-a .wrapper-product .wrapper-sold-out{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #FFF;
	pointer-events: none;
}
.list-product-a .wrapper-product > .wrapper{
	float: left;
	box-sizing: border-box;
}
.list-product-a .wrapper-product .wrapper-product-compare,
.list-product-a .wrapper-product .wrapper-product-image {
	float: left;
	width: 260px;
	margin-right: 10px;
}
.list-product-a .wrapper-product .wrapper-product-image .product-image {
	width: 260px;
	height: 146px;
	text-align: center;
	padding: 0 15px;
	box-sizing: border-box;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	position: relative;
	overflow: hidden;
}
.list-product-a .wrapper-product .wrapper-product-image .product-image .offer-icon {
	position: absolute;
	width: 80px;
	height: 25px;
	bottom: 0px;
	right: 0px;
}
.list-product-a .wrapper-product .wrapper-product-name-attribute {
	width: calc(100% - 450px);
	position: relative;
	min-height: 146px;
}
.list-product-a .wrapper-product-name-attribute .product-name {
	font-size: 20px;
	font-weight: bold;
	display: inline-block;
}
.list-product-a .wrapper-product-name-attribute .product-attribute {
	margin: 10px 0;
	font-size: 13px;
}
.list-product-a .wrapper-product-name-attribute .attribute-separater {
	border-right: 1px solid #000;
	margin: 0 8px;
}
.list-product-a .wrapper-product-name-attribute .attribute-separater:last-child {
	border-right: 0px;
}
.wrapper-grid .attribute-separater {
	border-right: 1px solid #bbbbbb;
	margin: 0 4px;
}
.wrapper-grid .attribute-separater:last-child {
	border-right: 0px;
}
.list-product-a .wrapper-product-name-attribute .product-description {
	font-size: 14px;
	max-height: 60px;
	overflow: hidden;
	line-height: 20px;
	margin-bottom: 20px;
}
.list-product-a .wrapper-product-name-attribute .product-agency {
	margin: 0;
	width: 100%;
	position: absolute;
	bottom: 0px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.list-product-a .wrapper-product .wrapper-product-price {
	text-align: right;
	float: right;
	width: 170px;
	padding: 0 0 0 10px;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
}
.list-product-a .wrapper-product .wrapper-product-price .text-price-unit {
	font-size: 14px;
}
.list-product-a .wrapper-product .wrapper-product-price .product-price {
	color: #e02152;
}
.list-product-a .wrapper-product .wrapper-product-price .product-price-original {
	color: #999999;
	text-decoration: line-through;
	font-weight: normal !important;
	font-size: 16px;
}
.list-product-a .wrapper-product .wrapper-product-price .product-price a { color: #e02152; }
.list-product-a .wrapper-product .wrapper-product-price .product-price a:HOVER { color: #c91547; }
.list-product-a .wrapper-product .wrapper-product-price .product-detail-button {
	width: 150px;
	padding: 6px 12px;
	height: 40px;
	font-size: 16px;
	line-height: 28px;
	box-shadow: 0px 3px 0 0 rgba(6,123,114,1);
	box-sizing: border-box;
	background-color: #00a499;
	border-color: #00a499;
	color: white;
	border-radius: 4px;
	margin-top: 10px;
	margin-bottom: 20px;
	float: right;
	text-align: center;
}
.list-product-a .wrapper-product .wrapper-product-compare {
	text-align: center;
	margin-top: 5px;
}
.list-product-a .wrapper-product .wrapper-product-compare .attr-text {
	margin-left: 5px;
}
.list-product-a .wrapper-product .wrapper-product-contact {
	margin-top: 5px;
	width: calc(100% - 430px);
}
.list-product-a .wrapper-product-contact .product-contact-content{
	margin-right: 10px;
}
.list-product-a .wrapper-product .wrapper-product-update-date {
	float: right;
	width: 160px;
	padding: 0 0 0 10px;
	margin-top: 5px;
	text-align: right;
}


/* List View B */

.wrapper-pager-filter {
	padding: 15px 10px 0;
	border-top: 1px solid #D6D6D6;
	background-color: #FFF;
}

.wrapper-list-product-b {
	background: #FFF;
	position: relative;
}
.wrapper-list-product-b .list-product-row {
	margin-bottom: 20px;
	width: 100%;
	position: relative;
}
.wrapper-list-product-b .list-product-row.wrapper-sold-out{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
	filter: alpha(opacity=35);
	-moz-opacity: 0.35;
	-khtml-opacity: 0.35;
	opacity: 0.35;
}
.wrapper-list-product-b .row-title {
	color: #8e8e93;
	background: #eeeeee;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	font-weight: bold;
}
.wrapper-list-product-b .row-title .list-item {
	/* text-align:center; */
}
.wrapper-list-product-b .list-item {
	padding: 5px;
	font-size: 14px;
}
.wrapper-list-product-b .list-item { }
.wrapper-list-product-b .list-item.product-detail-image .product-image {
	cursor: pointer;
	width: 150px;
	height: 84px;
	text-align: center;
	padding: 0 15px;
	box-sizing: border-box;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	position: relative;
	overflow: hidden;
}
.wrapper-list-product-b .list-item.product-detail-image .product-image .offer-icon {
	position: absolute;
	width: 64px;
	height: 20px;
	bottom: 0px;
	right: 0px;
}
.wrapper-list-product-b .list-item.product-detail-edit a { color: #00a499; }

.wrapper-list-product-b .list-item.list-item-checkbox { width: 30px; }
.wrapper-list-product-b .list-item.product-detail-id {width: 75px;}
.wrapper-list-product-b .list-item.product-detail-image {width: 8%;}
.wrapper-list-product-b .list-item.product-detail-detail {width: 18%;}
.wrapper-list-product-b .list-item.product-detail-price {  }
.wrapper-list-product-b .list-item.product-detail-date {width: 90px;}
.wrapper-list-product-b .list-item.product-detail-compare {width: 60px;}
.wrapper-list-product-b .list-item.product-detail-edit {width: 70px;}

.wrapper-product-compare .wrapper-checkbox button{ background-color: transparent; }
.wrapper-product-compare .wrapper-checkbox button:hover{ background-color: transparent;color: #08867d; text-decoration: none;cursor: pointer;}
.wrapper-list-product-b .product-detail-compare .attr-text { width: 30px;  display: inline-block; vertical-align: middle;}




/* FOOTER */

/*Footer*/

.page-view-footer,
.footer-all {
	width: 100%;
}

.footer-all {
	display: block;
	font-weight: bold;
}

.footer-upper {
	background-color: #00a499;
	padding: 25px 0 35px;
}

.page-view-respond-control {
	display: block;
	width: 990px;
	margin: 0 auto;
}

@media screen and (min-width: 1225px) {
	.page-view-respond-control {
		width: 1190px;
		padding: 0 8px;
	}
}

.footer-upper .column {
	display: inline-block;
	margin-right: 30px;
	vertical-align: top;
}

.list-title {
	font-weight: bold;
	display: block;
	font-size: 16px;
	color: #195353;
	margin-bottom: 10px;
}

.list-wrapper {
	display: flex;
	flex-direction: row;
}

.list-content {
	color: #195353;
	font-size: 14px;
	list-style: none;
	font-weight: normal;
	padding: 0;
	margin: 0 25px 0 0;
	vertical-align: top;
	line-height: 20px;
}

.list-content a {
	color: #195353;
	text-decoration: none;
}

.list-content a:hover {
	color: #fff;
}

.qr-wrapper img {
	width: 90px;
}

.social-media-wrapper {
	font-size: 14px;
	color: #195353;
	font-weight: normal;
	position: relative;
}

.social-media-wrapper .follow-icon {
	width: 30px;
	height: 30px;
	margin-right: 2px;
	vertical-align: middle;
	display: inline-block;
}

.follow-icon.follow-fb {
	background-image: url('/images/web/footer/follow-fb-icon.png');
	background-size: 30px 30px;
}

.follow-icon.follow-fb:hover {
	background-image: url('/images/web/footer/follow-fb-icon-white.png');
}

.follow-icon.follow-wechat {
	background-image: url('/images/web/footer/follow-wechat-icon.png');
	background-size: 30px 30px;
}

.follow-wechat-wrapper {
	display: inline-block;
	cursor: pointer;
}

.follow-wechat-wrapper:hover .follow-icon.follow-wechat {
	background-image: url('/images/web/footer/follow-wechat-icon-white.png');
}

.follow-wechat-wrapper:hover span {
	color: #fff;
}

.social-media-wrapper .qr-icon-small {
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-left: 5px;
	display: inline-block;
	background-image: url('/images/web/footer/qr-code-icon-small.png');
	background-size: 20px 20px;
}

.follow-wechat-wrapper:hover .qr-icon-small {
	background-image: url('/images/web/footer/qr-code-icon-small-white.png');
}

.wc-qr-img {
	position: absolute;
	right: -75px;
	margin-top: -65px;
	display: none;
	width: 100px;
	height: 120px;
	background: #ffffff;
	font-size: 14px;
	color: #333333;
	text-align: center;
}

.follow-wechat-wrapper:hover ~ .wc-qr-img,
.wc-qr-img:hover {
	display: block;
}

.footer-bottom {
	background-color: #2E4C4A;
	padding: 10px 0 15px;
	font-size: 13px;
	font-weight: normal;
}

.footer-bottom .list {
	display: inline-block;
}

.footer-bottom .list-item {
	font-size: 13px;
	margin-right: 10px;
	color: #fff;
	text-decoration: none;
}

.footer-bottom .list-item:hover {
	opacity: 0.5;
}

.footer-bottom .list-right {
	float: right;
	color: #fff;
}

.footer-bottom .list-right .list-item {
	border-left: 1px solid #fff;
	margin: 0;
	padding-left: 5px;
	padding-right: 6px;
	font-size: 13px;
}

.footer-bottom .list-right .list-item:first-child {
	border: none;
}



/* Empty Search */
.list-empty-search {
	color: #222222;
	min-height: 0;
	padding: 100px 0;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	background-color: #FFF;
}
.list-empty-search .info-message {

}
.list-empty-search #search-again {
	cursor: pointer;
}
.list-empty-search #empty-search-result {
	color: #f13200;
}
.list-empty-search .empty-search-btn {
	color: #00a499;
	cursor: pointer;
}

#fancybox-close {
	background-image: url('/images/web/fb/fancy_close.png') !important;
	top: -15px !important;
	right: -20px !important;
	display: inline;
	position: absolute;
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	z-index: 1103;
}

.change_profile_image{
	font-size:12px;
	color:#00a499;
	padding-bottom: 10px;
}

.grid-product .swiper-wrapper .wrapper-product  .product-detail-attr{
	height: 16px;
	max-height: 16px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.grid-product-c .product-detail .product-detail-attr{
	height: 16px;
	max-height: 16px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.grid-product-c .product-detail .product-detail-attr .attribute-separater {
	border-right: 1px solid #3a3737;
	margin: 0 4px;
}
.grid-product-c .product-detail .product-detail-attr .attribute-separater:last-child {
	border-right: 0px;
}

.grid-product-c .product-detail .product-detail-attr .attribute-separater {
	border-right: 1px solid #3a3737;
	margin: 0 4px;
}
.grid-product-c .product-detail .product-detail-attr .attribute-separater:last-child {
	border-right: 0px;
}

.wrapper-list-product .price-no {
	font-size: 14px;
}
.wrapper-list-product .price-sold-out {
	color : #545454;
	font-weight: bold;
}

.grid_a_org_price, .grid_b_org_price, .grid_c_org_price{
	text-decoration: line-through;
	font-size: 13px;
	font-weight: normal;
	color:#999999;
}

.blank-page{
	height: 100vh;
	margin-top: -355px;
}
.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currentlysupported by Chrome and Opera */
}

.wrapper-product .product-inspection-report,
.wrapper-list-product .product-inspection-report {
	font-size: 14px;
}
.wrapper-product .product-inspection-report .report-icon,
.wrapper-list-product .product-inspection-report .report-icon {
	width: 16px;
	height: 16px;
}
.wrapper-product .product-inspection-report *,
.wrapper-list-product .product-inspection-report * {
	vertical-align: middle;
	line-height: 20px;
}
.wrapper-product .product-inspection-report .report-title,
.wrapper-list-product .product-inspection-report .report-title {
	color: #00a499;
	/* font-weight: bold; */
}