/* 商品列表頁更新 */
.commodity-list .commoditys .c-img { position: relative; }
.commodity-list .commoditys .c-img .onsale-bar { 
    position: absolute; width: fit-content; left: 0; right: 0; bottom: -37px; 
    margin: 0 auto; padding: 5px 15px 0 15px;
    display: flex; flex-flow: nowrap; justify-content: center; align-items: center;
    color: #FFFFFF; font-size: 14px; background: rgba(0,0,0,0.75); border-radius: 99em; z-index: -1;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
}

@media (max-width: 640px) {
    .p-item-pic { position: relative; margin-bottom: 5px; }
    .p-item-pic .onsale-bar { 
        position: absolute; width: fit-content; left: 0; right: 0; bottom: 0; margin: 0 auto; padding: 5px 15px;
        display: flex; flex-flow: nowrap; justify-content: center; align-items: center;
        color: #FFFFFF; font-size: 12px; background: rgba(0,0,0,0.75); border-radius: 99em;
        -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
    }
}

/* 商品內頁更新 */
.show-commodity .show-list { position: relative; }
.show-commodity .show-list .onsale-bar { 
    position: inherit; width: 100%; height: 40px; left: 0; right: 0; bottom: 30px; 
    margin: 0 auto; padding: 5px 15px 0 15px;
    display: flex; flex-flow: nowrap; justify-content: center; align-items: center;
    color: #FFFFFF; font-size: 14px; background: rgba(0,0,0,0.5);
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
}

.show-commodity .show-detail .detail-box { padding: 45px 10px 5px 10px; }
.show-commodity .show-detail .detail-box form h1 { 
    display: flex; flex-flow: nowrap; justify-content: space-between; gap: 20px;
    padding-bottom: 5px !important; letter-spacing: 0.5px; line-height: 140%;
}
.show-commodity .show-detail .detail-box form h1 > span b { margin-right: 5px; }
.show-commodity .show-detail .detail-box form h1 i.icon {
    position: relative; display: inline-block; padding: 2px 12px;
    font-size: 14px; font-style: normal; font-weight: normal;
}
.show-commodity .show-detail .detail-box form h1 i.icon::after { display: block; content: ''; position: absolute; 
    width: 100%; height: 20px; left: 0; top: 0;
    border: 1px solid #000000;
}
.show-commodity .show-detail .detail-box form h1 .addNextBuy { 
    display: inline-block; width: 26px; height: 26px; 
    background: url('../images/heart-border.svg') no-repeat top right; background-size: contain; border: none;
}
.show-commodity .show-detail .detail-box form .f-group { margin-bottom: 5px !important; }
.show-commodity .show-detail .detail-box form .f-group label { height: 24px; line-height: 24px; }
.show-commodity .show-detail .detail-box form .f-group.pt-num::before { display: block; content: ''; height: 15px;  }
.show-commodity .show-detail .detail-box form .f-group.size > * { float: none; }
.show-commodity .show-detail .detail-box form .f-group .p-no { float: none !important; }
.show-commodity .show-detail .detail-box form .f-group .p-no i { color: #666666; font-style: normal; }
.show-commodity .show-detail .detail-box form .price { margin-bottom: 0; }
.show-commodity .show-detail .detail-box form .price > div { display: flex; flex-flow: nowrap; align-items: flex-end; }
.show-commodity .show-detail .detail-box form .price .deal-price { margin-right: 10px; color: #b24750; font-size: 14px; }
.next-buy-btn, .show-commodity .show-detail .detail-box form input[type="submit"] { 
    width: 100%; height: 40px; padding: 10px !important; line-height: 26px;
    color: #FFFFFF; border-radius: 0; background: #3b3b3b !important;
}
.next-buy-btn, .show-commodity .show-detail .detail-box form input[type="submit"]:hover { 
    height: 40px; border-radius: 0; background: #000000 !important;
}
.show-commodity .show-detail .detail-box form input[type="button"].onsale-btn { 
    width: 100%; height: 40px; padding: 10px; line-height: 26px;
    color: #FFFFFF; letter-spacing: 2px; border-radius: 0; cursor: text;
}

.subtitle { margin-bottom: 10px; color: #3b3b3b !important; }
.preorder-shipdate { margin: 10px 0 20px 0; color: #b24750; }

.promotion-link { margin: 5px 0; }
.promotion-link > a { padding: 2px 0; color: #b24750; font-size: 14px; line-height: 140%; text-decoration: underline !important; }

@media (max-width: 640px) {
    .detail-pics .onsale-bar { 
        position: absolute; width: 100%; height: 40px; left: 0; right: 0; bottom: 0; 
        margin: 0 auto; padding: 5px 15px;
        display: flex; flex-flow: nowrap; justify-content: center; align-items: center;
        color: #FFFFFF; font-size: 14px; background: rgba(0,0,0,0.5);
        -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
    }
    .detail-pics.owl-theme .owl-pagination { position: inherit; }

    .detail-content h1 { 
        display: flex; flex-flow: nowrap; justify-content: space-between; gap: 20px;
        padding-bottom: 5px !important; letter-spacing: 0.5px; line-height: 150%;
    }
    .detail-content h1 > span b { margin-right: 5px; }
    .detail-content h1 i.icon {
        position: relative; display: inline-block; padding: 0 12px;
        font-size: 14px; font-style: normal; font-weight: normal;
    }
    .detail-content h1 i.icon::after { display: block; content: ''; position: absolute; 
        width: 100%; height: 24px; left: 0; top: 1px;
        border: 1px solid #000000;
    }
    .detail-content h1 .add-to-wishlist {
        display: inline-block; width: 26px; height: 26px; 
        background: url('../images/heart-border.svg') no-repeat center; background-size: contain; border: none;
    }

    .p-no { margin-top: 20px; }
    .subtitle { margin: 0 0 10px 0 !important; color: #3b3b3b !important; }
    .promotion-link { margin: 15px 0 0 0; }
    .preorder-shipdate { margin: 0; }

    .sticky-footer .add-to-cart-btn {
        width: 100% !important; height: 50px; line-height: 50px; background: #4a4a4a;
    }
    .sticky-footer .add-to-cart-btn.onsale-btn {
        width: 100%; height: 50px; line-height: 50px; color: #FFFFFF; background: #707070; cursor: text;
    }
}