/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 綠界提供 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓   */
.apple-pay-button {
    display: inline-block;
    background-size: 100% 60%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 5px;
    padding: 0px;
    box-sizing: border-box;
    min-width: 200px;
    min-height: 32px;
    max-height: 64px;
}

.apple-pay-button-black {
    background-image: -webkit-named-image(apple-pay-logo-white);
    background-color: black;
}

.apple-pay-button-white {
    background-image: -webkit-named-image(apple-pay-logo-black);
    background-color: white;
}

.apple-pay-button-white-with-line {
    background-image: -webkit-named-image(apple-pay-logo-black);
    background-color: white;
    border: .5px solid black;
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ 綠界提供 ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
/*.floating .ibtn.gotop{
    display: none;
}*/

.convenience{
    color: #BE9261;
    font-size: 17px;
    padding: 0 20px;
    padding: 1px 20px 0;
}
.content{
    max-width: 1000px;
    margin: auto;
}
.shopping-step {
    border-top: 1px solid #ddd;
    text-align: center;
    padding-top: 55px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #aaa;
}

.shopping-step li,
.shopping-step li > * {
    display: inline-block;
    vertical-align: middle;
}

.shopping-step li{
    position: relative;
    padding: 10px 40px;
    background: #CCCCCC;
    color: #fff;
    margin: 0 -3px 10px;
}
.shopping-step li.current{
    background: #2F2F2F;
    
}


.shopping-title{
    border-bottom: solid 1px #9E9E9E;
    color: #101010;
    font-size: 18px;
    /*font-weight: bold;*/
    padding: 0 15px;
    line-height: 42px;

}
.shopping-title span{
    width: 135px;
    display: inline-block;
    text-align: right;
    margin-right: 20px;
}
.delivery-list {
    margin-bottom: 30px;
}

.delivery-list .item {
    overflow: hidden;
}

.delivery-list .form-group {
    display: table;
    width: 100%;
    margin-bottom: 0;
    padding:0 30px;
}

.delivery-list .delivery-radio {
    display: table-cell;
    vertical-align: middle;
    width: auto;
    color: #313131;
    font-size: 15px;
    font-weight: bold;
    padding: 15px 5px;
    position: relative;
    box-sizing: border-box;
    margin-bottom: 0;
}

.delivery-list .delivery-radio img{
    margin-left: 30px;
    margin-top: -3px;
}
.delivery-list .delivery-radio:before {
    position: absolute;
    top: 50%;
    left: 15px;
    margin: -8px 0 0;
}



.delivery-list .txt {
    display: table-cell;
    vertical-align: middle;
    padding: 15px;
}

.no-item {
    padding: 20px 0 40px;
    text-align: center;
    border-bottom: 1px solid #bbb;
    margin: 0;
    font-size: 18px;
    font-weight: bold;
}

.cart-table{
    text-align: center;
    font-size: 16px;
}
.cart-table thead{
    font-size: 18px;
    border-top: 1px solid #a3a3a3;
    border-bottom: 1px solid #a3a3a3;
}
.cart-table.cart thead{
    border-top: none;
    border-bottom: 1px solid #9E9E9E;
}

.cart-table th,.cart-table td{
    padding:15px 15px;
}
.cart-table td.info{
    max-width: 300px;
}
.cart-table .pd-id {
    color: #aaa;
    font-size: 14px;
}

.cart-table .img {
    width: 80px;
}
.cart-table .img img{
    width: 80px;
}
.cart-table a.pic {
    position: relative;
    overflow: hidden;
}

.cart-table .ibtn.delete {
    background-image: url(../../images/common/cart/btn_delete.png);
    width: 25px;
    height: 25px;
    margin: auto;
    position: relative;
    top: -5px;
}

.cart-table .indent {
    border-top: hidden;
}

.cart-table .indent td {
    padding-top: 0;
}

.cart-table .indent .img .pic {
    position: relative;
    left: 30px;
}

.cart-table .indent .info {
    padding-left: 35px;
}

.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;
}

.cart-table .plus-tag {
    color: #FF2626;
}

.sum-box {
    padding-top: 2px;
    border-top: solid 1px #a3a3a3;
}

