@charset "utf-8";



.shopping-step {

    border-top: 1px solid #ddd;

    text-align: center;

    padding-top: 15px;

    margin-bottom: 40px;

    font-size: 18px;

    color: #aaa;

}

.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: 50px;

    height: 50px;

    position: absolute;

    left: -25px;

    top: 50%;

    margin-top: -25px;

}

.shopping-step li.current {

    color: #111;

}

.shopping-step li,

.shopping-step li > * {

    display: inline-block;

    vertical-align: middle;

}

.shopping-step li .num {

    font-size: 25px;

}

.shopping-step li .icon {

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

    width: 40px;

    height: 40px;

    margin: 0 10px 4px;

}

.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: #111;

    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: #FF722E;

}



.no-item {

    padding: 20px 0 40px;

    text-align: center;

    border-bottom: 1px solid #bbb;

    margin: 0;

}

.cart-table .pd-id {

    color: #aaa;

    font-size: 14px;

}

.cart-table .pd-name {

    color: #111;

    font-size: 15px;

    font-weight: bold;

    display: block;

}

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

    color: #2f9459;

}

.cart-table .img {

    width: 80px;

}

.cart-table a.pic {

    position: relative;

    overflow: hidden;

}

.cart-table a.pic:before {

    content: ' ';

    background: url(../../images/common/cart/hover.png) 50% 50% no-repeat rgba(0,0,0,0.6);

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    opacity: 0;

    transition: all 0.3s;

    border: 4px solid #2f9459;

}

.cart-table a.pic:hover:before {

    opacity: 1;

}

.cart-table .ibtn.delete {

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

    width: 25px;

    height: 25px;

}

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

}

.cart-table b {

    font-weight: normal;

    display: block;

}



.cart-table del {

    color: #bdbdbd;

}

.sum-box {

    padding-top: 2px;

}



.sum-table tr {

    background: #eee;

    color: #555;

}

.sum-table tr+tr {

    border-top: 1px solid #fff;

}

.sum-table td {

    text-align: right;

    padding: 12px 30px;

    font-size: 14px;

}

.sum-table td:last-child {

    width: 20%;

}

.sum-table tr:last-child td {

    color: #f00;

    font-size: 17px;

    font-weight: bold;

}

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

    

}

.sum-table td .form-control {

    display: inline-block;

    width: auto;

    margin: 0;

}



.payment-box {

    background: #fff;

    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;

}



.plus-content {

    border: 1px solid #DCDCDC;

}

.plus-box{

    margin-top: 60px;

   }

.plus-txt {

    text-align: center;

    color: #000;

    font-size: 18px;

    padding: 15px;

}

.plus-list .btn{

    padding:0;

}

.plus-list-box {

    padding: 0 15px 0;

}

.plus-list .txt {

    text-align: center;

    font-size: 13px;

    margin-bottom: 8px;

    padding: 5px 0;

}

.plus-txt b {

    color: #FF7330;

}

.plus-list {

    margin: 0 -8px;

}

.plus-list .item {

    width: 20%;

    padding: 0 10px;

}

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

    clear: left;

}

.plus-list .box {

    max-width: 344px;

    margin: 0 auto 40px;

    position: relative;

}

.plus-list .box.new:before {

    content: '';

    display: block;

    background: url('../../images/common/products/new_tag.png') no-repeat;

    width: 58px;

    height: 58px;

    position: absolute;

    z-index: 10;

    left: 0;

    top: 0;

}

.plus-list .pic-box {

    position: relative;

}

.plus-list .pic {

    display: block;

    position: relative;

    overflow: hidden;

}

.plus-list .box:hover .pic {

    border: 6px solid #2f9459;

}

