﻿a{text-decoration:none;}
span{font-size:13px;}
.box-cart{overflow:hidden;}
.cart-left{
        width: 70%;
        float:left;
        overflow: hidden;
}
.header-cart{
    width: 100%;
    background: #ffffff;
    font-size: 14px;
}
.header-stt{
     width: 7%;
    display: inline-block;
    padding: 5px 0;
    text-align: center;
}
.header-product{
    width: 40%;
    display: inline-block;
    padding: 5px 0;
    text-align: center;
}
.header-price{
    width: 15%;
    display: inline-block;
    padding: 5px 0;
}
.header-quantity{
    width: 16%;
    display: inline-block;
    padding: 5px 0;
     text-align: center;
}
.header-total{
    width: 20%;
    display: inline-block;
    padding: 5px 0;
    text-align: center;
}

.row-cart{
    display: table;
    margin:5px 0;
    width:100%;
    background: #fff;
}
.row-stt{
    width: 7%;
    display: table-cell;
    vertical-align: middle;
    padding: 5px;
    text-align: center;
}
.row-product{
    width: 33%;
    display: table-cell;
    vertical-align: top;
    padding: 10px 5px;
}
.row-img{
    width: 35%;
    float: left;
}
.row-info-right{
    width: 65%;
    float: left;
    padding-left: 10px;
}
.row-img img{max-width:100%;}
.row-price{
        width: 12%;
    display: table-cell;
    vertical-align: top;
    padding: 5px 10px;
}
.row-quantity{
     -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 16%;
    display: table-cell;
    vertical-align: top;
    padding: 5px 10px;
}
.row-quantity input{
    width: 60px;
    height: 30px;
    border: 1px solid #ccc;
    text-align: center;
    margin-left: 0;
}
.row-total{
    width: 16%;
    display: table-cell;
    vertical-align: top;
    padding: 5px 10px;
    text-align: right;
}
.tru-sl{
   background: #eff0f5;
   position:relative;
   padding: 5px 15px;
   margin-right: 5px;
   cursor:pointer;
   transition: all .2s;
}
.tru-sl:before{
    position: absolute;
    content: "";
    top: 14px;
    left: 7px;
    background: #000;
    width: 15px;
    height: 1px;
    
}
.cong-sl{
      background: #eff0f5;
   position:relative;
   padding: 5px 15px;
   margin-left: 5px;
   cursor:pointer;
   transition: all .2s;
}
.cong-sl:before{  position: absolute;
    content: "";
    top: 14px;
    left: 7px;
    background: #000;
    width: 15px;
    height: 1px;}
.cong-sl:after{  position: absolute;
    position: absolute;
    content: "";
    top: 7px;
    left: 14px;
    background: #000;
    width: 1px;
    height: 15px;

}
.cong-sl:hover, .tru-sl:hover{
    background:#dadada;
}
.cong-sl:hover:before, .cong-sl:hover:after,
 .tru-sl:hover:before{
    background:#fff;
}
.cart-right{
    overflow: hidden;
    width: 30%;
    float: left;
    padding-left:20px;
  }
.ttl-bill{
    margin-bottom: 10px;
    color: #212121;
    font-weight: 300;
    font-size: 20px;
}
.totalpayment{background: #fff;padding: 30px 10px;}
.total-temp{font-size: 14px;color: #757575;margin-bottom: 10px;}
.payment-cart{background:#fff;margin-bottom: 35px;}
.check-row{display: flex;justify-content: space-between;}
.th-cartbutton{    
    background: #1179a4;
    border: none;
    color: #fff;
    padding: 5px 35px;
    cursor: pointer;
}
.th-cartbutton:hover{
    background:#0b5675;
}
.checkout-order-total-title{
    display: inline-block;
}
.checkout-order-total-fee{
    display: inline-block;
    float: right;
}
.total-mb{display:none;}
@media (max-width:768px){

}
@media screen and (max-width: 425px){
.cart-left {
    width: 100%;
    float: none;
    overflow: hidden;
}
.row-product{overflow:hidden;width: 90%;display: block;}
.header-cart{display:none;}
.cart-right{
    overflow: hidden;
    width: 100%;
    float: none;
    padding-left: 0px;
}
.row-price{display:block;width:100%;text-align: right;}
.row-quantity{display:block;width:100%;text-align: right;}
.row-total{display:block;width:100%;text-align: right;}
.total-mb{display:inline-block;}
.row-cart{position:relative;}
.btn-delete{position:absolute;top: 5px; right: 10px;}
}
@media (max-width:375px) {

}