@charset "utf-8";
.pro-qty-cart {
	margin:20px 0;
	position:relative;
}
/*
.pro-de-qty {
	position:absolute;
	top:0;
	left:0;
	display:inline-block;
}
*/
.num-txt {
	border: none;
	width: 3em;
	background: none;
	text-align:center;
	color: #666;
}

.pro-de-qty .qtyminus{
	min-width:35px;
}

.addcart-btn {
	border:1px solid #CCC;
	background:#666;
	color:#ffffff;
	cursor:pointer;
	/*
	font-size:1em;
	width:100%;
	vertical-align:middle;
	height:35px;
	line-height:28px;
	*/
	transition:All 0.2s ease-out;
	-webkit-transition:All 0.2s ease-out;
	-moz-transition:All 0.2s ease-out;
	-o-transition:All 0.2s ease-out;
}

.addcart-btn:hover{
	background:#810000;
}

.addcart-btn:focus{
	background:#666;
}

/* === cart 購物車 ================================================================
================================================================================*/
.sec-cart{ margin:30px 0 90px 0;}

/*---------------------*/

.sec-explain-cart{ 
	font-size:0.9em;
	background:rgba(209,209,209, 0.05);
	padding:10px;
}

.cart-item{ 
	position:relative;
	padding:10px;
	margin:10px 0;
	background:rgba(209,209,209, 0.1);
	border:1px solid rgba(102,102,102, 0.5);
	color:#666666;
}
.cart-item:before, .cart-item:after{ display:table; content:" " }
.cart-item:after{ clear:both }

.cart-item a{ color:#666666; }
.cart-item a:hover{ color:#333333; }

.cart-item-pic{
	float:left;
	width:13%;
	margin-right:2%;
	text-align:center;
}

.cart-item-pic img{ display:inline-block; width:100%; max-width:100px; height:auto;}

.cart-item-title {
	float:right;
	width:85%;
	padding:0px 40px 10px 0;
	margin-bottom:10px;
	border-bottom:1px solid rgba(102,102,102, 0.3);
}

.cart-item-intro {
	float:right;
	width:50%;
	margin-right:35%;
	font-size:0.8em;
}
.cart-item-intro li{ float:left; width:50%;}

.delete-btn{
	position:absolute;
	top:10px;
	right:10px;
	width:30px;
	height:30px;
}

.cart-item .btn-close:before , .cart-item .btn-close:after{
	width: 20px;
	height: 2px;
	margin-top: -1px;
	margin-left: -10px;
}

.cart-quantity {
	position:absolute;
	bottom:10px;
	/*right:130px;*/
	right: 10px;
	font-size:0.85em;
}

.cart-total{
	position:absolute;
	bottom:10px;
	right:10px;
	font-size:1em;
}

/*---------------------*/

.payment-method li{padding:0px 5px 10px 5px;}

.payment-selt{display:inline-block; width:150px;}

.payment-txt{
	border-top:1px solid rgba(102,102,102, 0.3); 
	font-size:0.8em; 
	color:#666;
	margin-top:10px;
}

.payment-txt-content{ margin:10px 0;}

/*刪除或關閉鈕*/
.btn-close:before, .btn-close:after{
	position: absolute; top: 50%; left: 50%;
	background: rgba(128,128,128,0.8);
	content: '';
	display: inline-block;
	height: 3px;
	width: 26px;
	margin-top: -2px;
	margin-left: -13px;
	
	transition:All 0.5s ease;
	
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.btn-close:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.btn-close:hover:before, .btn-close:hover:after{background:#e6d9b4;}

.btn-close-txt{ display:none;}


.price-org { color: #999; text-decoration:line-through; }
.price-sp { color: #c00; font-weight: 600; font-size: 1.1em; font-family: arial, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; }
/*---------------------*/

@media (max-width: 768px) {
	.cart-item-pic img {max-width:50px;}
	/*.cart-item-intro{ display:none; }
	.cart-quantity , .cart-total{ position:static; float:left; }
	.cart-quantity{ margin-right:20px;}
	*/
}
@media (max-width: 767px) {
	.pro-de-addcart button { font-size: 1.5em; height: 2em; }
	.pro-de-qty input { font-size: 1.5em; }	
}
@media (max-width: 480px) {
	.cart-item-pic{ display:none;}
	.cart-item-title{ width:100%;}
	.cart-item-intro { width: 100%;position:static; float:left; }
	.cart-quantity { position:static; float:left; }
	.cart-quantity{ margin-right:20px;}

}