.plus-list .pic:before {

    content: "";

    background: url(../../images/common/products/hover.png) 50% 50% no-repeat rgba(0,0,0,0.50);

    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 {

    opacity: 1;

}

.plus-list .pic img {

    -moz-transform: scale(1);

    -webkit-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

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

    -moz-transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

}

.plus-list .name {

    display: inline-block;

    color: #000;

    font-size: 16px;

    font-weight: bold;

    line-height: 24px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    padding: 0 3px;

    max-width: 100%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.plus-list .box:hover .name {

    color: #fff;

    background: #FF732F;

}

.plus-list .btn-group {

    overflow: hidden;

}

.plus-list .member-price {

    text-decoration: line-through;

    height: 23px;

}

.plus-list .price {

    color: #FF7330;

    height: 20px;

    line-height: 20px;

}

.plus-list .price b {

    font-size: 18px;

}

.plus-list .pd-info {

    margin: 12px 0 6px;

    min-height: 36px;

}

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

    max-width: none;

}

.plus-list .qty-box {

    float: left;

    margin: 5px 0;

}

.plus-list .btn.addcart {

    height: 35px;

    background: #eee;

    color: #888;

    font-weight: bold;

    line-height: 35px;

    width: calc(100% - 95px);

    float: right;

}

.plus-list .btn.addcart:hover {

    background: #FF7330;

    color: #fff;

}

.plus-list .btn.addcart .icon {

    margin: 0 4px 3px 0;

    background-position: -175px 0;

}

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

    background-position: -175px -25px;

}



.shopping-form {

    padding-top: 70px;

   margin: 40px -34px;

}

.shopping-form .shopping-title {

    position: absolute;

    top: -50px;

    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;

    border: 1px solid #ddd;

    padding-top: 45px;

}

.shopping-form .col.col1{

    padding:0px;

} 

.shopping-notice .col{

    padding-top: 0;

}

.shopping-form .form-box {

    padding: 30px;

}

.shopping-form .tips {

    min-height: 0;

}

.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: #2f9459;

    color: #2f9459;

}

.shopping-form .btn.select-unable {

    color: #2f9459;

    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: #2f9459;

    text-align: center;

    color: #fff;

    font-size: 15px;

    font-weight: bold;

    padding: 10px 15px;

}

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

}

.invoice-info-all{

    margin-top: 60px;

}

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

}

.success-box .order-id {

    border: 1px solid #2f9459;

    border-radius: 8px;

    line-height: 1.5;

    padding: 8px 16px;

    color: #2f9459;

    font-size: 15px;

    font-weight: bold;

    max-width: 300px;

    margin: 1.6em auto;

}

.success-box .order-id span {

    font-size: 20px;

    font-weight: normal;

}

.cart-new-top {

    margin-bottom: 20px;

}

.table td .red_sale {

    display: block;

    color: #8e8e8e;

    font-weight: normal;

    line-height: 1.45;

}

.cart-input-icon {

    background: #6d6d6d;

    padding: 5px 7px;

    color: #fff;

    margin-left: 5px;

    border:none;

}



.cart-input-icon:hover {

    background: #ff732f;

}

.cart-new-top .sum-table tr:last-child td {

    color: #6d6d6d;

    font-size: 14px;

    font-weight: normal;

    line-height: 1.5;

}



.cart-new-top .sum-table tr:last-child td {

    color: #6d6d6d;

}

/**************** 拆單 ************/



.shopping-new-way .table-h thead th:nth-child(2),

.shopping-new-way .table-h thead th:nth-child(3),

.shopping-new-way .table-h thead th:nth-child(4),

.shopping-new-way .table-h thead th:nth-child(5),

.shopping-new-way .table-h thead th:nth-child(6) {

    text-align: center;

}







.shopping-new-way {

    margin-bottom: 40px;

}



.shopping-new-way .table-h thead {

    background: #868686;

}



.shopping-new-way .new-way.general .ic {

    left: -5px;

    position: relative;

}



.shopping-new-way .new-way.general {

    margin-top: 20px;

    font-size: 15px;

    background: #b7b7b7;

    padding: 10px 20px;

    color: #fff;

}



.shopping-new-way .new-way.cold .ic {

    left: -5px;

    position: relative;

}



