/* 商品明細 */
.mobile-table-pd-detail {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.pd-event-info {
    font-size: 12px;
    color: #be2323;
}
.pd-event-info a {
    color: #be2323;
    text-decoration: underline;
}
/* COUPON */
.coupon-form-group .radio label, .coupon-form-group .coupon-input {
    width: 100%;
    display: flex;
}

.coupon-form-group .radio label button, .coupon-form-group .coupon-input button{
    margin-left: 10px;
    min-width: 80px;
}
.coupon-form-group .coupon-input {
    margin-top: 10px;
    margin-bottom: 10px;
}
.coupon-form-group input[type="radio"] {
    margin-top: 10px;
}
.coupon-form-control, .coupon-form-control[type=text] {
    height: 32px;
    margin-bottom: 0;
}

/* 滿額贈 */
.coupon_gift_list .form-control {
    margin-bottom: 0;
}

.point-content {
    margin-top: 15px;
}

.point-content a {
    color: #0075FF;
}

.point-count {
    margin-bottom: 20px;
}
.point-emphasize {
    font-size: 18px;
}
/* 表格樣式 */
.cart_list table {
    border-top: none;
}
.cart_list .pd-title:not(:last-child) {
    margin-bottom: 5px;
}

.cart_list table thead {
    border: none;
}

.cart_list table , .coupon_gift_list {
    text-align: center;
}

.cart_list table thead, .coupon_gift_list table thead {
    color: #888;
    border-top: 1px solid #DDD;
}

.cart_list table thead tr, .coupon_gift_list table thead tr {
    background: #f4f4f4;
    font-weight: bold;
    color: #333;
}

.cart_list table thead td, .coupon_gift_list table thead td {
    padding: 10px 5px;
    border: 0;
    vertical-align: middle;
}

.coupon_gift_list table tbody td {
    border-top: none;
    border-bottom: 2px solid #DDD;
    padding: 10px 5px;
    vertical-align: middle!important;
    max-width: 200px;
}

.cart_list table .delet {
    text-align: right;
    margin-bottom: 10px;
}

@media (min-width: 992px) {
    .cart_list table tbody td {
        vertical-align: middle!important;
    }

    .cart_list table .delet {
        width: auto;
        margin-right: 5px;
    }

    .cart_list .amount {
        margin-bottom: 0;
    }
}

.table-pd-info {
    text-align: left;
    display: flex;
    align-items: center;
}
.table-pd-info img {
    max-height: 40px;
    padding-right: 5px;
}
.cart_list .table-pd-info img {
    max-height: 60px;
}
@media (min-width: 992px){
    .table-pd-info img {
        max-height: 60px;
    }
    .cart_list .table-pd-info img {
        max-height: 80px;
    }
}

.table-pd-info-cart {
    align-items: start;
}

/* 活動館 */
.text-emphasize {
    color: #be2323;
}

.title-description {
    font-size: 16px;
    margin-bottom: 40px;
}

/*** 帳戶相關頁面表格樣式 ***/
.account_table table {
    text-align: center;

}

.account_table table thead {
    color: #888;
    border-top: 1px solid #DDD;
}

.account_table table thead tr {
    background: #f4f4f4;
    font-weight: bold;
    color: #333;
}

.account_table table thead td {
    padding: 10px 5px;
    border: 0;
    vertical-align: middle;
}

.account_table table tbody td {
    border-top: none;
    border-bottom: 2px solid #DDD;
    padding: 20px 5px;
    vertical-align: middle;
}

.account_table a {
    color: #0075FF;
}

/*** 悅氏幣頁面 ***/

/*悅氏幣總覽*/
.coin-overview {
    display: flex;
    position: relative;
    align-items: center;
    text-align: center;
    margin-bottom: 20px;
    padding: 30px 0;
    background-color: #fcfcfc;
    line-height: 1.5;
}
.coin-overview .col {
    flex: 1 0 auto;
}

.coin-overview .divider {
    display: block;
    width: 2px;
    height: 70px;
    background-color: #ddd;
}

.coin-overview .coin-quantity {
    font-size: 20px;
}

.coin-record-mobile .main-info {
    display: block;
    font-size: 13px;
    margin: 2px 0 10px;
}

.coin-record-mobile .main-info:last-child {
    margin-bottom: 0;
}

.coin-record-mobile .main-info a {
    color: #0075FF;
}

.coin-record-mobile {
    text-align: left;
    font-size: 11px;
}

.coin-record-mobile td{
    padding: 10px!important;
}

.account-filter-btn-list {
    border-bottom-width: 0;
    margin-bottom: 20px;
}

.btn-list-item.active .btn-btn-list {
    box-shadow: none;
    color: #053191;
    font-weight: bold;
}
.btn-btn-list {
    font-size: 13px;
    background-color: transparent;
    padding: 0;
    color: #777777;
}

.btn-list-item+.btn-list-item::before {
    content: '|';
    padding-left: 10px;
    padding-right: 10px;
}

/** 購物車小計欄位 **/
.d-flex {
    display: flex;
}

.flex-wrap {
    flex-wrap: wrap;
}

.align-items-center {
    align-items: center;
}
.order_count {
    margin-bottom: 35px;
}

.order_count table, .cart_count table {
    width: 100%;
}

@media (min-width: 768px) {

}

/** 直式小計欄位 **/
.order_count .count-description {
    flex: 0 0 75%;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}

.cart_count .count-description {
    flex: 0 0 50%;
    margin-left: auto;
    margin-bottom: 20px;
}

.count-description tr:nth-last-child(2) td {
    padding-bottom: 5px;
}
.count-description tr:last-child td {
    border-top: 2px solid #ddd;
    padding-top: 5px;
}

@media (min-width: 768px) {
    .cart_count .count-description {
        flex: 0 0 30%;
        margin-bottom: 28px;
    }

    .order_count .count-description {
        flex: 0 0 30%;
        padding-top: 0;
        border-left: 2px solid #ddd;
    }

}

/** 即將獲得促銷內容 **/
.order_count .count-promotion {
    flex: 0 0 100%;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #ddd;
}

.cart_count .count-promotion {
    flex: 0 0 100%;
}


.count-promotion tr {
    vertical-align: bottom;
}

.count-promotion td {
    padding-bottom: 5px;
}

.count-promotion .title {
    display: block;
    margin-bottom: 10px;
}

.count-promotion .promotion-info {
    display: block;
}

@media (min-width: 768px) {
    .order_count .count-promotion {
        flex: 0 0 70%;
        border-bottom-width: 0;
        padding-bottom: 0;
    }

    .cart_count .count-promotion {
        padding-top: 20px;
        border-top: 2px solid #ddd;
    }

    .count-promotion tr {
        vertical-align: middle;
    }

    .count-promotion td {
        padding-bottom: 10px;
    }

    .count-promotion .promotion-info {
        display: inline-block;
    }

}

/*促銷活動類別標籤*/
.label-custom-primary {
    color: white;
    background-color: #053191;
    padding: 5px;
    font-size: 12px;
}

.label-promotion-title {
    display: inline-block;
    min-width: 100px;
    text-align: center;
    margin-right: 8px;
}

@media (min-width: 768px) {

    .label-promotion-title {

    }
}