/*.sum-table tr+tr {
    border-top: 1px solid #fff;
}*/
.sum-table tr{
    text-align: right;
}
.sum-box{
    text-align: right;
    height: auto;
    overflow: hidden;
}
.sum-box-table{
    display: inline-block;
    position: relative;
    width: 470px;
}
.sum-box table{
    width: auto;
    float: right;
}
.sum-table td {
    text-align: right;
    padding: 12px 30px;
    font-size: 16px;

}
/*.sum-box tr td:nth-last-child(2){
    min-width: 200px;
}*/
.sum-table tr:last-child td{
    border-bottom: solid 1px #a3a3a3;   
}
.sum-table td:last-child {
    width: 28%;
    min-width: 160px;
    box-sizing: border-box;
}

.sum-table .point {
    color: #a82f2e;
}

.sum-table td .form-control {
    display: inline-block;
    width: auto;
    margin: 0;
}
.sum-box tfoot{
    position: relative;
}
.sum-box tr td{
    position: relative;
}
.sum-box .tag{
    position: absolute;
    left: 10px;
    bottom: 10px;
    font-size: 18px;
    /*font-weight: bold;*/
    padding:8px;
    border:solid 2px #000;
    display: block;
    width: 85px;
    box-sizing: border-box;
    text-align: center;
}
.final.sum-box{
    border-top: none;
}
.final .sum-table tr:last-child td {
    border-bottom: none;
}
.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: 1px solid #999;
    box-sizing: border-box;
}

.payment label.checked,
.invoice-info label.checked {
    color: #fff;
    background: #777;
}
.qty-box {
    position: relative;
    display: inline-block;
    width: 156px;
    max-width: none;
    padding: 0 38px;
    box-sizing: border-box;
    border-radius: 3px;
    overflow: hidden;
    margin-top: 5px;
}
.qty-box .form-control {
    text-align: center;
    height: 38px;
    line-height: 38px;
    box-sizing: border-box;
    color: #a82f2e;
    background: #fff;
    border: 1px solid #ddd;
    margin: 0;
    padding: 0 5px;
    z-index: 1;
    font-weight: bold;
    border-radius: 0;
    display: inline-block;
    width: 100%;
    border:solid 1px #000000;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
}

.qty-box .btn {
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 50%;
    font-size: 24px;
    color: #fff;
    background: #000000;
    position: absolute;
    z-index: 0;
    top: 7px;
}
.qty-box .btn.less{
    line-height: 20px;
}
.qty-box .btn:hover {
    opacity: 0.8;
    z-index: 2;
}
.qty-box .less {
    left: 0;
    /*border-right: 1px solid #000;*/
}
.qty-box .add {
    right: 0;
    /*border-left: 1px solid #000;*/
}

.shopping-form {
    /*padding-top: 70px;*/
}
.btn-box{
    margin:45px auto;
    height: auto;
    overflow: hidden;
}
.send {
    margin-left: 0
}
.cart_send.send{
    background: #BE9261;
}

.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;
    border: 1px solid #ddd;
    padding-top: 45px;
}

.shopping-form .form-box {
    padding: 30px;
}