.shopping-new-way .new-way.cold {

    margin-top: 20px;

    font-size: 15px;

    background: rgb(140, 216, 119);

    color: #fff;

    padding: 10px 20px;

}



.shopping-new-way .new-way.freezing .ic {

    left: -5px;

    position: relative;

}



.shopping-new-way .new-way.freezing {

    margin-top: 20px;

    font-size: 15px;

    background: rgba(156, 210, 228, 0.94);

    color: #fff;

    padding: 10px 20px;

}



.shopping-new-way li {

    list-style-type: none;

}



.shopping-new-way .cold .table-h thead {

   background: rgba(118, 199, 73, 0.73);

}



.shopping-new-way .freezing .table-h thead {

    background: #83b6de;

}



.shopping-new-way .btn-box {

}



.cold .delivery-list .txt b {

    color: #0ac757;

}



.freezing .delivery-list .txt b {

    color: #3b8aca;

}



.shopping_way.hot {

    text-align: left;

    margin: 20px 0 5px;

}



.shopping_way .general {

    border: 1px solid #333;

    padding: 5px;

    bottom: 5px;

    position: relative;

}



.shopping_way .cold {

    border: 1px solid #42b354;

    padding: 5px;

    bottom: 5px;

    position: relative;

    color: #42b354;

}



.shopping_way .freezing {

    border: 1px solid #68a0da;

    padding: 5px;

    bottom: 5px;

    position: relative;

    color: #68a0da;

}



.shopping_way span+span {

    margin-left: 10px;

}



.pd-intro .btn-group .btn.cold {

    border-color: #42b354;

    color: #42b354;

}



.pd-intro .btn-group .btn.cold:hover {

    color: #fff;

    background: #42b354;

}



.pd-intro .btn-group .btn.freezing {

    border-color: #68a0da;

    color: #68a0da;

}



.pd-intro .btn-group .btn.freezing:hover {

    color: #fff;

    background: #68a0da;

}



.cold .cart-table .pd-name {

    color: #49b128;

}



.freezing .cart-table .pd-name {

    color: #4c96d2;

}



.freezing .delivery-list .delivery-radio.checked {

    background: #e7f5ff;

}



.cold .delivery-list .delivery-radio.checked {

    background: #edffe7;

}



.delivery-list.mobile,

.payment.mobile,

.invoice-info.mobile,

.qty.form-control.mobile {

    display: none;

}

.delivery-list.mobile {

    border: 1px solid #ddd;

    margin-bottom: 20px;

}

/*****************拆單結束*******************/

 /* 加購按鈕 */

.plus-bth{

    font-size:13px;

    max-width:100px;

    background:#b1b1b1;

    border-radius:5px;

    padding:5px 10px;

    color:#fff;

    border:1px solid #bbb;

    letter-spacing:0.2em;

    display:inline-block;

    margin:0px 5px;

    cursor: pointer;

}

.plus-bth:after{

    content:'▲';

    color:#e4e4e4;

}

.plus-bth .up{

    display: none;

}

.plus-bth.active .up{

    display:inline-block;

}

.plus-bth.active .down{

    display: none;

}

.plus-bth.active{

    background:#ff722f;

    border-color:#ff722f;

}

.plus-bth.active:after{

    content:'▼';

    color:#fff;

}

/*!加購按鈕 */

/******************購物車step.2  購物展開******************/

.cart-list-mobile,

.shopping-title-item {

    display: none;

}



.cart-list-mobile {

    cursor: pointer;

}



.shopping-title-item .ic.ic3-down2 {

    color: #80caa5;

    font-size: 13px;

    position: absolute;

    top: 10px;

    left: 15px;

}



.shopping-title-item .shopping-title {

    padding-left: 20px;

}





/******************************************/

/*---- Step3 ----*/

.btn.normal {

    color: #999999;

    font-size: 15px;

    margin: 1% 1%;

    border-radius: 30px;

    border: 1px solid #AAAAAA;

    display: inline-block;

    padding: 6px 3%;

}

