@charset "UTF-8";
/** 20171227_規格拆分 **/
/**
.prdTypeArea {height:600px}
.prdTypeArea .closebtn {background:#E7E7E7; height:40px; display:block; width:100%; padding:0px; margin:0px}
.prdTypeArea .closebtn a {width:100%; height:40px; position:relative; cursor:pointer; margin:0px; padding:0px; display:inline-block; font:16px/45px helvetica; text-align:center; color:#000000}
.prdTypeArea .closebtn a::before,
.prdTypeArea .closebtn a::after {background-color:#818181; width:15px; height:2px; content: ''; margin:-1px 0px 0px -12px; position:absolute; top:50%; right:10px; transform: rotate(45deg)}
.prdTypeArea .closebtn a::after {transform: rotate(-45deg)}
.prdTypeArea .detailArea {margin:0px auto; text-align:center}
.prdTypeArea .detailArea .prdScroll {max-height:280px;overflow-y:scroll; overflow-x:hidden; text-align:left; padding:0px 10px; box-sizing:border-box}
.prdTypeArea .detailArea .money {padding:0px 0px 15px 0px; border-bottom:1px solid #eeeeee; text-align:left}
.prdTypeArea .detailArea .colorStyle {display:block; margin:0px; padding:10px 0px 15px 0px; border-bottom:1px solid #eeeeee}
.prdTypeArea .detailArea .colorStyle b {height:30px; font:13px/30px Helvetica; display:inline-block}
.prdTypeArea .detailArea .colorStyle .colorSelect {margin:0px 0px 0px 15px; padding:0px;}
.prdTypeArea .detailArea .colorStyle .colorSelect li {display:inline-block; padding:0px 12px; margin:0px 10px 10px 0px; border:1px solid #aaaaaa; box-sizing:border-box; cursor:pointer; min-width:40px; text-align:center; height:30px}
.prdTypeArea .detailArea .colorStyle .colorSelect li i {font:13px/30px Helvetica; color:#000000; vertical-align:middle;}
.prdTypeArea .detailArea .colorStyle .colorSelect .selected {position:relative; border:none}
.prdTypeArea .detailArea .colorStyle .colorSelect .selected::before {display:inline-block; height:100%; width:100%; position:absolute; bottom:0px; right:0px; content:''; border:1px solid #e40480; outline:1px solid #e40480; box-sizing:border-box;}
.prdTypeArea .detailArea .colorStyle .colorSelect .selected::after {display:inline-block; height:12px; width:12px; position:absolute; bottom:1px; right:0px; content:''; background:url(img/prdSelect.png)no-repeat scroll 0 0; }
.prdTypeArea .detailArea .colorStyle .colorSelect .outOfStock {border:1px solid #e1e1e1; color:#cccccc}
.prdTypeArea .detailArea .colorStyle .colorSelect .outOfStock  i {color:#cccccc}
.prdTypeArea .detailArea .sizeStyle {display:block; margin:0px; padding:10px 0px 15px 0px; border-bottom:1px solid #eeeeee}
.prdTypeArea .detailArea .sizeStyle b {height:30px; font:13px/30px Helvetica; display:inline-block}
.prdTypeArea .detailArea .sizeStyle .sizeSelect {margin:0px 0px 0px 15px; padding:0px;}
.prdTypeArea .detailArea .sizeStyle .sizeSelect li {display:inline-block; padding:0px 10px; margin:0px 10px 10px 0px; border:1px solid #aaaaaa; box-sizing:border-box; cursor:pointer; min-width:40px; text-align:center; height:30px }
.prdTypeArea .detailArea .sizeStyle .sizeSelect li i {font:13px/30px Helvetica; color:#000000; vertical-align:middle;}
.prdTypeArea .detailArea .sizeStyle .sizeSelect .selected {position:relative}
.prdTypeArea .detailArea .sizeStyle .sizeSelect .selected::before {display:inline-block; height:100%; width:100%; position:absolute; bottom:0px; right:0px; content:''; border:1px solid #e40480; outline:1px solid #e40480; box-sizing:border-box;}
.prdTypeArea .detailArea .sizeStyle .sizeSelect .selected::after {display:inline-block; height:12px; width:12px; position:absolute; bottom:1px; right:0px; content:''; background:url(img/prdSelect.png)no-repeat scroll 0 0; }
.prdTypeArea .detailArea .sizeStyle .sizeSelect .outOfStock {border:1px solid #e1e1e1; color:#cccccc}
.prdTypeArea .detailArea .sizeStyle .sizeSelect .outOfStock  i {color:#cccccc}
.prdTypeArea .detailArea .buyQuantity {height:auto; line-height:normal;margin:0px; padding:10px 0px 10px 0px; border-bottom:1px solid #eeeeee}
.prdTypeArea .detailArea .buyQuantity .numberStyle {float:right}
.prdTypeArea .detailArea .buyQuantity .numberStyle tr {margin:0px; padding:0px; }
.prdTypeArea .detailArea .buyQuantity .numberStyle tr td a {vertical-align:top; background-color:transparent; display:inline-block; height:30px; width:30px; margin:0px 0px 0px 0px; padding:0px; text-align:center; font:15px/24px Helvetica; color:#ffffff; cursor: pointer; position:relative; box-sizing:border-box; border:2px solid #939393; border-radius:3px} 
.prdTypeArea .detailArea .buyQuantity .numberStyle tr td .minusBtn::before {content:''; display:inline-block; width:13px; height:3px; background-color:#939393; position:absolute; bottom:11px; right:6px}
.prdTypeArea .detailArea .buyQuantity .numberStyle tr td .plusBtn::before {content:''; display:inline-block;  width:13px; height:3px; background-color:#939393; position:absolute; bottom:11px; right:6px}
.prdTypeArea .detailArea .buyQuantity .numberStyle tr td .plusBtn::after{content: ''; display:inline-block; width:3px; height:13px; background-color:#939393; position:absolute; bottom:6px; right:11px}
.prdTypeArea .detailArea .buyQuantity .numberStyle tr td .numberArea {position:initial; top:0px; left:0px; width:80px; vertical-align:top; margin:0px 0px 0px 0px; text-align:center; height:30px; border:0px; font:17px/30px Helvetica;}
.prdTypeArea .detailArea .buyQuantity .numberStyle tr td .selected {border:2px solid #cccccc;}
.prdTypeArea .detailArea .buyQuantity .numberStyle tr td .selected::before {background-color:#cccccc;}
.prdTypeArea .detailArea .buyQuantity .numberStyle tr td .selected::after {background-color:#cccccc;}
.prdTypeArea .detailArea .deliveryArea {display:block; width:100%; padding:0px; margin:0px; margin:0px; padding:10px 0px 15px 0px; border-bottom:1px solid #eeeeee}
.prdTypeArea .detailArea .deliveryArea b {height:30px; font:13px/30px Helvetica; display:inline-block; color:#666666} 
.prdTypeArea .detailArea .deliveryArea .deliveryList {margin:0px; padding:0px; }
.prdTypeArea .detailArea .deliveryArea .deliveryList li {display:inline-block; margin:0px; padding:5px 10px; list-style:none; font:14px/20px helvetica; background:#eee; border-radius:0px; cursor:pointer}
.prdTypeArea .detailArea .deliveryArea .deliveryList .selected {background:#e40480; color:#ffffff}
.prdTypeArea .detailArea .travelCardArea {display:block; width:100%; padding:0px 0px 10px 0px; margin:0px}
.prdTypeArea .detailArea .travelCardArea b {height:30px; font:13px/30px Helvetica; display:inline-block; color:#666666} 
.prdTypeArea .detailArea .travelCardArea .travelcardList {margin:0px; padding:0px;}
.prdTypeArea .detailArea .travelCardArea .travelcardList li {display:inline-block; margin:0px; padding:5px 10px; list-style:none; font:14px/20px helvetica; background:#eee; border-radius:0px; cursor:pointer}
.prdTypeArea .detailArea .travelCardArea .travelcardList .selected {background:#e40480; color:#ffffff}
.prdTypeArea .detailArea .travelCardArea i {display:block; width:100%; font:13px/15px helvetica; color:#e40480;  margin:10px 0px 0px 0px}
**/

