@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:15px 5px; min-width: 50%; max-width: 55%; height:75px; 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 10px 0px;font: bold 14px/24px Helvetica, sans-serif;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;}

/** 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(//image.momoshop.com.tw/ecm/img/cmm/mobile/goods/icons8-cancel.png?t=201712140001) 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 Helvetica, sans-serif; color:#FFFFFF; padding:5px 5px; margin:0px 5px; cursor:pointer}

/** 商品名稱 **/
.productPage {text-align:center; border:0;}
.productPage #sloganTitle {font:15px/20px Helvetica, sans-serif; color:#E5047E; margin:0px 15px; padding:0px; text-align:left}
.productPage h3{height:36px; font:bold 15px/18px Helvetica, sans-serif; color:#484848; text-align:left; margin:5px 15px; padding:0px; overflow:hidden}
.productPage .prdNo {font:13px/13px Helvetica, sans-serif; color:#484848; margin:0px 15px 5px; padding:0px; text-align:left}
/**20180611_切換商品按鈕**/
.productPage .prdNo span {font: 13px/30px Helvetica, sans-serif; color: #484848; display: inline-block; width:100%}
.productPage .prdNo span i {font:13px/32px Helvetica, sans-serif; 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 Helvetica, sans-serif; background:rgba(0, 0, 0, 0) url(https://m.momoshop.com.tw/img/vendordetailmenu_newliBk03.gif) repeat-x scroll 0 0; color: #666666}
.productPage .prdNo .btnbox:first-child {padding:1px 5px 1px 0px;}
.productPage .prdNo .btnbox b {background:url(ecm/img/cmm/mobile/arrow_pre.png) no-repeat center center / 100% 36px; }
.productPage .prdNo .btnbox img {vertical-align:text-bottom; margin:2px 5px}
.productPage .prdNo span b{font:13px/32px Helvetica, sans-serif; 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 #CECECE; 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 Helvetica, sans-serif}
.eventArea table th {width:100px; vertical-align:top; padding:0px}
.eventArea table th a { display:inline-block; color:#999999; font:13px/18px Helvetica, sans-serif; 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 Helvetica, sans-serif}
.eventArea table td {color:#e5047e; padding:0px}
.eventArea table td p {margin:2px 0 0 0; padding:0px; font:13px/18px Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 #DFDFDF; border-bottom:1px solid #DFDFDF; position:relative}
.productPage .prdDetail tbody tr td .iconArea {position: absolute; top: 10px; 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 th,
.productPage .prdDetail td {font:15px/36px Helvetica, sans-serif; color:#000000; text-align:left; padding:0px 5px}
.productPage .prdDetail th {background-color:#DFDFDF; text-align:right; white-space:nowrap; width: 80px;}
.productPage .prdDetail td del {font:15px/24px Helvetica, sans-serif; color:#666666}
.productPage .prdDetail .priceArea {border-bottom:1px solid #DFDFDF}
.productPage .prdDetail .priceArea b {font:bold 26px/34px Century Gothic; color:#D62872; margin:0px 5px 0px 0px}
.productPage .prdDetail .discountPriceArea .dicountPrice {border-bottom:1px solid #DFDFDF}
.productPage .prdDetail .discountPriceArea .dicountPrice b {font:bold 26px/34px Century Gothic; color:#D62872; margin:0px 5px 0px 0px;}
.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 .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 Helvetica, sans-serif; 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(/img/checkoutPageH2SpanArrow.png?t=201405080001) 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 Helvetica, sans-serif; color:#000000}
.productPage .prdDetail td .itemboxBtn {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 .itemboxBtn_fix {display:inline-block; width:100%; background:#FFFFFF; height:36px; overflow:hidden; box-sizing:border-box; text-align:left; border-radius:5px; vertical-align:bottom;color:#000000;}
.productPage .prdDetail td .itemboxBtn_fix i {display:inline-block; padding:0px 5px; position:relative; font:15px/36px Helvetica, sans-serif; text-align:left; height:36px; overflow:hidden;}
.productPage .prdDetail td .itemboxBtn i {display:inline-block; padding:0px 5px; position:relative; font:15px/36px Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif; color: #808080;}
.productPage .prdDetail #goodsCntTd span:last-child {font: 13px/18px Helvetica, sans-serif; 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 Helvetica, sans-serif;}
.productPage .prdDetail .twnTravel td p {margin:0px; padding:0px}
.productPage .prdDetail .twnTravel td p label {float:left; height:36px; font:15px/36px Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif; text-align:left; color:#e40480; clear:both}

/** 2016.05.24 折價券**/
.usableCoupon { display:none; position:fixed; top:0; left:0; background-color:#FFF; width:100%; height:100%; z-index:1003}
.usableCoupon .floatTitle { background-color:#e7e7e7; border:0; color:#000000; font:15px/40px Helvetica, sans-serif; height: 40px; position: relative; margin:0; text-align: center; width: 100%; z-index: 9;display: block;}
.usableCoupon .floatTitle .closeBtn { background-color: #ffffff; border-radius: 4px; color: #000000; cursor: pointer; font: 13px/20px Helvetica, sans-serif; padding: 0 5px; position: absolute; right: 6px; top: 6px;}
.usableCoupon .btnArea {width:100%; height:50px; text-align: center; margin:0px; padding:0px; background:#ffffff;  position:fixed; bottom:0px;}
.usableCoupon .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;}
.usableCoupon .promotePrice { position:relative; margin:0; padding:15px 20px 0 30px; font:15px/30px Helvetica, sans-serif;}
.usableCoupon .promotePrice::before { position:absolute; left:20px; top:15px; display:inline-block; width:3px; height:36px; background-color:#e40580; content:""}
.usableCoupon .promotePrice b { margin:0 5px; font:30px/30px Century Gothic; color:#D62872}
.usableCoupon .couponListRow { position:relative; margin:0; padding:15px 20px 0 30px; font:15px/30px Helvetica, sans-serif;}
.usableCoupon .couponListRow b {margin:0 5px; color:#D62872}
.usableCoupon .couponListTable { padding:0px 20px}
.usableCoupon .couponListTable table { width:100%; border:1px solid #bfbfbf; border-width:1px 0 0 1px; border-spacing:0}
.usableCoupon .couponListTable th,
.usableCoupon .couponListTable td { border:1px solid #bfbfbf; border-width:0 1px 1px 0}
.usableCoupon .couponListTable th { padding:5px 25px; background-color:#e5e5e5; height:28px; font:bold 13px/22px Helvetica, sans-serif; white-space:nowrap}
.usableCoupon .couponListTable td { padding:5px 10px; font:15px/24px Helvetica, sans-serif; text-align:center}
.usableCoupon .couponListTable td.finalPrice { color:#D62872}
.usableCoupon .couponListTable td.finalPrice b { font:18px/30px Century Gothic}
.usableCoupon .couponInfo ul { margin:0; padding:0 20px}
.usableCoupon .couponInfo ul li { list-style:none; font:13px/22px Helvetica, sans-serif; color:#666}
.usableCoupon .noCoupon { padding:80px 0 140px; font:bold 18px/30px Helvetica, sans-serif; color:#666; text-align:center; vertical-align:middle}
.usableCoupon .pageArea { position:relative; max-width:310px; height:42px; margin:15px auto; text-align:center; overflow:hidden}

/**銀行區塊**/
.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(//image.momoshop.com.tw/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("/img/articleh2Bk_2.png") repeat-x; color: #ffffff; font: 15px/32px Helvetica, sans-serif; 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;}
.productPage .setItemArea ul li {display: inline-block;list-style:none;width: 100%;text-align: left;}
.productPage .setItemArea ul li img { float: left; padding:10px; width:85px;border-radius: 14px;}
.productPage .setItemArea ul li .prdName {display:block;font: 15px/20px Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif;display: inline-block;}
.productPage .setItemArea ul .iconplus {border: 0 none;box-sizing:border-box;color: #bdb2b5;font: bold 30px/20px Helvetica, sans-serif;height:20px;width:105px;display: block;text-align: center;}
.productPage .noImg ul .iconplus { width:100%}

/** 刷卡優惠、熱門活動_連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 Helvetica, sans-serif; display:inline-block}
.outlinkArea td article a span {background:transparent url(/img/trackImg_on.png?t=201708080001) 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(//image.momoshop.com.tw/ecm/img/cmm/mobile/goods/creditCardDiscount.png?t=201611220001) no-repeat 0px 9px; background-size:20px auto; padding:0px 0px 0px 24px; color:#3296e4}
.outlinkArea th article a span {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/mobile/goods/popularEvents.png?t=201611220001) no-repeat 0px 6px; background-size:20px auto; padding:0px 0px 0px 24px; color:#e5047e}

/** momo活動贈(登記抽、登記送) **/
.exception .titleBlock {height: 32px; background: transparent url("https://m.momoshop.com.tw/img/articleh2Bk_2.png?t=201405080001") repeat-x scroll 0 0;color: #ffffff; font: 15px/32px Helvetica, sans-serif; margin: 0; padding: 0 10px; position: relative; z-index: 1;}
.exception p {color: #000000; font: 15px/22px Helvetica, sans-serif; margin: 0; padding: 10px}
.exception p a {color: #3366ff; display: block; font: 15px/22px Helvetica, sans-serif; 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("/img/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 Helvetica, sans-serif; padding: 0 5px; text-align: center;}

/** 買就送 **/
.nspremiums .titleBlock {background:transparent url(/img/articleh2Bk_2.png?t=201405080001) repeat-x; height:32px; font:15px/32px Helvetica, sans-serif; color:#FFFFFF; margin:0px; padding:0px 10px; position:relative; z-index:1}
.nspremiums .premiumsPrd {font:15px/22px Helvetica, sans-serif; color:#000000; margin:0px 0px 5px; padding:0px}
.nspremiums table td {font:15px/22px Helvetica, sans-serif; color:#000000; padding:10px}
.nspremiums select,
.nspremiums option,
.nspremiums b {font:bold 15px/22px Helvetica, sans-serif; color:#FF6600; display:inline-block}
.nspremiums p {font:15px/18px Helvetica, sans-serif; color:#999999; margin:5px 0px; padding:0px}
.nspremiums a {font:15px/22px Helvetica, sans-serif; color:#000000; display:block; position:relative}

/** 贈品區塊 **/
.selectgifts {padding: 0 0 10px}
.selectgifts a {cursor:pointer; color:#3366ff}
.selectgifts .titleBlock {height: 32px; background: transparent url("/img/articleh2Bk_2.png") repeat-x scroll 0 0; color: #ffffff; font: 15px/32px Helvetica, sans-serif; margin: 0; padding: 0 10px; position: relative; z-index: 1;}
.selectgifts p {margin:10px 0 0 0; padding:0 10px; font: 15px/22px Helvetica, sans-serif;}
.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("/img/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 Helvetica, sans-serif; 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("/img/articleh2Bk_2.png?t=201405080001") repeat-x scroll 0 0; color: #ffffff; font: 15px/32px Helvetica, sans-serif; margin: 0; padding: 0 10px; position: relative; z-index: 1;}
.showGiftBox p {height: 40px; font: 15px/20px Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif; color:#484848;}
.showGiftBox .content ul li table tr td .giftNumber {display:block; font:15px/20px Helvetica, sans-serif}

/** 優惠活動說明_浮層 **/
.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 Helvetica, sans-serif; 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 Helvetica, sans-serif; color:#000000}
.precautions a {background-color:#404040; font:bold 15px/30px Helvetica, sans-serif; color:#FFFFFF; text-align:center; display:block; cursor:pointer}

/** 20160907_優惠加購**/
.plusItem .titleBlock {background:transparent url("/img/articleh2Bk_2.png?t=20160910001") repeat-x scroll 0 0; color:#ffffff; font:15px/32px Helvetica, sans-serif; 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 Helvetica, sans-serif; display:block; margin:5px 0px}
.plusItem ul li p .addprdBtn {display:block; font:13px/24px Helvetica, sans-serif; color:#3366ff; cursor:pointer}
.plusItem ul li p .prdtitle {font:20px/30px Helvetica, sans-serif; color:#d62672; height:auto}
.plusItem ul li p .prdtitle i {font:15px/30px Helvetica, sans-serif; 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 Helvetica, sans-serif}
.plusItem ul .more a i { display:inline-block; margin-left:5px; width:12px; height:8px; background:url("/img/shoppingCartAreah2arrow_grey.png?=201603160001") 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 Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif;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 Helvetica, sans-serif; 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 Helvetica, sans-serif; height:40px; overflow:hidden; text-align:left}
.addBuyitem .prdBox .priceItem {display:block; width:100%; margin:0px 0px 0px 0px; padding:0px; font:15px/30px Helvetica, sans-serif; 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 Helvetica, sans-serif}
.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 Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif;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 Helvetica, sans-serif; display:inline-block; color:#000000;margin: 5px 0px;}
.addBuyitem .prdScroll .buyQuantity .texttip {display:inline-block; margin:0px; padding:0px; font:13px/13px Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif;}
.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 Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif;}
.plusItem ul li a.forsoldout::after {background:rgba(0%,0%,0%,0.7);width:100%;max-width:200px;font: 13px/23px Helvetica, sans-serif;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(/img/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(/img/vendordetailmenu_newlileftBk.gif) no-repeat; padding:0px 0px 0px 3px; height:35px; top:0px; border:0px}
.preferentialArea .vendordetailmenu span {font:15px/30px Helvetica, sans-serif; color:#939393; padding:0px 5px; display:block; cursor:pointer}
.preferentialArea .vendordetailmenu .selected b {background:transparent url(/img/vendordetailmenu_newlirightBk.gif) no-repeat scroll right; padding-right:4px; height:35px; display:block}
.preferentialArea .vendordetailmenu .selected span {height:32px; font:bold 15px/32px Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 .Area301 {font-weight:bold; font-size:15px; color:#D62872}
.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 Helvetica, sans-serif; color:#000000; border-right:1px solid #999999}
.preferentialArea .vendordetailview .attributesArea table th {background-color:#e5e5e5; width:80px; font:15px/22px Helvetica, sans-serif; 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 Helvetica, sans-serif; color:#000000; }
.preferentialArea .msgArea ul {margin:0px 0px 15px 0px; padding:0px; display:block}
.preferentialArea .msgArea li {font:15px/23px Helvetica, sans-serif; color:#585858; list-style:disc outside none; margin-left:20px}
.preferentialArea .msgArea li a {display:inline-block; font:15px/25px Helvetica, sans-serif; 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 Helvetica, sans-serif; color:#FF0000}
/** 商品詳情_組合品退換貨說明 **/
.preferentialArea .vendordetailview .setItemTips { margin-top:10px; padding:5px; box-sizing: border-box;  background-color:#ffffcb; font: 13px/22px Helvetica, sans-serif; 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 Helvetica, sans-serif; color:#585858; overflow:inherit}
/** 商品詳情_相關分類 **/
.preferentialArea .vendordetailview .Areacr dl{margin: 5px 0px 10px;padding: 0px;}
.preferentialArea .vendordetailview .Areacr dt {display: inline;background: transparent url(/img/listimg.gif) no-repeat 0px 4px;padding: 0px 0px 0px 13px;margin: 0px;font: 15px/20px Helvetica, sans-serif;}
.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 Helvetica, sans-serif;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 Helvetica, sans-serif;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(/img/articleh2Bk_2.png?t=201405080001) repeat-x; height:32px; font:15px/32px Helvetica, sans-serif; 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 Helvetica, sans-serif; color:#3366FF; display:block; position:relative}
.relatedPrdArea .priceSymbol {background:#FFFFFF url(/img/navddspanBk.png?t=201405080001) 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 Helvetica, sans-serif; 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 Helvetica, sans-serif; height:40px; overflow:hidden; text-align:left}
.specificationBox .prdBox .priceItem {display:block; width:100%; margin:0px 0px 0px 0px; padding:0px; font:15px/30px Helvetica, sans-serif; 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 Helvetica, sans-serif}
.specificationBox .prdBox .textitem {display:inline-block; width:100%; background:#f2f2f2; margin:0px; padding:0px; text-align:left; font:15px/30px Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif;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 Helvetica, sans-serif; display:inline-block; color:#000000;}
.specificationBox .buyQuantity .texttip {display:inline-block; font:13px/43px Helvetica, sans-serif; color:#888888; width: 45%;text-align: -webkit-center;}
.specificationBox .buyQuantity .texttip b {display:inline-block; margin:0px; padding:0px 5px; font:13px/30px Helvetica, sans-serif; color:#d62872}
.specificationBox .buyQuantity .texttip2 {display:inline-block; margin:0px; padding:0px; font:13px/13px Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif;}
.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 Helvetica, sans-serif; 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 Helvetica, sans-serif;  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 Helvetica, sans-serif;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 Helvetica, sans-serif; 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 Helvetica, sans-serif;  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 Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif; color:#FFF; border:none; border-top:1px solid #e40580}
.specificationBox .btnArea .buy_alert {display:inline-block; width:50%; margin:0px; font:15px/40px Helvetica, sans-serif; color:#FFF; background:#FF9203;}
.specificationBox .btnArea .outofstock {display:inline-block; width:50%; margin:0px; font:15px/39px Helvetica, sans-serif; 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 Helvetica, sans-serif; color:#FFF; background:#FF9203;}
.specificationBox .btnArea .outofstock_tip {cursor:default;display:inline-block; width:50%; margin:0px; background:#D7D7D7; font:bold 17px/48px Helvetica, sans-serif; color:#888888; border-top:0px solid #D7D7D7}
.specificationBox .btnArea .enter {float:left; display:inline-block;margin:0px;background:#D62872;color:#ffffff;border-radius: 0px;font: bold 17px/48px Helvetica, sans-serif;width:50%;}
.specificationBox .btnArea .cancel {display:inline-block; float:left; width:50%; margin:0px; background:#ffffff; font:bold 17px/46px Helvetica, sans-serif; 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:#3a71a9;color:#ffffff;border-radius: 0px;font: bold 17px/48px Helvetica, sans-serif;width:50%;}
.specificationBox .btnArea .checkout_inbox {border: none;float:left; display:inline-block;margin:0px;background:#e40580;color:#ffffff;border-radius: 0px;font: bold 17px/48px Helvetica, sans-serif;width:50%;}
.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:13px/30px Helvetica, sans-serif; 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 Helvetica, sans-serif; background:#F2F2F2; border-radius:4px; cursor:pointer; color:#000000;}
.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 Helvetica, sans-serif; display:inline-block; color:#000000;margin: 0; padding: 10px 0 0 0;}
.specificationBox .setprd span {height:30px; font:11px/30px Helvetica, sans-serif; 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; 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 Helvetica, sans-serif; margin:0px 0px 5px 0px; padding:0px 10px 0px 0px; text-align: left; overflow:hidden; }
.specificationBox .setprd ul li .prdName {position:absolute; top:10px; left:105px; }
.specificationBox .setprd ul li .prdMode {padding:0px 0px; margin:0px 0px; width:calc(100% - 110px); height:auto; font:15px/35px Helvetica, sans-serif; position:absolute; top:60px; left:105px; }
.specificationBox .setprd ul li .prdMode select {color: #000; float:left; display: block; font:15px/35px Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif; height:20px; width:105px;}
/** 出貨日期 **/
#ShowGoodsDt {text-align: center;font: 13px/30px Helvetica,sans-serif;background-color: #fff3f4;width:100%;color: #000000;}
/* 規格浮層_未選擇規格 && 點加入購物車_提示文案*/
.tooltips_specsNotFinished {background: none repeat scroll 0 0 #2e2e2e; color: #ffffff; display: none; font: 15px/24px Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif;}
.preferentialArea .vendordetailview .shopGroup ul li p:first-child {font:15px/20px Helvetica, sans-serif; margin:0px;}
.preferentialArea .vendordetailview .shopGroup ul li p b {display:inline-block; font:bold 15px/20px Helvetica, sans-serif; padding-left:5px}
.preferentialArea .vendordetailview .shopGroup ul li p a {display:inline-block; margin:0px; padding:0px; font:15px/22px Helvetica, sans-serif; color:#484848; text-decoration:none; cursor:pointer}
.preferentialArea .vendordetailview .shopGroup ul li .phone {padding-left:25px; background:transparent url(/img/telphone_icon.png) no-repeat left 0px; }
.preferentialArea .vendordetailview .shopGroup ul li .map {background:transparent url(/img/map_icon.png) no-repeat left 0px; padding-left:25px;}
.preferentialArea .vendordetailview .shopGroup ul li .time {background:transparent url(/img/time_icon.png) no-repeat left 0px; padding-left:25px;}
/** 20151207_電子票券履約說明 **/
.performanceArea .titleBlock{background:transparent url(/img/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 Helvetica, sans-serif; overflow:inherit;}
.performanceArea .elecTicketArea .textlist li p {margin:0px; padding:0px 0px 0px 27px; display:block; font:15px/25px Helvetica, sans-serif; position:relative;}
.performanceArea .elecTicketArea .textlist li p b {width:22px; height:22px; background-color:#000000; font:16px/22px Helvetica, sans-serif; color:#FFFFFF; text-align:center; position:absolute; top:3px; left:0px}
.performanceArea .elecTicketArea .textlist li p span {font:bold 15px/22px Helvetica, sans-serif; color:#000000}
.performanceArea .elecTicketArea .textlist li .answer b {font:15px/22px Helvetica, sans-serif; background-color:#999999}
.performanceArea .elecTicketArea .textlist li .answer span {font:15px/25px Helvetica, sans-serif; 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 Helvetica, sans-serif; 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("/img/shoppingCartAreah2arrow_grey.png?=201603160001") 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("/img/trialBtn.png?t=201711220001") no-repeat; background-size:70px auto; z-index:1}

/** 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 Helvetica, sans-serif; color:#999}
.preferentialArea .vendordetailview .usedCarTable .typeAA td p.textBlack { margin:0; font:22px/35px Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif;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 Helvetica, sans-serif; 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 Helvetica, sans-serif; overflow:inherit;}
.preferentialArea .vendordetailview .carQA .textlist li p {margin:0px 0px 5px 0px; padding:0px 0px 0px 27px; display:block; font:15px/22px Helvetica, sans-serif; position:relative;}
.preferentialArea .vendordetailview .carQA .textlist li p span { font:bold 15px/22px Helvetica, sans-serif; color:#96C900}
.preferentialArea .vendordetailview .carQA .textlist li p b { width:22px; height:22px; background-color:#96C900; font:16px/22px Helvetica, sans-serif; color:#FFFFFF; text-align:center; position:absolute; top:0px; left:0px}
.preferentialArea .vendordetailview .carQA .textlist li .answer b {font:15px/22px Helvetica, sans-serif; background-color:#999999}
.preferentialArea .vendordetailview .carQA .textlist li .answer span {font:15px/22px Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif; color:#0066ff; box-sizing:border-box; cursor:pointer}

/** footer **/
footer .basicInformation { padding-bottom:90px;}
.footerArea {width:100%; height:50px; background:#F5F5F5; border-top:1px solid #CCCCCC; position:fixed; bottom:0px; left:0px; z-index:4;  }
.footerArea .pdPage {background:#f5f5f5; border:1px solid #d5d5d5; border-width:1px 0px 0px 0px }
.footerArea ul li a {font:12px/80px Helvetica, sans-serif; color:#666666;}
.footerArea ul .cart a {background-image: url("/img/footer_icon04_on.png");}
.footerArea ul .addCartBtn,
.footerArea ul .buyNowBtn { width:30%; padding: 5px 5px 5px 0; box-sizing: border-box;}
.footerArea ul .marketbtn { width:60%; padding: 5px; box-sizing: border-box;}
.footerArea ul .trackbtn a {background-image: url("/img/footer_icon03_on.png?t=201708080001"); background-repeat: no-repeat; background-position: center 2px; background-size:auto 30px;}
.footerArea ul .trackbtn a.selected {background-image: url("/img/footer_icon03.png?t=201708080001");}
.footerArea ul .trackbtn a b {display: inline-block; background-size:16px auto; height: 15px; position: absolute; right:4px; text-align: center; top:3px; width: 15px; z-index: 2;}
.footerArea ul .trackbtn a.selected b { display:none}
.footerArea ul .addCartBtn a,
.footerArea ul .buyNowBtn a,
.footerArea ul .marketbtn a,
.footerArea ul .outofstockrestockBtn a { display:block; width:100%; height:40px; margin:0; background:#3a71a9; font: 15px/40px Helvetica, sans-serif; color:#FFF;}
.footerArea ul .buyNowBtn a { background:#e40580;}
.footerArea ul .outofstockrestockBtn { width:60%; padding: 5px; box-sizing: border-box;}
.footerArea ul .outofstockrestockBtn a {background: #d7d7d7;color: #888888;}
.footerArea ul .outofstockrestockBtn a#buy_no {background: #FF9203;color: #FFFFFF;}
.footerArea .preOrderDiv {text-align:center;color:#000;font: 13px/30px Helvetica,sans-serif;background: #fff3f4;position: relative;}
.footerArea .preOrderDiv::before {content: '';background: #fff3f4;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 Helvetica, sans-serif; display: inline-block; color: #000000;}
.specificationBox .installation a{font: 13px/30px Helvetica, sans-serif; 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 Helvetica, sans-serif; list-style:none; border-radius: 4px; padding: 1px 10px; color: #000000; background: #F2F2F2;}
.specificationBox .setprd .installCost{height:20px; font:13px/20px Helvetica, sans-serif; color:#888888; position:absolute; top:55px; display:inline-block;}
.specificationBox .installation .installBox .selected{color: #ffffff; background: #d62872;}
.specificationBox .setprd .installCost{height:20px; font:13px/20px Helvetica, sans-serif; color:#888888; position:absolute; top:35px; display:inline-block;}
.productPage .setItemArea ul li .installCost{height: 20px;font: 13px/20px Helvetica, sans-serif;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 Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif;  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 Helvetica, sans-serif; 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 Helvetica, sans-serif;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(/img/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 Helvetica, sans-serif; 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 Helvetica, sans-serif; overflow:hidden;}
.specificationBox .prdScroll .deliveryArea .twmCheckSerTxtBox ul li{width:100%; font:13px/20px Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif;}
.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 Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif; 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 Helvetica, sans-serif;}
.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 Helvetica, sans-serif; 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;}
.specificationBox .cycleArea dl dd.agreeArea div{display: inline-block; width: calc(100% - 70px); overflow: hidden;}
.specificationBox .cycleArea dl dd.agreeArea label{font: 15px/48px Helvetica, sans-serif; position: relative; padding: 0 0 0 26px; cursor: pointer;}
.specificationBox .cycleArea dl dd.agreeArea label span{width:16px; height:16px; border:1px solid #959595; border-radius:50%; background:#fff; margin:0 5px 0 0; padding: 0; display: inline-block; vertical-align: top; position: absolute; top: calc(50% - 9px); left: 0;}
.specificationBox .cycleArea dl dd.agreeArea input[type="checkbox"]:checked + label span::before {content: ""; width: 18px; height: 18px; border-right:0; border-bottom:0; position: absolute; top: -1px; left: -1px; background:url(https://m.momoshop.com.tw/img/selected.png) no-repeat center/100%;}
.specificationBox .cycleArea dl dd.agreeArea input{border: 0; border-radius: 0; border-bottom: 1px solid #e1e1e1; font: 15px/18px Helvetica, sans-serif; padding: 15px 5px; box-sizing: border-box; width: 100%; display: none;}
.cycleDiscount{color:#DD2726; display:block; width:100%; margin:0px; padding:0px; font:13px/20px Helvetica, sans-serif; overflow:hidden; text-align:left;}

/*週期購服務條款浮層*/
.contractContent{font: 15px/48px Helvetica, sans-serif; color: #238cff; vertical-align: top; width: 70px; 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 Helvetica, sans-serif; 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("https://image.momoshop.com.tw/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 Helvetica, sans-serif; margin:0; padding:0;display: block;}
.cycleNote ul{ text-decoration:none; margin:0; padding:0;}
.cycleNote ul li{ font:15px/20px Helvetica, sans-serif; }
.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;}

/*20190917_momo卡(Art)*/
.momocardText { margin: 0; padding: 0 ; color: #000000}
.momocardPercent { color: #D62872;}
.plccapply {cursor : pointer}

/*20191007_商品推薦*/
.productRecommend .recommendBlock{background: #eee;overflow-y: hidden;overflow-x: auto;line-height: 0;width: 100%;margin: 0;}
.productRecommend b{font: bold 15px/20px Helvetica,sans-serif;margin: 10px 0px 0px 0px;padding: 0 10px;display: block;}
.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: 5px;margin: 0 10px 0 0;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: 2px;width: 100%;}
.productRecommend .recommendBlock ul li a p{margin: 0}
.productRecommend .recommendBlock ul li a p.prdName{text-align:left;margin: 5px 0;white-space: initial;height: 40px;display: block;overflow: hidden;}
.productRecommend .recommendBlock 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: #000000;}
.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 Helvetica, sans-serif;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(https://image.momoshop.com.tw/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 Helvetica, sans-serif; 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(https://m.momoshop.com.tw/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 Helvetica, sans-serif;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 Helvetica, sans-serif;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 Helvetica, sans-serif;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 Helvetica, sans-serif; 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(100% - 25px);height: 36px;font: 13px/36px Helvetica, sans-serif;color: #888;}
.productPage .prdDetail td .shippingArea .shippingTip {display: inline-block;margin: 0px 5px 0px 0px;padding: 0px;vertical-align: top;font: 15px/36px Helvetica, sans-serif;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:6;border-radius: 12px 12px 0px 0px;}
.shippingBox .shippingTxt {display: inline-block; width: 100%; text-align: center; margin: 0px;  padding: 0px;  font: bold 15px/50px Helvetica, sans-serif;}
.shippingBox .shippingList {padding: 0px 10px 15px 10px;box-sizing: border-box;margin: 0px;vertical-align: top;overflow-y: auto;font: 13px/20px Helvetica, sans-serif;}
.shippingBox .shippingList dt .shippingType {font: bold 15px/20px Helvetica, sans-serif;display: inline-block;margin: 0px 5px 0px 0px;color: #000;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 Helvetica, sans-serif;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 Helvetica, sans-serif;width: 15px;}
.shippingBox .shippingList dd p {display: inline-block;margin: 0px;padding: 0px;width: calc(100% - 15px);vertical-align: top;}
.shippingBox .btnArea {width: 100%;}
.shippingBox .btnArea button {display: inline-block;width: 100%;margin: 0px;padding: 0px;font: bold 17px/50px Helvetica, sans-serif;text-align: center;border:0px;background: #d62872;color: #fff;}

/** 20200902 開賣通知**/
.footerArea ul .saleNoticeBtn {width:60%; padding: 5px; box-sizing: border-box;}
.footerArea ul .saleNoticeBtn a {color:#fff;background: #FF9203;display: block; width:100%; height: 40px;margin: 0;font: 15px/40px Helvetica, sans-serif; box-sizing: border-box;}
.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 Helvetica, sans-serif;display: inline-block;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: 2;}

/**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 Helvetica, sans-serif;}
.specificationBox .recycleTxt p {font: 13px/20px Helvetica, sans-serif}
.specificationBox .recycleTxt .contentTxt {display:block;color:#333;padding: 5px 0px 10px 0px;margin: 0px;}
.specificationBox .recycleTxt .alertTxt {display:block;color:#dd2726;padding: 0px;margin: 0px;}
