@charset "utf-8";

.form_title{text-align: center;
	line-height: 40px;
	font-size: 24px;
	font-weight: 700;}

.main{margin: 120px 0 50px;
	min-height: calc(100vh - 300px);}

.item_box2{width: 50%;
	min-width: 600px;
	margin: 0 auto;
	text-align:center;}

.cart_area{position: relative;
	min-height: 50px;
	padding: 10px 0;}

.select_item_title{width: calc(100% - 20px);
	height: 40px;
	padding: 0 10px;
	margin-bottom: 5px;
	line-height: 40px;
	color: rgba(255,255,255,1.00);
	font-size: 16px;
	background: rgba(86,0,6,0.80);}

.cart_empty_box{width: 100%;
	line-height: 50px;
	text-align: center;
	background: rgba(255,243,142,1.00);
	position: absolute;
	z-index: 1;}

.cart_box{width: 100%;
	position: relative;
	z-index: 2;}
	
.item_block2{width: 100%;
	height: 50px;
	background: rgba(255,255,255,1.00);
	overflow: hidden;}
	
.item_name{width: calc(50% - 27px);
	margin-right: 5px;
	padding: 0 10px;
	line-height: 48px;
	font-size: 16px;
	text-align: left;
	border: rgba(0,0,0,0.30) solid 1px;
	float: left;}
	
.item_price{width: calc(15% - 27px);
	height: 48px;
	margin-right: 5px;
	padding: 0 10px;
	line-height: 48px;
	font-size: 14px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	border: rgba(0,0,0,0.30) solid 1px;
	float: left;}

.item_count{width: calc(15% - 27px);
	line-height: 48px;
	margin-right: 5px;
	padding: 0 10px;
	border: rgba(0,0,0,0.30) solid 1px;
	float: left;}

.subtotal{width: calc(20% - 27px);
	height: 48px;
	margin-right: 5px;
	padding: 0 10px;
	line-height: 48px;
	font-size: 14px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	border: rgba(0,0,0,0.30) solid 1px;
	float: left;}
	
.total_box{width: 30%;
	margin: 10px auto;
	border:rgba(0,0,0,0.30) solid 1px;}
	
.total_number{line-height: 48px;
	font-size: 16px;
	text-align: center;}
	
.btns{padding: 10px 0;
	position: relative;
	text-align: center;}

button.cart_btn{width: 200px;
	line-height: 40px;
	margin-top: 30px;
	cursor: pointer;}
	
button.cart_btn:hover{opacity: 0.7;}

.btn_back{width: 200px;
	margin: 30px auto 0;
	line-height: 40px;
	background: rgba(230,230,230,1.00);
	border-radius: 2px;
	border: rgba(0,0,0,1.00) solid 1px;}
	
.btn_back a{display: block;
	color: rgba(0,0,0,1.00);}
	
.btn_back a:hover{color: rgba(90,90,90,1.00);}

.input_box{padding-top: 20px;}

.cart_input1{width: calc(100% - 20px);
	padding: 0 10px;
	margin-bottom: 5px;
	line-height: 40px;
	font-size: 16px;
	background:rgba(112,112,112,1.00);
	color: rgba(255,255,255,1.00);}

.input_box table{width: 100%;}

.cart_table_td1{width: 25%;
	font-size: 16px;
	text-align: left;
	vertical-align: middle;}
	
.cart_table_td2{width: 75%;
	text-align: left;}

input.input1{width: 70%;
	padding: 10px;
	margin-top: 10px;}

.select1{line-height: 30px;
	padding: 5px;
	margin-right: 5px;
	font-size: 16px;}

.select_label{color: rgba(148,148,148,1.00);}

.text1,.text2{line-height: 30px;
	margin-right: 5px;
	font-size: 16px;}
	
.textarea1{width: calc(100% - 15px);
	height: 100px;
	line-height: 20px;
	padding: 5px;
	margin-top: 10px;
	resize: none;}
	
.textarea2{width: 70%;
	height: 100px;
	line-height: 20px;
	padding: 10px;
	margin-top: 10px;
	resize: none;}
	


@media screen and ( max-width:736px )
{
.cart_text1{width: 95%;
	margin: 0 auto;
	font-size: 14px;}

form{font-size: 14px;}

.item_box2{width: 90%;
	min-width: 0;
	margin: 0 auto;
	text-align:center;}


	
input.input_number{width: calc(100% - 7px);
	line-height: 38px;
	font-size: 14px;
	border: rgba(0,0,0,0.30) solid 1px;
	margin: 0;
	padding: 0;}

button.cart_btn{width: 200px;
	height: 40px;
	line-height: 40px;
	margin-top: 30px;
	cursor: pointer;}

.input_box{width: 95%;
	margin: 0 auto;
	padding-top: 20px;}

.select1{font-size: 13px;}

.text1,.text2{width:95%;
	line-height: 30px;
	margin-right: 0;
	font-size: 14px;}

.item_block2{height: 65px;
	margin-top: 10px;}

.item_name{width: calc(100% - 22px);
	margin-right: 0;
	margin-bottom: 5px;
	line-height: 28px;
	padding: 0 10px;
	font-size: 14px;}
	
.item_price{width: calc(30% - 27px);
	line-height: 28px;
	font-size: 12px;}

.item_count{width: calc(30% - 27px);
	line-height: 28px;
	font-size: 12px;}

.subtotal{width: calc(40% - 22px);
	margin-right: 0;
	line-height: 28px;
	font-size: 12px;}

.total_box{width: 70%;}

.cart_table_td1{width: auto;
	display: block;
	font-size: 16px;
	text-align: left;
	vertical-align: middle;}
	
.cart_table_td2{width: auto;
	display: block;
	text-align: left;}
	
input.input1{width: calc(100% - 20px);
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 10px;}
	
.textarea2{width: calc(100% - 20px);
	height: 100px;
	line-height: 20px;
	padding: 10px;
	margin-top: 5px;
	resize: none;}
}