@import url('https://fonts.googleapis.com/css?family=Anton');

 .header{ background: #CC0000}
.cart{ max-width: 1200px; margin: 0px auto; position: relative; padding: 0px; padding-bottom: 20px ;}
.cart-title{ background: #FFFFFF; padding: 15px; margin-top: 20px; display: block; font-weight: bold}

.cart-product-list{ background: #FFFFFF;   margin: 10px 0px; display: block;display:flex;flex-direction:column }

.cart-product{display: flex; border-bottom:1px solid #f1f1f1; padding: 10px 20px;   align-items: center}
.cart-product *{  }

.cart-product-photo{  margin: 0px 10px; width: 100px}
.cart-product-info{ flex:1;display: flex; align-items: center; flex-wrap: wrap}
.cart-product-name{flex:1}
.cart-product-name a.del{ display: block; font-size: 10pt; cursor: pointer; width: 50px}

.cart-product-price{  font-size: 10pt;  color: #FF0000;  font-family: 'Anton'; width: 100px; text-align: center }
.cart-product-price b{ font-size: 14pt;white-space: nowrap;   }
.cart-product-price del{ display: block;  font-size: 10pt;  color: #333333;   font-family: 'Anton'  }

.cart-product-quantity{ display: flex;  justify-content: center; width: 100px    }
.cart-product-quantity a{ width: 30px; background: #666666;  text-align: center;color: #FFFFFF; padding: 3px 0px; cursor: pointer;}
.cart-product-quantity input{flex:1; text-align: center; text-align: center; width: 40px;  font-size: 12pt;  }
.cart-product-del{  width: 50px; text-align: center; cursor: pointer; display: none; padding-top: 5px }
.cart-product-del i{font-size: 20pt;  }


.cart-product-check{}
.cart-product-check input{ border: 1px solid #CCCCCC; width: 20px; height: 20px; background: none;} 

.cart-count-div{ z-index: 3; width: 100%; left: 0px; position:relative; bottom:0px;  }
.cart-count{  max-width: 1200px; margin: 0px auto;padding: 10px 20px;   display: flex; background: #333333; color: #FFFFFF;   align-items: center;box-shadow: 0px 0px 5px rgba(0,0,0,0.1)}

.cart-count-check{ width: 100px}
.cart-count-check label{ cursor: pointer; font-size: 10pt; }
.cart-count-check label span{ display: inline-block; vertical-align: top; padding: 3px 5px;}
.cart-count-check input{ border: 1px solid #CCCCCC; width: 20px; height: 20px; background: none;} 

.cart-count-price{ font-size: 12pt; flex:1;color: #BA9E78 ; font-family: 'Anton'; flex: 1; text-align: right; margin-right: 20px}
.cart-count-price b{ font-size: 18pt;white-space: nowrap;   }
 
.cart-count-link a{display: block; width: 100px; background: #CC0000; color: #FFFFFF; text-align: center;border-radius:50px; padding: 5px 0px; }


.cart-empty{background: #FFFFFF; padding: 200px 10px; margin: 10px 0px; display: block; text-align: center; color: #CCCCCC}

.soldout{ } 
.soldout > *{opacity:0.5;  } 
.soldout .check{opacity:0}


.cart-note{ max-width: 1200px; margin: 0px auto;padding: 10px 20px;    background: #FFFFFF; margin-top: 10px; }
@media screen and (max-width:768px) {  
    .cart-count-div{  bottom:50px;  }
    .cart-product-name{ min-width: 100%; margin-bottom: 5px}

    .cart-product-name a.del{ display: none}

    .cart-product-price{  flex:1; text-align: left}
    .cart-product-price del{ display: inline-block; margin-left: 5px  }

    .cart-product-del{  display:block; }
    .cart-product-quantity{ flex:1; max-width: 100px;;   }
    .cart-product-quantity a{   padding: 3px 0px; }
    .cart-product-quantity input{ text-align: center; text-align: center; width: 40px; font-size: 10pt; padding: 0px;  }

    .cart-title{  margin-top: 0px; }

    .cart-product{ padding: 10px 10px; }
    .cart-product-photo{ width: 80px}
    .cart-product-check input{   width: 15px; height: 15px;} 

    .cart-count{  padding: 10px }
    
    .cart-count-check input{  width: 15px; height: 15px;} 
}
 
@media screen and (max-width:468px) {  
 
}