/*------------ table ------------*/
.align-left.info{
    width: 250px;
}
.table-h td {
    padding: 12px 6px;
    line-height: 1.4;
    text-align: center;
    min-width: 76px;
}

.table-h .btn-holder {
    min-width: 30px;
}

.table-h thead th {
    color: #777;
    background: #eee;
    padding: 12px;
}

.table-h tbody tr {
    border-bottom: 1px dashed #bbb;
}

.table-h .align-left {
    text-align: left;
}

.table-h a {
    display: inline-block;
    vertical-align: middle;
}

.table td span {
    color: #EC4724;
}

.table-v {
    border: solid #ddd;
    border-width: 1px 0;
}

.table-v tr:first-child {
    background: #FAFAFA;
}

.table-v tr:nth-child(2n) {
    background: #EDFAFA;
}

.table-v th,
.table-v td {
    padding: 10px 35px;
    vertical-align: middle;
}

.table-v th {
    text-align: left;
    width: 100px;
    border-right: 1px solid #ccc;
}

.table-v strong {
    color: #197292;
}


/*------------ / table ------------*/
.form-title{
    display: block;
    margin-top: 5px;
    font-family: 'Roboto Condensed';
    font-size: 45px;
    color: #003F86;
    text-align: center;
}
.shopping-title:before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    border-left: 6px solid #004088;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    margin-right: 8px;

}
.shopping-step {

    background: #eee;

    text-align: center;

    border-radius: 14px;

    margin-bottom: 40px;

    font-size: 18px;

    color: #999;

}

.shopping-step li {

    position: relative;

    padding: 10px 40px;

}

.shopping-step li+li:before {

    content: "";

    background: url('../../images/common/cart/step_arrow.png') 0 50% no-repeat;

    display: inline-block;

    vertical-align: middle;

    width: 45px;

    height: 90px;

    position: absolute;

    left: -30px;

    top: 50%;

    margin-top: -45px;

}

.shopping-step li.current {

    color: #197292;

}

.shopping-step li,

.shopping-step li > * {

    display: inline-block;

    vertical-align: middle;

}

.shopping-step li .num {

    background: #fff;

    width: 30px;

    height: 30px;

    line-height: 30px;

    color: #bbb;

    font-family: 'Lato', sans-serif;

    font-weight: 900;

    border-radius: 15px;

}

.shopping-step li.current .num {

    color: #197292;

}

.shopping-step li .icon {

    background-image: url('../../images/common/cart/step_ic.png');

    width: 35px;

    height: 35px;

    margin: 0 10px;

}

.shopping-step li.step1 .icon { background-position:    0 0; }

.shopping-step li.step2 .icon { background-position:  50% 0; }

.shopping-step li.step3 .icon { background-position: 100% 0; }

.shopping-step li.step1.current .icon { background-position:    0 100%; }

.shopping-step li.step2.current .icon { background-position:  50% 100%; }

.shopping-step li.step3.current .icon { background-position: 100% 100%; }



.delivery-list {

    border: solid #bbb;

    border-width: 1px 0;

    margin-bottom: 30px;

}

.delivery-list .item {

    overflow: hidden;

}

.delivery-list .item + .item {

    border-top: 1px dashed #bbb;

}

.delivery-list .form-group {

    display: table;

    width: 100%;

}

.delivery-list .delivery-radio {

    display: table-cell;

    vertical-align: middle;

    width: 30%;

    background: #F7F7F7;

    color: #1A7292;

    font-size: 15px;

    font-weight: bold;

    padding: 15px 10px 15px 50px;

    position: relative;

    box-sizing: border-box;

}

.delivery-list .delivery-radio:before {

    position: absolute;

    top: 50%;

    left: 15px;

    margin: -8px 0 0;

}

.delivery-list .delivery-radio input {

    position: absolute;

    top: 50%;

    left: 50%;

    margin: -6px 0 0 -6px;

}

.delivery-list .txt {

    display: table-cell;

    vertical-align: middle;

    padding: 15px;

}

.delivery-list .txt b {

    color: #F2856C;

    text-decoration: underline;

}



