/* BASIC css start */
#detailpage {position: fixed !important; width: 100%; top: 20px !important; left: 0 !important; margin-left: 0 !important;}
#detailpage .cnt {position: absolute; right: 0; left: 0; height:680px; z-index: 2; background-color: #fff; padding: 15px; margin: 10px; border: 2px solid #cacaca; border-radius: 15px; box-sizing: border-box; }
#detailpage .cnt .prev-sns {text-align: left; margin-bottom: 7px; height: 30px;}
#detailpage .cnt .prev-sns img {width: 30px; height: auto;} 
#detailpage .detail {height: 680px; overflow: auto; -webkit-overflow-scrolling: touch;}
#detailpage .detail .thumb-wrap {position: relative; text-align: center;}
#detailpage .detail .thumb-wrap .thumb img {max-width: 100%;}
#detailpage .detail .btns {position: absolute; right: 5px; bottom: 5px;}
#detailpage .detail .btns a {width: 90px;height: 30px;border: 1px solid #525252;display: inline-block;text-align: center;line-height: 28px;box-sizing: border-box; background-color: rgba(255, 255, 255, 0.9);color: #525252;border-radius: 5px;}
#detailpage .detail .txt-wrap .ptit {border-bottom: 1px solid #bbb; padding-bottom: 3px; word-break: break-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 10px 0;}
#detailpage .detail .txt-wrap .ptit img {margin-right: 3px;}
#detailpage .detail .txt-wrap .table-opt .opt li {padding: 3px 0;}
#detailpage .detail .txt-wrap .table-opt .opt .s-replace {text-align: center; display: inline-block; width: 100%;}
#detailpage .detail .txt-wrap .table-opt .opt .s-consumer .prev-price {text-decoration: line-through; color: #828282;}
#detailpage .detail .txt-wrap .table-opt .opt .price-line {text-decoration: line-through;}
#detailpage .detail .txt-wrap .table-opt .opt .s-dc-price .prev-price {font-weight: bold;}
#detailpage .detail .txt-wrap .table-opt .opt .s-reserve .prev-price {color: #828282;}
#detailpage .detail .txt-wrap .table-opt .opt .prev-price {float: right;}
#detailpage .detail .txt-wrap .table-opt .opt .p-total {text-align: right; padding: 5px 5px 0;}
#detailpage .detail .txt-wrap .table-opt .opt .p-total .prev-tit {font-weight: bold; padding-right: 5px;}
#detailpage .detail .txt-wrap .table-opt .opt .p-total .total-price {color: #f1191f; font-size: 1.3em; font-weight: bold;}

#detailpage .table-opt .opt-wrap {margin-top: 10px; padding: 5px; background-color: #f9f9f9; border: 1px solid #e8e8e8;}
#detailpage .table-opt .opt-wrap .tit { margin-bottom: 5px; }
#detailpage .table-opt .opt-wrap dl {width: 100%; margin-bottom: 5px;}
#detailpage .table-opt .opt-wrap dt {display: inline-block; width: 35%; vertical-align: middle; word-break: break-all;}
#detailpage .table-opt .opt-wrap dd {display: inline-block; width: 62%;}
#detailpage .table-opt .opt-wrap .sel-btn { padding-left: 10px; text-align: center; }
#detailpage .table-opt .opt-wrap select {display: block; width: 100%; font-size: 16px;}
#detailpage .table-opt .opt-wrap .opt-btns { display: inline-block; }
#detailpage .table-opt .opt-wrap .opt-btns input { vertical-align: middle; height: 35px; margin-right: 3px; box-sizing: border-box; text-align: center !important; border: 1px solid #bbb; -webkit-appearance: none; }
#detailpage .table-opt .opt-wrap .opt-btns .btn-up { background-color: #fff; width: 50px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; display: inline-block; border: 1px solid #7D7D7D; border-radius: 2px; box-sizing: border-box; }
#detailpage .table-opt .opt-wrap .opt-btns .btn-dw { background-color: #fff; width: 50px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; display: inline-block; border: 1px solid #7D7D7D; border-radius: 2px; box-sizing: border-box; }
#detailpage .table-opt .opt-wrap dl .opt-count select { width: 180px; }
#detailpage .table-opt .opt-wrap dl .opt-count .opt-btns { float: left; margin-top: 5px; }
#detailpage .table-opt .opt-wrap dl .opt-count .opt-btns input { margin-right: 3px; }

#detailpage .f-btns {margin: 10px 0 15px;}
#detailpage .f-btns ul {overflow: hidden;}
#detailpage .f-btns ul li {float: left; text-align: center; width: 100%;}
#detailpage .f-btns ul li .soldout-msg {width: 100%; background-color: #F2F4F7; display: block; padding: 5px; box-sizing: border-box;}
#detailpage .f-btns ul li a {margin-left: 5px;}
#detailpage .f-btns ul li:first-child a {margin-left:0;}
#detailpage .f-btns ul li.p_buy {width: 40%}
#detailpage .f-btns ul li.p_cart {width: 30%}
#detailpage .f-btns ul li.p_wish {width: 30%}
#detailpage .f-btns ul li.p_buy a {color: #fff; background-color: #313131; border: 1px solid #313131; height: 50px; line-height: 50px; font-size: 13px; box-sizing: border-box; display: block;}
#detailpage .f-btns ul li.p_cart a {background-color: #E8E8E8; border: 1px solid #B5B5B5; height: 50px; line-height: 50px; font-size: 13px; box-sizing: border-box; display: block;}
#detailpage .f-btns ul li.p_wish a {background-color: #F5F4F4; border: 1px solid #C1C1C1; height: 50px; line-height: 50px; font-size: 13px; box-sizing: border-box; display: block;}
#detailpage .f-btns .btn_cartfree { display: inline-block; width: 100%; height: 30px; line-height: 30px; color: #fff; background-color: #313131; border: 1px solid #313131; box-sizing: border-box; text-align: center; }

#detailpage .close-layer {display: block; position: absolute; top: 17px; right: 10px; width: 45px; height: 36px;}
#detailpage .close-layer .pop-close-btn .x1 {border: 1px solid #a0a0a0; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 25px; position: absolute; top: 12px; right: 5px;}
#detailpage .close-layer .pop-close-btn .x2 {border: 1px solid #a0a0a0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 25px; position: absolute; top: 12px; right: 5px;}

.p-bg { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-color: #000; opacity: 0.5; }

#layerShopChoice { top: -20px !important;}
/* BASIC css end */