/*css reset*/
/*general style for ec-widget*/
/* html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { */
.price-widget p,
.price-widget div{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
.price-widget[class*="widget-"] {display: block; background: #d0dede; overflow: hidden; font-family: helvetica neue, 微軟正黑體, Microsoft JhengHei, 蘋果儷中黑, Apple LiGothic Medium, 黑体, SimHei; position: relative; text-align: left;}
.price-widget[class*="widget-"] a {text-decoration: none;cursor: pointer;}
.price-widget[class*="widget-"] .price-header:hover {opacity: 0.9;}
.price-widget[class*="widget-"] .item-wrapper:hover {background: #fafafa;}
.price-widget[class*="widget-"] .item-wrapper:hover> .item-img img {opacity: 0.8;}
.price-widget[class*="widget-"] .item-img { height: 75px; width: 75px; margin: 0 auto; display: block; position: relative; }
.price-widget[class*="widget-"] .item-img img {width: 75px;height: 75px;}
.price-widget[class*="widget-"] .discount {position: absolute; height: 40px; width: 39px; display: block; background-repeat: no-repeat; padding-top: 7px; }
.price-widget[class*="widget-"] .discount p {line-height: 12px; color: #fff; font-weight: bold; font-size: 11px; text-align: center; padding: 0 2px; }
.price-widget[class*="widget-"] p.discount-hot {line-height: 23px;font-weight: normal;}
.price-widget[class*="widget-"] .dsc {font-size: 12px;}
.price-widget[class*="widget-"] .pd-name { line-height: 16px; overflow : hidden; color: #222222; }
.price-widget[class*="widget-"] .pd-name span {color: #222222;}
.price-widget[class*="widget-"] .pd-name span:hover {color: #00a499;text-decoration: underline;}
.price-widget[class*="widget-"] .pd-qta {color: #8e8e93;}
.price-widget[class*="widget-"] .pd-price span{color: #e02152; font-size: 16px; font-weight: bold; display: inline-block; line-height: 16px; }
.price-widget[class*="widget-"] .pd-price-ori {color: #8e8e93; text-decoration: line-through; display: inline-block; }
.price-widget[class*="widget-"] .btn { float: right; color: #00a499; line-height: 23px; font-size: 12px; padding-right: 10px; background-repeat: no-repeat; background-position: right center; padding-top: 2px; }
.price-widget[class*="widget-"] .btn:hover { color: #005151; background-repeat: no-repeat; background-position: right center; }
.price-widget[class*="widget-"] .swiper-slide {border: 2px solid #FFF;}
.price-widget[class*="widget-"] .widget-active {border: 2px solid #ffc821;}
.price-widget[class*="widget-"] .widget-active .item-wrapper {border: none;}
.price-widget[class*="widget-"] .swiper-slide:last-child {margin-bottom: 10px;}
.price-widget[class*="widget-"] .price-header-name span:hover {text-decoration: underline;}
.price-widget[class*="widget-"] .ec-label { display: inline-block; padding: 0px 3px; margin-right: 2px; background-color: #ffc821; color: #000000; font-size: 11px; line-height: 16px; }
.price-widget[class*="widget-"] span.ec-label:hover {color: #000000;text-decoration: none;}
.price-widget[class*="widget-"] .swiper-slide:hover {border: 2px solid #ffc821;}
.price-widget[class*="widget-"] .swiper-slide:hover .item-wrapper {border: none;}
.price-widget[class*="widget-"] .swiper-slide:last-of-type .item-wrapper {border: none;}
.price-widget[class*="widget-"] .deposit-price .deposit-unit, .price-widget[class*="widget-"] .deposit-unit {display: inline-block;color: #77665f;font-size: 10px;font-weight: normal;}
.price-widget[class*="widget-"] .deposit-price span{float: left;color: #ff7930;font-size: 12px;font-weight: bold;line-height: 18px;}
.price-widget[class*="widget-"] .deposit-price .text-price-number {font-size: 16px;}
.price-widget[class*="widget-"] .deposit-original-price {display: inline-block;color: #ff7930;line-height: 18px;vertical-align: top;}

.price-widget[class*="widget-"] .widget-container .pd-price .deposit-price span.text-price-unit{margin: 0 0 1px 0;}
.price-widget[class*="widget-"] .widget-container .pd-price span.text-price-unit{margin: 0 0 1px 0;}

.price-widget[class*="widget-"] .swiper-button-prev { left: 0; right:auto; opacity: .35; } 
.price-widget[class*="widget-"] .swiper-button-prev, .price-widget[class*="widget-"] .swiper-button-next {top: 0; margin-top: 0; background-size: auto; }
.price-widget[class*="widget-"] .swiper-container-vertical .swiper-button-next,
.price-widget[class*="widget-"] .swiper-container-vertical .swiper-button-prev { height: 25px; width: 100%; bottom: 0; right:auto; }
.price-widget[class*="widget-"] .swiper-container-vertical .swiper-button-next{ top: auto; } 
.price-widget[class*="widget-"] .swiper-button-prev.swiper-button-disabled, .price-widget[class*="widget-"] .swiper-button-next.swiper-button-disabled {display:none;}
.price-widget[class*="widget-"] .swiper-button-next.swiper-button-disabled {pointer-events: unset;}

.price-widget[class*="widget-"] .p {position: absolute; width: 0; height: 0px; padding: 0; margin: 0; visibility: hidden;}

.price-widget[class*="widget-"]:not(.price-ec) {font-family: "Helvetica Neue",Arial,"PingFang TC","蘋果儷中黑","Apple LiGothic Medium","微軟正黑體","Microsoft JhengHei","黑体",Hei,sans-serif;}
.price-widget[class*="widget-"]:not(.price-ec) .pd-price{font-size: 5px;}
.price-widget[class*="widget-"]:not(.price-ec) .pd-price span{padding: 0 1px;}
.price-widget[class*="widget-"]:not(.price-ec) .pd-price span.text-price-number {font-size: 16px;}
.price-widget[class*="widget-"]:not(.price-ec) .pd-price-pp span {vertical-align: text-bottom;}
.price-widget[class*="widget-"]:not(.price-ec) .pd-price.pd-price-pp {margin-top: 3px;}
.price-widget[class*="widget-"]:not(.price-ec) .swiper-slide:hover .pd-name {color: #00a499;}
.price-widget[class*="widget-"]:not(.price-ec) .hong_20, .price-widget[class*="widget-"]:not(.price-ec) .water_20 {width: 16px;height: 16px; vertical-align: text-bottom;}
.price-widget[class*="widget-"]:not(.price-ec) .text-price-unit {font-size: 12px;}
.price-widget[class*="widget-"]:not(.price-ec) .text-price-to {font-size: 12px;}
.price-widget[class*="widget-"]:not(.price-ec) .item-wrapper:hover .pd-price {color: #c91547;}

.price-widget[class*="widget-"].price-nsp .pd-name-nsp{line-height: 18px; padding-top: 5px; margin-bottom: 0px; height: 38px; overflow: hidden; text-overflow: clip; white-space: normal; }
.price-widget[class*="widget-"].price-house .item-img-pp, .price-widget[class*="widget-"].price-car .item-img-pp{background-size:cover;background-position: center; width: 75px; height: 75px; margin-top: 2px;}
.price-widget[class*="widget-"].price-house .pd-remark , .price-widget[class*="widget-"].price-car .pd-remark {font-size: 13px; color: #8e8e93; line-height: 15px; height: 15px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.price-widget[class*="widget-"].price-house .pd-price-pp span, .price-widget[class*="widget-"].price-car .pd-price-pp span {vertical-align: text-bottom;}
.price-widget[class*="widget-"].price-house .pd-price-pp .text-price-unit, .price-widget[class*="widget-"].price-car .pd-price-pp .text-price-unit {font-size: 13px;}
.price-widget[class*="widget-"].price-house .pd-price-pp .text-price-unit-pp, .price-widget[class*="widget-"].price-car .pd-price-pp .text-price-unit-pp {font-size: 13px;}
.price-widget[class*="widget-"].price-house .pd-name-pp, .price-widget[class*="widget-"].price-car .pd-name-pp {font-size: 14px; line-height: 18px;height: 22px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.price-widget[class*="widget-"].price-car .pd-price .discount-tag { color: #ffa400; font-size: 13px; font-weight: bold; }
.price-widget[class*="widget-"].price-car .pd-price span.text-price-text {font-size: 14px; font-weight: bold; color: #e02152; }
/* .price-widget[class*="widget-"].price-car .pd-price { font-size: 14px; font-weight: bold; color: #e02152; } */
.price-widget[class*="widget-"].price-car span.right-border { padding-right: 6px; border-right: 1px solid #bbbbbb; }
.price-widget[class*="widget-"].price-car span.attribute-separater { padding-right: 6px; border-right: 1px solid #000; }
.price-widget[class*="widget-"].price-car span.right-border:last-child,
.price-widget[class*="widget-"].price-car span.attribute-separater:last-child{ padding:0; border:0; }
.price-widget[class*="widget-"].price-car .item-img-pp .offer-icon{position: absolute; width: 80px; height: 25px; bottom: 0px; right: 0px; }
/*end of general style*/

/*customize style for different widget size*/
/*style for size 984x150*/
.price-widget.widget-984 {width:100%;}
.price-widget.widget-984 .swiper-container-wrapper{padding-left:90px;}
.price-widget.widget-984 .swiper-container {height: 150px; width: 100%;float:right;}
.price-widget.widget-984 .price-header {width: 90px; height: 150px; display:inline-block; position:absolute; }
.price-widget.widget-984 .price-header-name {width: 90px; height: 25px; margin-top: 120px; line-height: 25px; display: block; text-align: center; }
.price-widget.widget-984 .swiper-slide {height: 144px; width: 170px; margin: 1px 0 0 0; background: #fff; }
.price-widget.widget-984 .swiper-slide .item-wrapper {width: 170px; height: 144px; margin: 0 auto; border-right: 1px dashed #ccc; }
.price-widget.widget-984 .item-img {height: 88px; width: 88px; padding-top:2px; }
.price-widget.widget-984 .item-img img {width: 88px;height: 88px;}
.price-widget.widget-984 .discount {right: -35px; top: 3px; }
.price-widget.widget-984 .pd-name {height:32px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.price-widget.widget-984 .dsc {padding:2px 4px;}
.price-widget.widget-984 .pd-price {display: inline-block;}
.price-widget.widget-984 .pd-price span.text-price-unit {font-size: 11px;}
.price-widget.widget-984 .pd-price-ori {margin-right: 5px;}
.price-widget.widget-984 .swiper-slide:last-of-type {margin-right: 1px;}
.price-widget.widget-984 .swiper-button-next, .price-widget.widget-984 .swiper-button-prev {width: 25px; height:150px;}
.price-widget.widget-984 .swiper-button-next{right:0;}
.price-widget.widget-984 .price-header-name span {color: #fff;font-size: 12px;}
.price-widget.widget-984 .discount p {font-size: 12px;padding: 0 2px;}
.price-widget.widget-984 .pd-price span.text-price-number {font-size: 16px;}
.price-widget.widget-984 .deposit-original-price {vertical-align: top; margin-right:5px;}
.price-widget.widget-984 .deposit-price {margin-top: 2px;}
.price-widget.widget-984 .deposit-price span {line-height: 14px;}

.price-widget:not(.price-ec).widget-984 .pd-price span.text-price-number {font-size: 14px;}
.price-widget:not(.price-ec).widget-984 .swiper-slide {width: 170px;}
.price-widget:not(.price-ec).widget-984 .swiper-slide .item-wrapper {width: 170px;}
.price-widget:not(.price-ec).widget-984 .item-img {height: 80px; width: 80px;}
.price-widget:not(.price-ec).widget-984 .item-img img {width: 80px;height: 80px;}
.price-widget:not(.price-ec).widget-984 .swiper-slide:hover .pd-name span {color: #00a499;}
.price-widget:not(.price-ec).widget-984 .swiper-slide:hover .btn {color: #08867d; background-repeat: no-repeat; background-position: right center;}

.price-widget.price-product.widget-984 .pd-name { line-height: 20px; height:20px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.price-widget.price-house.widget-984 .item-img-pp, .price-widget.price-car.widget-984 .item-img-pp{width: 93%;}
.price-widget.widget-984.price-car .pd-price span.text-price-number { font-size: 15px; vertical-align: top; }
.price-widget.widget-984.price-car .pd-price-pp span { vertical-align: unset; }
.price-widget.widget-984.price-car .pd-price span.text-price-text { font-size: 13px; }
.price-widget.widget-984.price-car .pd-price-ori {margin-left: 3px;}
.price-widget.widget-984.price-car .swiper-slide .item-wrapper { height: 142px; }
.price-widget.widget-984.price-car .discount-tag-price{ color:#ababab; text-decoration: line-through; font-size: 13px; }
.price-widget.widget-984.price-car .discount-tag-price .text-price-unit{font-size:11px; color:#ababab; text-decoration: line-through;}
.price-widget.widget-984.price-car .discount-tag-price span.text-price-number{font-size:13px; color:#ababab; text-decoration: line-through;}
/*end of 984x150*/

/*style for size 728x90*/
.price-widget.widget-728 .price-header {width: 90px;height: 90px;display:inline-block;}
.price-widget.widget-728 .price-header-name {width:90px;height:25px;margin-top:65px;line-height: 25px;display: block;text-align: center;}
.price-widget.widget-728 .swiper-container {height: 90px;width: 638px; float:right;}
.price-widget.widget-728 .swiper-slide {height: 84px; width: 180px; margin: 1px 0 0 0; background: #fff; }
.price-widget.widget-728 .swiper-slide .item-wrapper {width: 180px; height: 84px; margin: 0 auto; border-right: 1px dashed #ccc; }
.price-widget.widget-728 .item-img {float:right; margin: 5px 22px 0 0; }
.price-widget.widget-728 .discount {right: -20px; top: -3px; }
.price-widget.widget-728 .dsc {padding:2px 0 0 2px;}
.price-widget.widget-728 .pd-name {height: 48px;}
.price-widget.widget-728 .pd-name:not(span.ec-label) {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.price-widget.widget-728 .pd-price{position: absolute;bottom: 0px;}
.price-widget.widget-728 .ec-label+span {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.price-widget.widget-728 .pd-price span.text-price-unit {font-size: 11px;}
.price-widget.widget-728 .price-header-name span {color: #fff;font-size: 12px;}
.price-widget.widget-728 .swiper-slide:last-of-type {margin-right: 1px;}
.price-widget.widget-728 .swiper-button-next, .price-widget.widget-728 .swiper-button-prev {width: 25px; height:90px;}
.price-widget.widget-728 .swiper-button-next{right:0;}
.price-widget.widget-728 .deposit-original-price {vertical-align: top;}

.price-widget:not(.price-ec).widget-728 .swiper-slide {width: 225px;}
.price-widget:not(.price-ec).widget-728 .swiper-slide .item-wrapper{width: 225px;}
.price-widget:not(.price-ec).widget-728 .item-img {display: inline-block; margin: 5px 0 0 0;}
.price-widget:not(.price-ec).widget-728 .dsc { font-size: 12px; padding:2px 0 0 2px; display: inline-block; width: 135px; vertical-align: top; margin-top: 3px; }
.price-widget:not(.price-ec).widget-728 .pd-name { line-height: 16px; overflow : hidden; height:34px; margin-bottom: 2px; }
.price-widget:not(.price-ec).widget-728 .pd-price {position: static;display:block;}

.price-widget.widget-728.price-car .pd-price span.text-price-number { font-size: 15px; vertical-align: top; }
.price-widget.widget-728.price-car .discount-tag-price{ color:#ababab; text-decoration: line-through; font-size: 13px; }
.price-widget.widget-728.price-car .discount-tag-price .text-price-unit{font-size:11px; color:#ababab; text-decoration: line-through;}
.price-widget.widget-728.price-car .discount-tag-price span.text-price-number{font-size:13px; color:#ababab; text-decoration: line-through;}
/*end of 728x90*/

/*style for size 160x600*/
.price-widget.widget-160 .price-header { width: 160px; height: 30px; display: block; }
.price-widget.widget-160 .price-header-name { width: 295px; height: 40px; line-height: 46px; display: block; float: right; text-align: right; padding-right: 5px; }
.price-widget.widget-160 .swiper-container {height: 570px;width: 160px;}
.price-widget.widget-160 .swiper-slide { height: 109px; width: 154px; margin: 0 auto; background: #fff; }
.price-widget.widget-160 .swiper-slide .item-wrapper { width: 150px; height: 109px; margin: 0 auto; border-bottom: 1px dashed #ccc; }
.price-widget.widget-160 .discount { right: -30px; top: 2px; }
.price-widget.widget-160 .pd-name { text-overflow : ellipsis; white-space : nowrap; }
.price-widget.widget-160 .pd-price{ display: inline-block;}
.price-widget.widget-160 .pd-price span.text-price-unit {font-size: 12px;}
.price-widget.widget-160 .price-header-name span {color: #fff;font-size: 14px;}
.price-widget.widget-160 .swiper-slide:last-of-type {margin-bottom: 5px;}
.price-widget.widget-160 .swiper-button-next, .price-widget.widget-160 .swiper-button-prev {width: 160px;}
.price-widget.widget-160 .deposit-original-price {margin-left: 3px;}

.price-widget:not(.price-ec).widget-160 .swiper-slide .item-wrapper {height: 131px;}
.price-widget:not(.price-ec).widget-160 .swiper-slide {height: 131px;}
.price-widget:not(.price-ec).widget-160 .dsc {font-size: 12px; width: 145px; margin: auto; }

.price-widget.price-nsp.widget-160 .pd-name-nsp{height: 32px; white-space: normal; text-overflow: clip; line-height: 16px; padding-top: 0px; }
/*end of 160x600*/

/*style for other sizes*/
.price-widget.widget-300 .price-header{ width:300px; height:40px; display:block; }
.price-widget.widget-300 .price-header-name{ width:295px; height:40px; line-height:46px; display:block; float:right; text-align:right; padding-right:5px; }
.price-widget.widget-300 .price-header-name span{color:#fff;font-size:14px;}
.price-widget.widget-300 .swiper-container{height: calc(100% - 45px);width:300px;padding-top:5px;}
.price-widget.widget-300 .swiper-slide{ height:80px; width:290px; margin:0 auto; background:#fff;}
.price-widget.widget-300 .swiper-slide .item-wrapper{ width:280px; height:79px; margin:0 auto; border-bottom:1px dashed #ccc; }
.price-widget.widget-300 .item-img{ height:70px; width:70px; float:left; }
.price-widget.widget-300 .item-img img{margin-top: 2.5px;}
.price-widget.widget-300 .discount{ right: -30px; top: 2px; }
.price-widget.widget-300 .discount p{ right: -30px; top: 2px; font-size: 12px; padding: 0 2px; }
.price-widget.widget-300 .dsc{padding-left:105px;}
.price-widget.widget-300 .pd-name{ line-height: 20px; padding-top: 7px; margin-bottom: 4px; text-overflow : ellipsis; white-space : nowrap; }
.price-widget.widget-300 .pd-bottom{ position:absolute; bottom:10px; width:175px; }
.price-widget.widget-300 .pd-price{float:left; font-size:18px; margin-top: 5px;}
.price-widget.widget-300 .pd-price span{font-size:14px; margin-right:1px;}
.price-widget.widget-300 .pd-price span.text-price-number{font-size:18px;}
.price-widget.widget-300 .ec-label {font-size: 12px;}
.price-widget.widget-300 .widget-active .item-wrapper{border-bottom: 1px dashed #fff;}
.price-widget.widget-300 .swiper-slide:last-of-type{margin-bottom:10px;}
.price-widget.widget-300 .deposit-price{padding-top: 6px;}
.price-widget.widget-300 .deposit-price span{line-height: 17px;}
.price-widget.widget-300 .btn {bottom: 9px;}

.price-widget:not(.price-ec).widget-300 .pd-price span{font-size:11px; margin-right:1px;}
.price-widget:not(.price-ec).widget-300 .pd-price span.text-price-number{font-size:15px;}
/* .price-widget:not(.price-ec).widget-300 .dsc {padding-left: 80px;font-size: 12px;} */
.price-widget:not(.price-ec).widget-300 .btn { position: absolute; right: 3px; bottom: 11px; color: #00a499; line-height: 23px; font-size: 12px; padding-right: 10px; background-repeat: no-repeat; background-position: right center; } 
.price-widget:not(.price-ec).price-product.widget-300 .pd-name {line-height: 20px; padding-top: 5px; margin-bottom: 0px; overflow: hidden;}

.price-widget.price-house.widget-300 .dsc, .price-widget.price-car.widget-300 .dsc {padding-left: 80px;font-size: 12px;}
.price-widget.price-house.widget-300 .pd-name-pp, .price-widget.price-car.widget-300 .pd-name-pp { font-size: 14px; line-height: 18px; height: 22px; margin-bottom: 0; }
.price-widget.price-house.widget-300 .pd-remark, .price-widget.price-car.widget-300 .pd-remark { font-size: 13px; color: #8e8e93; line-height: 15px; height: 15px; }
.price-widget.widget-300.price-car .pd-price { font-size: 15px; margin-top: 5px; line-height: 19px; vertical-align: middle; }
.price-widget.widget-300.price-car .text-price-number { font-size: 16px; }
.price-widget.widget-300.price-car .text-price-unit { font-size: 11px; vertical-align: unset; }
.price-widget.widget-300.price-car .btn { bottom: 8px; }
.price-widget.widget-300.price-car .pd-price .discount-tag-price {line-height: 19px; vertical-align: middle;}
.price-widget.widget-300.price-car .discount-tag-price .text-price-unit{font-size:11px; color:#ababab; text-decoration: line-through;}
.price-widget.widget-300.price-car .discount-tag-price span.text-price-number{font-size:13px; color:#ababab; text-decoration: line-through;}
.price-widget.price-car.widget-300 .item-img-pp .offer-icon{width: 64px; height: 20px;}
/* END */