.divTable {
    display: table;
    width: 100%;
}

.divTableRow {
    display: table-row;
}

.divTableHeading {
    background-color: #EEE;
    display: table-header-group;
}

.divTableCell,
.divTableHead {
    border: 1px solid #e5dfd7;
    display: table-cell;
    padding: 10px 10px;
}

.divTableHeading {
    background-color: #d4ccbe;
    display: table-header-group;
    font-weight: bold;
    text-align: center;
    /* padding: 10px; */
}

.divTableFoot {
    background-color: #EEE;
    display: table-footer-group;
    font-weight: bold;
}

.divTableBody {
    display: table-row-group;
}

.divTableBody .divTableCell {
    /*border-bottom: 1px solid #c8bbac;*/
}

.divTableBody.cart-cool,
.divTableBody.cart-refrigerate {
    background-color: rgb(212 215 208);
}
.divTableBody.cart-freeze {
    background-color: rgb(208 212 215);
}

.divTableBody.cart-cool .divTableCell,
.divTableBody.cart-cool .divTableHead {
    border: 1px solid #d4d7d0;
    border-bottom: 1px solid #c8bbac;
}
.delivery_container .lead {
    text-align: center;
    background-color: rgb(212 204 190);
    font-weight: 600;
    padding: 10px;
    margin-top: 10px;
}
.delivery_container .content {
    padding: 10px;
    border-bottom: 1px solid #c8bbac;
}
.divTableRow.clearfix:before {display:none;}
.divTableCaption {
    padding: 20px 0 10px 0px;
    caption-side: bottom; display: table-caption; text-align: center;
}

@media screen and (max-width: 425px) {
    /* 購物車頁面手機版 */
    .divTableRow.clearfix {
        display: table;
        padding: 15px;
    }
    .divTableHead {}

    .divTableCell.thumbnail {
        display: inline-block;
    }

    .divTableRow {
        display: block;
    }
    .divTableBody .divTableCell {
        border:0px;
    }

    .divTableCell.thumbnail {
        float: left;
        max-width: 40%;
        height: 80px;
        padding: 0px;
    }

    .divTableCell.name {
        float: left;
        width: 60%;
        text-align: right;
        padding: 0px 0px 0px 10px;
        text-align:justify;
        font-weight:bold;
    }
    .divTableCell.subtotal {
        float: right;
        display: block;
        text-align: right;
        width: 60%;
        margin-top: 12px;
        padding: 0 0 0 30px;
    }
    .divTableCell.remove {
        float:left;
        width: 44px;
        height: 44px;
        border: 1px solid #7c5838;
    }

    .divTableHeading {
        position: relative;
        width: 100%;
        display: block;
        padding: 3px;
    }
    .divTableHeading:before {
        content: "詳細內容";
        text-align: center;
        margin: auto;
        display: block;
    }
    .divTableHeading .divTableRow {display: none;}

    .divTable {
        display: block;
    }

    .divTableBody {
        display: block;
        /*padding:10px;*/
    }

    .divTableCell.unitprice {
        float: right;
        width: 60%;
        text-align: right;
        margin-top: 10px;
        padding: 0px 0px 0px 30px;
    }

    .divTableCell.unitprice:before {
        content: "單價：";
        float: left;
    }

    .divTableCell.amount:before {
        content: "數量：";
        height: 40px;
        line-height: 40px;
        float: left;
    }

    .divTableCell.amount {
        float: right;
        width: 60%;
        margin-top: 10px;
        padding: 0px 0px 0px 30px;
    }

/*
    .divTableBody.cart-cool .divTableCell, .divTableBody.cart-cool .divTableHead {
        border:0px;
    }
    .divTableBody.cart-cool .divTableCell.remove {
        border: 1px solid #7c5838;
    }
*/

    .divTableRow.clearfix+.divTableRow.clearfix {
        border-top: 1px solid #CCC;
    }
    .divTableBody+.divTableBody {
        border-top: 1px solid #CCC;
    }
    .divTableCaption {
        display: block;
    }
}