
.cart_contain{width: 90%;border: 1px solid #ddd;padding: 20px;margin: 30px 5%; }

.shipping{ padding-bottom: 30px; position: relative; }
.shipping::before{ content: "付款方式"; border-bottom: 1px solid #ddd; margin-bottom: 25px; }
/*ul.cart{ display: none; }/*預設收起購物車*/
.open_list{ position:absolute; right:13px; bottom:13px; padding:0 10px;background-color:#eee; color: #333; line-height:30px; }
.open_list::before{ display:inline-block;vertical-align:middle;content:"展開項目 "; }
._close::before{ display:inline-block;vertical-align:middle;content:"收合項目 ";}

.customer_info{ background-color: #fff; padding: 25px 20px 20px; }
.customer_info::before{ content: "會員資料"; display: block; font-size: 20px; padding: 0 3px 15px; border-bottom: 1px solid #ddd; margin-bottom: 15px; }
.customer_info_item{ padding: 10px 0; display: table; width: 100%; position: relative;}
.customer_info_tag{ display:table-cell; vertical-align:middle; padding-right:13px; width:70px;}
.customer_info_input{ display: table-cell;}
#registerForm .customer_info_input > input{ width: 100%; height: 35px; background-color: #f7f7f7; }
.customer_info_input > textarea{ width: 100%; height: 100px; background-color: #f7f7f7; border: 0; padding: 5px; }
.customer_title{ width: 100%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 35px 5px 10px 5px; font-size: 20px; }
.same_info{ width: 100%; border-bottom: 1px solid #ddd; padding: 0 0 10px; font-size: 14px; margin-top: -10px}
.same_info input{ width: initial; }

.customer_info_input > label{ display: inline-block; padding-right: 15px; }
.customer_info_input label input{ margin: 5px 10px 5px 5px; width: auto; }
.addchose{display:inline-block;}
.addchose + input{width:auto;}
.btn_contain{text-align: center;padding: 20px 0;}
.next_btn{background: #99CCFF;color: #fff;width: 100px;text-align: center;margin: 0 2%;width: 125px;height: 45px;cursor: pointer;border: 0;color: #fff;font-size: 16px;letter-spacing: 1px;}
.customer_info_tag.mark::before{display:inline-block;content: "＊";color: red;font-size: 15px;position: absolute;left: -15px;top: 16px;}

@media screen and (min-width: 768px){
	.cart_top{display: block;}
	.cart_top::after{content:'';display: block;clear:both;}
	.cart_title_div{float: left;padding-left: 20px;}
	.cart_locate_div{padding: 30px 3%;text-align: right;}
	.index_icon{height: 20px;}
	.cart_wrap{position:relative;max-width:1200px;margin:0 auto;}
	.customer_br{width: 30% !important;} 
}

@media screen and (max-width: 767px){
	.cart_container{padding-bottom: 20px;}
	.cart_contain {width: 90%;border: 1px solid #ddd;padding: 0;margin: 30px 5%;}

	.customer_info{ padding: 15px 10px 10px }
	.customer_info_tag,.customer_info_input{display:block;}
	.customer_info_input > label{ padding: 5px 2px; } 
	#addchose > div:first-child, #delivery_addchose > div:first-child{ width: 75px; }
	.addchose + input{width:100%;}
	.shipping::before{ margin-bottom: 10px; }
	
	.open_list{ right:50%; bottom:-27px; font-size:.9em; margin-right: -40px;}
	.customer_info_item{ padding: 8px 0; }
	.address > .customer_info_input{ margin-top: 8px; }
	.address,.address > *{ display: block; width: 100%; }
	/*.customer_info_input > input{ margin-bottom: 8px; }*/
	.customer_info_tag.mark::before{top: 7px;}

	.next_btn{ margin: 10px 4px; }

}