.prdTypeArea .detailArea .prdScroll {max-height:280px;overflow-y:scroll; overflow-x:hidden; text-align:left; padding:0px 10px; box-sizing:border-box}
.prdTypeArea .detailArea .colorStyle {display:block; margin:0px; padding:10px 0px 15px 0px; border-bottom:1px solid #eeeeee}
.prdTypeArea .detailArea .colorStyle b {height:30px; font:13px/30px Helvetica; display:inline-block}
.prdTypeArea .detailArea .colorStyle .colorSelect {margin:0px 0px 0px 15px; padding:0px;}
.prdTypeArea .detailArea .colorStyle .colorSelect li {display:inline-block; padding:0px 12px; margin:0px 10px 10px 0px; border:1px solid #aaaaaa; box-sizing:border-box; cursor:pointer; min-width:40px; text-align:center; height:30px}
.prdTypeArea .detailArea .colorStyle .colorSelect li i {font:13px/30px Helvetica; color:#000000; vertical-align:middle;}
.prdTypeArea .detailArea .colorStyle .colorSelect .selected {position:relative; border:none}
.prdTypeArea .detailArea .colorStyle .colorSelect .selected::before {display:inline-block; height:100%; width:100%; position:absolute; bottom:0px; right:0px; content:''; border:1px solid #e40480; outline:1px solid #e40480; box-sizing:border-box;}
.prdTypeArea .detailArea .colorStyle .colorSelect .selected::after {display:inline-block; height:12px; width:12px; position:absolute; bottom:1px; right:0px; content:''; background:url(../goods/images/prdSelect.png)no-repeat scroll 0 0; }
.prdTypeArea .detailArea .colorStyle .colorSelect .outOfStock {border:1px solid #e1e1e1;background: #Ffffff; color:#cccccc}
.prdTypeArea .detailArea .colorStyle .colorSelect .outOfStock  i {color:#cccccc}

.searchListArea .searchPrdListArea .listArea ul li .btnArea .addToCart {background:transparent url(//image.momoshop.com.tw/ecm/img/cmm/search/shopBtn.png) no-repeat center center}
.searchListArea .searchPrdListArea #columnType ul li .btnArea .addToCart {background:#1C6FBC url(//image.momoshop.com.tw/ecm/img/cmm/add_to_cart_btn.png) no-repeat; margin:0px 0px 0px 20px}
.searchListArea .searchPrdListArea #columnType ul .soldout .btnArea .addToCart {display:none}

.prdTypeArea .detailArea .convenience dd.dely_work {width:110px; height:30px; display:inline-block}
.prdTypeArea .detailArea .convenience dd label {display:inline-block; margin:0px; list-style:none; font:14px/20px helvetica; border-radius:0px; cursor:pointer;}
.prdTypeArea .detailArea .convenience dd label.selected {background:#e40480; color:#ffffff}

.prdTypeArea .buyBtn_out {cursor:default;background-color:rgb(176, 176, 176); height:40px; font:15px/40px Helvetice; color:#FFFFFF; text-align:center; margin:10px 0px 0px; display:block}
.prdTypeArea .closebtn_new {background:#E7E7E7; height:40px; display:block; width:100%; padding:0px; margin:0px}
.prdTypeArea .closebtn_new a {width:100%; height:40px; position:relative; cursor:pointer; margin:0px; padding:0px; display:inline-block; font:16px/45px helvetica; text-align:center; color:#000000}
.prdTypeArea .closebtn_new b {width:100%; height:40px; position:relative; cursor:pointer; margin:0px; padding:0px; display:inline-block; font:16px/45px helvetica; text-align:center; color:#000000; font-weight: 500;}
.prdTypeArea .closebtn_new a::before,
.prdTypeArea .closebtn_new a::after {background-color:#818181; width:15px; height:2px; content: ''; margin:-1px 0px 0px -12px; position:absolute; top:50%; right:10px; transform: rotate(45deg)}
.prdTypeArea .closebtn_new a::after {transform: rotate(-45deg)}

.prdTypeArea .saleNoticeBox .saleNoticeBtn {background-color: #ff9000;height: 40px;font: 15px/40px Helvetice;color: #FFFFFF;text-align: center;margin: 0px;display: block;}
.prdTypeArea .saleNoticeBox {display:inline-block;width:100%;box-sizing: border-box;text-align: center;line-height: 0px;}
.prdTypeArea .saleNoticeBox b {display:inline-block;width:100%;box-sizing: border-box;font: 13px/20px Helvetice;}
.prdTypeArea .noticSelected .saleNoticeBtn {background-color: #ffffff; color: #ff9000; border: 1px solid #ff9000;}