@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.off{opacity: 0.6; background: #eee;border-bottom:1px solid #ddd;}
.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; flex-wrap: wrap; background: #333333; color: #FFFFFF;   align-items: center;box-shadow: 0px 0px 5px rgba(0,0,0,0.1)}

.cart-count-check{ max-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-area{flex:1;display: flex;padding: 0 20px;  }

.cart-count-price{ flex:1; font-size: 12pt;  color: #BA9E78 ; font-family: 'Anton'; text-align: right ;  margin-right: 10px}
.cart-count-price b{ font-size: 18pt;white-space: nowrap;   }
.cart-count-price-main{ white-space: nowrap;  }
.cart-count-price-sub{  font-size: 9pt; font-family: Arial, Helvetica, sans-serif;}
.cart-count-price-sub b{ font-size: 12pt!important;  font-weight: bold;}

.cart-count-link a{display: block; width: 100px; background: #CC0000; color: #FFFFFF; text-align: center;border-radius:50px; padding: 5px 0px; }

.cart-function{ padding: 10px 20px;}
.cart-function a{ cursor: pointer;}

@media screen and (max-width:600px) {  
    
    .cart-count{ padding: 0px!important;   flex-wrap: wrap; justify-content:space-between; background: #000; }
    .cart-count-price-area{flex:auto;order:1;  width: 100%;    background: #333333; padding: 10px 20px;display: flex; justify-content: space-between;   }
    .cart-count-price{  flex:none; margin-right: 0px}
    .cart-count-check{ order:2; padding: 10px;  }
    .cart-count-link{ order:3;  padding: 10px; }
    
    .cart-count-link{   }
}

 
@media screen and (max-width:100px) {  
    .cart-count-price-area{flex:1;display: block;  }
        
    .cart-count-price{ display: flex; align-items: center;  }
     
 
    .cart-count-price-main{order:2; flex:1; text-align: right;}
    .cart-count-price-sub{ order:1; flex:1;text-align: left; padding-left: 10px; }
    .cart-count-price-sub b{ font-size: 12pt!important;  font-weight: bold;}

}


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

    .cart-function{ padding: 10px 10px;}
}
 
@media screen and (max-width:468px) {  
 
}