.btn.normal.other_order .ic {

    font-size: 20px;

}

.btn.normal.other_order {

    background: #e0b155;

    color: #fff;

    border-color: #e0b155;

    font-size: 17px;

    border-radius: 10px;

    letter-spacing: 0.1em;

    animation-name: activity-ani2;

    animation-duration: .5s;

    animation-iteration-count: infinite;

    animation-direction: alternate;

    text-decoration: none;

}

.btn.normal.other_order:hover {

    background: #e09255;

}

@keyframes activity-ani2 {

    from {

        background: #da7934;

    }

    to {

        background: #daaa34;

    }

}

.success-wrap .btn-box {

    max-width: 1000px;

    margin: 0 auto;

    padding: 0;

}

.success-txt .btn-box a {

    text-decoration: none;

}

.btn-box.cart-notice-txt {

    font-size: 16px;

    animation-name: activity-ani;

    animation-duration: .5s;

    animation-iteration-count: infinite;

    animation-direction: alternate;

    display: block;

    color: #da7934;

    line-height: 1;

}

@keyframes activity-ani {

    from {

        color: #da7934;

    }

    to {

        color: #daaa34;

    }

}



/*---- !Step3 ----*/



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

   

    .payment-box .shopping-title{

        float: none;

    }

    .payment{

        float: none;

        margin:3px auto;

    }

    .cart-table b {

        display: inline-block;

    }

    .cart-table .money-big {

        text-align: right;

        position: absolute;

        padding: 0 10px;

        bottom: 10px;

        font-size: 14px;

        color: #555;

        right: 0px;

    }

    .cart-table td .ibtn.delete {

        position: absolute;

        right: 0;

        top: 5px;

    }

    .delivery-list .input-box {

        padding: 5px;

        font-size: 15px;

    }

    .cart-table .pd-id{

        font-size: 14px;

    }

    .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: 5px;

    }

    .shopping-form .same-check,

    .shopping-form .shopping-title {

        position: static;

    }

    .shopping-form .form-box {

        max-width: none;

        border: 1px solid #ddd;

        padding: 25px 30px;

    }



    .plus-list .box{

       margin-bottom: 30px

    }

    .success-box .order-id span{

        font-size: 16px;

    }

    /******優化*****/

    .shopping-title span,

    .shopping-step {

        display: none;

    }

    .shopping-step {

        display: none;

    }

    .shopping-title {

        font-size: 17px;

        margin: 20px 0 5px;

        padding: 5px 0 0 0;

    }



    .shopping-new-way{

        margin-bottom: 5px; 

    }

    .shopping-new-way .new-way.general,

    .shopping-new-way .new-way.cold,

    .shopping-new-way .new-way.freezing {

        margin-top: 5px;

        padding: 5px 20px;

    }

    

    .no-item,

    .sum-table td:first-child {

        font-size: 12px;

    }

    .no-item {

        padding: 10px 0;

        margin-bottom: 5px;

    }

    .payment-box .shopping-title {

        margin: 0px;

    }

    .plus-list .item {

        width: 50%;

        padding: 0 7px;

    }

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

        clear: none;

    }

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

        clear: left;

    }



    .plus-txt {

        font-size: 14px;

        padding: 5px;

    }

    .plus-list-box {

         padding-top:15px;

    }

    .plus-list .name {

        font-size: 16px;

        height: 20px;

    }

    .plus-list .offers {

        font-size: 13px;

    }

    .plus-list .btn.addcart {

        height: 25px;

        font-size: 12px;

        line-height: 25px;

        width: calc(100% - 60px); 

    }

    .plus-list .btn .pc{

        display: none;

    }

    .plus-list .btn.addcart .icon{

        margin:0;

    }

    .plus-list .btn-group {

        margin-top: 0px;

    }

    .plus-list .offers {

        line-height: 20px;

        height: 20px;

    }

    .shopping_way .freezing, .shopping_way .cold, .shopping_way .general {

        padding: 3px;

    }

    .shopping_way.hot {

        text-align: left;

        margin-top: 10px;

        margin-bottom: 0;

    }

    

    .delivery-list.mobile,

    .payment.mobile,

    .invoice-info.mobile {

        display: block;

    }

    .delivery-list.pc,

    .payment.pc,

    .invoice-info.pc {

        display: none;

    }

    .delivery-list .txt {

        font-size: 14px;

        border: none;

        padding: 5px;

    }

    .invoice-info {

        padding: 15px 15px 0;

    }

    .payment label,

    .invoice-info label {

        padding: 2px 15px;

        margin: 0 5px 5px;

        font-size: 16px;

    }

    .qty-box.pc {

        display: none;

    }

    .qty.form-control.mobile {

        display: inline-block;

    }

    .main-title {

        display: none;

    }

    .cart-list-pc {

        display: none;

    }

    .cart-list-mobile {

        display: none;

    }

    .shopping-title-item {

        display: block;

    }

    .shopping-title-item .shopping-title {

        border-bottom: 1px dashed #bbb;

    }

    .pd-info .form-control.pc,

    .qty.form-control.pc {

        display: none;

    }

    .pd-info .form-control.mobile {

        display: inline-block;

    }

    .pd-info .form-control.mobile {

        padding: 0 2px;

    }

   

    .alert-notice-editor {

        margin: 0.6em auto 1em;

        padding: 0.2% 20px;

    }

    .alert-notice-box {

        font-size: 12px;

        margin: 0.8em 0;

    }

    .alert-notice-msg,

    .alert-notice-title {

        font-size: 15px;

    }

    .alert-notice-msg {

        margin: 0.2em 0 0.2em;

    }

    .shopping-form .form-box {

        padding: 5px 20px;

    }

    .shopping-form {

        padding: 20px 0 0;

    }

    .shopping-form .btn.select-store {

        height: 25px;

        line-height: 25px;

        font-size: 12px;

        padding: 0;

        border-radius: 0;

    }

    .success-box .order-id {

        font-size: 16px;

        padding: 0px 16px;

        margin: 0.6em auto;

    }

    .shopping-title-up {

        display: block;

        margin: 0px;

    }

    .shopping-step {

        padding: 0;

    }

    .shopping-step li {

        font-size: 15px;

    }

    .shopping-step li {

        display: block;

        padding: 15px 0;

        margin: 40px 0;

    }

    .shopping-step li+li:before {

        top: 0;

        left: 50%;

        margin: -35px 0 0 -15px;

        transform: rotate(90deg);

    }

    .shopping-step li .icon {

        display: inline-block;

        width: 35px;

        height: 35px;

        background-size: auto 70px;

        margin: 0 10px 3px 0;

    }

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

        width: 80px;

    }

    .cart-table .indent .img .pic {

        left: 0;

    }

    .cart-table .indent .info {

        padding-left: 0;

    }

    .sum-table tr {

        padding: 0 5px;

        overflow: hidden;

    }

    .sum-table td,

    .cart-table .indent .info {

        padding: 0;

    }

    .sum-table td:first-child {

        float: left;

        text-align: left;

        font-size: 14px;

    }

    .sum-table td:last-child {

        width: auto;

    }

    .shopping-form,

    .shopping-form .row,

    .shopping-form .col {

        display: block;

        width: auto;

        margin: 0;

        padding: 0;

        border: 0;

        background: none;

    }

    .shopping-form .col {

        margin-top: 1.8em;

    }

    .shopping-form .col .shopping-title {

        margin: 10px 0 5px;

        padding: 5px 0px;

    }

    .shopping-form .form-box {

        max-width: none;

        padding: 10px;

        border: 1px solid #D7D7D7;

    }

    .shopping-form .col2 .form-box {

        min-height: auto;

    }

    .shopping-form .shopping-title {

        text-align: left;

        margin-top: 1em;

    }

    .shopping-form .shopping-title .ic,

    .shopping-title-up span {

        display: none;

    }

    .shopping-title-up {

        font-size: 17px;

        cursor: pointer;

    }

    .shopping-title-up .ic {

        font-size: 10px;

        color: #7FCAA5;

        vertical-align: middle;

        margin: 0 3px 5px 0;

    }

    .delivery-list {

        border: none;

    }

    

    .cart-table-bottom {

        margin: 5px 0 5px;

    }

    .sum-table tfoot tr {

        padding: 0 5px;

        overflow: hidden;

    }

    .sum-table tfoot td,

    .cart-table .indent .info {

        padding: 0;

    }

    .sum-table tfoot tr td {

        text-align: left;

        float: left;

        width: 50%;

        font-size: 14px;

    }

    .cart-new-top .sum-table tr:last-child td{

        font-size: 14px;

    }

    .sum-table tfoot td:last-child {

        width: 50%;

        text-align: right;

    }

    .sum-table tfoot tr {

        padding: 5px;

        height: auto;

        padding-right: 10px;

    }

    .sum-table tfoot td .form-control {

        width: calc(100% - 35px);

        padding: 0px 1px;

        background-image: none;

    }

    .cart-input-icon {

        padding:5px 2px;

        margin-bottom: 1px;

        margin-left: 1px;

    }

    /*購物清單 手機板 下拉icon*/

   .shopping-title-up{

        cursor: pointer;

        border-bottom: solid 1px #2f9459;

    }

    .shopping-title-up:after{

        content:'';

         display: inline-block;

        position:absolute;

        border-style: solid;

        border-width: 8px 5px 0 5px;

        margin:10px 8px;

        border-color: #000 transparent transparent transparent;

    }

    .shopping-title-up.active:after{

        border-width: 0px 5px 8px 5px;

        border-color: transparent transparent #000 transparent;

    }

    .shopping-form .btn.select-store {

        height: 25px;

        line-height: 25px;

        font-size: 12px;

        padding: 0 5px;

        border-radius: 0;

    }

    .plus-list .item {

        width: 48%;

        margin: 0 2px;

    }

    .btn.normal .ic {

        display: none;

    }

    .btn.normal {

        border-radius: 10px;

        padding: 0px 1.25%;

        width: 47%;

        display: inline-block;

        clear: inherit;

        min-width: inherit;

        font-size: 10px;

        letter-spacing: 0;

    }

    .plus-bth{

        padding:3px 10px;



    }

    .plus-list .qty-box{

        margin: 0;

        padding: 0;

        width: 60px;

     }

    .plus-list .qty-box .ibtn{

        display: none;

    }

    .plus-list .price b{

        font-size: 16px;

    }

    .success-wrap{

        padding: 0 0 10px

    }

    .shopping-form .same-check label{

        padding:3px 5px;

        font-size: 14px;

        line-height: 1.45;

    }

    .invoice-form .form-box,.invoice-txt{

        padding:5px 15px;

    }

    .success-msg{

        font-size: 16px;

        letter-spacing: 0.5px;

        line-height: 1.45;

        margin-bottom: 5px;

    }

    .btn.normal.other_order{

        font-size: 10px;

        line-height: 1.8;

    }

    .plus-box{

    margin-top: 30px;

   }

   .invoice-info-all{

    margin-top: 30px;

}

}

/*@media screen and (max-width: 767px) {

    .shopping-step li {

        font-size: 15px;

        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 .indent .img .pic {

        left: 0;

    }

    .cart-table .indent .info {

        padding-left: 0;

    }

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

    }

}

@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;

    }

}

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

    .shopping-form .form-box {

        padding: 15px;

    }

}



*/





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

    .payment label, .invoice-info label {

        display: block;

        margin: 0 0 10px;

    }

}

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

    .cart-table del .cart-rate{

        display: none;

    }

    .shopping-title .icon{

        display: none;

    }

    .shopping-title-up:after {

        margin: 6px 8px;

    }

}