@charset "UTF-8";
.overlay {z-index: 999; position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: none;}
.askTip {display:none;  position:fixed; top:10%; bottom:0; right:0; left:0; margin:auto; padding:10px 5px; min-width: 50%; max-width: 55%; height: fit-content; background-color:#000; border-radius:10px; text-align:center; overflow:hidden; opacity:0.8; z-index:100002}
.askTip img { width:30px; height:auto}
.askTip p {margin: 0px 0px 10px 0px;padding: 0px 0px 0px 0px;font: bold 15px/24px var(--primary-font-family);color: #FFF;width: auto;}
/** 20160513 商品圖區塊 **/
.wrapBanner {margin:0px auto; width:100%; max-width:320px; overflow:hidden; position:relative}
.wrapBanner a {cursor:pointer}
.wrapBanner .mainBannerArea { text-align:center}
.wrapBanner .mainBannerArea ul {margin:0px; padding:0px; display:inline-block; list-style:none; vertical-align:middle}
.wrapBanner .mainBannerArea ul li {float:left; width:100%;}
.wrapBanner .mainBannerArea ul li a {float:left; width:100%;}
.wrapBanner .mainBannerArea ul li a img {float:left; width:100%;}
.wrapBanner .dotsArea {width:100%; max-width:640px; height:20px; position:absolute; bottom:5px; left:0px}
.wrapBanner .dotsArea ul{margin:0px; padding:0px; display:inline-block; list-style:none; vertical-align:middle; position:relative; top:50%; -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); -o-transform: translate(0%, -50%);}
.wrapBanner .dotsArea ul li {float:left; width:20px; height:20px; margin:0}
.wrapBanner .dotsArea ul li a {display:inline-block; margin:5px; width:10px; height:10px; background-color:#888888; border: 1px solid #FFF; border-radius:10px; opacity: 0.8}
.wrapBanner .dotsArea ul li.selected a {margin: 3px; width: 13px; height: 13px; background-color: #000000; border: 1px solid #FFF; border-radius: 13px; opacity: 0.8}
.wrapBanner .arrow .leftBtn { display: inline-block; width:45px; height:58px; opacity: 0.5; filter: alpha(opacity=50); position: absolute; top:130px; background:#000 url(/img/Back_left.png) no-repeat center center; background-size:45px auto; left: 0px;}
.wrapBanner .arrow .rightBtn { display: inline-block; width:45px; height:58px; opacity: 0.5; filter: alpha(opacity=50); position: absolute; top:130px; background:#000 url(/img/Back_right.png) no-repeat center center; background-size:45px auto; right: 0px;}
/*20180413新增商品圓標*/
.wrapBanner .mainBannerArea img.new{width:32%;position:absolute;z-index:2;left: 0px;}
/**新增上下圖標**/
.imgTag,
.imgTagBottom,
.imgTagRectangle{height: auto;display:block;position:absolute;left:0;margin:0;padding:0; z-index: 2; pointer-events: none;}
.imgTag {width:28%;top:0;}
.imgTagRectangle{width: 75%;top:0;}
.imgTagBottom{width: 100%;bottom: 0;}
.imgTag img,
.imgTagBottom img,
.imgTagRectangle img {width:100% !important;height:auto;display:block;margin:0;padding:0;border-radius: 0px; max-width: none !important;}


/** 3D圖和360度 **/
.wrapBanner .playerIcon {width: 100%; height: 50px; text-align: center; position: absolute; margin: auto; bottom: 0; left: 0; right: 0; top: 0; z-index: 2;}
.wrapBanner .playerIcon ul {list-style: none; margin: 0; padding: 0; display: inline-block}
.wrapBanner .playerIcon ul li {width: 60px; float: left; margin-right: 25px}
.wrapBanner .playerIcon ul li:last-child {margin-right: 0}
.wrapBanner .playerIcon ul li a {display: block}
.wrapBanner .playerIcon ul li img {width: 100%}
.mediaArea {background-color: #F2F2F2;position: fixed;top: 0px;left: 0px;z-index: 1001;display: none;width: 100%;height: 100%;}
.mediaArea .playArea {width: 100%; height: 100%; display: block; margin: auto; position: absolute; right: 0; top: 0; bottom: 0; left: 0;}
.mediaArea .btnArea {width: 100%; height: 48px;text-align: center; margin-bottom: 20px; position: absolute; bottom: 0; left: 0;}
.mediaArea .btnArea a{width: 48px; height: 48px; cursor: pointer; background: url(/ecm/img/cmm/mobile/goods/icons8-cancel.png) no-repeat center center; background-size: 100% 100%; margin: auto; position: absolute; right: 0; left: 0;}
.mediaArea .btnArea.widthSreen  {width: 48px; height: 48px; bottom: auto; left: auto; right: 0; top: 0;}
.mediaArea .btnArea.widthSreen a img {width: 100%}
.scrollHide {height:100%; overflow:hidden;}
/** 影音 **/
.videoblackBk {background-color:#000000; position:fixed; top:0px; left:0px; z-index:11; display:none; width:100%; height:110%;}
.videoblackBk .wrapVideo {position:relative; padding-bottom:56.25%; padding-top:25px; height:0px;}
.videoblackBk .wrapVideo iframe,
.videoblackBk .wrapVideo object,
.videoblackBk .wrapVideo embed { width: 100%; height:100%; position: absolute; left:0px; top:0px; }
.videoblackBk span {margin:0px; padding:0px; position:relative;z-index:15 }
.videoblackBk span a {float:right; height:30px; font:13px/30px var(--primary-font-family); color:#FFFFFF; padding:5px 5px; margin:0px 5px; cursor:pointer}

/** 商品名稱 **/
.productPage {border:0;}
/*20210804_EC小網_商品頁_專推特色標語移至品名上方*/
.productPage #sloganTitle{font: 13px/20px var(--primary-font-family);color: #DD2726;margin: 15px 15px 0px 15px;padding: 0px;text-align: left;overflow: hidden;text-overflow: ellipsis;width:calc(100% - 30px);white-space: nowrap;}

.productPage h3{color:#454545;text-align:left;margin: 5px 15px 10px 15px;padding:0px;line-height: 0px;}
.productPage h3 .fprdTitle {font: bold 17px/18px var(--primary-font-family);margin: 0px;padding: 0px;display: inline-block;max-height: 36px;overflow: hidden;width: 100%;word-break: break-all;}
.productPage h3 .sprdTitle {font: 15px/18px var(--primary-font-family);margin: 5px 0px 0px 0px;padding: 0px;display: inline-block;max-height: 36px;overflow: hidden;width: 100%;word-break: break-all;}
.productPage .prdNo {font:13px/13px var(--primary-font-family); color:#484848; margin:0px 15px 5px; padding:0px; text-align:left}
.productPage .productName {color: #027BFF; font: bold 17px/18px var(--primary-font-family); cursor: pointer;}
.productPage .productId {font: 13px/20px var(--primary-font-family); color: #888888; float: right;}

/**20180611_切換商品按鈕**/
.productPage .prdNo span {font: 13px/30px var(--primary-font-family); color: #484848; display: inline-block; width:100%}
.productPage .prdNo span i {font:13px/32px var(--primary-font-family); color:#484848; display:inline-block;}
.productPage .prdNo .btnbox {display:inline-block; box-sizing:border-box; vertical-align:middle; width:100px; margin: 0px;  padding: 1px 0px 1px 5px;  border: 1px solid #ccc;  border-radius: 3px; font: 14px/28px var(--primary-font-family); background:rgba(0, 0, 0, 0) url("/ecm/img/cmm/mobile/vendordetailmenu_newliBk03.gif") repeat-x scroll 0 0; color: #666666}
.productPage .prdNo .btnbox:first-child {padding:1px 5px 1px 0px;}
.productPage .prdNo .btnbox img {vertical-align:text-bottom; margin:2px 5px}
.productPage .prdNo span b{font:13px/32px var(--primary-font-family); color:#484848; float:right}
.productPage .prdNo span b span {width:auto}

/** 2014.09.23 fhchen 行銷活動 **/
.eventArea {height:22px; display:block; overflow:hidden; border-top:1px solid #F2F2F2; margin:0px 10px 5px; padding:5px 0px 0px; position: relative;}
.eventArea.selected {height:auto}
.eventArea .eventLink { display:block; width: calc(100% - 45px);}
.eventArea table { font:13px/18px var(--primary-font-family)}
.eventArea table th {width:100px; vertical-align:top; padding:0px}
.eventArea table th a { display:inline-block; color:#999999; font:13px/18px var(--primary-font-family); cursor:pointer;position:absolute; top:5px; right:0}
.eventArea table th span {display:block; width:100%; padding:0px; white-space:nowrap; background-color:#ffffff; color:#e5047e; border:1px solid #e5047e;font:13px/18px var(--primary-font-family)}
.eventArea table td {color:#e5047e; padding:0px}
.eventArea table td p {margin:2px 0 0 0; padding:0px; font:13px/18px var(--primary-font-family); color:#000000; text-align:left}
.eventArea table td p:first-child {max-height:36px; overflow:hidden;}
.eventArea table td .eventSubTitle {margin:2px 0px 0px; color:#3366FF}
.eventArea .eventCont { margin:0; padding:0; font:13px/20px var(--primary-font-family); text-align:left; color: #000;}
.eventArea .arrow { position:absolute; top:calc(50% - 21px); right:0; display:block; width:45px; height:45px; background-image:url(/img/newarrow_black.png); background-repeat:no-repeat; background-position:8px 4px; background-size:30px auto; cursor:pointer; transform: rotate(90deg)}
.eventArea.selected .arrow{transform: rotate(-90deg);}

/** 商品購買相關資訊 **/
.productPage .prdDetail {border-top:1px solid #F2F2F2; border-bottom:1px solid #F2F2F2; position:relative}
.productPage .prdDetail tbody tr td .iconArea {position: absolute;top: calc(50% - 20px);right: 10px;display: inline-block;margin: 0px;padding: 0px;vertical-align: top;line-height: 0px;font-size: 0px;}
.productPage .prdDetail tbody tr td .iconArea img {vertical-align: middle;}
.productPage .prdDetail tbody tr td .iconArea a {display: inline-block; margin: 0px; padding: 0px; line-height: 0px; font-size: 0px;}
.productPage .prdDetail tbody tr td .scaricon {top: -38px;}
.productPage .prdDetail th,
.productPage .prdDetail td {font: 15px/36px var(--primary-font-family);color:#000000;text-align:left;padding: 0px 5px;}
/* 20210816_EC小網_商品頁_圖書商品作者資料建立 */
.productPage .prdDetail .authorList{font: 15px/24px var(--primary-font-family);word-break:break-all;padding:10px 5px;}
.productPage .prdDetail .authorList a{position:relative;display:inline-block;}
.productPage .prdDetail .authorList a:not(:last-child):after{content:"、"}

.productPage .prdDetail td {border-bottom: 1px solid #F2F2F2; padding: 0 8px;}
.productPage .prdDetail tr:last-child td {border-bottom:none}
.productPage .prdDetail th {background-color:#DFDFDF; text-align:right; white-space:nowrap; width: 80px;}
.productPage .prdDetail td del {font: 15px/24px  Century Gothic, sans-serif;color:#888888;width: calc(50% - 45px);display: inline-block;}
.productPage .prdDetail .priceArea {position: relative;}
.productPage .prdDetail .priceArea .priceTxtArea {padding: 0px;margin: 0px;display: inline-block;vertical-align: top;line-height: 40px;}
.productPage .prdDetail .priceArea b {color:#D62872;margin: 0px 3px 0px 0px;font-size: 26px;font-weight: bold;}
.productPage .prdDetail .priceArea .asdPTxt {color: #888;font-size: 13px;display: inline-block;vertical-align: sub;margin: 0px 0px 0px 10px;}
.productPage .prdDetail .priceArea a {cursor: none;color: transparent;line-height: 0px;padding: 0px;margin: 0px;display: inline-block;vertical-align: text-bottom;}
.productPage .prdDetail .setpriceArea p {display:inline-block;margin: 0px 5px 0px 0px;padding: 0px 5px;background-color: #DFDFDF;font: 15px/36px var(--primary-font-family);width: 55px;text-align: left;}
.productPage .prdDetail .paymentMode ul {margin:0px; padding:0px; list-style:none}
.productPage .prdDetail .paymentMode li {float:left}
.productPage .prdDetail .paymentMode li span {margin:0px 2px}
.productPage .prdDetail .paymentMode .cardDetail {font: 15px/20px var(--main-font);width: 100%;padding: 0px;margin: 0px;box-sizing: border-box;color: #000;display: inline-block;}
.productPage .prdDetail .paymentMode .cardDetail i {font: 15px/20px var(--main-font);display: inline-block;color: var(--momo-color);padding: 0px;margin: 0px;}
.productPage .prdDetail .creditCardInstallments {padding: 10px 5px;}
.productPage .prdDetail .creditCardInstallments table {border-left:1px solid #CCCCCC; border-top:1px solid #CCCCCC}
.productPage .prdDetail .creditCardInstallments table th,
.productPage .prdDetail .creditCardInstallments table td {font:13px/20px var(--primary-font-family); border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; padding:0px 3px}
.productPage .prdDetail .creditCardInstallments table th {background-color:#5E5E5E; color:#FFFFFF; cursor:pointer; text-align: center;height: 25px;}
.productPage .prdDetail .creditCardInstallments table th span {background:transparent url("/ecm/img/cmm/mobile/checkoutPageH2SpanArrow.png") no-repeat; background-size:10px auto; width:12px; height:7px; margin:0px 2px; display:inline-block; overflow:hidden}
.productPage .prdDetail .creditCardInstallments tbody {display:none}
.productPage .prdDetail .coupons {color:#808080}
.productPage .prdDetail .nocoupons {color:#808080}
.productPage .prdDetail .preOrder {text-align:center; font-size:13px}
.productPage .prdDetail .preOrder b {margin:0px 3px; color:#D62872}
.productPage .prdDetail .delivery ul {margin:0px; padding:0px; list-style:none}
.productPage .prdDetail .delivery li {display:inline; margin:0px; padding:0px}
.productPage .prdDetail .delivery label {white-space:nowrap}
.productPage .prdDetail .delivery input {position:relative; top:3px}
.productPage .prdDetail .delivery input:not(*:root) {top:0px}
.productPage .prdDetail select {max-width:200px}
.productPage .prdDetail select,
.productPage .prdDetail option {font:15px/24px var(--primary-font-family); color:#000000}
.productPage .prdDetail td .itemboxBtn {width: 100%;display:inline-block;padding: 0px 10px 0px 10px;margin: 8px 0px 5px 0px;height:36px;overflow:hidden;box-sizing:border-box;text-align:left;border-radius:5px;vertical-align:bottom;background: #f2f2f2;}
.productPage .prdDetail td .itemboxBtn_fix {display:inline-block;background: #F2F2F2;margin: 8px 0 5px 0;padding: 0 10px;height:36px;overflow:hidden;box-sizing:border-box;text-align:left;border-radius:5px;vertical-align:bottom;color:#000000;width: 100%;}
.productPage .prdDetail td .itemboxBtn_fix i {display:inline-block; position:relative;font:15px/36px var(--primary-font-family);text-align:left;height:36px;overflow:hidden;}
.productPage .prdDetail td .itemboxBtn i {display:inline-block; padding:0px 5px; position:relative; font:15px/36px var(--primary-font-family); text-align:left; height:36px; overflow:hidden;color:#000000;}
.productPage .prdDetail td .itemboxBtn i:first-child {text-align:center}
.productPage .prdDetail td .itemboxBtn i:first-child:before {border-right: 2px solid #888888; font:18px/36px var(--primary-font-family); display:inline-block; padding:0px 0px;background:transparent; width:1px; height:14px; position:absolute; right:0px; bottom:11px;}
.productPage .prdDetail td .cycleboxBtn {display:inline-block; width:100%; background:#F2F2F2; padding:0px 10px 0px 10px; margin:5px 0px 5px 0px; height:36px; overflow:hidden; box-sizing:border-box; text-align:left; border-radius:5px; vertical-align:bottom}
.productPage .prdDetail td .cycleboxBtn i {display:inline-block; padding:0px 5px; position:relative; font:15px/36px var(--primary-font-family); text-align:left; height:36px; overflow:hidden;color:#000000;}
.productPage .prdDetail td .cycleboxBtn i:first-child {text-align:center}
.productPage .prdDetail td .cycleboxBtn i:first-child:before {border-right: 2px solid #888888; font:18px/36px var(--primary-font-family); display:inline-block; padding:0px 0px;background:transparent; width:1px; height:14px; position:absolute; right:0px; bottom:11px;}

/** 數量選單(舊的，html仍在所以保留) **/
.productPage .prdDetail #goodsCntTd {line-height: 22px}
.productPage .prdDetail #goodsCntTd span:nth-child(2) {font: 13px/18px var(--primary-font-family); color: #808080;}
.productPage .prdDetail #goodsCntTd span:last-child {font: 13px/18px var(--primary-font-family); color: #888888; padding:0px 5px;}
.productPage .prdDetail #goodsCntTd span:last-child b {font-weight:bold; color: #D62872; margin:0px 2px 0px 2px;}

/** 20160322__使用國旅卡 **/
.productPage .prdDetail .twnTravel td {font:15px/30px var(--primary-font-family);}
.productPage .prdDetail .twnTravel td p {margin:0px; padding:0px}
.productPage .prdDetail .twnTravel td p label {float:left; height:36px; font:15px/36px var(--primary-font-family); color:#000000; margin:0px; padding:0px 0px 0px 5px}
.productPage .prdDetail .twnTravel td p label input { position:relative; left:-5px; top:2px}
.productPage .prdDetail .twnTravel td p a {float:left; font:15px/36px var(--primary-font-family); color:#7d7d7d; text-decoration:none; margin:0px 0px 0px 3px; padding:0px  } 
.productPage .prdDetail .twnTravel td p a:hover {color:#e40480; text-decoration:none }
.productPage .prdDetail .twnTravel td .twnTravelText {display:none; padding:0px 0px 0px 5px; margin:0px; font:12px/14px var(--primary-font-family); text-align:left; color:#e40480; clear:both}



/* 折價券_浮層 */
.couponsFL .couponsCont{padding: 0px 0px;}
.couponsFL .floatContent p{font: bold 15px/20px var(--main-font);padding: 0 0 0 0px;position: relative;display: block;margin: 0 0 5px 10px;color: #454545;}
.couponsFL .floatContent p::before{content: "";width: 3px;height: 16px;background: var(--momo-color);display: block;position: absolute;left: -10px;top:2px;}
.couponsFL .floatContent p b{font:15px/20px var(--price-font);color: var(--momo-color);margin: 0 0 0 5px;}
.couponsFL .floatContent i{font:13px/24px var(--price-font);margin: 0 0 9px 0;color: #dd2726;display: inline-block;}
.couponsFL .floatContent i img{vertical-align: top;}
.couponsFL .floatContent table{text-align: center;border: 1px solid #bfbfbf;border-width: 1px 0 0 1px;}
.couponsFL .floatContent table th{background: #e5e5e5;font:bold 15px/20px var(--main-font);padding: 10px 0;border: 1px solid #bfbfbf;border-width: 0 1px 1px 0;color: #454545;}
.couponsFL .floatContent table td{font:15px/20px var(--main-font);padding: 10px 0;border: 1px solid #bfbfbf;border-width: 0 1px 1px 0;color: #454545;}
.couponsFL .floatContent table td:nth-child(2n){color: var(--momo-color);}
.couponsFL .floatContent ul{padding: 10px 0 15px 15px;margin: 0;}
.couponsFL .floatContent ul li{list-style: decimal;font:13px/20px var(--main-font);color: #888888;}
.couponsFL .floatContent .noCoupon { padding:80px 0 140px; font:bold 18px/30px var(--primary-font-family); color:#666; text-align:center; vertical-align:middle}
.couponsFL .floatbtnArea {padding: 10px 15px;}
.couponsFL .floatbtnArea a{background: var(--momo-color);color:#fff;border-top: none;border-radius: 30px;font: bold 17px/48px var(--main-font);height: 44px;}


/**銀行區塊**/
.bankProject{width:100%;height:auto;box-sizing:border-box;display:inline-block;border:0;}
.bankProject .bankArea{padding:10px 0 10px 10px;}
.bankProject .bankArea ul{font-size:0; box-sizing:border-box; white-space:nowrap; overflow-x:scroll; padding:0;}
.bankProject .bankArea ul li{width:67.746%; height:auto; list-style:none; display:inline-block; position:relative; border-radius:0;vertical-align:bottom;}
.bankProject .bankArea ul li img{border-radius:0;width:100%;}

/** 癈四機提示框 **/
.recoverArea {background:#FFFFFF url("/ecm/img/cmm/main/mid_banner.gif") no-repeat top center; border:1px solid #000000; border-radius:5px; margin:0px 10px 0px 0px; padding:10px; display:none; position:absolute; top:0px; left:0px; z-index:1001}
.recoverArea span{font-size:13px;text-align:left;margin: 10px 0;display: block;}
.recoverArea p {text-align:left; font-size:13px; font-family:Verdana, sans-serif; line-height:18px; margin:5px 5px}
.recoverArea p b {font-size:13px}
.recoverArea ul {text-align:right; margin-right:10px}
.recoverArea li {display:inline; margin-left:5px; font-size:13px}
.recoverArea a {background-color:#FF3399; font-size:13px; color:#FFFFFF; border-radius:5px; padding:4px 10px 2px; cursor:pointer}
.recoverArea a:hover {color:#FFFFFF; text-decoration:none}

/** 20150427_組合商品 **/
.productPage .setItemArea .titleBlock {background: url("/ecm/img/cmm/mobile/articleh2Bk_2.png") repeat-x; color: #ffffff; font: 15px/32px var(--primary-font-family); text-align:left; height: 32px; margin: 0; padding: 0 10px; position: relative; z-index: 1;}
.productPage .setItemArea ul {margin:0;padding:0;font-size: 0px;}
.swiper-wrapper img {width:320px;height:320px;}

.productPage .setItemArea ul li {display: inline-block;list-style:none;width: 100%;text-align: left;}
.productPage .setItemArea ul li .installTxt{font: 13px/13px Helvetica,sans-serif;display: inline-block;width: calc(100% - 105px);color: #454545;margin:6px 0 0 0;}
.productPage .setItemArea ul li img { float: left; padding:10px; width:85px;border-radius: 14px;}
.productPage .setItemArea ul li .prdName {display:block;font: 15px/20px var(--primary-font-family); margin: 10px 0px 0px 0; padding:0px 10px 0px 0px; text-align: left;overflow:hidden;box-sizing: border-box; height: 40px;width: calc(100% - 105px);}
.productPage .setItemArea ul li b {display: inline-block;font: 15px/30px var(--primary-font-family); vertical-align: top;width: 50px; float:right; padding: 0px 10px 0px 0px;text-align: right; margin:0px; }
.productPage .setItemArea ul li .setData_popup {padding:0px 10px;margin:0px;width: calc(100% - 165px); font: 15px/30px var(--primary-font-family); color: #000; border-radius: 5px;height: 30px;overflow: hidden; display: inline-block; float:left; box-sizing: border-box;}
.productPage .setItemArea ul li .setData_popup_fix{padding: 0px; margin: 0px; width: calc(100% - 165px);height: auto;font: 15px/30px var(--primary-font-family);display: inline-block;}
.productPage .setItemArea ul .iconplus {border: 0 none;box-sizing:border-box;color: #bdb2b5;font: bold 30px/20px var(--primary-font-family);height:20px;width:105px;display: block;text-align: center;}
.productPage .noImg ul .iconplus { width:100%}
.productPage .prd-info{font-size:13px;line-height:18px;color:#FF9100;margin:4px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.specificationBox .setprd ul li p.prd-info {font-size: 13px;line-height: 18px;color: #FF9100;margin: 4px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height: auto;}

/** 刷卡優惠、熱門活動_連edm**/
.outlinkArea {background-color:transparent; border:0px; box-shadow:0px 0px 0px}
.outlinkArea th,
.outlinkArea td {width:32%; text-align:center}
.outlinkArea th {width:36%}
.outlinkArea article {margin:0px 0px 1px}
.outlinkArea th article { margin:0 0 1px 7px}
.outlinkArea a {display:block}
.outlinkArea a span {height:30px; font:12px/32px var(--primary-font-family); display:inline-block}
.outlinkArea td article a span {background:transparent url("/ecm/img/cmm/mobile/goods/trackImg_on.png") no-repeat 0px 6px; background-size:20px auto; padding:0px 0px 0px 22px; color:#FF4D75}
.outlinkArea td:first-child article a span {background:transparent url("/ecm/img/cmm/mobile/goods/creditCardDiscount.png") no-repeat 0px 9px; background-size:20px auto; padding:0px 0px 0px 24px; color:#3296e4}
.outlinkArea th article a span {background:transparent url("/ecm/img/cmm/mobile/goods/popularEvents.png") no-repeat 0px 6px; background-size:20px auto; padding:0px 0px 0px 24px; color:#e5047e}

/** momo活動贈(登記抽、登記送) **/
.exception .titleBlock {height: 32px; background: transparent url("/ecm/img/cmm/mobile/articleh2Bk_2.png") repeat-x scroll 0 0;color: #ffffff; font: 15px/32px var(--primary-font-family); margin: 0; padding: 0 10px; position: relative; z-index: 1;}
.exception p {color: #000000; font: 15px/22px var(--primary-font-family); margin: 0; padding: 10px}
.exception p a {color: #3366ff; display: block; font: 15px/22px var(--primary-font-family); position: relative; text-decoration: none}
.exception .btnArea {text-align: center; margin-top: 10px}
.exception .btnArea .btn {width: 96%; height: 40px; background: rgba(0, 0, 0, 0) url("/ecm/img/cmm/mobile/vendordetailmenu_newliBk03.gif") repeat-x scroll 0 0; border: 1px solid #707070; border-radius: 3px; box-sizing: border-box; color: #000000; cursor: pointer; display: inline-block; font: 15px/41px var(--primary-font-family); padding: 0 5px; text-align: center;}

/** 買就送 **/
.nspremiums .titleBlock {background:transparent url("/ecm/img/cmm/mobile/articleh2Bk_2.png") repeat-x; height:32px; font:15px/32px var(--primary-font-family); color:#FFFFFF; margin:0px; padding:0px 10px; position:relative; z-index:1}
.nspremiums .premiumsPrd {font:15px/22px var(--primary-font-family); color:#000000; margin:0px 0px 5px; padding:0px}
.nspremiums table td {font:15px/22px var(--primary-font-family); color:#000000; padding:10px}
.nspremiums select,
.nspremiums option,
.nspremiums b {font:bold 15px/22px var(--primary-font-family); color:#FF6600; display:inline-block}
.nspremiums p {font:15px/18px var(--primary-font-family); color:#999999; margin:5px 0px; padding:0px}
.nspremiums a {font:15px/22px var(--primary-font-family); color:#000000; display:block; position:relative}

/** 贈品區塊 **/
.selectgifts {padding: 0 0 10px}
.selectgifts a {cursor:pointer; color:#3366ff}
.selectgifts .titleBlock {height: 32px; background: transparent url("/ecm/img/cmm/mobile/articleh2Bk_2.png") repeat-x scroll 0 0; color: #ffffff; font: 15px/32px var(--primary-font-family); margin: 0; padding: 0 10px; position: relative; z-index: 1;}
.selectgifts p {margin:10px 0 0 0; padding:0 10px; font: 15px/22px var(--primary-font-family);}
.selectgifts .tips {color: #ffffff; float: right}
.selectgifts .btnArea {text-align: center; margin-top: 10px}
.selectgifts .btnArea .btn {width: 96%; height: 40px; background: rgba(0, 0, 0, 0) url("/ecm/img/cmm/mobile/vendordetailmenu_newliBk03.gif") repeat-x scroll 0 0; border: 1px solid #707070; border-radius: 3px; box-sizing: border-box; color: #000000; cursor: pointer; display: inline-block; font: 15px/41px var(--primary-font-family); padding: 0 5px; text-align: center;}

/** 20171103 查看贈品浮層**/
.showGiftBox{display:none; position:fixed; top:0; left:0; background-color: #ffffff; width:100%; height:100%; z-index:1003; border: 1px solid #cccccc; margin:0 0 53px 0; overflow: hidden;}
.showGiftBox .titleBlock {height: 32px; background: transparent url("/ecm/img/cmm/mobile/articleh2Bk_2.png") repeat-x scroll 0 0; color: #ffffff; font: 15px/32px var(--primary-font-family); margin: 0; padding: 0 10px; position: relative; z-index: 1;}
.showGiftBox p {height: 40px; font: 15px/20px var(--primary-font-family); margin:0 0 5px 0; overflow: hidden; color:#000000}
.showGiftBox img {width:104px; height:104px}
.showGiftBox .box{background-color: #ffffff; margin:0 0 53px 0; overflow: hidden; position: relative}
.showGiftBox .content {height:100%}

/** 贈品任選_查看贈品 **/
.showGiftBox .content dl {width:100%; float:left; margin:0; padding:0; border-bottom:1px solid #eee; color:#000000; position:relative}
.showGiftBox .content dl dt {margin:10px 0; padding:0; box-sizing: border-box; float:left}
.showGiftBox .content dl dd {width:calc(100% - 110px); margin:10px 0 10px 0; padding:0 10px; float:left; box-sizing: border-box; overflow:hidden}
.showGiftBox .content dl dd select{width:40%; display:block; font: 15px/18px var(--primary-font-family); color:#000000}
.showGiftBox .content dl dd .choose_spec{width:100%; height: 30px; display:block; margin: 0 0 10px;}
.showGiftBox .content dl dd .count_no {width:auto; position:absolute; bottom:10px}
.showGiftBox .box {margin:0}
.showGiftBox .box img {width:110px; height:110px}
.showGiftBox .box .content dl dd select, .prdPage .btnArea {display:none}
.showGiftBox .box .content dl dd p {height:80px}
.showGiftBox .addressCloseBtn { background-color: #ffffff; border-radius: 4px; color: #000000; cursor: pointer; font: 13px/20px var(--primary-font-family); padding: 0 5px; position: absolute; right: 6px; top: 6px;}
.showGiftBox .content .noStock dt {position: relative;}
.showGiftBox .content .noStock dt .noStockMask {width: 100%; height: 30px; background: rgba(0, 0, 0, 0.5); color: #ffffff;font: 15px/30px var(--primary-font-family); text-align: center; margin: 0; position: absolute; bottom: 0;}

/** 滿件滿額贈_查看贈品 **/
.showGiftBox .content .giftText {padding:10px; margin:0px; display:block; width:100%; color:#ff0000; font:15px/20px var(--primary-font-family); box-sizing:border-box;}
.showGiftBox .content ul {margin:0; padding:0px 0px; display:block; box-sizing:border-box}
.showGiftBox .content ul li {list-style:none; box-sizing:border-box; margin:0; overflow:hidden; font:15px/20px var(--primary-font-family); color:#434343; border-bottom:10px solid #EEEEEE}
.showGiftBox .content ul li:last-child {border:0px}
.showGiftBox .content ul li .giftTitle {display:block; margin:10px 0px 0px 10px; padding:0px 0px 0px 10px; border-left:3px solid #d62672; font:bold 15px/20px var(--primary-font-family); color:#d62672; box-sizing:border-box}
.showGiftBox .content ul li table {border-top:1px solid #EEEEEE; padding:10px 10px}
.showGiftBox .content ul li .firstTip {border:0px;}
.showGiftBox .content ul li table tr td {text-align:left; vertical-align:top}
.showGiftBox .content ul li table tr td img {margin:0px 10px 0px 0px}
.showGiftBox .content ul li table tr td .prdName {padding:0px; margin:0px; height:80px; overflow:hidden; font:15px/20px var(--primary-font-family); color:#484848;}
.showGiftBox .content ul li table tr td .giftNumber {display:block; font:15px/20px var(--primary-font-family)}

/** 優惠活動說明_浮層 **/
.precautions {background:#FFFFFF; margin:0px 10px; border:1px solid #A6A6A6; position:absolute; top:0px; left:0px; z-index:3; display:none}
.precautions span{font:bold 15px/30px var(--primary-font-family); color:#000000; text-align:center; margin:0px; padding:0px; border-bottom:1px solid #A6A6A6;display: block;}
.precautions p {margin:0px; padding:15px}
.precautions b {margin:0px 15px; padding:0px; display:block}
.precautions ul {margin:10px 10px 10px 35px; padding:0px; list-style:decimal outside none}
.precautions ul li {font:15px/22px var(--primary-font-family); color:#000000}
.precautions a {background-color:#404040; font:bold 15px/30px var(--primary-font-family); color:#FFFFFF; text-align:center; display:block; cursor:pointer}

/** 20160907_優惠加購**/
.plusItem .titleBlock {background:transparent url("/ecm/img/cmm/mobile/articleh2Bk_2.png") repeat-x scroll 0 0; color:#ffffff; font:15px/32px var(--primary-font-family); height:32px; margin:0px; padding:0px 10px; position:relative; z-index:1}
.plusItem ul { margin:0; padding:0}
.plusItem ul li {border-color: #ccc;  border-style: solid none none;  border-width: 1px medium medium;    box-sizing: border-box; display: block;  list-style: outside none none; margin: 0; height:auto; padding: 10px 5px; position: relative; width: 100%;}
.plusItem ul li:first-child { border-top:0px}
.plusItem ul li:not(.more) {min-height: 110px;}
.plusItem ul li p { display: block;  height: auto; margin: 0;   padding: 0px 100px 0px 5px;  position: relative; left: 95px;    box-sizing: border-box; width:100%}
.plusItem ul li .imgBtn {width:85px; height:85px; position:absolute;}
.plusItem ul li .imgBtn img {margin:0px; padding:0px}
.plusItem ul li img { float: left; padding:5px; width:85px;}
.plusItem ul li p span {font:15px/20px var(--primary-font-family); display:block; margin:5px 0px}
.plusItem ul li p .addprdBtn {display:block; font:13px/24px var(--primary-font-family); color:#3366ff; cursor:pointer}
.plusItem ul li p .prdtitle {font:20px/30px var(--primary-font-family); color:#d62672; height:auto}
.plusItem ul li p .prdtitle i {font:15px/30px var(--primary-font-family); color:#d62672;}
.plusItem ul li p .prdtitle b {cursor:pointer; display:inline-block; height:26px; width:26px; border-radius:18px; border:2px solid #bbb; float:right; position:relative}
.plusItem ul li p .prdtitle b:before {content:''; display:inline-block; width:18px; height:2px; background-color:#bbb; position:absolute; top:12px; left:4px; transform:rotate(0deg); transition:all 300ms ease 0s; -webkit-transform:rotate(0deg); -webkit-transition:all 300ms ease 0s}
.plusItem ul li p .prdtitle b:after {background-color:#bbb; content:""; display:inline-block; height:18px; left:12px; position:absolute; top:4px; width:2px; transform:rotate(0deg); transition:all 300ms ease 0s; -webkit-transform:rotate(0deg); -webkit-transition:all 300ms ease 0s}
.plusItem ul li p .prdtitle .tipadd {background-color:#e3e3e3}
.plusItem ul .more {margin:0; border:0; text-align:center;border-top:1px dotted #ccc; cursor:pointer}
.plusItem ul .more a {color:#939393; display:block; font:16px/30px var(--primary-font-family)}
.plusItem ul .more a i { display:inline-block; margin-left:5px; width:12px; height:8px; background:url("/ecm/img/cmm/mobile/goods/shoppingCartAreah2arrow_grey.png") no-repeat; }
.plusItem ul li.selected {display:block; border-top:1px solid #ccc; border-bottom:none; border-left:none; border-right:none; padding:10px 5px; margin:0px; }
.plusItem ul .more.selected {height:30px; margin:0; text-align:center; border:0px}
.plusItem ul li .prdtitle .addtip {border:2px solid #e40580; background-color:#e40580;}
.plusItem ul li .prdtitle .addtip:before {width:16px; height:3px; background-color:#fff; top:13px; left:8px; transform:rotate(-55deg); -webkit-transform:rotate(-55deg)}
.plusItem ul li .prdtitle .addtip:after {height:9px; left:8px; top:13px; width:3px; transform:rotate(-45deg); background-color:#fff; -webkit-transform:rotate(-55deg)}
.plusItem ul li p .addGoodsDetailBtn {display: inline-block; height: 40px; overflow: hidden}

/** 20160907_優惠加購_浮層**/
.addBuyitem {display:none; width:100%; position:fixed; left:0px; z-index:10000; background-color:#ffffff; bottom: 0;height: 100%;box-sizing:border-box;}
.addBuyitem span.productName{display: inline-block; font:bold 15px/24px var(--primary-font-family); margin:0; padding:15px 10px; background-color:#eee; width:100%; box-sizing:border-box;}
.addBuyitem .productItem { display: none;overflow-y: auto;padding: 0 0 70px;width: 100%;} 
.addBuyitem .productItem ul {height:100%; margin:0px; overflow-y:auto; padding:0px 5px;}
.addBuyitem .productItem ul li {border-bottom: 1px dotted #ccc; font:15px/24px var(--primary-font-family); list-style: outside none none;  margin: 0;  padding: 10px 0;}
.addBuyitem .productItem ul li p {display:inline-block; margin:0; overflow:hidden; padding:0; width:50%; float:none; vertical-align:middle; max-height:48px;}
.addBuyitem .productItem ul li span {float:right; color:#666}
.addBuyitem .productItem ul li select {float: right; padding: 0 5px;  width: 50px;}
.addBuyitem .productItem ul li b {float:right; padding:0px 5px;}
.addBuyitem .productItem ul .buyitemTip {border: 0 none;   padding: 5px 0;   text-align: right; }
.addBuyitem .productItem ul .buyitemTip a {color: #3366ff;  font: 14px/24px var(--primary-font-family); text-decoration:underline}
.addBuyblackBk {background-color:#000000; opacity:0.5; filter:alpha(opacity=50); position:absolute; top:0px; left:0px; z-index:9999; display:none}

/**20170802_加購按鈕調整**/
.addBuyitem .productItem ul li {position:relative; padding:15px 0px}
.addBuyitem .productItem ul li p {width:100%; padding:0px 50% 0px 0px; box-sizing:border-box}
.addBuyitem .productItem ul li table {position:absolute; top:5px; right:10px}
.addBuyitem .productItem ul li table tr td a {background-color:transparent; display:inline-block; height:30px; width:30px; margin:6px 0px 0px 0px; padding:0px; text-align:center; font:15px/24px var(--primary-font-family); color:#ffffff; cursor: pointer; position:relative; box-sizing:border-box; border:2px solid #939393; border-radius:3px} 
.addBuyitem .productItem ul li table tr td .minusBtn::before {content:''; display:inline-block; width:13px; height:3px; background-color:#939393; position:absolute; bottom:11px; right:6px}
.addBuyitem .productItem ul li table tr td .plusBtn::before {content:''; display:inline-block;  width:13px; height:3px; background-color:#939393; position:absolute; bottom:11px; right:6px}
.addBuyitem .productItem ul li table tr td .plusBtn::after{content: ''; display:inline-block; width:3px; height:13px; background-color:#939393; position:absolute; bottom:6px; right:11px}
.addBuyitem .productItem ul li table tr td .numberArea {width:40px; vertical-align:top; margin:6px 5px 0px 5px; text-align:center; height:30px; border:0px; font:17px/30px var(--primary-font-family);color:#000000;}
.addBuyitem .productItem ul li span {float:none; position:absolute; top:15px; right:10px}
.addBuyitem .productItem ul li table tr td .selected {border:2px solid #cccccc;}
.addBuyitem .productItem ul li table tr td .selected::before {background-color:#cccccc;}
.addBuyitem .productItem ul li table tr td .selected::after {background-color:#cccccc;}

/**加價購 規格拆分**/
.addBuyitem .closebtn {height:40px; display:block; width:100%; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; background:#E7E7E7}
.addBuyitem .closebtn a {width:100%; height:40px; position:relative; cursor:pointer; margin:0px; padding:0px 0px 0px 0px; display:inline-block; font:16px/40px var(--primary-font-family); text-align:center; box-sizing:border-box}
.addBuyitem .closebtn a::before,
.addBuyitem .closebtn a::after {background-color:#818181; width:20px; height:2px; content: ''; margin:-1px 0px 0px -12px; position:absolute; top:50%; right:10px; transform: rotate(45deg)}
.addBuyitem .closebtn a::after {transform: rotate(-45deg)}
.addBuyitem {padding:0px; margin:0px; display:inline-block; width:100%;  box-sizing:border-box}
.addBuyitem .prdBox {margin: 0px; padding: 10px 10px 0px 10px; width: 100%; box-sizing: border-box;}
.addBuyitem .prdBox table {padding: 0px 0px 10px 0px;border-bottom: 1px solid #eeeeee;}
.addBuyitem .prdBox table tr,
.addBuyitem .prdBox table tr td {margin:0px; padding:0px}
.addBuyitem .prdBox .productName {display:block; width:100%; margin:0px; padding:0px; font:15px/20px var(--primary-font-family); height:40px; overflow:hidden; text-align:left}
.addBuyitem .prdBox .priceItem {display:block; width:100%; margin:0px 0px 0px 0px; padding:0px; font:15px/30px var(--primary-font-family); height:30px; overflow:hidden; text-align:left; color:#d62872;}
.addBuyitem .prdBox .priceItem b {display:inline-block; margin:0px 0px 0px 3px; padding:0px; font:22px/30px Century Gothic; height:30px; }
.addBuyitem .prdBox .priceItem i {display:inline-block; margin:0px 5px; padding:0px; color:#888888; font:13px/30px var(--primary-font-family)}
.addBuyitem .prdScroll {display:inline-block; width:100%; overflow-y:scroll; overflow-x:hidden; text-align:left; padding:0px 0px 0px 0px; box-sizing: border-box; -webkit-overflow-scrolling:touch;}
.addBuyitem .prdScroll .sizeStyle {display:block; margin:0px; padding:10px 0px 15px 0px; border-bottom:1px solid #E1E1E1;  border-right:10px solid #fff; box-sizing:border-box; border-left:10px solid #fff;}
.addBuyitem .prdScroll .sizeStyle b {height:30px; font:13px/30px var(--primary-font-family); display:inline-block; color:#000000}
.addBuyitem .prdScroll .sizeStyle .sizeSelect {margin:5px 0px 0px 0px; padding:0px; font-size:0px}
.addBuyitem .prdScroll .sizeStyle .sizeSelect li {display:inline-block; padding:0px 12px; margin:0px 12px 10px 0px; border:1px solid #f2f2f2; box-sizing:border-box; background:#f2f2f2; min-width:40px; border-radius:4px}
.addBuyitem .prdScroll .sizeStyle .sizeSelect li i {min-width: 30px;font:15px/30px var(--primary-font-family); color:#000000; vertical-align:middle; display:inline-block; width:100%; text-align:center}
.addBuyitem .prdScroll .sizeStyle .sizeSelect .selected {background:#d62872; border:1px solid #d62872}
.addBuyitem .prdScroll .sizeStyle .sizeSelect .selected i {color:#ffffff; font:15px/30px var(--primary-font-family);min-width: 30px;}
.addBuyitem .prdScroll .sizeStyle .sizeSelect .outOfStock {border:1px solid #f2f2f2; color:#CCCCCC; background:#f2f2f2}
.addBuyitem .prdScroll .sizeStyle .sizeSelect .outOfStock  i {min-width: 30px;color:#CCCCCC}
.addBuyitem .prdScroll .buyQuantity {height:auto; line-height:normal;margin:0px; padding:10px 0px 10px 0px; border-bottom:1px solid #E1E1E1; display:inline-block; width:100%;  border-right:10px solid #fff; box-sizing:border-box; border-left:10px solid #fff;}
.addBuyitem .prdScroll .buyQuantity b {height:30px; font:13px/30px var(--primary-font-family); display:inline-block; color:#000000;margin: 5px 0px;}
.addBuyitem .prdScroll .buyQuantity .texttip {display:inline-block; margin:0px; padding:0px; font:13px/13px var(--primary-font-family); color:#888888; width: calc(100% - 150px); height:43px; overflow: hidden; vertical-align:top}
.addBuyitem .prdScroll .buyQuantity .texttip b {display:inline-block; margin:0px; padding:0px 5px; font:13px/30px var(--primary-font-family); color:#d62872}
.addBuyitem .prdScroll .buyQuantity .numberStyle {float:right; margin:5px 0px;}
.addBuyitem .prdScroll .buyQuantity .numberStyle tr {margin:0px; padding:0px; }
.addBuyitem .prdScroll .buyQuantity .numberStyle tr td a {vertical-align:top; background-color:#ffffff; display:inline-block; height:30px; width:30px; margin:0px 0px 0px 0px; padding:0px; text-align:center; font:15px/24px var(--primary-font-family); color:#ffffff; cursor: pointer; position:relative; box-sizing:border-box; border:2px solid #939393; border-radius:3px} 
.addBuyitem .prdScroll .buyQuantity .numberStyle tr td .minusBtn::before {content:''; display:inline-block; width:13px; height:3px; background-color:#939393; position:absolute; bottom:11px; right:6px}
.addBuyitem .prdScroll .buyQuantity .numberStyle tr td .plusBtn::before {content:''; display:inline-block;  width:13px; height:3px; background-color:#939393; position:absolute; bottom:11px; right:6px}
.addBuyitem .prdScroll .buyQuantity .numberStyle tr td .plusBtn::after{content: ''; display:inline-block; width:3px; height:13px; background-color:#939393; position:absolute; bottom:6px; right:11px}
.addBuyitem .prdScroll .buyQuantity .numberStyle tr td .numberArea {color:#000000;position:initial; top:0px; left:0px; width:54px; vertical-align:top; margin:0px 0px 0px 0px; text-align:center; height:30px; border:0px; font:17px/30px var(--primary-font-family);}
.addBuyitem .prdScroll .buyQuantity .numberStyle tr td .selected {border:2px solid #cccccc;}
.addBuyitem .prdScroll .buyQuantity .numberStyle tr td .selected::before {background-color:#cccccc;}
.addBuyitem .prdScroll .buyQuantity .numberStyle tr td .selected::after {background-color:#cccccc;}
.addBuyitem .prdScroll .buyitemTip {border: 0 none;   padding: 5px 0;   text-align: right; }
.addBuyitem .prdScroll .buyitemTip a {color: #3366ff;  font: 14px/24px var(--primary-font-family); text-decoration:underline}
.addBuyitem .btnArea a {background-color:#fff; display:block; box-sizing:border-box; float:left;height:48px; text-align:center; font:bold 17px/48px var(--primary-font-family); color:#333; cursor:pointer}
.addBuyitem .btnArea {background-color: #fff;bottom: 0;margin: 0;padding: 0;text-align: center;width: 100%; position: fixed;}
.addBuyitem .btnArea .enterBtn {background-color:#D62872; width:50%; cursor:pointer;color: #fff;}
.addBuyitem .btnArea .enterBtn:hover {background-color:#D62872}
.addBuyitem .btnArea .cancelBtn {width:50%; cursor:pointer;border: 1px solid #E1e1e1;}
.addBuyitem .btnArea .outofstockBtn {width:100%; cursor:default}
.addBuyitem .divselected {background: #ffffff; border-right: 10px solid #ffffff;border-left: 10px solid #ffffff;}
.addBuyitem img {border-radius: 4px;}
.plusItem .addBuyitem_outofStock_view1 {margin: 0px;padding: 0px;width: 84px;height: 23px;position: absolute;top: 71px;left: 5px;z-index: 1;background-color: #000000;opacity: 0.75;color: whitesmoke;vertical-align: middle;text-align: center;font: 13px/23px var(--primary-font-family);}
.plusItem ul li a.forsoldout::after {background:rgba(0%,0%,0%,0.7);width:100%;max-width:200px;font: 13px/23px var(--primary-font-family);color:#FFFFFF;content:'售完補貨中';text-align:center;margin:0px;padding:0px;position:absolute;top: 62px;left:0px;}

/**商品詳情區塊**/
.preferentialArea {padding:10px 0px 0px}
.preferentialArea .vendordetailmenu {height:34px; border-bottom:1px solid #323232}
.preferentialArea .vendordetailmenu ul {margin:0px; padding:0px 0px 0px 5px; list-style:none}
.preferentialArea .vendordetailmenu li {float:left; background:transparent url("/ecm/img/cmm/memb/vendordetailmenu_newliBk.gif") repeat-x; height:30px; border-top:1px solid #CBCBCB; border-right:1px solid #CBCBCB; position:relative; top:3px}
.preferentialArea .vendordetailmenu li:first-child {border-left:1px solid #CBCBCB}
.preferentialArea .vendordetailmenu .selected:first-child,
.preferentialArea .vendordetailmenu .selected {background:#FFFFFF url("/ecm/img/cmm/memb/vendordetailmenu_newlileftBk.gif") no-repeat; padding:0px 0px 0px 3px; height:35px; top:0px; border:0px}
.preferentialArea .vendordetailmenu span {font:15px/30px var(--primary-font-family); color:#939393; padding:0px 5px; display:block; cursor:pointer}
.preferentialArea .vendordetailmenu .selected b {background:transparent url("/ecm/img/cmm/memb/vendordetailmenu_newlirightBk.gif") no-repeat scroll right; padding-right:4px; height:35px; display:block}
.preferentialArea .vendordetailmenu .selected span {height:32px; font:bold 15px/32px var(--primary-font-family); color:#1F1F1F; border-top:3px solid #323232; border-left:1px solid #323232; border-right:1px solid #323232}
.preferentialArea .vendordetailview { padding: 15px;  word-break: break-all;}
.preferentialArea .vendordetailview div {font:15px/22px var(--primary-font-family); color:#000000}
.preferentialArea .vendordetailview div li {color: #333333;list-style: disc inside none; font-family: Verdana; font-size: 15px; height: 22px; line-height: 22px; overflow: hidden; padding-left: 13px; width: 250px;}
.preferentialArea .vendordetailview div a {color:#3366ff; text-decoration:underline; margin:0px 0px 0px 0px; cursor:pointer}
.preferentialArea .vendordetailview div .brandNameTxt {text-decoration: none;}
.preferentialArea .vendordetailview .Area302 ul {margin:0px; padding:10px 0px 10px 10px;overflow:hidden;}
.preferentialArea .vendordetailview .Area302 ul li {padding-left:0px;}
/** 20160519 商品詳情_表格樣式**/
.preferentialArea .vendordetailview .attributesArea {margin:0px 0px 10px 0px}
.preferentialArea .vendordetailview .attributesArea table {border-left:1px solid #999999; border-bottom:1px solid; border-color: #999999;}
.preferentialArea .vendordetailview .attributesArea table th,
.preferentialArea .vendordetailview .attributesArea table td {border-top:1px solid #999999; padding:3px 10px}
.preferentialArea .vendordetailview .attributesArea table td {font:15px/22px var(--primary-font-family); color:#000000; border-right:1px solid #999999}
.preferentialArea .vendordetailview .attributesArea table th {background-color:#e5e5e5; width:80px; font:15px/22px var(--primary-font-family); color:#000000; text-align:left; vertical-align:top}
.preferentialArea .vendordetailview .attributesArea table td ul {margin:0px; padding:0px; list-style:none}
.preferentialArea .vendordetailview .attributesArea table td ul li {width:auto; padding:0px 0px 0px 15px; border:0px; display:inline-block; position:relative; overflow:inherit ; word-break:break-word}
.preferentialArea .vendordetailview .attributesArea table td ul li::after {width:10px; height:22px; content:'、'; position:absolute; top:0px; left:0px}
.preferentialArea .vendordetailview .attributesArea table td ul li:first-child {padding:0px}
.preferentialArea .vendordetailview .attributesArea table td ul li:first-child::after {display:none}
.preferentialArea .vendordetailview div .brandNameTxt {color:#3366ff; text-decoration: none;}
/** 商品詳情__退/換貨需知  單號:2016030400032374 zwlin 新增 **/
.preferentialArea .msgArea {padding:10px 10px 20px 10px;}
.preferentialArea .msgArea p {margin:0px; padding:0px; font:bold 15px/25px var(--primary-font-family); color:#000000; }
.preferentialArea .msgArea ul {margin:0px 0px 15px 0px; padding:0px; display:block}
.preferentialArea .msgArea li {font:15px/23px var(--primary-font-family); color:#585858; list-style:disc outside none; margin-left:20px}
.preferentialArea .msgArea li a {display:inline-block; font:15px/25px var(--primary-font-family); color:#3366FF; text-decoration:none}
.preferentialArea .msgArea li a:hover {color:#E40480; text-decoration:none}
.preferentialArea .msgArea li .red {display:inline-block; font:15px/25px var(--primary-font-family); color:#FF0000}
/** 商品詳情_組合品退換貨說明 **/
.preferentialArea .vendordetailview .setItemTips { margin-top:10px; padding:5px; box-sizing: border-box;  background-color:#ffffcb; font: 13px/22px var(--primary-font-family); color:#585858}
.preferentialArea .vendordetailview .setItemTips ul { margin:0; padding:0 0 0 15px; }
.preferentialArea .vendordetailview .setItemTips ul li { width:auto; height:auto; margin:0; padding:0; list-style:outside; font: 13px/22px var(--primary-font-family); color:#585858; overflow:inherit}
/** 商品詳情_相關分類 **/
.preferentialArea .vendordetailview .Areacr dl{margin: 5px 0px 10px;padding: 0px;}
.preferentialArea .vendordetailview .Areacr dt {display: inline;background: transparent url("/ecm/img/cmm/mobile/goods/listimg.gif") no-repeat 0px 4px;padding: 0px 0px 0px 13px;margin: 0px;font: 15px/20px var(--primary-font-family);}
.preferentialArea .vendordetailview .Areacr a{box-sizing: border-box;color: #3366ff;text-decoration: none;word-break: break-word;}
.preferentialArea .vendordetailview .Areacr a:hover{color: #E40480;text-decoration:underline}
.preferentialArea .vendordetailview .Areacr dd{color: #666666;display: inline;font: 15px/20px var(--primary-font-family);margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.preferentialArea .vendordetailview .Areacr .brandNamedd {background:none;padding: 0px;margin: 0px;}
.preferentialArea .vendordetailview .Areacr dd:last-child {margin:0px;padding: 0px;}
.preferentialArea .vendordetailview .Areacr dd::after {content: "|";display:inline-block;font: 12px/20px var(--primary-font-family);margin:0;color:#333;transform:rotate(-15deg);padding: 0px 5px;}
.preferentialArea .vendordetailview .Areacr dd:last-child::after {display:none}
.preferentialArea .vendordetailview .Areacr .brandNamedd::after {display:none}

/** 相關商品設定 **/
.relatedPrdArea .titleBlock {background:transparent url("/ecm/img/cmm/mobile/articleh2Bk_2.png") repeat-x; height:32px; font:15px/32px var(--primary-font-family); color:#FFFFFF; margin:0px; padding:0px 10px; position:relative; z-index:1}
.relatedPrdArea ul {margin:0px; padding:0px; list-style:none}
.relatedPrdArea li {padding:9px 10px; border-top:1px solid #CCCCCC}
.relatedPrdArea li:first-child {border:0px}
.relatedPrdArea a {font:15px/22px var(--primary-font-family); color:#3366FF; display:block; position:relative}
.relatedPrdArea .priceSymbol {background:#FFFFFF url("/ecm/img/cmm/mobile/goods/navddspanBk.png") no-repeat right -8px; padding:0px 15px 0px 10px; position:absolute; right:0px; bottom:0px; display:block}
.relatedPrdArea .priceSymbol .price {font:15px/22px Century Gothic; color:#D62872; margin:0px 3px 0px 0px}

/** 規格浮層 **/
.specificationBox {position:fixed; bottom:0px; background:#ffffff; z-index:95; box-sizing:border-box; width:100%; text-align:center; height:100%; display:none}
.specificationBox img {border-radius: 4px;}
.specificationBox .closebtn {height:40px; display:block; width:100%; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; background:#E7E7E7;}
.specificationBox .closebtn a {width:100%; height:40px; position:relative; cursor:pointer; margin:0px; padding:0px 0px 0px 0px; display:inline-block; font:16px/40px var(--primary-font-family); text-align:center; box-sizing:border-box}
.specificationBox .closebtn a::before,
.specificationBox .closebtn a::after {background-color:#818181; width:20px; height:2px; content: ''; margin:-1px 0px 0px -12px; position:absolute; top:50%; right:10px; transform: rotate(45deg)}
.specificationBox .closebtn a::after {transform: rotate(-45deg)}
.specificationBox .prdBox .closebtn {height:25px; display:block; width:100%; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px}
.specificationBox .prdBox .closebtn a {width:100%; height:25px; position:relative; cursor:pointer; margin:0px; padding:0px 0px 0px 0px; display:inline-block}
.specificationBox .prdBox .closebtn a::before,
.specificationBox .prdBox .closebtn a::after {background-color:#818181; width:20px; height:2px; content: ''; margin:-1px 0px 0px -12px; position:absolute; top:13px; right:0px; transform: rotate(45deg)}
.specificationBox .prdBox .closebtn a::after {transform: rotate(-45deg)}
.specificationBox .prdBox {margin:0px; padding:10px 10px 0px 10px; width:100%; box-sizing:border-box;}
.specificationBox .prdBox table {border-bottom:1px solid #eeeeee; padding:0px 0px 10px 0px;}
.specificationBox .prdBox table tr,
.specificationBox .prdBox table tr td {margin:0px; padding:0px}
.specificationBox .prdBox .prdName {display:block; width:100%; margin:0px; padding:0px; font:15px/20px var(--primary-font-family); height:40px; overflow:hidden; text-align:left}
.specificationBox .prdBox .priceItem {display:block; width:100%; margin:0px 0px 0px 0px; padding:0px; font:15px/30px var(--primary-font-family); height:30px; overflow:hidden; text-align:left; color:#d62872;}
.specificationBox .prdBox .priceItem b {display:inline-block; margin:0px 0px 0px 3px; padding:0px; font:22px/30px Century Gothic; height:30px; }
.specificationBox .prdBox .priceItem i {display:inline-block; margin:0px 5px; padding:0px; color:#888888; font:13px/30px var(--primary-font-family)}
.specificationBox .prdBox .textitem {display:inline-block; width:100%; background:#f2f2f2; margin:0px; padding:0px; text-align:left; font:15px/30px var(--primary-font-family); border-radius:4px}
.specificationBox .prdBox .textitem i {background:url(ecm/img/cmm/mobile/icon_1.PNG) no-repeat scroll center center; height:30px; width:25px; display:inline-block; vertical-align:middle}
.specificationBox .prdScroll {height: 62%; display:inline-block; width:100%; overflow-y:scroll; overflow-x:hidden; text-align:left; padding:0px 0px 0px 0px; box-sizing: border-box; -webkit-overflow-scrolling:touch;}
.specificationBox .checksizeBtn {display:inline-block; float:right; color:#3366ff; font:13px/30px var(--primary-font-family); vertical-align:top}
.specificationBox .sizeStyle {display:block; margin:0px; padding:10px 0px 15px 0px; border-bottom:1px solid #E1E1E1;  border-right:10px solid #fff; box-sizing:border-box; border-left:10px solid #fff;}
.specificationBox .sizeStyle b {height:30px; font:13px/30px var(--primary-font-family); display:inline-block; color:#000000}
.specificationBox .sizeStyle .sizeSelect {margin:5px 0px 0px 0px; padding:0px; font-size:0px}
.specificationBox .sizeStyle .sizeSelect li {display:inline-block; padding:0px 12px; margin:0px 12px 10px 0px; border:1px solid #f2f2f2; box-sizing:border-box; background:#f2f2f2; min-width:40px; border-radius:4px}
.specificationBox .sizeStyle .sizeSelect li i {font:15px/30px var(--primary-font-family); color:#000000; vertical-align:middle; display:inline-block; width:100%; text-align:center;min-width: 30px;}
.specificationBox .sizeStyle .sizeSelect .selected {background:#d62872; border:1px solid #d62872}
.specificationBox .sizeStyle .sizeSelect .selected i {color:#ffffff; font:15px/30px var(--primary-font-family);min-width: 30px;}
.specificationBox .sizeStyle .sizeSelect .outOfStock {border:1px solid #f2f2f2; color:#CCCCCC; background:#f2f2f2}
.specificationBox .sizeStyle .sizeSelect .outOfStock  i {color:#CCCCCC;min-width: 30px;}
.specificationBox .buyQuantity {height:auto; line-height:normal;margin:0px; padding:10px 0px 10px 0px; display:inline-block; width:100%;  border-right:10px solid #fff; box-sizing:border-box; border-left:10px solid #fff;}
.specificationBox .buyQuantity b {height:43px; font:13px/43px var(--primary-font-family); display:inline-block; color:#000000;}
.specificationBox .buyQuantity .texttip {display:inline-block; font:13px/43px var(--primary-font-family); color:#888888; width: 45%;text-align: -webkit-center;}
.specificationBox .buyQuantity .texttip b {display:inline-block; margin:0px; padding:0px 5px; font:13px/30px var(--primary-font-family); color:#d62872}
.specificationBox .buyQuantity .texttip2 {display:inline-block; margin:0px; padding:0px; font:13px/13px var(--primary-font-family); color:#888888; width: 100%; height:43px; overflow: hidden; vertical-align:top}
.specificationBox .buyQuantity .numberStyle {right: 0; margin: 5px 0px; float:right;}
.specificationBox .buyQuantity .numberStyle tr {margin:0px; padding:0px; }
.specificationBox .buyQuantity .numberStyle tr td a {border:0px solid #cccccc; vertical-align:top; background-color:#f2f2f2; display:inline-block; height:30px; width:30px; margin:0px 0px 0px 0px; padding:0px; text-align:center; font:15px/24px var(--primary-font-family); color:#ffffff; cursor: pointer; position:relative; box-sizing:border-box; border-radius:3px}
.specificationBox .buyQuantity .numberStyle tr td .minusBtn::before {content:''; display:inline-block;  width:13px; height:3px; background-color:#666666; position:absolute; top:14px; left:9px;}
.specificationBox .buyQuantity .numberStyle tr td .plusBtn::before {content:''; display:inline-block;  width:13px; height:3px; background-color:#666666; position:absolute; top:14px; left:9px;}
.specificationBox .buyQuantity .numberStyle tr td .plusBtn::after{content: ''; display:inline-block; width:3px; height:13px; background-color:#666666; position:absolute; top:9px; left:14px}
.specificationBox .buyQuantity .numberStyle tr td .numberArea {color:#000000;position:initial; top:0px; left:0px; width:54px; vertical-align:top; margin:0px 0px 0px 0px; text-align:center; height:30px; border:0px; font:17px/30px var(--primary-font-family);}
.specificationBox .buyQuantity .numberStyle tr td .selected::before {background-color:#cccccc;}
.specificationBox .buyQuantity .numberStyle tr td .selected::after {background-color:#cccccc;}
.specificationBox .deliveryArea {display:block; width:100%; padding:0px; margin:0px; margin:0px; padding:10px 0px 15px 0px; border-bottom:1px solid #E1E1E1;  border-right:10px solid #fff; box-sizing:border-box; border-left:10px solid #fff;}
.specificationBox .deliveryArea b {height:30px; font:13px/30px var(--primary-font-family); display:inline-block; color:#000000} 
.specificationBox .deliveryArea .deliveryList {margin:5px 0px 0px 0px; padding:0px; font-size:0px }
.specificationBox .deliveryArea .deliveryList li {display: inline-block;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  width: 100%; font: 13px/30px var(--primary-font-family);  color: #888;  word-break: break-all;  margin: 0px;  padding: 0px;}
.specificationBox .deliveryArea .deliveryList li p {display:inline-block;margin: 0px 5px 10px 0px;padding:5px 10px;list-style:none;font:15px/20px var(--primary-font-family);background:#F2F2F2;border-radius:4px;cursor:pointer;color:#000000;}
.specificationBox .deliveryArea .deliveryList p.selected {background:#d62872; color:#ffffff}
.specificationBox .travelCardArea {display:block; width:100%; padding:0px 0px 10px 0px; margin:0px; border-bottom:1px solid #E1E1E1; border-right:10px solid #fff; box-sizing:border-box; border-left:10px solid #fff;}
.specificationBox .travelCardArea b {height:30px; font:13px/30px var(--primary-font-family); display:inline-block; color:#000000} 
.specificationBox .travelCardArea .alertTip {display: inline-block; float:right;  border-radius:50px;  border:1px solid #2990FF;  width:20px; height:20px;  text-align:center;  font:bold 13px/22px var(--primary-font-family);  color:#2990FF; margin:5px; background:#ffffff}
.specificationBox .travelCardArea .alertTip a {color:#2990FF; cursor: pointer; width: 100%; height: 100%; display: inline-block;}
.specificationBox .travelCardArea .travelcardList {margin:5px 0px 0px 0px; padding:0px;}
.specificationBox .travelCardArea .travelcardList li {display:inline-block; margin:0px; padding:5px 10px; list-style:none; font:15px/20px var(--primary-font-family); background:#eee; border-radius:4px; cursor:pointer}
.specificationBox .travelCardArea .travelcardList .selected {background:#d62872; color:#ffffff}
.specificationBox .travelCardArea i {display:block; width:100%; font:13px/15px var(--primary-font-family); color:#d62872; margin:10px 0px 0px 0px}
.specificationBox .btnArea {display:inline-block; width:100%; margin:0px; padding:0px; font-size:0px; position:fixed; bottom:0px; left:0px;}
.specificationBox .btnArea .addCar {display:inline-block; width:50%; margin:0px; background:#3a71a9; font:15px/39px var(--primary-font-family); color:#fff; border-top:1px solid #3a71a9}
.specificationBox .btnArea .addCar::before {content: '';display: inline-block;border-right:none;}
.specificationBox .btnArea .checkout {display:inline-block; width:50%; margin:0px; background:#e40580; font:15px/39px var(--primary-font-family); color:#FFF; border:none; border-top:1px solid #e40580}
.specificationBox .btnArea .buy_alert {display:inline-block; width:50%; margin:0px; font:15px/40px var(--primary-font-family); color:#FFF; background:#FF9203;}
.specificationBox .btnArea .outofstock {display:inline-block; width:50%; margin:0px; font:15px/39px var(--primary-font-family); color:#CCCCCC; background:#F2F2F2; border-top:1px solid #F2F2F2}
.specificationBox .btnArea .buy_alert_tip {display:inline-block; width:50%; margin:0px; font:bold 17px/48px var(--primary-font-family); color:#FFF; background:#FF9203;}
.specificationBox .btnArea .outofstock_tip {cursor:default;display:inline-block; width:50%; margin:0px; background:#D7D7D7; font:bold 17px/48px var(--primary-font-family); color:#888888; border-top:0px solid #D7D7D7}
.specificationBox .btnArea .enter {float:left; display:inline-block;margin:0px;background:#D62872;color:#ffffff;border-radius: 24px;font: bold 17px/44px var(--primary-font-family);width:100%;}
.specificationBox .btnArea .cancel {display:inline-block; float:left; width:50%; margin:0px; background:#ffffff; font:bold 17px/46px var(--primary-font-family); color:#333333; box-sizing:border-box; vertical-align:top;border:1px solid #E1E1E1;}
.specificationBox .btnArea .addCar_inbox {float:left; display:inline-block;margin:0px;background:#1C6FBC;color:#ffffff;border-radius: 24px;font: bold 17px/44px var(--primary-font-family);width:49%;}
.specificationBox .btnArea .checkout_inbox {border: none;float:left; display:inline-block;margin:0px;background:#D62872;color:#ffffff;border-radius: 24px;font: bold 17px/44px var(--primary-font-family);width:49%;}
.specificationBox .recycleArea {display:block; width:100%; padding:0px 0px 10px 0px; margin:0px; border-right:10px solid #fff; box-sizing:border-box; border-left:10px solid #fff;}
.specificationBox div.recycleArea {padding: 10px 0px 15px 0px;}
.specificationBox .recycleArea b {height:30px; font:bold 15px/30px var(--primary-font-family); display:inline-block; color:#000000} 
.specificationBox .recycleArea .recycleList {margin:5px 0px 0px 0px; padding:0px; font-size:0px}
.specificationBox .recycleArea .recycleList li {display:inline-block; margin:0px 0px 0px 12px; padding:5px 10px; list-style:none; font:15px/20px var(--primary-font-family); background:#E8E8E8 ; border-radius:4px; cursor:pointer; color:#454545;}
.specificationBox .recycleArea .recycleList li:first-child {margin:0px}
.specificationBox .recycleArea .recycleList .selected {color:#ffffff; background:#d62872}
.specificationBox .divselected {background: #ffffff; border-right: 10px solid #ffffff;border-left: 10px solid #ffffff;}

.specificationBox .setprd {display:none; width:100%; border-bottom:1px solid #E1E1E1;  border-right:10px solid #fff; box-sizing:border-box; border-left:10px solid #fff;}
.specificationBox .setprd b {height:30px; font:13px/30px var(--primary-font-family); display:inline-block; color:#000000;margin: 0; padding: 10px 0 0 0;}
.specificationBox .setprd span {height:30px; font:11px/30px var(--primary-font-family); display:inline-block; color:#999;margin: -5px 0px 0px 0px;} 
.specificationBox .setprd ul { margin:0; padding:0}
.specificationBox .setprd ul li {display:block;list-style:none;min-height: 105px;position:relative;}
.specificationBox .setprd ul li img {float: left;padding:10px;width:85px;}
.specificationBox .setprd ul li p {height:40px;  display:block; font: 15px/20px var(--primary-font-family); margin:0px 0px 5px 0px; padding:0px 10px 0px 0px; text-align: left; overflow:hidden; }
.specificationBox .setprd ul li .prdName {padding: 10px 10px 0 0;width: calc(100% - 115px);}
.specificationBox .setprd ul li .prdMode {padding:0px 0px;margin:0px 0px;width:calc(100% - 110px);height:auto;font:15px/35px var(--primary-font-family);}
.specificationBox .setprd ul li .installTxt{font:12px/12px Helvetica,sans-serif;color:#454545;margin:10px 0 0 0;display:inline-block}
.specificationBox .setprd ul li .prdMode select {color: #000; float:left; display: block; font:15px/35px var(--primary-font-family); height:35px; width:80%; background:#F2F2F2; padding:0px 10px 0px 10px; margin:0px 0px 0px 0px; box-sizing: border-box; border-radius:5px; vertical-align:bottom; border:none; -webkit-appearance:none;  -moz-appearance:none; appearance:none}
.specificationBox .setprd ul li .prdMode select option {text-align:center}
.specificationBox .setprd ul li .prdMode .singleName {display:inline-block}
.specificationBox .setprd ul li .pinkBg { background-color:#DFDFDF; border:1px solid #abadb3;}
.specificationBox .setprd ul li .prdMode b {display:inline-block;font:15px/35px var(--primary-font-family);float:right;}
.specificationBox .setprd ul .iconplus {text-align: center;border: 0 none;padding: 0 5px;box-sizing:border-box;color: #bdb2b5;font:bold 30px/20px var(--primary-font-family);height:20px;width:105px;min-height: unset;}
/* 20250114 商品頁多組數選擇方案顯示對應活動(IT057-2024110700065) */
.add-to-cart-promo-block { padding: 5px 10px 0;}
.add-to-cart-promo-block.activityArea .activityBox {padding: 0;}
.add-to-cart-promo-block.activityArea .activityBox .activityText p {color: #404040;}
.add-to-cart-promo-title { font-size: 13px; color: #999; margin-bottom: 10px;} 
.add-to-cart-hr  { margin: 0 10px; color: inherit; border: 0; border-top: 1px solid #eee; }
.add-to-cart-promo-block .btn-collapse {display: block;text-align: center;background-color: transparent;width: 100%;height: 36px;border: 0;padding: 0;}        
.add-to-cart-promo-block .btn-expand { transform: rotate(180deg);}
.add-to-cart-promo-block .icon-arrow-down{background-image:url("/ecm/img/ec-images/common/arrow_down_737373_20x20.svg");background-position:center center;background-repeat:no-repeat;background-size:20px 20px;display:inline-block;height:20px;width:20px;}
/* 規格浮層_未選擇規格 && 點加入購物車_提示文案*/
.tooltips_specsNotFinished {background: none repeat scroll 0 0 #2e2e2e; color: #ffffff; display: none; font: 15px/24px var(--primary-font-family); margin: 0 auto; opacity: 0.9; padding: 5px 15px; position: fixed; z-index:10}
/* 規格浮層_未選擇規格_提示文案*/
#selectMsg1,#selectMsg2,#selectMsg3 {color: red; display: none; font: 13px/15px Helvetica; margin: 0 auto; opacity: 0.9; padding: 5px 15px; z-index:10}
/**  加入購物車_提示文字 **/
.tooltips_addCart {background: none repeat scroll 0 0 #2e2e2e; color: #ffffff; display: none; font: 15px/24px var(--primary-font-family); margin: 0 auto; opacity: 0.9; padding: 5px 15px; position: fixed; z-index:1}

/** 20151207_電子票券適用分店 **/
.preferentialArea .vendordetailview .shopGroup {padding:0px 0px; }
.preferentialArea .vendordetailview .shopGroup ul {margin:0px; padding:0px; width:100%; box-sizing:border-box; box-sizing:content-box; }
.preferentialArea .vendordetailview .shopGroup ul li { list-style:none; width:100%; height:auto; padding:10px 5px; font:15px/30px var(--primary-font-family); color:#484848; border-top:2px solid #DFDFDF; box-sizing:border-box; box-sizing:content-box; }
.preferentialArea .vendordetailview .shopGroup ul li:first-child {border-top:0px}
.preferentialArea .vendordetailview .shopGroup ul li p {margin:12px 0px 0px 0px; padding:0px; font:15px/22px var(--primary-font-family);}
.preferentialArea .vendordetailview .shopGroup ul li p:first-child {font:15px/20px var(--primary-font-family); margin:0px;}
.preferentialArea .vendordetailview .shopGroup ul li p b {display:inline-block; font:bold 15px/20px var(--primary-font-family); padding-left:5px}
.preferentialArea .vendordetailview .shopGroup ul li p a {display:inline-block; margin:0px; padding:0px; font:15px/22px var(--primary-font-family); color:#484848; text-decoration:none; cursor:pointer}
.preferentialArea .vendordetailview .shopGroup ul li .phone {padding-left:25px; background:transparent url("/ecm/img/cmm/mobile/goods/telphone_icon.png") no-repeat left 0px; }
.preferentialArea .vendordetailview .shopGroup ul li .map {background:transparent url("/ecm/img/cmm/mobile/goods/map_icon.png") no-repeat left 0px; padding-left:25px;}
.preferentialArea .vendordetailview .shopGroup ul li .time {background:transparent url("/ecm/img/cmm/mobile/goods/time_icon.png") no-repeat left 0px; padding-left:25px;}
/** 20151207_電子票券履約說明 **/
.performanceArea .titleBlock{background:transparent url("/ecm/img/cmm/mobile/articleh2Bk_2.png") repeat-x !important; height:32px !important; font:15px/32px Helvetica !important; color:#FFFFFF !important; margin:0px !important; padding:0px 10px !important; position:relative !important; z-index:1 !important}
.performanceArea .elecTicketArea {padding:10px }
.performanceArea .elecTicketArea .textlist {margin:0px; padding:0px; width:100%; height:100px; overflow:hidden}
.performanceArea .elecTicketArea .textlist li {display:block; padding:0px; width:auto; height:auto; font:15px/25px var(--primary-font-family); overflow:inherit;}
.performanceArea .elecTicketArea .textlist li p {margin:0px; padding:0px 0px 0px 27px; display:block; font:15px/25px var(--primary-font-family); position:relative;}
.performanceArea .elecTicketArea .textlist li p b {width:22px; height:22px; background-color:#000000; font:16px/22px var(--primary-font-family); color:#FFFFFF; text-align:center; position:absolute; top:3px; left:0px}
.performanceArea .elecTicketArea .textlist li p span {font:bold 15px/22px var(--primary-font-family); color:#000000}
.performanceArea .elecTicketArea .textlist li .answer b {font:15px/22px var(--primary-font-family); background-color:#999999}
.performanceArea .elecTicketArea .textlist li .answer span {font:15px/25px var(--primary-font-family); color:#686868}
.performanceArea .elecTicketArea .moreBtn {display:inline-block; width:100%; height:40px; padding-top:9px; cursor:pointer}
.performanceArea .elecTicketArea .moreBtn span {display:inline-block; width:100%; height:40px; background-color:#FFFFFF; font:15px/40px var(--primary-font-family); color:#939393; text-align:center; border-top:1px dashed #797979}
.performanceArea .elecTicketArea .moreBtn span i {display:inline-block; margin-left:5px; width:12px; height:8px; background:url("/ecm/img/cmm/mobile/goods/shoppingCartAreah2arrow_grey.png") no-repeat; }

/** 20170731 書類商品樣式 **/
.bookDetail a {cursor:pointer; color: #3366ff}
/** 20171122 書類試閱樣式 **/
.wrapBanner .trialBtn { position:absolute; right:1px; bottom:1px; display:inline-block; width:70px; height:67px; background:url("/ecm/img/cmm/trialBtn.png?t=201711220001") no-repeat; background-size:70px auto; z-index:2}

/** 20220512 群組商品頁超連結文字樣式 **/
.prdDetail a {color: #3366FF}

/** 20170731 中古車商品頁 **/
.preferentialArea .vendordetailview .usedCarTable table { margin:25px 0}
.preferentialArea .vendordetailview .usedCarTable .typeAA { border:1px solid #96C900}
.preferentialArea .vendordetailview .usedCarTable .typeAA th { padding:5px 8px; background-color:#96C900; color:#FFF; text-align:left }
.preferentialArea .vendordetailview .usedCarTable .typeAA td { padding:5px 8px; text-align:center; width:50%;}
.preferentialArea .vendordetailview .usedCarTable .typeAA td:first-child { border-right:1px solid #CECECE}
.preferentialArea .vendordetailview .usedCarTable .typeAA td p.textGrey { margin:0; font:15px/24px var(--primary-font-family); color:#999}
.preferentialArea .vendordetailview .usedCarTable .typeAA td p.textBlack { margin:0; font:22px/35px var(--primary-font-family); color:#333}
.preferentialArea .vendordetailview .usedCarTable .typeBB { margin-bottom:15px}
.preferentialArea .vendordetailview .usedCarTable .typeBB h2 { margin:0; padding:0 8px; height:30px; background-color:#96C900; border:0; font:bold 16px/29px var(--primary-font-family); color:#FFF}
.preferentialArea .vendordetailview .usedCarTable .typeBB ul,
.preferentialArea .vendordetailview .usedCarTable .typeBB ul li { margin:0; padding:0; list-style:none;}
.preferentialArea .vendordetailview .usedCarTable .typeBB ul { display:inline-block; width:100%}
.preferentialArea .vendordetailview .usedCarTable .typeBB ul li { float:left; padding:10px 5px; box-sizing:border-box; width:50%; height:90px}
.preferentialArea .vendordetailview .usedCarTable .typeBB ul li p { display:table-cell; width:160px; height:70px; border:2px solid #999; text-align:center; vertical-align:middle}
.preferentialArea .vendordetailview .usedCarTable .typeBB b{margin: 0;padding: 0 8px;height: 30px;background-color: #96C900;border: 0;font: bold 16px/29px var(--primary-font-family);color: #FFF;display: block;}
.preferentialArea .vendordetailview .usedCarGoo img { width:100%; max-width:1000px; height:auto}
.preferentialArea .vendordetailview .carQA .textlist li p span { font:bold 15px/22px var(--primary-font-family); color:#96C900}
.preferentialArea .vendordetailview .carQA .textlist li p b { background-color:#96C900}
.preferentialArea .vendordetailview .carQA .textlist {margin:0px; padding:0px; width:100%; }
.preferentialArea .vendordetailview .carQA .textlist li {display:block; padding:0px; margin-bottom:10px; margin-Left:10px; width:auto; height:auto; font:15px/22px var(--primary-font-family); overflow:inherit;}
.preferentialArea .vendordetailview .carQA .textlist li p {margin:0px 0px 5px 0px; padding:0px 0px 0px 27px; display:block; font:15px/22px var(--primary-font-family); position:relative;}
.preferentialArea .vendordetailview .carQA .textlist li p span { font:bold 15px/22px var(--primary-font-family); color:#96C900}
.preferentialArea .vendordetailview .carQA .textlist li p b { width:22px; height:22px; background-color:#96C900; font:16px/22px var(--primary-font-family); color:#FFFFFF; text-align:center; position:absolute; top:0px; left:0px}
.preferentialArea .vendordetailview .carQA .textlist li .answer b {font:15px/22px var(--primary-font-family); background-color:#999999}
.preferentialArea .vendordetailview .carQA .textlist li .answer span {font:15px/22px var(--primary-font-family); color:#686868}

/*問問*/
.gotoAsk { position:fixed; right:10px; bottom:175px; padding:0; width:45px; height:45px; color:#000; cursor:pointer; z-index: 10}
.gotoAsk img { width:45px; height:auto}
.momoAskQuest { display:none; position:fixed; left:0; right:0; top:0; bottom:0; margin:auto; background-color:#FFF; width:90%; height:295px; overflow:hidden; z-index:6}
.momoAskQuest span {display:block; margin:0px; padding:8px; text-align:center; font:bold 17px/30px var(--primary-font-family); color:#333}
.momoAskQuest span a.cancel { position:absolute; right:10px; top:10px; display:inline-block; width:25px; height:25px; border:1px solid #CCC; border-radius:30px; box-sizing:border-box}
.momoAskQuest span a.cancel::before,
.momoAskQuest span a.cancel::after { position:absolute; top:12px; width:18px; height:1px; background-color:#CCC; content:""}
.momoAskQuest span a.cancel::before { left:3px; transform:rotate(45deg)}
.momoAskQuest span a.cancel::after { right:2px; transform:rotate(-45deg)}
.momoAskQuest ul { margin:0; padding:0px; list-style:none}
.momoAskQuest ul li { padding:5px; border-top:1px solid #e1e1e1}
.momoAskQuest ul li a { display:inline-block; margin:0px; width:100%; text-align:center; font:15px/39px var(--primary-font-family); color:#0066ff; box-sizing:border-box; cursor:pointer}

/** footer **/
footer .basicInformation { padding-bottom:90px;}
.footerArea {width:100%;position:fixed; bottom:0px; left:0px; z-index:3;}
.footerArea .pdPage{background:#f5f5f5; padding: 4px;box-sizing: border-box;margin: 0;display: flex;height:50px;}
.footerArea .pdPage li{ list-style: none;text-align: center;position: relative; height: 100%;}
.footerArea .pdPage li a { display: flex; justify-content: center; align-items: end; font:12px/15px var(--main-font); color:#454545; width: 100%; height: 100%; position: absolute;bottom: 0; background: none;}
.footerArea .pdPage .trackbtn{background: url("/ecm/img/cmm/heart.svg")no-repeat center top/20px;flex: 1;margin: 0 0 0 0;}
.footerArea .pdPage .trackedbtn{background: url("/ecm/img/cmm/solid-heart.svg")no-repeat center top/20px;flex: 1;margin: 0 0 0 0; color: #D62872;}
.footerArea .pdPage .trackedbtn .trackedTxt { color: #D62872;}
.footerArea .pdPage .trackbtnList{background: url("/ecm/img/cmm/wishList.svg")no-repeat center top/24px;flex: 1;margin: 0 0 0 0;}
.footerArea .pdPage .cart{background: url("/ecm/img/cmm/cart.svg")no-repeat center top/20px;flex: 1;margin: 0 10px 0 0;}

.footerArea .pdPage .addCartBtn{ flex:2;box-sizing: border-box;background: #3a71a9;border-radius: 4px;margin: 0 8px 0 0;}
.footerArea .pdPage .addCartBtn a{color: #fff;font:bold 15px/40px var(--main-font);}
.footerArea .pdPage .buyNowBtn{flex:2;box-sizing: border-box;background: var(--momo-color);color: #fff;border-radius: 4px;}
.footerArea .pdPage .buyNowBtn a{color: #fff;font:bold 15px/40px var(--main-font);}
.footerArea .pdPage li span { position: absolute; top: -2px; height: 16px; /*min-width: calc(50% - 5px);  right: 4px; top: 3px; text-align: left;*/ }
.footerArea .pdPage li b { /*display: inline-block;*/ min-width: 8px; height: 16px; background-color: #F2F2F2; border-radius: 10px; font: 12px/16px var(--primary-font-family); text-align: center; color: var(--momo-red); z-index: 2; border: 1px solid var(--momo-red); padding: 0 4px; vertical-align: top; }
.footerArea .pdPage .marketbtn{flex: 4;box-sizing: border-box;background: var(--momo-color);color: #fff;border-radius: 4px;overflow: hidden;}
.footerArea .pdPage .marketbtn a{color: #fff;font:bold 15px/40px var(--main-font);}
.footerArea .pdPage .outofstockrestockBtn a { display:block; width:100%; margin:0; background:#3a71a9; font:bold 17px/40px var(--main-font);border-radius: 4px;}
.footerArea .pdPage .outofstockrestockBtn { flex: 4;}
.footerArea .pdPage .outofstockrestockBtn a {background: #d7d7d7;color: #888888;}
.footerArea .pdPage .outofstockrestockBtn a.buy_no {background: #FF9203;color: #FFFFFF;}
.footerArea .preOrderDiv {text-align:center;color:#FFFFFF;font: 13px/20px Helvetica,sans-serif;background: #F3A946;position: relative;padding: 5px 10px;word-break: break-all;}
.footerArea .preOrderDiv::before {content: '';background: #F3A946;width: 100%;height: 1px;position: absolute;left: 0px;top: -1px;}

/** 加入/取消追蹤_提示文字 **/
.tooltipsBlackBk {width:150px; height:100px; margin:-50px 0px 0px -75px; border-radius:16px; opacity:0.8; position:fixed; top:50%; left:50%; z-index: 2; background-color: #000; display:none;}
.tooltips_add,
.tooltips_delete {background-color:transparent;background: none repeat scroll 0 0; width:150px; height:100px; text-align:center;display: none; line-height:165px; margin:-50px 0px 0px -75px; padding:0px; border-radius:15px; overflow:hidden; top:50%; left:50%; z-index:4;position: fixed;color: #ffffff;opacity: 0.9; }
.tooltips_add span {background-color:#008000; width:50px; height:50px; margin:0px 0px 0px -25px; border-radius:25px; position:absolute; top:15px; left:50%}
.tooltips_add span::after {width:5px; height:20px; background-color:#FFFFFF; content:''; border-radius:3px; transform:rotate(-45deg); -webkit-transform: rotate(-45deg); position:absolute; top:24px; left:16px}
.tooltips_add span::before {width:30px; height:5px; background-color:#FFFFFF; content:''; border-radius:3px; transform:rotate(-55deg); -webkit-transform:rotate(-55deg); position:absolute; top:25px; left:17px}
.tooltips_delete::after {width:5px; height:30px; background-color:#DD2726; content:''; margin:-16px 0px 0px -10px; border-radius:3px; transform:rotate(-45deg); -webkit-transform: rotate(-45deg); position:absolute; top:50%; left:50%}
.tooltips_delete::before {width:50px; height:5px; background-color:#DD2726; content:''; margin:-13px 0px 0px -10px; border-radius:3px; transform:rotate(-55deg); -webkit-transform:rotate(-55deg); position:absolute; top:50%; left:50%}

/* 20181105大家電加購 */
.specificationBox .installation{display: block; width: 100%; padding: 10px 0px 0px 0px; margin: 0px; border-bottom: 1px solid #E1E1E1; border-right: 10px solid #fff; box-sizing: border-box; border-left: 10px solid #fff;}
.specificationBox .installation b{height: 30px; font: 13px/30px var(--primary-font-family); display: inline-block; color: #000000;}
.specificationBox .installation a{font: 13px/30px var(--primary-font-family); color:#888888; float:right; display:inline-block;}
.specificationBox .installation .installBox{margin: 0px; padding: 0px 0px 15px 0px; font-size: 0px;}
.specificationBox .installation .installBox li{display:inline-block; font: 15px/30px var(--primary-font-family); list-style:none; border-radius: 4px; padding: 1px 10px; color: #000000; background: #F2F2F2;}
.specificationBox .setprd .installCost{height:20px; font:13px/20px var(--primary-font-family); color:#888888;   display:inline-block;}
.specificationBox .installation .installBox .selected{color: #ffffff; background: #d62872;}
.productPage .setItemArea ul li .installCost{height: 20px;font: 13px/20px var(--primary-font-family);color: #888888; width: calc(100% - 105px);margin: 5px 0 0 0;}

/*20190107_momo自由選_規格浮層*/
.specificationBox .myfoneArea {display:block; width:100%; border-bottom:1px solid #E1E1E1;  border-right:10px solid #fff; box-sizing:border-box; border-left:10px solid #fff; padding:0 0 15px 0;}
.specificationBox .myfoneArea b{width:100%; height: 30px; font: 13px/30px var(--primary-font-family); display: inline-block; color: #000000; padding: 10px 0 0 0;}
.specificationBox .myfoneArea .applyBox .chooseType{display: inline-block; width: 100%; margin: 0 0 10px 0; padding: 0;}
.specificationBox .myfoneArea .applyBox .chooseType a{display: inline-block; border-radius: 4px; font: 15px/30px sans-serif; padding: 0 10px; margin: 0;}
.specificationBox .myfoneArea .applyBox .chooseType a.newApply{color: #000000; background-color: #f2f2f2; margin-right: 10px;}
.specificationBox .myfoneArea .applyBox .chooseType a.newApply.selected{color: #ffffff; background-color: #d62872; margin-right: 10px;}
.specificationBox .myfoneArea .applyBox .chooseType a.carryTel{color: #000000; background-color: #f2f2f2;}
.specificationBox .myfoneArea .applyBox .chooseType a.carryTel.selected{color: #ffffff; background-color: #d62872;}
.specificationBox .myfoneArea ul.carryTelBox{display: none;}
.specificationBox .myfoneArea ul{font-size: 0; margin: 0; padding: 0;}
.specificationBox .myfoneArea ul li{list-style: none; display: inline-block; width: 100%;}
.specificationBox .myfoneArea .applyBox { padding:  0 0 15px 0; box-sizing:  border-box;}
.specificationBox .myfoneArea .applyBox ul li input{font: 15px/30px sans-serif; margin: 0; padding: 0 10px; width: 100%; box-sizing: border-box; border: 1px solid #888888;}
.specificationBox .myfoneArea .applyBox ul li span{display: inline-block; font: 13px/20px sans-serif; color: #dd2726; padding: 5px 0 0 0;}
.specificationBox .myfoneArea .applyBox ul li p{font: 13px/20px sans-serif; color: #888888; padding: 10px 0; margin: 0;}
.specificationBox .myfoneArea .planBox{border-top: 1px solid #E1E1E1;}
.specificationBox .myfoneArea .planBox ul li{margin: 0 0 10px 0;}
.specificationBox .myfoneArea .planBox ul li.selected a.typeCont{background-color: #d62872; color: #ffffff;}
.specificationBox .myfoneArea .planBox ul li a.typeCont{width: calc(100% - 32px); background-color: #f2f2f2; margin: 0; padding: 0 10px; border-radius: 4px; text-align: center; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box; font: 15px/30px var(--primary-font-family); color: #000000;}
.specificationBox .myfoneArea .planBox ul li a.typeCont span{display: inline-block;}
.specificationBox .myfoneArea .planBox ul li a.typeCont span:first-child,
.specificationBox .myfoneArea .planBox ul li a.typeCont span:nth-child(2){padding: 0 10px 0 0;}
.specificationBox .myfoneArea .planBox ul li a.typeCont span:first-child::after,
.specificationBox .myfoneArea .planBox ul li a.typeCont span:nth-child(2)::after{content: ''; width: 1px; height: 18px; background-color: #000000; display: inline-block; vertical-align: text-top; position: relative; right: -5px;}
.specificationBox .myfoneArea .planBox ul li.selected a.typeCont span:first-child::after,
.specificationBox .myfoneArea .planBox ul li.selected a.typeCont span:nth-child(2)::after{background-color: #ffffff;}
.specificationBox .myfoneArea .planBox .alertTip {display: inline-block; float:right;  border-radius:50%;  border:1px solid #2990FF;  width:20px; height:20px;  text-align:center;  font:bold 13px/22px var(--primary-font-family);  color:#2990FF; margin:5px; background:#ffffff;}
.specificationBox .myfoneArea .planBox ul li .alertTip a {color:#2990FF; cursor: pointer; width: 100%; height: 100%; display: inline-block;}

/*20180531 台哥大店取*/
.specificationBox .prdScroll .deliveryArea .twmCheckSerTxtBox{width:100%; display:none; box-sizing:border-box; padding:5px 0 0 0;}
.specificationBox .prdScroll .deliveryArea .twmCheckSerTxtBox span{width:100%; font:bold 15px/15px var(--primary-font-family); color:#888888; display:inline-block; padding:0 0 5px 0;}
.specificationBox .prdScroll .deliveryArea .twmCheckSerTxtBox ul{width:100%;display:inline-block;margin: 0px 0px 10px 0px;padding:0;}
.specificationBox .prdScroll .deliveryArea .twmCheckSerTxtBox ul li{width:100%;font:13px/20px var(--primary-font-family);color:#888888;display:inline-block;position:relative;box-sizing: border-box; padding:0px 0px 0px 25px;}
.specificationBox .prdScroll .deliveryArea .twmCheckSerTxtBox ul li::before {display:inline-block;width: 25px;height:20px;content:"．";font: 16px/20px Microsoft Jhenghei, sans-ser;color: #888888;position:  absolute;left: 0px;text-align: right;}
.specificationBox .prdScroll .deliveryArea .twmCheckSerTxtBox ul:last-child {margin-bottom: 0px;}
.specificationBox .prdScroll .deliveryArea .twmCheckSerTxtBox ul li.twmalertTip {padding: 0px 0px 0px 25px;}
.specificationBox .prdScroll .deliveryArea .twmCheckSerTxtBox ul li.twmalertTip::before {display: none;}

/*20190423 UrCosme評論*/
.preferentialArea .UrCosme{width:100%; padding:0; box-sizing:border-box; display:none; position:relative;}
.preferentialArea .UrCosme .UrCosmeSmallList{width:100%; display:inline-block; margin:0; padding:10px; font-size:0; line-height:0; position:relative; box-sizing:border-box;}
.preferentialArea .UrCosme .UrCosmeSmallList ul{width:calc(100% - 45px); display:inline-block; list-style:none; padding:0; margin:0; font-size:0; line-height:0;}
.preferentialArea .UrCosme .UrCosmeSmallList ul li{width:calc(25% - 8px); height:auto; margin:0 10px 0 0; padding:0; background:#f2f2f2; border:1px solid #f2f2f2; display:inline-block; border-radius:4px; box-sizing:border-box; text-align:center;}
.preferentialArea .UrCosme .UrCosmeSmallList ul li.selected{border:1px solid #d62872; background:#fff;}
.preferentialArea .UrCosme .UrCosmeSmallList ul li:last-child{margin:0;}
.preferentialArea .UrCosme .UrCosmeSmallList ul li a{margin:0; padding:0; display:inline-block; padding:5px; border-radius:4px; cursor:pointer;}
.preferentialArea .UrCosme .UrCosmeSmallList ul li a img{width:100%; height:auto; display:inline-block; vertical-align:top; margin:0; padding:0; border-radius:4px;}
.preferentialArea .UrCosme .UrCosmeSmallList .moreBtn{width:40px; margin:0 0 0 5px; height:100%; display:inline-block; position:absolute; top:0; right:10px; background:url("/ecm/img/cmm/mobile/goods/pullDown.png") no-repeat center /100%; cursor:pointer;}
.preferentialArea .UrCosme .UrCosmeFullList{width:100%; background:#fff; display:inline-block; padding:10px 10px 0 10px; margin:0; box-sizing:border-box; display:none;}
.preferentialArea .UrCosme .UrCosmeFullList .listTitle{width:100%; height:40px; display:inline-block; margin:0 0 10px 0; padding:0; position:relative; font:15px/40px var(--primary-font-family); color:#000; text-align:left; background:#fff; border:0;}
.preferentialArea .UrCosme .UrCosmeFullList .listTitle .closeBtn{width:40px; height:40px; margin:0; position:absolute; top:0; right:0; cursor:pointer; background: url(/img/pullUp.png) no-repeat center /100%;}
.preferentialArea .UrCosme .UrCosmeFullList ul{width:100%; padding:0; margin:0; list-style:none; display:inline-block; font-size:0; line-height:0; vertical-align:bottom;}
.preferentialArea .UrCosme .UrCosmeFullList ul li{width:100%; height:auto; display:inline-block; background:#f2f2f2; border:1px solid #f2f2f2; cursor:pointer; padding:0; margin:0 0 10px 0; border-radius:4px; box-sizing:border-box; font-size:0;}
.preferentialArea .UrCosme .UrCosmeFullList ul li.selected{width:100%; border-radius:4px; border:1px solid #d62872; background:#fff;}
.preferentialArea .UrCosme .UrCosmeFullList ul li a{width:100%; height:100%; line-height:50px; border:1px solid #f2f2f2; margin:0; padding:5px 10px; box-sizing:border-box; overflow:hidden; vertical-align:middle; display:inline-block; color:#000000;}
.preferentialArea .UrCosme .UrCosmeFullList ul li a img{width:50px; height:auto; display:inline-block; vertical-align:top; margin:0 10px 0 0; padding:0; border-radius:4px; }
.preferentialArea .UrCosme .UrCosmeFullList ul li a .UrCosmeName{width:calc(100% - 60px); max-height:50px; vertical-align:middle; display:inline-block; font:15px/17px var(--primary-font-family); overflow:hidden;}
.specificationBox .prdScroll .deliveryArea .twmCheckSerTxtBox ul li{width:100%; font:13px/20px var(--primary-font-family); color:#888888; display:inline-block;}.specificationBox .specificationInner .travelCardArea .alertTip a {color:#2990FF; cursor: pointer; width: 100%; height: 100%; display: inline-block;}

/*20190527_momo自由選_新加需求*/
.moreOtherPrd a{display: inline-block; font: 15px/48px var(--primary-font-family); margin: 0; padding: 0 10px; width: 100%; box-sizing: border-box; background: url(/ecm/img/cmm/mobile/arrow_down.png)no-repeat calc(100% - 10px) center/18px auto; cursor: pointer; color: #000000;}
.productPage .prdDetail td .simOptionBtn {display:inline-block; width:100%; background:#F2F2F2; padding:0px 10px 0px 10px; margin:5px 0px 5px 0px; height:36px; overflow:hidden; box-sizing:border-box; text-align:left; border-radius:5px; vertical-align:bottom}
.productPage .prdDetail td .simOptionBtn i {display:block; padding:0px 5px; position:relative; font:15px/36px var(--primary-font-family); text-align:left; height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#000000;}
.productPage .prdDetail td .simOptionBtn i:first-child:before {border-right: 2px solid #888888; font:18px/36px var(--primary-font-family); display:inline-block; padding:0px 0px;background:transparent; width:1px; height:14px; position:absolute; right:0px; bottom:11px;}

/* 20190709 常見問題集 */
.content .preferentialArea .vendordetailview .qa{width: 100%; display: inline-block; color: #3366ff; font: 15px/20px var(--primary-font-family); padding: 0 0 10px 0; cursor:pointer;}
.qaList{display: none; margin: auto; padding: 0px; width: 100%; background: #ffffff; position: fixed; top: 0px; left: 0px; z-index: 11; height: 100%; overflow-y:auto; line-height:0;}
.qaList .boxTitle{background-color: #e7e7e7; padding: 0; color: #000000; font: 15px/40px var(--primary-font-family); height: 40px; margin: 0; text-align: center; width: 100%; display:inline-block; z-index: 9;}
.qaList ul{width:100%; height:calc(100% - 90px); display:inline-block; padding:0; margin:0; overflow-y:auto;}
.qaList ul li.cpItem{width:100%; min-height:48px; margin:0; padding:14px 10px; display:list-item; color:#000000; list-style: decimal-leading-zero inside none; box-sizing:border-box; font:15px/20px var(--primary-font-family); position:relative;}
.qaList ul li.noData{width:100%; min-height:48px; margin:0; padding:14px 10px; display:list-item; color:#000000; box-sizing:border-box; font:15px/20px var(--primary-font-family); position:relative;}
.qaList ul li::after{content: ""; width: calc(100% - 10px); height: 1px; display: inline-block; box-sizing: border-box; background: #e1e1e1; position: absolute; right:0; bottom: 0;}
.qaList ul li .qaListIcon{width:20px; height:20px; color:#939393; float:right; margin:0; display:inline-block; background:transparent url(/ecm/img/cmm/mobile/arrow_down.png) no-repeat center center/100% auto; transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg);}
.qaList ul li.showList .qaListIcon{transform: rotate(270deg); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg);}
.qaList ul li .qaListQuestion{width:calc(100% - 45px); display:inline-block; margin:0; padding:0 10px 0 0; color:#000000; font:15px/20px var(--primary-font-family); vertical-align:top; box-sizing:border-box;}
.qaList ul li .qaListTxt{width: 100%; display: none; padding: 10px; background: #f2f2f2; box-sizing: border-box; margin: 10px 0 0 0; color: #000000; font: 13px/24px var(--primary-font-family);}
.qaList ul li.showList .qaListTxt{display:block;}
.qaList .btnArea .closeBtn{width: 36px; height: 50px; cursor: pointer; background: url(/ecm/img/cmm/mobile/closeBtn.svg) no-repeat center center / 100% 36px; margin: auto; position: absolute; right: 0; left: 0;}

/*20190520_週期購_規格浮層*/
.specificationBox .cycleArea{padding: 10px 10px 0 10px; box-sizing: border-box;}
.specificationBox .cycleArea dl{margin: 0; padding: 0;}
.specificationBox .cycleArea dl dt{font: 13px/20px var(--primary-font-family); padding: 0 0 10px 0; }
.specificationBox .cycleArea dl dd{width: 100%; margin: 0; padding: 0 0 10px 0; }
.specificationBox .cycleArea dl dd ul{margin: 0; padding: 0; font-size: 0; list-style: none; border-bottom: 1px solid #e1e1e1;}
.specificationBox .cycleArea dl dd ul li{font: 15px/20px var(--primary-font-family); color: #000000; padding: 5px 8px; background-color: #f2f2f2; border-radius: 4px; display: inline-block; margin: 0 10px 10px 0; list-style: none;}
.specificationBox .cycleArea dl dd ul li.selected{color: #ffffff; background-color: #d62872;}
.specificationBox .cycleArea .buyQuantity{border-left:0px solid #fff; line-height: 30px; position: relative; padding:0 0 0 0; padding-bottom:12px}
.specificationBox .cycleArea .buyQuantity b{height:30px; font:13px/30px var(--primary-font-family); display:inline-block; color:#000000} 
.specificationBox .cycleArea .buyQuantity table.numberStyle{display: inline-block; position: absolute; right: 0; margin: 0;}
.specificationBox .cycleArea .buyQuantity table.numberStyle a{border:0px solid #cccccc; vertical-align:top; background-color:#f2f2f2; display:inline-block; height:30px; width:30px; margin:0px 0px 0px 0px; padding:0px; text-align:center; font:15px/24px var(--primary-font-family); color:#ffffff; cursor: pointer; position:relative; box-sizing:border-box; border-radius:3px}
.specificationBox .cycleArea .buyQuantity table.numberStyle a.minusBtn::before {content:''; display:inline-block;  width:13px; height:3px; background-color:#666666; position:absolute; top:14px; left:9px;}
.specificationBox .cycleArea .buyQuantity table.numberStyle a.plusBtn::before {content:''; display:inline-block;  width:13px; height:3px; background-color:#666666; position:absolute; top:14px; left:9px;}
.specificationBox .cycleArea .buyQuantity table.numberStyle a.plusBtn::after{content: ''; display:inline-block; width:3px; height:13px; background-color:#666666; position:absolute; top:9px; left:14px}
.specificationBox .cycleArea .buyQuantity table.numberStyle .numberArea {color:#000000;position:initial; top:0px; left:0px; width:54px; vertical-align:top; margin:0px 0px 0px 0px; text-align:center; height:30px; border:0px; font:17px/30px var(--primary-font-family);}
.specificationBox .cycleArea .buyQuantity .numberStyle tr td .selected::before {background-color:#cccccc;}
.specificationBox .cycleArea .buyQuantity .numberStyle tr td .selected::after {background-color:#cccccc;}
.specificationBox .cycleArea dl dd.deliverDetail{border-bottom: 1px solid #e1e1e1;}
.specificationBox .cycleArea dl dd.deliverDetail .detailBox{width: 100%; border-radius: 4px; padding: 5px 10px; box-sizing: border-box; background: #fff3f4 url(/ecm/img/cmm/mobile/goods/cycle_date.png) no-repeat 10px center/36px auto;}
.specificationBox .cycleArea dl dd.deliverDetail .detailBox p{display: inline-block; color: #000000; display: inline-block; width: 100%; font: 15px/20px var(--primary-font-family); margin: 0; padding: 0 0 0 46px; box-sizing: border-box;}
.specificationBox .cycleArea dl dd.deliverDetail .detailBox p span{color: #dd2726; padding: 0 2px;}
.specificationBox .cycleArea dl dd.deliverDetail .detailBox p span.onlyLPadding{color: #dd2726; padding: 0 0 0 2px;}
.specificationBox .cycleArea dl dd.agreeArea{padding: 0; font-size: 0;}

/*週期購服務條款浮層*/
.contractContent{font: 15px/48px var(--primary-font-family); color: #027BFF; width: 90px; display: inline-block; text-align: right; cursor: pointer;}
.contractNoteFloat{display: none; position: fixed; top: 0; left: 0; width: 100%; background-color: #ffffff; z-index: 10;}
.contractNoteFloat .floatTitle{background-color: #e7e7e7; color: #000000; font: 15px/40px var(--primary-font-family); height: 40px; margin: 0; text-align: center;display: block;}
.contractNoteFloat .contractBox{overflow-y: auto;}
.contractNoteFloat .btnArea {width:100%; height:50px; text-align: center; margin:0; padding:0; background:#ffffff;  position:fixed; bottom:0;}
.contractNoteFloat .btnArea a {width:36px; height:50px; cursor: pointer; background: url("/ecm/img/cmm/mobile/closeBtn.svg") no-repeat center center / 100% 36px; background-size: 100% 100%; margin: auto; position: absolute; right: 0; left: 0;}
.contractNoteFloat .contractBox .menu,
.contractNoteFloat .contractBox .menu > li { margin:0; padding:4px 5px 8px 5px; list-style: none;}
.contractNoteFloat .contractBox .menu > li:after { display:none;}
.contractNoteFloat .contractBox .menu > li p { margin:0; padding:0; width:100%; font-weight:800; font-size:17px; line-height:24px; text-align: left;}

/*週期購安心聲明*/
.cycleNote{ padding:0 10px 10px 10px; box-sizing:border-box; background-color:#FFF3F4;}
.cycleNote b{ font:bold 15px/30px var(--primary-font-family); margin:0; padding:0;display: block;}
.cycleNote ul{ text-decoration:none; margin:0; padding:0;}
.cycleNote ul li{ font:15px/20px var(--primary-font-family); }
.cycleZone{background-color:#FFFFFF;}
.cycleZone ul{padding-left:10px; margin:0;}
.cycleZone ul li {position:relative; display:inline-block; width:100%; text-align:left; height:46px; list-style:none;}
.cycleZone ul li a{font:15px/48px sans-serif; color:#000000; display:inline-block; width:100%;}
.cycleZone ul li span {width: 15px; height: 100%; background: url(/ecm/img/cmm/mobile/arrow_down.png) no-repeat center center/contain; display: inline-block; position: absolute; top: 0; bottom: 0; right: 10px;}


/* 20221017 限時搶購新增市售價+刪除線 */
.productRecommend .recommendBlock ul li a .prdoriginal {color: #B3B3B3;font: 11px Century Gothic, sans-serif;line-height: 16px;text-decoration: line-through;min-height: 16px;}
/*20221018_穿搭推薦*/
/*輪播物件*/
.productRecommend .fashionArea ul li a .oPriceArea {    text-decoration: line-through;color: rgb(179, 179, 179);font: 13px / 20px "Century Gothic", sans-serif;margin: 0;padding: 0px;}
.productRecommend .fashionArea ul li a .oPriceArea .oPrice {display: inline-block;font: 11px/17px Century Gothic, sans-serif;position:relative;padding:0;}
.fashionArea .activityTitle{font: bold 17px/40px var(--main-font);/* background-color: #ffffff; */padding: 0 12px 0 18px;box-sizing: border-box;position: relative;margin: 0;height: 40px;}
.fashionArea .activityTitle::before{content:'';width: 3px;height: 14px;background-color: var(--momo-color);display: inline-block;position: absolute;left: 12px;top: calc(50% - 8px);border-radius: 1.5px;}
.Area_01 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 3px;}
i.openvideoBtn{position: absolute;top: 30%;left: 30%;width: 2.83rem;}

/* 市價畫線*/
.fashioncontent .btclass  .oPriceArea .oPrice{text-decoration: line-through; color: rgb(179, 179, 179);}
.productRecommend .fashionArea ul li>i.openvideoBtn img{width: 20%;}
.Area_01 {  }
.Area_01 .box{position: relative;overflow: hidden;width: 100%;margin: 0;padding: 0;}
.Area_01 .box ul.PD_wrapper { position: relative; display: flex; flex-wrap: wrap; margin: 0; width: 100%; box-sizing: content-box; }
.Area_01 .box ul.PD_wrapper li{ flex-shrink: 0; margin: 0; padding: 0;}
.Area_01 .box ul.PD_wrapper li:hover{ box-shadow: none; filter: none;}
.Area_01 .box { }
.Area_01 .box ul.PD_wrapper {margin: 0;padding: 0 0;}
.Area_01 .box ul.PD_wrapper li{margin: 0 0 6px 0;list-style: none;border-radius: 4px;}

/*多行輪播*/
.productRecommend{border: 0;background-color: #eee;}
.productRecommend .fashionArea .fashionTitle{font:bold 16px/40px var(--main-font);background-color: #ffffff;padding: 0 12px 0 25px;box-sizing: border-box;position: relative;}
.activityArea .activityTitle::before{content:'';width: 3px;height: 14px;background-color: var(--momo-color);display: inline-block;position: absolute;left: 12px;top: calc(50% - 7px);border-radius: 1.5px;}
.productRecommend .fashionArea{background: #ffffff;overflow-y: hidden;overflow-x: auto;line-height: 0;margin: 0;text-align: left;padding: 0 0 10px 0;width: 100%;}
.productRecommend .fashionArea .fashioncontent {width: 100%;padding: 0;margin: 0;overflow: hidden;}
.productRecommend b{font: bold 15px/20px Helvetica,sans-serif;margin: 10px 0px 0px 0px;padding: 0 10px;display: block;}
.productRecommend .fashionArea ul{webkit-overflow-scrolling: touch;font-size: 0;padding: 0;width: 100%;margin: 10px 0px;list-style: none;box-sizing: border-box;}
.productRecommend .fashionArea ul li{width:100%;background: #fff;box-sizing: border-box;padding: 0;margin: 0 0;display: inline-block;border-radius: 2px;text-align: left;vertical-align: top;height: auto;width: calc(((100% - 30px)/5)*2);}
.productRecommend .fashionArea ul li > div {display: inline-block;padding: 0 6px;width: 30%;width: calc(calc(100% - 36px) / 3 );}
.productRecommend .fashionArea ul li > div:nth-child(1),
.productRecommend .fashionArea ul li > div:nth-child(4){padding: 0 0px 0 12px;}
.productRecommend .fashionArea ul li > div:nth-child(3),
.productRecommend .fashionArea ul li > div:nth-child(6){padding: 0 12px 0 0;}
.productRecommend .fashionArea ul li > div:nth-child(n+3){margin-bottom: 12px;}
.productRecommend .fashionArea ul li a{display: inline-block;width: 100%;height: auto;position: relative;cursor: pointer;margin: 0;}
.productRecommend .fashionArea ul li a img{border-radius: 4px;width: 100% !important;height: auto !important;}
.productRecommend .fashionArea ul li a p{margin: 0}
.productRecommend .fashionArea ul li a p.prdName{text-align:left;margin: 5px 0;white-space: initial;height: 40px;display: block;overflow: hidden;}
.productRecommend .fashionArea ul li a .prdName span{font: 15px/20px Helvetica,sans-serif;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;color: #454545;}
.productRecommend .fashionArea ul li a .priceArea .price{position: relative;font: 17px/20px Century Gothic,sans-serif;display: inline-block;width: 100%;padding: 0 0 0 8px;box-sizing: border-box;color: #D62872;height: 20px;}
.productRecommend .fashionArea ul li a .priceArea .price:before{content: "$";position: absolute;font: 13px/20px Century Gothic,sans-serif;left: 0;bottom: 0px;color: #D62872;}
.productRecommend .fashionArea ul li a p.priceArea {height: 20px;overflow: hidden;color: #d62872;white-space: nowrap;text-overflow: ellipsis;padding: 0;margin: 0;font: 15px/20px var(--primary-font-family);}
/* 穿搭推薦_圓標 */
.productRecommend .fashionArea ul li a .prdImgWrap{width: 100%;position:relative;display:inline-block;vertical-align: top;}
.productRecommend .fashionArea ul li a .prdImgWrap .imgTag{width: 2rem;height:auto;display:inline-block;position:absolute;top:0;left:0;z-index:2;}
.productRecommend .fashionArea ul li a .prdImgWrap .imgTag img{width:100% !important;height:auto  !important;margin:0;padding: 0;display: inline-block;}
/* 穿搭推薦_售完補貨 */
.productRecommend .fashionArea ul li a .prdImgWrap.forsoldout::after {width: 100%;color: rgb(255, 255, 255);content: "售完補貨中";text-align: center;position: absolute;bottom: 0px;left: 0px;background: rgba(0, 0, 0, 0.7);font: 15px/26px var(--primary-font-family);margin: 0px;padding: 0px;}
.productRecommend .fashionArea ul li a .prdGoodsImgWrap .stateBox{width: calc(100% - 10px);max-width: 200px;color: rgb(255, 255, 255);text-align: center;position: absolute;left: 5px;background: rgba(0, 0, 0, 0.7);font: 15px/26px var(--primary-font-family);margin: 0px;padding: 0px;z-index: 4;}
.fashionArea .fashionTitle{font:bold 16px/40px var(--main-font);background-color: #ffffff;padding: 0 12px 0 25px;box-sizing: border-box;position: relative;}

.Area_01 .box ul.PD_wrapper.PD_wrapper { -ms-flex-wrap: wrap;flex-wrap: wrap}
.Area_boxstyle_pagination .swiper-pagination-bullet {border-radius: 20px;width: 4px;height: 4px;
  -webkit-transition: opacity .3s, background-color .3s, width .3s;
  transition: opacity .3s, background-color .3s, width .3s;
  -webkit-transition-delay: .3s, .3s, 0s;
          transition-delay: .3s, .3s, 0s;
}
  
/*輪播樣式調整--按鈕/小圓點/進度條*/
.Area_01 .swiper-pagination-bullet {border-radius: 20px;width: 4px;height: 4px;
  -webkit-transition: opacity .3s, background-color .3s, width .3s;
  transition: opacity .3s, background-color .3s, width .3s;
  -webkit-transition-delay: .3s, .3s, 0s;
          transition-delay: .3s, .3s, 0s;
}
.Area_01 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 14px;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.Area_01 .swiper-pagination-bullet {background-color: #B3B3B3;opacity: 0.4;}
.Area_01 .swiper-pagination-bullet-active {background-color: #D62772;opacity: 1;}
/*20191007_商品推薦*/
.productRecommend .recommendBlock{/*background: #eee;*/background:#ffffff; overflow-y: hidden;overflow-x: auto;line-height: 0;width: 100%;margin: 10px 0px 10px 0px;}
.productRecommend b {font-size: 17px;line-height: 50px; margin-top: 0; padding: 0 12px 0 25px;box-sizing: border-box;position: relative;}
.productRecommend b::before {content: '';width: 3px;height: 14px;background-color: var(--momo-color);display: inline-block;position: absolute;left: 12px;top: calc(50% - 7px);border-radius: 1.5px;}
.productRecommend .recommendBlock ul{overflow-x: scroll;-webkit-overflow-scrolling: touch;font-size: 0;padding: 10px 0;white-space: nowrap;width: 100%;margin: 0px;list-style: none;display: inline-block;}
.productRecommend .recommendBlock ul li{background: #fff;box-sizing: border-box;padding: 0;margin: 0 3px;display: inline-block;border-radius: 2px;text-align: left;vertical-align: top;height: auto;width: calc(((100% - 30px)/5)*2)}
.productRecommend .recommendBlock ul li:first-child{margin-left: 10px;}
.productRecommend .recommendBlock ul li a{display: inline-block;width: 100%;height: auto;position: relative;cursor: pointer;}
.productRecommend .recommendBlock ul li a img{border-radius: 4px;width: 100%;}
.productRecommend .recommendBlock ul li a p{margin: 0}
.productRecommend .recommendBlock ul li a p.prdName{font:15px/18px Helvetica,sans-serif;height:36px;overflow:hidden;color:#000000;white-space:normal;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;padding:0px;word-break:break-all;box-sizing:border-box;}
.productRecommend .recommendBlock ul li a .priceArea .price{position: relative;font: 17px/20px Century Gothic,sans-serif;display: inline-block;width: 100%;padding: 0 0 0 8px;box-sizing: border-box;color: #D62872;height: 20px;}
.productRecommend .recommendBlock ul li a .priceArea .price:before{content: "$";position: absolute;font: 13px/20px Century Gothic,sans-serif;left: 0;bottom: 0px;color: #D62872;}
/* 20191014_商品推薦_圓標 */
.productRecommend .recommendBlock ul li a .prdImgWrap{width: 100%;position:relative;display:inline-block;vertical-align: top;}
.productRecommend .recommendBlock ul li a .prdImgWrap .imgTag{width:32%;height:auto;display:inline-block;position:absolute;top:0;left:0; z-index:2;}
.productRecommend .recommendBlock ul li a .prdImgWrap .imgTag img{width:100%;height:auto;margin:0;padding: 0;display: inline-block;}
/* 20191014_商品推薦_售完補貨 */
.productRecommend .recommendBlock ul li a .prdImgWrap.forsoldout::after {width: 100%;color: rgb(255, 255, 255);content: "售完補貨中";text-align: center;position: absolute;bottom: 0px;left: 0px;background: rgba(0, 0, 0, 0.7);font: 15px/26px var(--primary-font-family);margin: 0px;padding: 0px;}

/* 20191205_商品頁_銀行分期 */
.productPage .prdDetail .creditCardInstallments table td{text-align: center; color: #333333;width: calc(100% / 3);box-sizing: border-box;}
.productPage .prdDetail .creditCardInstallments table td a{font: 13px/20px Helvetica,sans-serif;color: #3366ff;text-decoration: none;}
.productPage .prdDetail .creditCardInstallments table thead tr:first-child{background: #F2F2F2;}
.collaborateBankLayer{width: 100%;height: 100%;position: fixed;top: 0; left: 0;background: #fff;z-index: 11;display: none;}
.collaborateBankLayer span{background-color: #e7e7e7;color: #000000;font: 15px/40px Helvetica,sans-serif;position: relative;margin: 0;text-align: center;display: block;}
.collaborateBankLayer .bankLayerArea{height: calc(100% - 90px);padding: 10px;box-sizing: border-box;overflow-y: auto;-webkit-overflow-scrolling: touch;-webkit-text-size-adjust:none;}
.collaborateBankLayer .bankLayerArea p{font: 15px/25px Helvetica,sans-serif;color: #333;margin: 0 0 10px 0;}
.collaborateBankLayer .bankLayerArea ul{margin: 20px 0 10px 0;padding: 0;}
.collaborateBankLayer .bankLayerArea ul li{list-style: none;font: 13px/22px Helvetica,sans-serif;color: #888888;vertical-align: middle;}
.collaborateBankLayer .bankLayerArea ul li img{vertical-align: middle;margin: 0 2px;}
.collaborateBankLayer .btnArea{position: relative;height: 50px;display: inline-block;width: 100%;text-align: center;}
.collaborateBankLayer .btnArea .closeBtn{width: 36px;height: 50px;display: inline-block;background: url(/ecm/img/cmm/mobile/closeBtn.svg) no-repeat center center / 100% 36px;cursor: pointer;}

/*20181105大家電加購浮層*/
.installHelp{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #fff; z-index: 5; overflow-y: auto; -webkit-overflow-scrolling: touch; display: none; border:0;}
.installHelp .floatTitle{width: 100%; height: 40px; font: 15px/40px var(--primary-font-family); color: #000000; margin: 0px; padding: 0px 10px; position: relative; z-index: 1; background: #e7e7e7; text-align: center; box-sizing: border-box; border:0;display:block;}
.installHelp .installHelperPic{width:100%; display:inline-block; padding:10px 10px 50px 10px; box-sizing:border-box;}
.installHelp .installHelperPic img{width:100%;}
.installHelp .btnArea{width: 100%; height: 50px; margin: 0 auto; display: block; background: #fff; bottom: 0; position: fixed;}
.installHelp .btnArea .closeBtn{width: 36px; height: 50px; cursor: pointer; background: url(/ecm/img/cmm/mobile/closeBtn.svg) no-repeat center center / 100% 36px; background-size: 100% 100%; margin: auto; position: absolute; right: 0; left: 0;}

/* 20191119_品牌旗艦區塊 */
.brandArea {display: inline-block;padding: 0px;vertical-align: top;font-size: 0px;width: 100%;box-sizing: border-box;margin: 0px 0px 10px 0px;}
.brandArea dd {margin: 0px; padding: 0px; background: #ffffff; border-top: 1px solid #CCCCCC;}
.brandArea dd:last-child {border-bottom: 1px solid #CCCCCC;}
.brandArea dd a {display: inline-block;width: 100%;margin: 0px;padding: 0px;}
.brandArea dd a ul {list-style: none;margin: 0px;padding:15px 10px;box-sizing: border-box;padding-right: 0px;}
.brandArea dd a ul li {display:inline-block;vertical-align:top;margin: 0px 0px 0px 0px;box-sizing:border-box;padding: 0px;}
.brandArea dd a ul li:last-child {padding: 0px;width: 75px;}
.brandArea dd a ul li:first-child img {border-radius: 4px;}
.brandArea dd a ul li:nth-child(2) {width: calc(100% - 125px);padding: 5px 10px 5px 10px;}
.brandArea dd a ul li p.brandtitle {display:inline-block;width:100%;margin:0px;padding: 0px;font:bold 16px/20px var(--primary-font-family);color:#000000;height:20px;overflow:hidden;}
.brandArea dd a ul li span.brandText {display:inline-block;width:100%;margin:0px;padding:0px;font:13px/20px var(--primary-font-family);color: #000000;height: 20px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.brandArea dd a ul li p.brandShop {display:inline-block;width:100%;margin:0px;padding: 0px 20px 0px 0px;font:13px/50px var(--primary-font-family);color:#888888;position: relative;background: url(/ecm/img/cmm/mobile/arrow_down.png)no-repeat 57px center/15px auto;box-sizing: border-box;height: 50px;overflow: hidden;}

/*20200707_5hr*/
.productPage .prdDetail td .fhaddIcon {vertical-align: sub; margin: 0px 5px 0px 0px;}
.productPage .prdDetail td p.fhaddArea {height: 36px;  white-space: nowrap;  text-overflow: ellipsis; display: inline-block;  font: 15px/36px var(--primary-font-family); margin: 0px; padding: 0px; box-sizing: border-box; width: calc(100vw - 95px); overflow-x: hidden; vertical-align: top;}

/*20200806 甲乙配宅配顯示調整*/
.productPage .prdDetail td .shippingArea {line-height: 0px;display: inline-block;vertical-align: top;position: relative;width: 100%;margin: 0px;padding: 0;}
.productPage .prdDetail td .shippingArea dd {display: inline-block;margin: 0px;padding: 0px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;vertical-align: top;width: calc(100vw - 130px);height: 36px;font: 13px/36px var(--primary-font-family);color: #888;}
.productPage .prdDetail td .shippingArea .shippingTip {display: inline-block;margin: 0px 5px 0px 0px;padding: 0px;vertical-align: top;font: 15px/36px var(--primary-font-family);color: #000;}
.productPage .prdDetail td .shippingArea dt {position: absolute;right: 5px;top: calc((100% - 15px) / 2);}
.shippingBox  {position:fixed;background: #ffffff;left:  0px;bottom:0px; width: 100%;z-index:900;border-radius: 12px 12px 0px 0px;}
.shippingBox .shippingTxt {display: inline-block; width: 100%; text-align: center; margin: 0px;  padding: 0px;  font: bold 15px/50px var(--primary-font-family);color: #454545;}
.shippingBox .shippingList {padding: 0px 10px 15px 10px;box-sizing: border-box;margin: 0px;vertical-align: top;overflow-y: auto;font: 13px/20px var(--primary-font-family);}
.shippingBox .shippingList dt .shippingType {font: bold 15px/20px var(--primary-font-family);display: inline-block;margin: 0px 5px 0px 0px;color: #454545;vertical-align: top;}
.shippingBox .shippingList dt:first-child {margin: 0px;}
.shippingBox .shippingList dt {display: inline-block;margin: 15px 0px 0px 0px;padding: 0px;word-break: break-all;vertical-align: top;text-overflow: ellipsis;white-space: nowrap;width: 100%;box-sizing: border-box;color: #888;overflow: hidden;}
.shippingBox .shippingList dd {color:#888;vertical-align: top;margin: 5px 0px 0px 0px;padding: 0px;}
.shippingBox .shippingList dd img {vertical-align:bottom;}
.shippingBox .shippingList dd a {font:13px/20px var(--primary-font-family);color: #027bff;}
.shippingBox .shippingList dd .imgTip {display: inline-block;margin: 0px;padding:0px;width: 35px;height: 20px;position: relative;vertical-align: top;}
.shippingBox .shippingList dd .imgTip img {display: inline-block;margin: 0px;padding:0px;vertical-align: top;position: absolute;bottom: -3px;left: 0px;}
.shippingBox .shippingList dd i {display: inline-block;margin: 0px;padding: 0px;font: 13px/20px var(--primary-font-family);width: 15px;}
.shippingBox .shippingList dd p {display: inline-block;margin: 0px;padding: 0px;width: calc(100% - 20px);vertical-align: top;}
.shippingBox .btnArea {padding: 0 15px 10px;}
.shippingBox .btnArea button {display: inline-block;width: 100%;margin: 0px;padding: 0px;font: bold 17px/44px var(--primary-font-family);text-align: center;border:0px;background: #d62872;color: #fff;border-radius: 25px;}

/** 20200902 開賣通知**/
.footerArea ul .saleNoticeBtn {width:55%; padding: 5px; border-radius: 4px; box-sizing: border-box;}
.footerArea ul .saleNoticeBtn a {color:#fff;background: #FF9203;display: block; width:100%; height: 40px;margin: 0;font: 15px/40px var(--primary-font-family); box-sizing: border-box; border-radius: 4px;}
.footerArea ul .noticSelected a {border: 1px solid #FF9203; background: #fff; color: #FF9203;}
.specificationBox .btnArea .saleNoticeBtn {color: #ffffff;background: #FF9203;width: 100%;border: 0px;font: bold 17px/48px var(--primary-font-family);display: inline-block;border-radius: 4px;box-sizing: border-box;}
.specificationBox .btnArea .noticSelected {border: 1px solid #FF9203; color: #FF9203; background: #ffffff; display: inline-block;}

/* 20201112 EC小網_規格圖上傳_商品圖頁次調整*/
.wrapBanner .swiperBanner{line-height: 0;}
.wrapBanner .swiperBanner .prdImgPagination{display: inline-block;min-width: 45px;width: auto;position: absolute;left: auto;right: 8px;background: rgba(0,0,0,0.7);padding: 2px 5px;box-sizing: border-box;color: #fff;border-radius: 18px;font: 14px/20px Helvetica,sans-serif;bottom: 8px;z-index: 3; pointer-events: none;}

/**20210521_廢四機文案**/
.specificationBox .recycleTxt {display: inline-block;width: 100%;padding: 15px 0px 0px 0px;margin: 0px;line-height: 0px;}
.specificationBox .recycleTxt span {display:block;font: bold 15px/20px var(--primary-font-family);}
.specificationBox .recycleTxt p {font: 13px/20px var(--primary-font-family)}
.specificationBox .recycleTxt .contentTxt {display:block;color:#333;padding: 5px 0px 10px 0px;margin: 0px;}
.specificationBox .recycleTxt .alertTxt {display:block;color:#888888;padding: 0px;margin: 0px;}

/* 20200929_商品認證 */
.goodsPcert {max-width:100%;}

.specificationBox .btnArea .noticSelected {border: 1px solid #FF9203; color: #FF9203; background: #ffffff; display: inline-block;}

/*20200914 熱門屬性Tag*/
.keywordsBlock {border:0px}
.keywordsBlock .titleBlock{font:bold 16px/40px var(--main-font);background-color: #ffffff;padding: 0 12px 0 25px;box-sizing: border-box;position: relative;}
.keywordsBlock .titleBlock::before{content:'';width: 3px;height: 14px;background-color: var(--momo-color);display: inline-block;position: absolute;left: 12px;top: calc(50% - 7px);border-radius: 1.5px;}
.keywordsBlock ul {list-style: none;font-size: 0px;margin: 0px 0px 0px 0px;padding: 10px 10px 20px 10px;white-space: nowrap;overflow-x: auto;line-height: 0px;-webkit-overflow-scrolling: touch;background: #fff; box-sizing: border-box;}
.keywordsBlock ul li {font: 15px/28px var(--primary-font-family);padding: 0px 8px;background: #f2f2f2;border-radius: 4px;display: inline-block;margin: 0px 0px 0px 10px;border: 1px solid #e1e1e1;}
.keywordsBlock ul li:first-child {margin: 0px;}

/**下單再折(半版共用浮層)**/
.discountBox dl {display:inline-block;padding: 0px 30px;box-sizing: border-box;width: 100%;line-height: 0px;font-size: 0px;margin: 0px;}
.discountBox dl dd {margin:0px 0px 15px 0px}
.discountBox dl dd span {font: 15px/20px var(--main-font);display: inline-block;}
.discountBox dl dd span i {color: var(--momo-red);background: #FFF3F4;padding: 0px 5px;border-radius: 3px;position: relative;font: 13px/20px var(--main-font);margin: 0px 0px 0px 10px;display: inline-block;vertical-align: top;}
.discountBox dl dd span i::before {content: '';display: inline-block;margin: 0px;padding: 0px;border-top: 5px solid transparent;border-right: 5px solid #FFF3F4;border-bottom: 5px solid transparent;position: absolute;left: -5px;top: calc((100% - 10px) / 2);}
.discountBox dl dd p {font: 15px/20px var(--price-font);float: right;padding: 0px;margin: 0px;}
.discountBox dl dd p b {font-size:13px;display: inline-block;margin: 0px;padding: 0px;vertical-align: top;font-weight: normal;}
.discountBox dl dt {border-top:1px solid #fef2f2; padding:15px 0px 0px 0px}
.discountBox dl dt span {font:bold 19px/30px var(--main-font);display: inline-block;}
.discountBox dl dt p {font:bold 21px/30px var(--price-font);float: right;color:var(--momo-color);padding: 0px;margin: 0px;}
.discountBox dl dt p b {font-size:15px;display: inline-block;margin: 0px;padding: 0px;vertical-align: top;}
.discountBox .floatbtnArea button {background:var(--momo-color);color:#fff;border-color: var(--momo-color);}

/* 20210813_EC小網_商品頁_專推全面開放外網連結 */
.outerLinkBox .iframeArea{padding: 10px 10px 10px 10px;overflow-y:auto;box-sizing:border-box;height: 100%;font-size: 0;}
.outerLinkBox .iframeArea iframe{width:100%;border:none;height: 100%;}
.outerLinkBox .floatbtnArea button{background:#d62872;color:#fff;}

/* 20211227_EC小網/APP_商品頁_新增商品規格圖 */
.productPage .prdDetail td .formatList{padding: 0;margin: 7px 0 12px 0;display: flex;line-height: 0;}
.productPage .prdDetail td .formatList dd{margin: 0 6px 0 0;border-radius: 4px;overflow: hidden;}
.productPage .prdDetail td .formatList dt{display: flex;background: #f2f2f2;justify-content: center;align-items: center;font: 12px/15px Helvetica,sans-serif;flex-direction: column;color: #888888;border-radius: 4px;padding: 0 2px;min-width: 48px;box-sizing: border-box;}
.productPage .prdDetail td .formatList dt p{margin: 0;font: 12px/15px Helvetica,sans-serif;}
.productPage .prdDetail td .formatList dt p i{font: 12px/15px Helvetica,sans-serif;}

/* 20211221_登記活動UI調整 */
.activityArea .activityTitle{font:bold 16px/40px var(--main-font);background-color: #ffffff;padding: 0 12px 0 25px;box-sizing: border-box;position: relative;}
.activityArea .activityTitle::before{content:'';width: 3px;height: 14px;background-color: var(--momo-color);display: inline-block;position: absolute;left: 12px;top: calc(50% - 7px);border-radius: 1.5px;}
.activityArea .activityBox {padding: 0 0 0 12px;box-sizing: border-box;align-items: start;border: 0;margin: 0;font-size: 0;display: flex;}
.activityArea .activityBox .titleIcon {color: var(--momo-red);font: 13px/20px var(--main-font);margin: 5px 5px 5px 0;background-color: #FFF3F4;border-radius: 2px;display: inline-block;min-width: 54px;height: 20px;text-align: center;vertical-align: top;}
.activityArea .activityBox .activityText {display: inline-block;width: calc(100% - 89px);vertical-align: top;}
.activityArea .activityBox .activityText p {margin: 0;color: #000000;display: block;font: 15px/30px var(--main-font);text-decoration: none;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0;}
.activityArea .activityBox .activityText div.outOfStock {display:flex;}
.activityArea .activityBox .activityText div.outOfStock p:last-child {flex-shrink:0;text-overflow:initial;font:13px/30px var(--main-font);padding: 0 0 0 6px;}
.activityArea .activityBox .arrowIcon {width: 30px;align-self:flex-start;height: 30px;cursor: pointer;display: inline-block;background: no-repeat url(/ecm/img/cmm/mobile/arrow_down.png) 4px center/ 18px auto;vertical-align: top;padding: 0 12px 0 4px;box-sizing: border-box;}

/* 20220125電子書/紙書合併 */
.productPage .bookList {margin: 0px;padding: 10px 10px 0px 10px;font-size: 0px;line-height: 0px;box-sizing: border-box;text-align: left;}
.productPage .bookList dd {display: inline-block;width: calc((100% - 10px) / 2);margin: 0px 10px 10px 0px;padding: 0px;box-sizing: border-box;border: 1px solid #ccc;position: relative;}
.productPage .bookList dd:nth-child(2n) {margin-right: 0px;}
.productPage .bookList dd a {display: inline-block;width: 100%;padding: 4px 5px;box-sizing: border-box;color: #000;}
.productPage .bookList dd a span {font: 12px/20px var(--main-font);margin: 0px;padding: 0px;display: inline-block;width: 100%;box-sizing: border-box;}
.productPage .bookList dd a span .iconTag {display: inline-block;border-radius: 4px;font: 12px/12px var(--main-font);background: #BE0211;color: #fff;padding: 2px;box-sizing: border-box;margin: 0px 3px 0px 0px;}
.productPage .bookList dd a p {font: 15px/20px var(--main-font);margin: 0px;padding: 0px;display: inline-block;width: 100%; box-sizing: border-box;}
.productPage .bookList dd a p b {color: var(--momo-color);font-weight:normal;margin: 0px 3px;}
.productPage .bookList dd a p i {display: inline-block;font-size:12px;font-style: normal;}
.productPage .bookList .buyDd a p {font: 13px/20px var(--main-font);}
.productPage .bookList .selected {background: #fff3f4;}
.productPage .bookList .selected a p,
.productPage .bookList .selected a span,
.productPage .bookList .selected a b,
.productPage .bookList .selected a i {font-weight: bold;}

/* 20220609詳情商品規格  */
.preferentialArea .vendordetailview .Area302 li{color:#454545;height: 20px;list-style-type: disclosure-closed;}

/* 20220907_商品評分檢視 */
.productRating {background-color: #fff;border-top: 2px solid #f2f2f2;border-bottom: 1px solid #f2f2f2; margin: 0;font-size: 15px; padding: 16px 12px 16px 12px;position: relative;}
.productRatingTitle {position: relative;display: inline-block;vertical-align: middle;font: bold 16px/24px var(--primary-font-family);margin: 0 0 0; padding-left: 14px;}
.productRatingTitle::before {content: '';display: block;position: absolute;border-radius: 1.5px; top: 4px;left: 1px;width: 3px;height: 15px;background-color: #D62872;}
.productRatingTitle + .productRatingFlex {margin-top: 6px;}
.productRatingFlex {display: flex;justify-content: flex-start;}
.productRating .noneData {height: 24px;width: 280px;border-radius: 20px; margin: 6px 0 0 0; display: block;vertical-align: middle;background-color: #f2f2f2;}
.productRatingStarGroup {height: 24px;margin: 0;padding: 0;display: inline-block;vertical-align: middle;}
.productRatingStar {display: inline-block;width: 20px;height: 24px;vertical-align: middle;background-repeat: no-repeat;background-size: 20px 20px;background-position: center center;}
.productRatingStar.starOutline {background-image: url(/ecm/img/cmm/icon_star_outline_24x24.svg);}
.productRatingStar.starFull {background-image: url(/ecm/img/cmm/icon_star_full_24x24.svg);}
.productRatingStar.starHalf {background-image: url(/ecm/img/cmm/icon_star_half_24x24.svg);}
.productRatingText {height: 24px;font-family: var(--primary-font-family); line-height: 24px;display: inline-block;padding: 0;margin: 0;}
.productRatingScore {display: inline-block;vertical-align: middle;margin: 0;padding: 0;color: #454545;font-size: 15px;margin: 0 0 0 4px; }
.productRatingTimes {display: inline-block;vertical-align: middle;color: #888;font-size: 13px;margin: 0 0 0 4px; }
.productPage .bookList .selected {background: #fff3f4; border: 1px solid rgb(221 39 38 / 15%);}
.productTotalSales { color: #D62872; font-size: 15px; line-height: 24px; font-family: var(--primary-font-family); vertical-align: middle; margin: 0;padding: 0; position: relative;}
.productRating p+.productTotalSales { margin: 0 6px 0 12px; padding: 0;}
.productRating p+.productTotalSales:before { content: ''; position: absolute; left: -6px; top: 4px; display: inline-block; width: 1px;height: 16px; background-color: #888;}

/* 專案購買 */
.shopProjectContainer {display: flex;gap: 10px;width: 100%;padding: 10px;box-sizing: border-box;font-family: var(--main-font);}
.shopProjectContainer [type="checkbox"]:checked,
.shopProjectContainer [type="checkbox"]:not(:checked),
.shopProjectContainer [type="radio"]:checked,
.shopProjectContainer [type="radio"]:not(:checked){position: fixed;opacity: 0;pointer-events: none;}
/* 選擇專案 */
.checkboxProject:checked + label,
.checkboxProject:not(:checked) + label{position: relative;display: inline-block;padding: 6px 8px;width: 50%;font-size: 11px;line-height: 16px;text-align: left;box-sizing: border-box;overflow: hidden;cursor: pointer;text-transform: uppercase;color: #454545;-webkit-transition: all 300ms linear;transition: all 100ms linear; }
.checkboxProject:checked + label,
.checkboxProject:checked {font-weight: bold;}
.checkboxProject:not(:checked) + label{background-color: #fff;border: 1px solid rgba(0,0,0,0.15);}
.checkboxProject.redBtn:checked + label{background-color: #fff3f4;border: 1px solid rgba(221, 39, 38, 0.15);}
.checkboxProject.redBtn:not(:checked) + label:hover{border: 1px solid rgba(221, 39, 38, 0.6);}
.checkboxProject.yellowBtn:checked + label{background-color: #fffaf3;border: 1px solid rgba(255, 146, 3, 0.3);}
.checkboxProject.yellowBtn:not(:checked) + label:hover{border: 1px solid rgba(255, 146, 3, 0.6);}
.forCheckboxProject .priceTitle {font-size: 15px;}
.forCheckboxProject .priceNumber {font-size: 15px;color: var(--momo-color);}
.forCheckboxProject .priceYan {font-size: 11px;}
.forCheckboxProject .upText {margin-bottom: 4px;}
@media (max-width: 420px) { 
    .forCheckboxProject .priceTitle {font-size: 13px}
    .forCheckboxProject .priceNumber {font-size: 13px; color: var(--momo-color);}
}
/* 專案標誌 */
.badge {display: inline-block;padding: 2px;margin-right: 4px;font-size: 12px;line-height: 1;font-weight: normal;color: #fff;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: 4px;}
.badge.bg-red {background-color: #BE0211;}
.badge.bg-yellow {background-color: #FF9203;}

.prdDetail .arrowBlock {padding: 0 20px 0 8px;position: relative; box-sizing: border-box;}
.prdDetail .arrowBlock .brandNameTxt { display: inline-block; position: relative; vertical-align: middle; color: #000; max-width: calc(100vw - 200px); height: 2.5em; padding-right: 60px; line-height: 2.5em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.prdDetail .arrowBlock .brandNameTxt:after {content: '．';color: #000; position: absolute; right: 45px; top: 0;}
.prdDetail .arrowBlock::after{content: "";width: 18px;height: 18px;display: inline-block; background:#fff url("/ecm/img/cmm/mobile/arrow_down.png")no-repeat center/18px;display: inline-block; position: absolute;right:13px;top: calc(50% - 10px);}
.prdDetail .arrowBlock p{font: 15px/20px var(--main-font);margin: 0;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;vertical-align: top;}
.prdDetail .arrowBlock .tracking { position: absolute; right: 0; display: inline-block; line-height: 2.5em; color: #888;  min-width: fit-content;}
.prdDetail .arrowBlock .untracking {position: absolute; right: 15px; display: inline-block; line-height: 2.5em; text-align: left; color: var(--momo-blue); min-width: fit-content;}
.prdDetail .nocoupons p{color: #888;margin: 0;font: 15px/48px var(--main-font);}

#goodsRecommend .scrollBar{width: 40px;display: block;height: 3px;background: #dfdfdf;position: relative;overflow: hidden;border-radius: 1.5px;margin: 0px auto 10px auto;}
#goodsRecommend .scrollBar i{width: 12px;height: 3px;background: #d62872;display: inline-block;position: absolute;left: 0;top: 0;border-radius: 1.5px;}
#goodsRecommend .swiper-wrapper::-webkit-scrollbar{display: none; -webkit-appearance: none; width: 0; height: 0;}

#goodsWhoBuy .scrollBar{width: 40px;display: block;height: 3px;background: #dfdfdf;position: relative;overflow: hidden;border-radius: 1.5px;margin: 0px auto 10px auto;}
#goodsWhoBuy .scrollBar i{width: 12px;height: 3px;background: #d62872;display: inline-block;position: absolute;left: 0;top: 0;border-radius: 1.5px;}
#goodsWhoBuy .swiper-wrapper::-webkit-scrollbar{display: none; -webkit-appearance: none; width: 0; height: 0;}

/*推薦商品區塊*/
.outfitBlock{background-color: #fff; margin-bottom: 10px;}
.scrollView{margin-bottom: 8px; padding: 0 9px;}
.productRecommend .recommendBlock{margin-bottom: 10px; background: #fff;}
.productRecommend .recommendBlock:last-child{margin-bottom: 0;}
.productRecommend .recommendBlock .scrollView ul{padding: 6px 0 0 0; overflow: initial; display: block;}
.productRecommend .recommendBlock .scrollView ul li{width: 34.666667vw; margin: 0 5px; padding: 0;}
.productRecommend .recommendBlock .scrollView ul li .prdImgWrap{border-radius: 4px; overflow: hidden;}
.productRecommend .recommendBlock .swiper-wrapper .swiper-slide img {width: 34.666667vw;height: 100%;}
.productRecommend .recommendBlock .swiper-wrapper .swiper-slide img.fbm-thumbnail-play-img {width: 100%;}

/*scrollbar*/
.scrollbar {width: 30px; margin: 0 auto 8px auto; height: 3px; background: #ededed; border-radius: 3px; line-height: 0;}
.scrollbar .handle {width: 10px; height: 100%; background: #D62872; border-radius: 3px; cursor: pointer;}
.scrollbar .handle .mousearea {position: absolute; top: -14px;  left: 0; width: 100%; height: 30px;}

/* 20230413 商品頁浮層樣式調整 */
/* 20230704 yvtseng */
.btn-radius-wrapper .floatbtnArea .goStore,
.btn-radius-wrapper .floatbtnArea .goRegister { border-color: var(--momo-color); }
.specificationBox .btnArea.btn-radius-wrapper .cancel { border: 1px solid #EDEDED;}
.specificationBox .cycleArea .agreeArea .form-check-label { margin-top: 10px; padding: 0; }
.specificationBox .cycleArea .agreeArea .form-checkmark-child { margin: 0 10px 0 0; }
.specificationBox .cycleArea .agreeArea .form-check-text { font:15px/20px var(--main-font); }
.cycleArea .form-check-label .contractContent { font:15px/20px var(--main-font); }



/* 拖曳控制點 */
#drager {
  box-sizing: border-box;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2px;
  width: 72px;
  height: 72px;
  background-color: rgba(246, 246, 246, 0.5);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  z-index: 10;
  cursor: pointer;
  top: "0px";
  left: "0px";
  border-radius: 10px;
  padding: 6px;
}

#drager .on-air-round {
  position: relative;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  background: rgb(214,40,114);
  background: linear-gradient(180deg, rgba(214,40,114,1) 0%, rgba(221,39,38,1) 100%);
  transition: all 0.2s;
}

#drager .on-air-icon {
  position: relative;
  display: block;
  width: 28px;
  height: 28px;
  background-image: url(/ecm/img/cmm/mobile/goods/icon_onair_FFAE00_20x20.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px 16px;
}      

#drager .on-air-text {
  font-family: var(--primary-font-family);
  color: #454545;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
}

  /* 直播預告 */
.live-preview-alert {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff8dc;
  border-radius: 4px;
  font-family: var(--primary-font-family);
  color: #ffae00;
  font-size: 13px;
  line-height: 18px;
  padding: 6px;
  margin: 10px;
  cursor: pointer;
}
.live-preview-block {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}

.live-preview-badge {
  height: 18px;
  background: rgb(255,214,59);
  background: linear-gradient(90deg, rgba(255,214,59,1) 0%, rgba(255,174,0,1) 100%);
  border-radius: 4px;
  padding: 0 4px;
  font-weight: bold;
  color: #fff;
}

.live-preview-badge ~ .live-preview-time {
  margin-left: 8px;
}

.live-preview-labby {
  font-size: 11px;
  line-height: 16px;
}

.icon-live-preview {
  display: inline-block;
  vertical-align: middle;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 18px 18px;
}

.icon-live-preview-bell {
  vertical-align: top;
  background-image: url(/ecm/img/cmm/mobile/goods/icon_notify_bell_fff_24x24.svg);
  width: 18px;
  height: 18px;
  margin-right: 4px;
}

.icon-live-preview-arr {
  background-image: url(/ecm/img/cmm/mobile/goods/icon_arr_right_FFAE00_24x24.svg);
  width: 16px;
  height: 16px;
  margin-left: 4px;
}

/* 20221128_多組數方案區塊 */
.productPage .sharedSetting {border: 0;}
.productPage .sharedSetting .titleBlock{font:bold 16px/40px var(--main-font);background-color: #ffffff;padding: 0 12px 0 25px;box-sizing: border-box;position: relative;background: none;color: black;text-align: left;height: 40px;}
.productPage .sharedSetting .titleBlock::before{content:'';width: 3px;height: 14px;background-color: var(--momo-color);display: inline-block;position: absolute;left: 12px;top: calc(50% - 7px);border-radius: 1.5px;}
.multipleGroups .multipleList {padding: 0 10px 6px;}
.multipleGroups .planLink {display: block;}
.multipleGroups .listBlock {display: flex;text-align: center;padding-right: 30px;}
.multipleGroups .listBlock.header {font:15px/22px var(--main-font);color: #888888;}
.multipleGroups .listBlock.plan {height: 40px;background-image: url("/ecm/img/ec-images/common/arrow_down_737373_20x20.svg");background-repeat: no-repeat;background-position: right center;background-size: 20px 20px;}
.multipleGroups .listBlock .planContent {flex: 1;}
.multipleGroups .listBlock.plan .planContent {color: #000000;font:15px/40px var(--main-font);}
.multipleGroups .listBlock .planContent.red {color: #D62872;}
.multipleGroups .listBlock .planContent.red span {font-size: 17px;}

/* 20221201_多組數選擇方案區塊 */
.specificationBox .planArea {display: block;margin: 0px;padding: 10px 0px 6px 0px;border-right: 10px solid #fff;box-sizing: border-box;border-left: 10px solid #fff;}
.specificationBox .planArea b {height: 30px;font: 13px/30px var(--primary-font-family);display: inline-block;color: #000000;}
.specificationBox .planArea .planSelect {margin: 5px 0px 0px 0px;padding: 0px;font-size: 0px;}
.specificationBox .planArea .planSelect li {display: inline-block;padding: 0px 8px;margin: 0px 10px 10px 0px;border: 1px solid #f2f2f2;box-sizing: border-box;background: #f2f2f2;border-radius: 4px;}
.specificationBox .planArea .planSelect .selected {background: #d62872;border: 1px solid #d62872;}
.specificationBox .planArea .planSelect li i {font: 15px/30px var(--primary-font-family);color: #000000;vertical-align: middle;display: inline-block;width: 100%;text-align: center;}
.specificationBox .planArea .planSelect .selected i {color: #ffffff;font: 15px/30px var(--primary-font-family);}

/* 20221202_相關商品區塊 */
.relatedProductArea .relatedBlock {overflow-y: hidden;overflow-x: auto;line-height: 0;width: 100%;margin: 0;}
.relatedProductArea .relatedBlock ul {overflow-x: scroll;-webkit-overflow-scrolling: touch;font-size: 0;padding: 10px 0;white-space: nowrap;width: 100%;margin: 0px;list-style: none;display: inline-block;}
.relatedProductArea .relatedBlock ul li {background: #fff;box-sizing: border-box;padding: 5px;margin: 0;display: inline-block;border-radius: 2px;text-align: left;vertical-align: top;height: auto;width: calc(((100% - 30px)/7)*2);}
.relatedProductArea .relatedBlock ul li:first-child {margin-left: 5px;}
.relatedProductArea .relatedBlock ul li a {display: inline-block;width: 100%;height: auto;position: relative;cursor: pointer;}
.relatedProductArea .relatedBlock ul li a .prdImgWrap {width: 100%;position: relative;display: inline-block;vertical-align: top;}
.relatedProductArea .relatedBlock ul li a img {border-radius: 2px;width: 100%;}
.relatedProductArea .relatedBlock ul li a p {margin: 0;}
.relatedProductArea .relatedBlock ul li a p.prdName {text-align: left;margin: 5px 0;white-space: initial;height: 40px;display: block;overflow: hidden;}
.relatedProductArea .relatedBlock ul li a p.prdName span {font: 15px/20px Helvetica,sans-serif;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;color: #000000;}
.relatedProductArea .relatedBlock ul li a .priceArea .price {position: relative;font: 17px/20px Century Gothic,sans-serif;display: inline-block;width: 100%;padding: 0 0 0 8px;box-sizing: border-box;color: #D62872;height: 20px;}
.relatedProductArea .relatedBlock ul li a .priceArea .price::before {content: "$";position: absolute;font: 13px/20px Century Gothic,sans-serif;left: 0;bottom: 0px;color: #D62872;}

/* 20221227_商品組合區塊 */
.setItemGroups .setItemText {font: 13px/20px Helvetica,sans-serif;color: #888888;padding-left: 12px;margin: 0 0 10px 0;text-align: left;}
.setItemGroups .setItemList {padding: 0 10px 12px;}
.setItemGroups .item {display: flex;padding-right:0px;background-repeat: no-repeat;background-position: right center;background-size: 18px auto;}
.setItemGroups .imgBox {flex: 0 0 110px;}
.setItemGroups .itemContent {flex-direction: column;}
.setItemGroups .itemContent.nameBox {flex: 1;}
.setItemGroups .prdImg {width: 100px;border-radius: 4px;}
.setItemGroups .prdName {font: 15px/20px var(--primary-font-family);color: #000000;margin-top: 0;flex: 1;}
.setItemGroups .prdQuantity {font: 13px/20px var(--primary-font-family);color: #000000;text-align: right;margin: 0;}
.setItemGroups .iconplus {border: 0 none; box-sizing: border-box; color: #bdb2b5; font: bold 30px/20px var(--primary-font-family); height: 20px; width: 105px; display: block; text-align: center; }
.setItemArea .setData_popup{padding:0px10px; margin:0px; width:calc(100%-165px); font:15px/30pxHelvetica,sans-serif; color:#000; border-radius:5px; height:30px; overflow:hidden; display:inline-block; float:left; box-sizing:border-box;}

.bg-blank {background-color: #eeeeee;padding-top: 11px;}
.bg-blank .setItemGroups {margin: 0;}
.bg-blank-bottom {padding-bottom: 11px;}

/* 20230614 宜睿電子票卷新增兌換期限 */
.ticket-deadline{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start}
.ticket-deadline p{flex:0 0 auto;margin:0}
.prdDetail .ticket-float-btn{color:var(--primary-link-color);flex:0 0 30px;margin-left:5px}
.ticket-description-layout{display:none;z-index:3}
.ticket-description-layout .float-layout-content{box-sizing:border-box;color:#454545;font:15px/20px var(--primary-font-family);padding:0 15px}
.ticket-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;max-width:calc(100% - 60px)}
.float-layout-content p{margin:0}

/* 20240805_最優惠折價券區塊 */
.coupon-card.floatBox {font-family: var(--primary-font-family);}
.coupon-card.floatBox .floatContent {background-color: #F2F2F2;padding: 15px;}
.coupon-card.floatBox .card {padding: 0;box-shadow: 3px 3px 10px #0000001A;background-color: #fff;border-radius: 8px;}
.coupon-card.floatBox .card + .card {margin-top: 15px;}
.coupon-card.floatBox .card-content {padding: 10px 15px 0;}
.coupon-card.floatBox .tips {margin-bottom: 10px;}
.coupon-card.floatBox .sales-price {font-weight: normal;margin-left: 0;}
.coupon-card.floatBox .sales-price::before {display: none;}
.coupon-card.floatBox .floatContent {overflow-y: scroll;}
.coupon-card.floatBox .card-title {margin-bottom: 10px;padding: 10px 15px 0;display: block;font-size: 17px;line-height: 20px;font-weight: bold;color: #454545;}
.coupon-card.floatBox .title-tips {font-size: 13px;line-height: 18px;color: #727272;margin-left: 10px;vertical-align: top;font-weight: normal;}
.coupon-card.floatBox .card-body table {width: 100%;border-collapse: collapse;border: 0;}
.coupon-card.floatBox .card-body table th {background: #FFFFFF;border: 1px solid #F2F2F2;color: #000;font-weight: normal;}
.coupon-card.floatBox .card-body table th:nth-child(1) {width: 45%;}
.coupon-card.floatBox .card-body table td {border: 1px solid #F2F2F2;border-width: 0 0 1px 0;color: #000;}
.coupon-card.floatBox .card-body table td + td {border-width: 0 0 1px 1px;color: var(--momo-color);}
.coupon-card.floatBox .floatContent .tips-list {padding: 15px 0 0 15px;}
.coupon-card.floatBox .floatContent .tips-list .tips-options {line-height: 18px;}
.coupon-card.floatBox .specification-box {padding-bottom: 10px;}
.coupon-card.floatBox .specification-title {font-size: 15px;line-height: 20px;color: #000;margin-bottom: 10px;}
.coupon-card.floatBox .specification-list {padding: 0;display: flex;gap: 10px;}
.coupon-card.floatBox .specification-options {list-style: none;font-size: 15px;line-height: 20px;padding: 5px 8px;background: #F2F2F2;display: inline-block;border-radius: 4px;color: #454545;}
.coupon-card.floatBox .finalPrice .black-text {color: #000;}

/* 20240902 EC小網_全部評價 */
.product-rating-button { display: block; }
.productRating .button-area { display: inline-flex; justify-content: space-between; width: calc(100% - 83px); align-items: center; vertical-align: sub; }
.question-mark { position: absolute; top: 18px; left: 98px; }
.question-mark-icon { width: 18px; height: 18px; }
.view-all { font-size: 15px; line-height: 20px; color: #404040; display: inline-flex; align-items: center; float: right; }
.go-icon { width: 20px; height: auto; }
.productRatingTitle { color: #000000; }
.loyalty-member .floatbtnArea { display: flex; gap: 12px; background-color: #ffffff; position: fixed; bottom: 0; left: 0; right: 0; }
.loyalty-member.btn-radius-wrapper .floatbtnArea a.btn-solid-pink { color: #ffffff; background-color: #D62872; border-color: #D62872; display: inline-block; text-align: center; }
.loyalty-member .float-iframe { height: 100%; display: block; }

.px-15 { padding: 0 15px 45px !important; }

/* 20240918 折價券連結顏色修改 */
.productPage .prdDetail .coupons > a.showCoupon {color:#000}
.prdDetail .arrowBlock::after{background: url("/ecm/img/cmm/mobile/chevron-right.svg") no-repeat center;}

.product-rating-area {border: 0;}
.product-rating-area .ViewAllRating {margin: 0;}
.product-rating-area .productRating ~ .reviewCard:nth-child(3) {margin: 0;}
/* 熱門推薦 */
#goodsHotRecommend .scrollBar{width: 40px;display: block;height: 3px;background: #dfdfdf;position: relative;overflow: hidden;border-radius: 1.5px;margin: 0px auto 10px auto;}
#goodsHotRecommend .scrollBar i{width: 12px;height: 3px;background: #d62872;display: inline-block;position: absolute;left: 0;top: 0;border-radius: 1.5px;}
#goodsHotRecommend .swiper-wrapper::-webkit-scrollbar{display: none; -webkit-appearance: none; width: 0; height: 0;}

/* 你可能會喜歡*/
.bt_7_519_01_YouLike { background: #fff; margin-top: 10px; border: 0px; width: 100%; display: inline-block; padding: 0px; }
.bt_7_519_01_YouLike ul, .bt_7_519_01_YouLike ul li { margin: 0px; padding: 0px; list-style: none; }
.bt_7_519_01_YouLike ul li:nth-child(odd) { margin: 0px 5px 10px 5px; }
.bt_7_519_01_YouLike ul li a { background-color: #FFFFFF; text-align: center; padding: 0; display: block; box-sizing: border-box; }
.bt_7_519_01_YouLike ul li { float: left; width: calc(50% - 10px); margin: 0px 0px 10px 0px; position: relative; }
.bt_7_519_01_YouLike ul li a img { width: 100%; vertical-align: middle; }
.bt_7_519_01_YouLike ul li a .prdName { font: 15px / 20px Helvetica, sans-serif; color: #000000; text-align: left; padding: 0; vertical-align: top; display: inline; margin: 0; }
.bt_7_519_01_YouLike ul li a .prdEvent { height: 20px; font: 13px / 20px Helvetica, sans-serif; color: #dd2726; text-align: left; margin: 5px 0px 0px; padding: 0px 5px; overflow: hidden; }
.bt_7_519_01_YouLike .priceArea>.ec-prices-group { padding: 0 5px; }
.bt_7_519_01_YouLike ul li a .priceArea { margin: 0px; padding: 0px; text-align: left; }
.bt_7_519_01_YouLike ul li a .prdNameTitle { padding: 0 10px 0 5px; text-align: left; box-sizing: border-box; }
.bt_7_519_01_YouLike ul li a .prdEvent { height: 20px; font: 13px / 20px Helvetica, sans-serif; color: #dd2726; text-align: left; margin: 5px 0px 0px; padding: 0px 5px; overflow: hidden; }
.bt_7_519_01_YouLike ul li a .priceArea .discountArea { height: 30px; padding: 0px 3px; display: inline-block; position: relative; overflow: hidden; white-space: nowrap; vertical-align: bottom; font-size: 0; }
.bt_7_519_01_YouLike ul li a .priceArea .discountArea span { background-color: #FF4C76; font: 10px/14px Helvetica, sans-serif; color: #FFFFFF; margin: 7px 4px 7px 0; padding: 1px 4px; border-radius: 3px; text-align: center; display: inline-block; }
.bt_7_519_01_YouLike .totalSales { padding: 4px 5px; margin: 0; min-height: 18px; display: block; font-size: 12px; font-family: var(--primary-font-family); color: #454545; text-align: left; }
.bt_7_519_01_YouLike ul li a .prdNameTitle { height: 40px; margin-bottom: 0px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; }
.bt_7_519_01_YouLike ul li a .prdImgWrap.swiperArea { width: 100%; height: calc(50vw + 3px); }
.bt_7_519_01_YouLike ul li a .prdImgWrap.swiperArea.comingSoon::after { z-index: 4; bottom: 13px; }
.bt_7_519_01_YouLike ul li a .prdImgWrap.swiperArea.forsoldout::after { z-index: 4; bottom: 13px; }
.bt_7_519_01_YouLike ul li a .swiperArea .imgTag { z-index: 2; }
.bt_7_519_01_YouLike ul li a .swiperArea .imgTagRectangle { z-index: 2; }
.bt_7_519_01_YouLike ul li a .swiperArea .imgTagBottom { z-index: 2; }
.bt_7_519_01_YouLike ul li a .swiperArea .mask_18 { z-index: 3; }
.bt_7_519_01_YouLike ul li .swiper-slide img { height: auto;}
.toBottom{font: 15px/44px var(--main-font);display: block;text-align: center; padding: 10px 0 30px 0; color: #888888;}
.bt_7_519_01_YouLike .videoBtn {display: inline-block;width: 50px;height: 50px;left: 79px;top: 100px;position: absolute;z-index: 2;background: url(//image.momoshop.com.tw/ecm/img/cmm/play.svg) no-repeat center / 34px 34px;}
/* 星評*/
.star-box { height: 15px; display: flex; align-items: center; }
.ratingStars { display: inline-flex; padding: 0 5px; vertical-align: middle; line-height: 15px; }
.ratingStars .star { width: 15px; height: 15px; display: inline-block; box-sizing: border-box; background-size: cover; background-position: center; }
.ratingStars .star.starFull { background-image: url('//image.momoshop.com.tw/ecm/img/cmm/mobile/goods/review/icon_star_full_24x24.svg'); }
.ratingStars .star.startHalf { background-image: url('//image.momoshop.com.tw/ecm/img/cmm/mobile/goods/review/icon_star_half_24x24.svg'); }
.ratingStars .star.starOutline { background-image: url('//image.momoshop.com.tw/ecm/img/cmm/mobile/goods/review/icon_star_outline_24x24.svg'); }
.ratingCounts { display: inline-block; vertical-align: middle; font-size: 11px; line-height: 15px; color: #b3b3b3; }
.ratingCounts .number { display: inline-block; vertical-align: bottom; overflow: hidden; text-overflow: ellipsis; width: 60px; }
/* 20241204 急鮮配說明浮層 */
.shippingBox .shippingList .ec-badge{margin:0 4px;}
.shippingBox .shippingList a.ec-badge{pointer-events:none;cursor:default;}
.shippingBox .shippingList .ec-badge > .badge-text {font-size: 13px; line-height:18px;}

/* IT057-20240924003611 加購品新增預購TAG及預計出貨日文案 */
.plusItem .titleBlock{background:transparent url(/ecm/img/cmm/mobile/articleh2Bk_2.png) repeat-x scroll 0 0;color:#fff;font:15px/32px Helvetica,sans-serif;height:32px;margin:0px;padding:0px 10px;position:relative;z-index:1;}
.plusItem ul.plus-item-group{font-family:var(--primary-font-family);margin:0;padding:0;}
.plusItem ul.plus-item-group li.plus-item-list{display:flex;gap:15px;align-content:flex-start;border-top:1px solid #ccc;box-sizing:border-box;padding:10px 6px;min-height:110px;}
.plusItem ul.plus-item-group li.plus-item-list:first-child{border-top:0px;}
.plusItem ul.plus-item-group li.btn-more{min-height:auto;}
.plusItem li.plus-item-list .plus-item-content{box-sizing:border-box;margin:0 5px 0 0;padding:0;flex-grow:1;display:flex;flex-direction:column;}
.plusItem li.plus-item-list .plus-item-content i.icon{margin:0;}
.plusItem li.plus-item-list .plus-item-content i.icon + i.icon{margin-left:4px;}
.plusItem li.plus-item-list .plus-item-img{width:85px;height:85px;}
.plusItem li.plus-item-list .plus-item-img img{margin:0px;padding:0px;width:85px;height:85px;}
.plus-item-name,.plus-item-tool-bar{margin:0px;}
.plus-item-name{font-size:15px;line-height:20px;}
.prd-name-icon-group{display:inline-block;vertical-align:middle;margin-right:8px;}
.prd-name-icon-group .icon-store + .icon-preorder{margin-left:4px;}
.prd-name-text{font-size:15px;line-height:20px;max-height:40px;display:inline;vertical-align:middle;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px;}
.prd-pre-order-note{color:#ff9100;font-size:13px;font-family:var(--primary-font-family);}
.prd-pre-order-note,.btn-added-to-cart-spec{margin-bottom:5px;}
.btn-added-to-cart-spec{font-size:13px;line-height:24px;color:var(--primary-link-color);}
.plus-item-tool-bar{display:flex;justify-content:space-between;flex:1;margin-top:14px;}
.plus-item-tool-bar .ec-prices-group{margin:0;gap:initial;align-items:center;}
.plus-item-tool-bar .ec-prices-group .ec-current-prices,.addBuyitem > .prdBox .ec-prices-group .ec-current-prices{font-weight:normal;}
.plus-item-group .btn-more{margin:0;border:0;text-align:center;border-top:1px dotted #ccc;cursor:pointer;}
.plus-item-group .btn-more{padding:10px 5px;color:#939393;font:16px/30px Helvetica,sans-serif;}
.plus-item-group .btn-more-arrow{display:inline-block;margin-left:5px;width:12px;height:8px;background:url("/ecm/img/cmm/mobile/goods/shoppingCartAreah2arrow_grey.png") no-repeat;}
.plus-item-group .plus-item-list.selected{display:block;border-top:1px solid #ccc;border-bottom:none;border-left:none;border-right:none;padding:10px 5px;margin:0px;}
.plus-item-tool-bar .btn-add-to-cart{display:inline-block;height:26px;width:26px;border-radius:18px;border:2px solid #bbb;position:relative;margin:auto 0;}
.plus-item-tool-bar .btn-add-to-cart:before,.plus-item-tool-bar .btn-add-to-cart:after{content:'';display:inline-block;background-color:#bbb;position:absolute;transform:rotate(0deg);transition:all 300ms ease 0s;-webkit-transform:rotate(0deg);-webkit-transition:all 300ms ease 0s;}
.plus-item-tool-bar .btn-add-to-cart:before{width:18px;height:2px;top:12px;left:4px;}
.plus-item-tool-bar .btn-add-to-cart:after{height:18px;width:2px;top:4px;left:12px;}
.plus-item-tool-bar .btn-added-to-cart{display:inline-block;height:26px;width:26px;border-radius:18px;position:relative;border:2px solid #e40580;background-color:#e40580;}
.plus-item-tool-bar .btn-added-to-cart:before,.plus-item-tool-bar .btn-added-to-cart:after{content:'';display:inline-block;position:absolute;background-color:#fff;transform:rotate(-55deg);-webkit-transform:rotate(-55deg);}
.plus-item-tool-bar .btn-added-to-cart:before{height:3px;width:16px;top:13px;left:8px;}
.plus-item-tool-bar .btn-added-to-cart:after{height:9px;width:3px;top:13px;left:8px;}
.plus-item-tool-bar .btn-added-to-cart:after{height:9px;width:3px;top:13px;left:8px;}
.plusItem .plus-item-soldout{background:rgba(0%,0%,0%,0.7);width:100%;font-size:13px;line-height:23px;color:#ffffff;text-align:center;margin:0px;padding:0px;position:absolute;bottom:0;left:0px;}
/* 這是通用性的預購顯示樣式 */
.preOrderArea .innerArea{background:linear-gradient(45deg,#ffaa3b,#ff9203);border-radius:8px;padding:4px 15px;box-sizing:border-box;box-shadow:3px 3px 10px rgba(0,0,0,0.2),inset 0px 1px 0px rgba(255,255,255,0.4);display:flex;justify-content:center;align-items:center;}

/* 領取momo折價券 */
.coupon-area .titleBlock {font: bold 16px / 40px var(--main-font); background-color: #ffffff; padding: 0 12px 0 25px; box-sizing: border-box; position: relative; display: flex; justify-content: space-between; align-items: center;}
.coupon-area .titleBlock::before {content: ''; width: 3px; height: 14px; background-color: var(--momo-color); display: inline-block; position: absolute; left: 12px; top: calc(50% - 7px); border-radius: 1.5px;}
.coupon-area .more-btn {font: normal 13px / 20px var(--main-font); color: #404040; display: inline-flex; align-items: center;}