.shopping-form .tips {
    min-height: 0;
    display: initial;
    color: #a82f2e;
    font-size: 16px;
}
.tips2{
    color: #BE9261;
    font-size: 16px;
}
.color_b{
    color: #313131;
    padding: 0px 0 0;
}
.shopping-form .tips:before{
    content: '';
    display: inline-block;
    margin:-4px 15px 0;
    vertical-align: middle;
    border-right: 12px solid #000;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}
.shopping-form .btn.select-store {
    border: 1px solid #aaa;
    width: 145px;
    height: 30px;
    line-height: 28px;
    color: #999;
    font-size: 15px;
    background: #fff;
}

.shopping-form .btn.select-store:hover {
    border-color: #ff7430;
    color: #ff7430;
}

.shopping-form .btn.select-unable {
    color: #ff7430;
    text-decoration: underline;
    vertical-align: baseline;
}

.shopping-form .btn.select-unable:hover {
    color: #F3856D;
    text-decoration: none;
}

.shopping-form .same-check {
 /*   position: absolute;
    top: 0;
    left: 0;
    right: 0;*/
}

.shopping-form .same-check label {
    display: block;
    /*background: #FF7430;*/
    text-align: center;
    /*color: #fff;*/
    font-size: 15px;
    font-weight: bold;
    padding: 10px 15px;
}
.check-agree-box{
    padding:25px 50px;
    font-size: 16px;
    font-weight: bold;
    border:solid 1px #9E9E9E;
    height: auto;
    overflow: hidden;
}
.check-agree-box a{
    text-decoration: underline;
    text-underline-position: under;
    text-decoration-color: #ccc;
}
.select-store{
    color: #a82f2e;
    font-size: 18px;
    /*font-weight: bold;*/
    text-decoration: underline;
    text-underline-position: under
    /* border-bottom: solid 1px #a82f2e;*/
}
.check-agree-box strong{
    letter-spacing: 3.5px;
    float: left;
    margin-left: 30px;
    margin-top: -28px;
    font-weight: normal;
}
.shopping-notice.shopping-form .col {
    padding: 0;
}

.form-box .input-group .input-box {
    display: inline-block;
    padding: 0 3px;
    box-sizing: border-box;
}

.form-box .control-box .input-box:nth-child(3){
    clear: both;
    display:flex;
	flex-wrap: wrap;
    margin-top: 10px;
    /*margin-left: 135px;*/
	margin-left:0;
    
}
.form-box .control-box .input-box:nth-child(3) .form-control{
    width: 300px;
}
.invoice-info-box {
    border: 1px solid #DDD;
    text-align: center;
}

.invoice-info {
    padding: 45px 15px 0;
}

.invoice-form .form-box {
    padding: 25px 15px 0;
    max-width: 600px;
}

.invoice-form .row {
    margin: 0 -8px;
}

.invoice-form .col {
    padding: 0 8px;
}

.invoice-form .control-label {
    display: none;
}

.invoice-txt {
    color: #999;
    font-size: 13px;
    line-height: 1.9;
    padding: 25px 15px 45px;
}

.invoice-txt span {
    color: #FF7330;
}

.invoice-txt a {
    color: #000;
}

.invoice-txt a:hover {
    text-decoration: underline;
}

.success-wrap {
    border: 1px solid #ddd;
    padding: 0 0 40px;
}

.success-msg {
    background: #AAA;
    color: #fff;
    border: 0;
    border-radius: 0;
    max-width: none;
}

.alert-notice-editor {
    background: #F8F8F8;
    max-width: 1000px;
    margin: 3.6em auto 1.8em;
    padding: 3% 20px 4%;
    box-sizing: border-box;
}

.notic_box{
    background: #F5F5F5;
    font-size: 16px;
    font-weight: bold;
    padding:20px 30px;
    line-height: 40px;
    text-align: left;
    margin: 30px auto;
}
.notice_Offer a:hover{
text-decoration:underline;
}
.order-detail{
    text-align: left;
}
.order-detail th,.order-detail td{
    border:solid 1px #b2b2b2; 
    font-size: 18px;
    font-weight: normal;
    padding: 15px;
    line-height: 1;
}
.order-detail th{
    color: #313131;
    padding:15px 5px;
    text-align: center;
}
.order-detail td{
    color: #BC9658;
}
/*.delivery-list.mobile, .payment.mobile, .invoice-info.mobile{
    display: none;
}*/
.notic {
    margin: 30px auto 25px;
}
.fail{
    text-align: left; 
    display: block;
    padding:0 30px;
}
@media screen and (max-width: 1330px) {
    .sum-box tr td{
        position: static;
    }
    .sum-box tr td:nth-last-child(2) {
        min-width:inherit;
    }
    .delivery-list .form-group{
        padding: 0 0px;
    }
    .delivery-list .delivery-radio:before{
        top: 25px;
        margin-top: 0;
    }
    .delivery-list .delivery-radio {
        width: auto;
        text-indent: -40px;
        padding-left: 40px;
    }
    .pd-name{
        padding:0;
    }
    .control-label{
        width: 100%;
        font-size: 16px;
        text-align: left;
    }
    .form-box .input-group .input-box{
        width: 50%;
        float: left;
    }
    .shopping-form .form-group .form-control,.form-box .control-box .input-box:nth-child(3) .form-control{
        width: 100%;
        min-width: inherit;
        box-sizing: border-box;
    }
    .shopping-form .form-group .name .form-control {
        width: 55%;
        margin-right: 0;
        float: left;
    }
    .shopping-form .form-group .name .radio-box{
        width: 45%;
        float: right;
        margin-left: 0;
        padding-left: 10px;
        box-sizing: border-box;
        text-align: right;
    }
    .shopping-form .form-group .name .radio-box input{
      /*  top: 1px;
        position: relative;
        width: 0;*/
     }
     /*address*/
    .form-box .control-box .input-group{
        width: 100%;
    }
    .form-box .control-box .input-group .form-control{
            margin-right: 0;
    }
     .form-box .control-box .input-box:nth-child(1){
        margin-left: 0;
        width: 50%;
    }
    .form-box .control-box .input-box:nth-child(2){
        margin-left: 0;
        width: 50%;
    }
    .form-box .control-box .input-box:nth-child(3){
        margin-left: 0;
        width: 100%;
    }
    /*!address*/
    .send {
        width: 49%;
        max-width: 178px;
    }
     .shopping-form .tips{
        display: block;
        margin-left: 0px;
    }
    .shopping-title span{
        width: auto;
    }
    .selectstore{
        display: block
    }
    .selectstore .select-store{
            float: left;
    }
    .selectstore .convenience{
            float: left;
    width: calc( 100% - 80px);
    box-sizing: border-box;
    }
}
@media screen and (max-width: 840px) {
    .plus-list {
        margin: 0 -7px;
    }
    .plus-list .item {
        width: 50%;
        padding: 0 7px;
    }
    .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: 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 {
        margin-top: 25px
    }
    .shopping-form .col + .col {
        margin-top: 1.8em;
    }


}

@media screen and (max-width: 768px) {
    .sum-box table,.sum-box-table{
        width: 100%;
        float: none;
    }
    .sum-box.final{
        margin-top: 20px; 
    }
    .btn-box {
        margin: 45px auto 65px;
    }
    .delivery-list.mobile, .payment.mobile, .invoice-info.mobile {
        display: block;
    }
    .delivery-list.pc, .payment.pc, .invoice-info.pc {
        display: none;
    }
    .delivery-list.mobile .form-group .form-control{
        width: 100%;
        box-sizing: border-box;
    }
    .delivery-list.mobile .form-group{
        padding:0;
    }
   
   /* .shopping-form .tips:before{
        display: none;
    }*/
    .shopping-step{
        margin-bottom: 40px;
    }
    .shopping-step li {
        padding: 10px 18px;
    }
    .shopping-step li .num {
        font-size: 18px;
    }
    .shopping-step li .icon {
        width: 30px;
        height: 30px;
        background-size: 90px auto;
        margin: 0 4px;
    }
    .shopping-step li+li:before {
        width: 20px;
        height: 20px;
        background-size: contain;
        margin-top: -10px;
        left: -10px;
    }
    .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 .ibtn.delete {
        position: static;
    }
    .cart-table .indent .img .pic {
        left: 0;
    }
    .cart-table .indent .info {
        padding-left: 0;
    }
    .sum-box .tag{
        position: static;
        width: auto;
    }
    .sum-box .tag br{
        display: none;
    }
   /* .sum-table tr {
        padding: 10px 15px;
        overflow: hidden;
    }
    .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;
        float: right;
    }
    .sum-table {
        border-top: 0;
    }*/
    .sum-table td{
        padding:8px 5px;
        display: inline-block;
    }
    .sum-table tr:last-child td{
        border-bottom: none;
    }
    .sum-box{
        border-top: none;
    }
    .cart-table th, .cart-table td{
        padding:5px;
    }
    .pd-name{
        text-indent: -5px;
        display: inline-block;
    }
    

}

@media screen and (max-width: 600px) {
    .shopping-step li {
        display: block;
    }
    .shopping-step li+li:before {
        top: 0;
        left: 50%;
        margin: -10px 0 0 -10px;
        transform: rotate(90deg);
    }
    .shopping-step li .num {
        margin-right: 5px;
    }
    
    .radio-box{
        font-size: 16px;
    }
    .shopping-form .tips{
        margin-left: 0;
    }
    
    .shopping-title{
        font-size: 16px;
    }
    .shopping-title span{
        width: auto;
    }

}

@media screen and (max-width: 560px) {
    .plus-list .item {
        width: 100%;
    }
    .shopping-form .form-box {
        padding: 15px;
    }
}

@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%;
    }
    .pd-name {
        letter-spacing: 0px;
    }
    .cart-table td{
        padding:5px 0;
    }
    .cart-table .img{
        width: 70px;
    }
    .content{
        padding:0 20px;
    }
    .shopping-form .form-group .name .radio-box{
        font-size: 12px;
        line-height: 32px;
    }
    .shopping-form .form-group .name .radio-box input{
        top: 2px;
        position: relative;
     }

}
@media screen and (max-width: 345px) {
    .content{
        padding:0 10px;
    }
    .table-h td[data-title]:before,.cart-table{
        font-size: 15px;
    }
}
@media screen and (max-width: 400px) {
    
    
}