.no-item {

    padding: 20px 0 40px;

    text-align: center;

    border-bottom: 1px solid #eee;

    margin: 0;

}



.cart-table .indent {

    border-top: hidden;

}

.cart-table .indent td {

    padding-top: 0;

}

.cart-table .pd-id {

    color: #666;

    font-size: 13px;

}

.cart-table .pd-name {

    color: #004088;

    font-size: 15px;

}

.cart-table .plus-tag {

    display: inline-block;

    color: #FF2626;

    margin-top: 4px;

}

.cart-table a:hover .pd-name {

    text-decoration: underline;

}

.cart-table .img {

    width: 80px;

}

.cart-table a.pic {

    position: relative;

    overflow: hidden;

}



.cart-table .indent .img .pic {

    position: relative;

    left: 30px;

}

.cart-table .indent .info {

    padding-left: 35px;

}

.cart-table .ibtn.delete {
    text-indent: 0;
    /*background-image: url('../../images/common/cart/btn_delete.png');*/

    /*width: 30px;

    height: 30px;*/
    transition: all .3s ease;
    

}
.cart-table .ibtn.delete:hover{
    color: #ff0000;
}
.cart-table .tag {

    background: #FF2626;

    color: #fff;

    font-size: 13px;

    display: inline-block;

    vertical-align: text-bottom;

    padding: 2px 6px;

    border-radius: 4px;

    margin-right: 6px;

}

.sum-box {

    padding-top: 2px;

}

.sum-table tr {

    background: #FDEBE8;

    color: #555;

}

.sum-table tr+tr {

    border-top: 1px solid #fff;

}

.sum-table td {

    text-align: right;

    padding: 12px 30px;

}

.sum-table td:last-child {

    width: 15%;

}

.sum-table tr:last-child td {

    color: #2D7791;

}

.sum-table tr:last-child td:last-child {

    font-size: 16px;

    font-weight: bold;

}

.sum-table td .form-control {

    display: inline-block;

    width: auto;

    margin: 0;

}





.payment-box {

    background: #eee;

    border: 1px solid #DCDCDC;

    border-width: 1px 0;

    overflow: hidden;

    font-size: 15px;

    margin-top: 2px;

    padding: 5px 0;

}

.payment-box .shopping-title {

    float: left;

    margin: 10px 15px;

}

.payment {

    float: right;

    margin: 10px 15px 0;

    text-align: right;

}

.payment label,

.invoice-info label {

    display: inline-block;

    text-align: center;

    background: #fff;

    line-height: 1.5;

    padding: 5px 15px;

    margin: 0 5px 10px;

    min-width: 148px;

    border-radius: 15px;

    box-sizing: border-box;

}

.payment label.checked,

.invoice-info label.checked {

    color: #fff;

    background: #2D7791;

}



.plus-content {

    border: 5px solid #E8E8E8;

}

.plus-txt {

    background: #F6F6F6;

    text-align: center;

    color: #2C7791;

    font-size: 18px;

    padding: 15px;

}

.plus-txt b {

    color: #EB4624;

}

.plus-list-box {

    padding: 30px 30px 0;

}

.plus-list {

    margin: 0 -10px;

}

.plus-list .item {

    width: 20%;

    padding: 0 10px;

}

.plus-list .item:nth-child(5n+1) {

    clear: left;

}

.plus-list .box {

    max-width: 270px;

    margin: 0 auto 40px;

}

.plus-list .pic-box {

    position: relative;

    overflow: hidden;

}

.plus-list .pic {

    display: block;

    position: relative;

    overflow: hidden;

}

.plus-list .pic:before {

    content: "";

    background: url('../../images/common/products/hover.png') 50% 60% no-repeat rgba(251,207,199,0.80);

    display: block;

    position: absolute;

    z-index: 1;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    opacity: 0;

    transition: all 0.3s;

}

.plus-list .box:hover .pic:before {

    background-position: 50% 50%;

    opacity: 1;

}

.plus-list .name {

    color: #666;

    font-size: 15px;

    font-weight: bold;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    height: 27px;

}

.plus-list .box:hover .name {

    color: #1B7292;

}

.plus-list .btn-group {

    overflow: hidden;

}

