/*購物車樣式*/
.cart-count {
    min-width: 14px;
    width: auto;
}

#shopcart .dropdown-menu {
    min-width: 550px;
}

#shopcart div.list {
    overflow-y: auto;
    max-height: 400px;
    /*padding: 5px 10px;*/
}

#shopcart .feature {
    padding: 0 10px;
    border-top: 1px solid #ddd;
}

#shopcart th, #shopcart td {
    padding: 5px;
}

#shopcart .price {
    min-width: 70px;
}

#shopcart .num {
    min-width: 50px;
}

#shopcart .subtotal {
    min-width: 50px;
}

.cart.rwd-table > tbody > tr:nth-child(2n+1) {
    background-color: #fff;
}

.cart.rwd-table > tbody > tr:not(.sum) + tr.sum {
    border-top: #ddd 2px solid;
}

.cart.rwd-table > tbody > tr.sum:nth-of-type(2n) {
    background-color: #f9f9f9;
}

.cart.rwd-table > tbody > tr:hover {
    background-color: transparent;
}

.cart.rwd-table > tbody > tr:last-of-type td {
    border-bottom: none;
}

.cart.rwd-table .pic {
    width: 110px;
    border-bottom: none;
}

.cart.rwd-table img {
    width: 100px;
    height: 100px;
}

.cart.rwd-table .preorder {
    color: #269abc;
}

.cart.rwd-table .form .row, .cart.rwd-table .itemmerge .row {
    margin-right: 0px;
    margin-left: 0px;
}

.cart.rwd-table .form .value, .cart.rwd-table .itemmerge .value {
    display: inline-block;
}

.cart.rwd-table .form .catalog, .cart.rwd-table .itemmerge .catalog {
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
}

    .cart.rwd-table .form .catalog:after, .cart.rwd-table .itemmerge .catalog:after {
        content: "：";
    }

.cart.rwd-table .expiring {
    color: #0094ff;
}

.cart.rwd-table .save {
    color: #E86F00;
}

.cart.rwd-table .price {
    min-width: 100px;
    text-align: right;
    font-size: inherit;
}

.cart.rwd-table .oprice {
    text-decoration: line-through;
    color: #bbbbbb;
    display: block;
}

    .cart.rwd-table .oprice:before {
        content: "原價 ";
    }

.cart.rwd-table .point {
    color: #E86F00;
}

.cart.rwd-table .price .point::after {
    content: "點";
}

.cart.rwd-table .price .sprice ~ .point:before {
    content: "+";
}

.cart.rwd-table .num {
    text-align: center;
}

.cart.rwd-table .num-spinner {
    border: solid 1px #d8d8d8;
    padding: 6px 12px;
    width: 50px;
    height: 34px;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    color: #000000;
    line-height: 20px;
    text-align: center;
}

.cart.rwd-table .unit {
    /*padding: 8px 1px;*/
    display: inline-block;
}

.cart.rwd-table .subtotal {
    text-align: right;
    min-width: 80px;
}

.cart.rwd-table .del {
    /*border-bottom: none;*/
}

.cart.rwd-table .totalpoint td {
    color: #008800;
}

.cart.rwd-table .pointadd {
    font-weight: bold;
    text-align: right;
}

    .cart.rwd-table .pointadd td {
        color: #008800;
    }

.cart.rwd-table .off .pic, .cart.rwd-table .off .del {
    border-top: none;
}

.cart.rwd-table .total,
.cart.rwd-table .totalpoint,
.cart.rwd-table .pointuse,
.cart.rwd-table .pointget,
.cart.rwd-table .pointdiscount,
.cart.rwd-table .fullsave,
.cart.rwd-table .promo,
.cart.rwd-table .level,
.cart.rwd-table .delivery,
.cart.rwd-table .shipment,
.cart.rwd-table .payservice,
.cart.rwd-table .finaltotal,
.cart.rwd-table .pointget {
    font-weight: bold;
    text-align: right;
}

    .cart.rwd-table .shipment td, .cart.rwd-table .delivery td {
        color: #0000FF;
    }

    .cart.rwd-table .fullsave td, .cart.rwd-table .promo td, .cart.rwd-table .level td {
        color: #e86f00;
    }

    .cart.rwd-table .finaltotal td {
        color: #FF0000;
    }

    .cart.rwd-table .pointget td {
        color: #880000;
    }


/*section-shopcart*/
.section-shopcart input[type='radio'] + label {
    margin-right: 10px;
    margin-top: 7px;
}

.section-shopcart .radioselect ul {
    padding: 0px;
}

.section-shopcart .shipping ul, .section-shopcart .paytype ul, .section-shopcart .time ul, .section-shopcart .market ul {
    padding: 0px;
}

.section-shopcart .shipping li, .section-shopcart .paytype li, .section-shopcart .time li {
    list-style: none;
    padding-right: 15px;
    cursor: pointer;
    display: inline-block;
}

.section-shopcart .market li {
    list-style: none;
    display: inline-block;
    cursor: pointer;
    padding-right: 10px;
}

    .section-shopcart .shipping li:before, .section-shopcart .paytype li:before, .section-shopcart .time li:before, .section-shopcart .market li:before {
        content: '';
        display: inline-block;
        border: solid 1px #000;
        border-radius: 100%;
        width: 12px;
        height: 12px;
        margin-right: 10px;
    }

    .section-shopcart .shipping li.active:before, .section-shopcart .paytype li.active:before, .section-shopcart .time li.active:before, .section-shopcart .market li.active:before {
        background-color: #000000;
    }

@media (max-width:768px) {
    #shopcart .dropdown-menu {
        z-index: 1105;
        position: fixed;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        min-width: inherit;
    }

    #shopcart div.list {
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 40px;
        max-height: inherit;
        padding: 0px;
    }

    #shopcart .feature {
        background-color: #fff;
        position: absolute;
        bottom: 0px;
        right: 0px;
        left: 0px;
        text-align: center;
        -webkit-box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.06);
        box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.06);
        border-top: 1px solid #f1f1f1;
    }

        #shopcart .feature .btn {
            padding: 7px 20px;
            font-size: 14px;
        }
}

@media (max-width:991px) {
    #shopcart th, #shopcart td {
        padding: 8px 4px;
    }

    .cart.rwd-table td, .cart.break-table td {
        padding: 8px 4px;
    }

    .cart.rwd-table .pic {
        width: 25%;
    }

        .cart.rwd-table .pic img {
            width: auto;
            height: auto;
            margin: 0 auto;
        }

    .cart.rwd-table .name {
        width: 75%;
        border-bottom: dashed 1px #bbbbbb !important;
    }

    .cart.rwd-table .space {
        display: inline-block;
        width: 100%;
    }

    .cart.rwd-table .form {
        border-top: dashed 1px #bbbbbb !important;
        border-bottom: dashed 1px #bbbbbb !important;
        width: 75%;
    }

    .cart.rwd-table .num {
        padding: 8px 4px;
    }

        .cart.rwd-table .num:before {
            content: "×";
        }

    .cart.rwd-table .price, .cart.rwd-table .subtotal {
        padding: 8px 4px;
    }

    .cart.rwd-table .tprice:before {
        content: "價格 ";
    }

    .cart.rwd-table .no {
        display: none;
    }

    .cart.rwd-table .price {
        min-width: inherit;
        white-space: nowrap;
    }

    .cart.rwd-table .oprice {
        display: none;
    }

        .cart.rwd-table .oprice ~ .sprice:before {
            content: "優惠 ";
        }

    .cart.rwd-table .price:before {
        content: "";
    }

    .cart.rwd-table .sprice::after {
        content: " 元";
    }

    /*.cart.rwd-table .num {
        padding: 0px;
    }*/

    .cart.rwd-table .subtotal:before {
        content: "小計 ";
    }

    .cart.rwd-table .subtotal::after {
        content: " 元";
    }

    .cart.rwd-table .subtotal.point::after {
        content: " 點";
    }

    .cart.rwd-table td.del {
        padding: 0px;
        float: right;
    }

    .cart.rwd-table .del a {
        font-size: 30px;
        width: 40px;
        height: 40px;
        display: block;
        line-height: 40px;
        text-align: center;
    }

    .cart.rwd-table tr {
        border-left: none;
        border-right: none;
    }

        .cart.rwd-table tr:first-child {
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
        }

        .cart.rwd-table tr:last-child {
            border-bottom-left-radius: 0px;
            border-bottom-right-radius: 0px;
        }

    .sum td:first-child::after {
        content: "：";
    }

    .sum .subtotal.point {
        display: none;
    }
}

@media (min-width:768px) {
    .cart.rwd-table .oprice {
        display: inline-block;
        margin-right: 5px;
    }
}

@media (min-width:992px) {
    .cart.rwd-table .space {
        display: none;
    }

    #shopcart th.form, #shopcart th.itemmerge {
        text-indent: -99999px;
    }

    #shopcart td.form, #shopcart td.itemmerge {
        width: 40px;
    }

        #shopcart td.form:before, #shopcart td.itemmerge:before {
            content: "細節";
        }

        #shopcart td.form .frame, #shopcart td.itemmerge .frame {
            padding: 5px;
            position: absolute;
            width: 240px;
            display: none;
            border: solid 1px #ddd;
            background-color: #fff;
            z-index: 100;
            margin-top: 8px;
            margin-left: -105px;
        }

            #shopcart td.form .frame:before, #shopcart td.itemmerge .frame:before {
                display: block;
                content: "";
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 0 10px 10px 10px;
                border-color: transparent transparent #ddd transparent;
                position: absolute;
                top: -10px;
                left: 110px;
            }

        #shopcart td.form:hover .frame, #shopcart td.itemmerge:hover .frame {
            display: block;
        }

    .cart.rwd-table .oprice {
        display: block;
        margin-right: 0px;
    }
}