.plus-list .txt {

    text-align: center;

    font-size: 13px;

    margin-bottom: 8px;

}

.plus-list .member-price {

    text-decoration: line-through;

    height: 23px;

}

.plus-list .price {

    color: #F2856C;

    height: 36px;

}

.plus-list .price b {

    font-size: 20px;

}

.plus-list .pd-info {

    margin: 12px 0 6px;

}

.plus-list .pd-info select.form-control {

    max-width: none;

    border-radius: 0;

}

.plus-list .qty-box {

    float: left;

}

.plus-list .btn.addcart {

    height: 30px;

    background: #1B7292;

    border: 1px solid #1B7292;

    color: #fff;

    font-size: 16px;

    font-weight: bold;

    line-height: 30px;

    width: calc(100% - 110px);

    float: right;

}

.plus-list .btn.addcart:hover {

    background: #DEE834;

    color: #1B7292;

}

.plus-list .btn.addcart .icon {

    width: 20px;

    height: 20px;

    margin: 0 6px 5px 0;

    background-position: -80px -87px;

}

.plus-list .btn.addcart:hover .icon {

    background-position: -80px -107px;

}



.shopping-form {

    padding-top: 70px;

    margin: 0 -34px;

}

.shopping-form .shopping-title {

    position: absolute;

    top: -45px;

    left: 0;

    right: 0;

}

.shopping-form .row {

    display: table;

    width: 100%;

    table-layout: fixed;

    border-spacing: 34px 0;

}

.shopping-form .row:after {

    display: none;

}

.shopping-form .col {

    display: table-cell;

    vertical-align: top;

    width: 50%;

    position: relative;

    background: #F4F4F4;

    border: 3px solid #ddd;

    border-radius: 12px;

}

.shopping-form .tips {

    min-height: 0;

}

.shopping-form .btn.select-store {

    border: 1px solid #ddd;

    width: 145px;

    height: 30px;

    line-height: 28px;

    color: #999;

    font-size: 15px;

    border-radius: 5px;

    background: #fff;

}

.shopping-form .btn.select-store:hover {

    background: #2D7791;

    color: #fff;

}

.shopping-form .btn.select-unable {

    color: #2D7791;

    text-decoration: underline;

    vertical-align: baseline;

}

.shopping-form .btn.select-unable:hover {

    color: #F3856D;

    text-decoration: none;

}

.shopping-form .same-check {

    padding: 30px 30px 0;

}

.shopping-form .same-check label {

    display: block;

    background: #2D7791;

    text-align: center;

    color: #fff;

    font-size: 15px;

    font-weight: bold;

    padding: 4px 10px;

}

.invoice-info-box {

    border: 3px solid #DDD;

    text-align: center;

}

.invoice-info {

    background: #eee;

    padding: 15px 15px 5px;

}

.invoice-form .form-box {

    padding: 25px 15px 0;

}

.invoice-form .row {

    margin: 0 -8px;

}

.invoice-form .col {

    padding: 0 8px;

}

.invoice-form .control-label {

    display: none;

}

.invoice-txt {

    padding: 25px 15px;

}

.invoice-txt span {

    color: #E55957;

}

.invoice-txt a {

    color: #2C7791;

}

.invoice-txt a:hover {

    text-decoration: underline;

}



.alert-notice-editor {

    background: #F8F8F8;

    max-width: 1000px;

    margin: 3.6em auto 1.8em;

    padding: 3% 20px 4%;

    box-sizing: border-box;

}

.success-box .order-id {

    background: #1B7292;

    font-size: 15px;

    font-weight: bold;

    border-radius: 8px;

    line-height: 1.5;

    padding: 8px 16px;

    color: #fff;

    font-size: 15px;

    font-weight: bold;

    max-width: 570px;

    margin: 1.6em auto;

}





@media screen and (max-width: 1200px) {

    .plus-list .item {

        width: 25%;

    }

    .plus-list .item:nth-child(5n+1) {

        clear: none;

    }

    .plus-list .item:nth-child(4n+1) {

        clear: left;

    }

}

@media screen and (max-width: 1000px) {

    .plus-list .item {

        width: 33.33%;

    }

    .plus-list .item:nth-child(4n+1) {

        clear: none;

    }

    .plus-list .item:nth-child(3n+1) {

        clear: left;

    }

}

@media screen and (max-width: 1000px) {

    .shopping-step li {

        padding: 10px 25px;

    }

    .shopping-form,

    .shopping-form .row,

    .shopping-form .col {

        display: block;

        width: auto;

        margin: 0;

        padding: 0;

        border: 0;

        background: none;

    }

    .shopping-form .col + .col {

        margin-top: 1.8em;

    }

    .shopping-form .shopping-title {

        position: static;

    }

    .shopping-form .form-box {

        max-width: none;

        background: #F4F4F4;

        border: 3px solid #ddd;

        border-radius: 12px;

    }

    .shopping-form .same-check {

        padding: 0 0 10px;

    }

}

@media screen and (max-width: 767px) {
     /*------------ table 767 ------------*/
    .table-h {
        border-top: 1px dashed #bbb;
    }
    .table-h thead {
        display: none;
    }
    .table-h tr,
    .table-h td {
        display: block;
        text-align: left;
    }
    .table-h td+td {
        border-left: 0;
    }
    .table-h td[data-title]:before {
        content: attr(data-title);
        display: inline-block;
        color: #aaa;
        font-size: 13px;
    }
    .table-h tr {
        padding: 10px 0;
        position: relative;
    }
    .table-h td {
        padding: 0;
        line-height: 2;
    }
    .table-h td a {
        display: inline-block;
        line-height: 1.5;
    }
    .table-v th,
    .table-v td {
        padding: 8px 12px;
    }
    .table-v th {
        width: 90px;
    }
    /*------------ / table 767 ------------*/
    .align-left.info {
    width: 250px;
    padding-right: 40px;
    box-sizing: border-box;
}
    .shopping-step li {

        font-size: 15px;

    }

    .shopping-step li .num {

        width: 22px;

        height: 22px;

        line-height: 22px;

    }

    .shopping-step li .icon {

        width: 30px;

        height: 30px;

        background-size: 90px auto;

        margin: 0 4px;

    }

    .delivery-list .form-group,

    .delivery-list .delivery-radio,

    .delivery-list .txt {

        display: block;

    }

    .delivery-list .delivery-radio {

        width: auto;

    }

    .delivery-list .txt {

        border-width: 1px 0 0;

    }

    .cart-table tbody tr {

        padding-left: 94px;

    }

    .cart-table .img {

        position: absolute;

        left: 0;

        top: 10px;

    }

    .cart-table .indent .img .pic {

        left: 0;

    }

    .cart-table .indent .info {

        padding-left: 0;

    }

    .cart-table td .ibtn.delete {

        position: absolute;

        right: 0;

        top: 9px;

    }

    .sum-table tr {

        padding: 10px 15px;

    }

    .sum-table td,

    .cart-table .indent .info {

        padding: 0;

    }

    .sum-table td:first-child {

        float: left;

        text-align: left;

    }

    .sum-table td:last-child {

        width: auto;

    }

    .plus-list-box {

        padding: 25px 20px 0;

    }

    .plus-list {

        margin: 0 -7px;

    }

    .plus-list .item {

        padding: 0 7px;

        width: 50%;

    }

    .plus-list .item:nth-child(3n+1) {

        clear: none;

    }

    .plus-list .item:nth-child(2n+1) {

        clear: left;

    }

    .plus-list .box {

        margin-bottom: 30px;

    }

}

@media screen and (max-width: 630px) {

    .shopping-step li {

        display: block;

    }

    .shopping-step li+li:before {

        width: 12px;

        height: 24px;

        background-size: contain;

        top: 0;

        left: 50%;

        margin: -12px 0 0 -6px;

        transform: rotate(90deg);

    }

    .shopping-step li .num {

        margin-right: 5px;

    }

}

@media screen and (max-width: 400px) {

    .payment-box .shopping-title,

    .payment {

        float: none;

    }

    .payment label,

    .invoice-info label {

        display: block;

        margin: 0 0 10px;

    }

    .plus-list .item {

        width: 100%;

    }

}