@import url("base.css");

/*-----------------------------------------------
	order
-----------------------------------------------*/
#order{
	background:url(../img/order/title_bg.gif) left top no-repeat;
}

/*++++++++++++++++++++++++++++
	top_text
++++++++++++++++++++++++++++*/
#order .top_text{
	width:770px;
	padding-bottom:60px;
	font-size:14px;
	line-height:20px;
	font-family: Verdana;
	padding-left: 28px;
}

/*++++++++++++++++++++++++++++
	step_box
++++++++++++++++++++++++++++*/
#order .step_box{
	padding:0px 20px 20px;
	color:#4B3918;
}

/*++++++++++++++++++++++++++++
	step_title
++++++++++++++++++++++++++++*/
#order .step_title{
	font-size:15px;
	font-weight:bold;
	line-height:20px;
	padding:4px 0 8px;
	color:#333333;
}
#order .step_title .title{
	float:left;
	padding-right:6px;
	font-weight:bold;
}
#order .step_title .ext{
	font-size:13px;
	font-weight:normal;
	display:block;
	float:left;
}

#order input.input_check{ *margin:0 -2px; }

/*-----------------------------------------------
	step1
-----------------------------------------------*/
/*++++++++++++++++++++++++++++
	goods_block
++++++++++++++++++++++++++++*/
#step1 .goods_block{
	padding:25px 0 20px;
	background:url(../img/order/step_line.gif) top repeat-x;
}
#step1 .goods_block .goods_title{
	padding-bottom:4px;
}
#step1 .goods_block .goods_text{
	font-size:15px;
	padding-bottom:10px;
}
#step1 .goods_block .font_red{
	color:#FF0000;
}

/*++++++++++++++++++++++++++++
	goods_item_list
++++++++++++++++++++++++++++*/
#step1 .goods_item_list{
	height:100%;
}

/*++++++++++++++++++++++++++++
	goods_item
++++++++++++++++++++++++++++*/
#step1 .goods_item{
	color:#4B3918;
	padding:4px 0 0;
}
#step1 .goods_item#goods3_2{
	padding:25px 0 0;
}
#step1 .goods_item#goods3_3{
	padding:25px 0 20px;
}

#step1 .goods_item .input_area{
	font-size:14px;
}
#step1 .goods_item .input_area table {
	text-align:left;
	margin-bottom:20px;
	width:100%;
}
#step1 .goods_item .input_area table .name{
	font-size:15px;
	font-weight:bold;
	line-height:20px;
	text-align:left;
}
#step1 .goods_item .input_area table .item_name{
	text-align:left;
	padding:1px 0px 1px 0;
	font-family:Verdana, "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
}
#step1 .goods_item .input_area table .item_count{
	text-align:right;
}
#step1 .goods_item .input_area table .item_count_t{
	width:30px;
}

#step1 .goods_item_side{
	height:100%;
}
#step1 .goods_item_side .photo{
	float:left;
	width:224px;
}
#step1 .goods_item_side .input_area{
	float:left;
	padding-right:40px;
}
#step1 .goods_item_side .input_area table .name{
	line-height:20px;
}
#step1 .goods_item_side .input_area table .item_name{
}

#step1 .goods_item_length{
	width:206px;
	padding-right:50px;
	float:left;
}
#step1 .goods_item_length .photo{
}


#step1 .goods_item .input_area_t1{
	padding-top:28px;
	width:220px;
}
#step1 .goods_item .input_area_t1 table .name{
	padding-bottom:12px;
}
#step1 .goods_item .input_area_t2 table .name{
	padding-bottom:12px;
}
#step1 .goods_item .input_area_t3{
	padding-top:10px;
	width:300px;
	padding-right:10px;
}
#step1 .goods_item .input_area_t3 table{
	margin-bottom:12px;
}
#step1 .goods_item .input_area_t3 table .item_count{
	padding-right:40px;
}
#step1 .goods_item .input_area_t3 table .name{
}
#step1 .goods_item .input_area_t4{
	width:425px;
}
#step1 .goods_item .input_area_t4 table{
	margin-bottom:0;
}
#step1 .goods_item .input_area_t4 td.item_check,
#step1 .goods_item .input_area_t4 th.item_name,
#step1 .goods_item .input_area_t4 td.item_count{
	padding-bottom:4px;
}

#step1 .goods_item .input_area_t5{
	padding-top:30px;
	padding-right:20px;
}
#step1 .goods_item .input_area_t5 table{
	width:200px;
}
#step1 .goods_item .input_area_t6{
	padding-top:20px;
	padding-bottom:40px;
}
#step1 .goods_item .input_area_t6 table{
	width:190px;
	margin-bottom:0px;
}
#step1 .goods_item .input_area_t9{
	padding:32px 0 0;
	width:515px;
}
#step1 .goods_item .input_area_t10{
	padding:18px 0 0;
	width:435px;
}
#step1 .goods_item .input_area_t11{
	padding:0;
	width:290px;
}
#step1 .goods_item .input_area table .item_count2{
	text-align:left;
	padding-left:15px;
}



/*++++++++++++++++++++++++++++
	goods_mix_block
++++++++++++++++++++++++++++*/
#step1 .goods_mix_block{
	padding:25px 0 20px 270px;
	font-size:13px;
	background:url(../img/order/step_line.gif) top repeat-x;
}
#step1 .goods_mix_block .title{
	padding-bottom:6px;
}
#step1 .goods_mix_block .input_area{
	line-height:20px;
}
#step1 .goods_mix_block .name{
	font-size:15px;
	font-weight:bold;
}
#step1 .goods_mix_block .ext{
	font-size:12px;
}

/*-----------------------------------------------
	step2
-----------------------------------------------*/
/*++++++++++++++++++++++++++++
	main_box
++++++++++++++++++++++++++++*/
#step2 .main_box{
	font-size:15px;
	font-weight:bold;
	line-height:20px;
	padding:25px 0 60px;
	background:url(../img/order/step_line.gif) top repeat-x;
}
#step2 .main_box label{
	padding-right:10px;
}

/*-----------------------------------------------
	step3
-----------------------------------------------*/
/*++++++++++++++++++++++++++++
	main_box
++++++++++++++++++++++++++++*/
#step3 .main_box{
	font-size:13px;
	line-height:18px;
	color:#333333;
	padding:16px 18px 0;
	background:url(../img/order/step_line.gif) top repeat-x;
}
#step3 .form_text{
	font-size:12px;
	line-height:16px;
}
#step3 .link_btn{
	padding:20px 0 20px;
}
#step3 .link_btn a{
	padding-left:14px;
	background:url(../img/order/ya.gif) left no-repeat;
}
#step3 .ind{ color:#990000; }
#step3 .main_box table.order_table{
	width:600px;
	background:#C0BBB6;
	margin-bottom:20px;
}
#step3 .main_box table.order_table th{
	background:#FDE4DB;
	padding:16px 0 16px 12px;
	text-align:left;
	width:135px;
}
#step3 .main_box table.order_table th.th2{
	width:70px;
	padding:14px 0 14px 14px;
	text-align:left;
	background:#FFFBF0;
}
#step3 .main_box table.order_table td{
	background:#FFFFFF;
	padding:10px 0 10px 10px;
	line-height:20px;
}
#step3 .main_box table.order_table td input.input_check{
	*margin:0 -4px 0 -2px;
}
#step3 .main_box .font_b{ font-weight:bold; }
#step3 .main_box .mini{ font-size:12px; display:block; padding:4px 0 0; }
#step3 .main_box input.default_text{ color:#BBBBBB; }
#step3 .main_box input.text40{ width:35px; }
#step3 .main_box input.text115{ width:110px; }
#step3 .main_box input.text340{ width:330px; }
#step3 .main_box input.text420{ width:400px; }
#step3 .main_box table.order_table input.input_text{
	padding:2px;
}
/*-----*/
.remarkBox{
	width:600px;
	padding-top:5px;
}
.titRemark{
	width:598px;
	border:#C0BBB6 1px solid;
	text-align:center;
}
.titRemarkIn{
	font-size:12px;
	line-height:16px;
	padding-bottom:5px;
	text-align:left;
	width:600px;
}
.remarkTextBox{
	padding:5px 0px 10px;
}
.titRemark01{
	text-align: left;
	width:600px;
	font-size:12px;
	padding-bottom:3px;
	display:block;
}
.remarkTextBox textarea{
	width:420px;
	height:120px;
	border:1px solid #7F9DB9;
	display:block;
}
/*-----*/

#step3 .main_box .form_btn {
	padding:10px 0 35px;
	width:600px;
	text-align:center;
}
#step3 .main_box .form_btn .bt_co{
	width:113px;
	height:36px;
	cursor:pointer;
	border:none;
	background:url(../img/order/bt_co.gif) left top no-repeat;
}
#step3 .main_box .form_btn .bt_co:hover{ background-position:right top; }
#step3 .main_box .form_btn .bt_ok{
	width:113px;
	height:36px;
	display:block;
	margin:0 auto;
	background:url(../img/order/bt_ok.gif) left top no-repeat;
}
#step3 .main_box .form_btn .bt_ok:hover{ background-position:right top; }

#step3 .main_box .form_btn .link_btn{
	font-size:15px;
	font-weight:bold;
}

/*-----------------------------------------------
	order_error
-----------------------------------------------*/
#order_error{
	font-size:13px;
	line-height:20px;
	padding:0 38px 40px;
}
#order_error .error_msg{
	font-size:15px;
	font-weight:bold;
	color:#990000;
	padding-bottom:20px;
}
#order_error .link_btn a{
	padding-left:14px;
	background:url(../img/order/ya.gif) left no-repeat;
}

/*-----------------------------------------------
	step1_co
-----------------------------------------------*/
/*++++++++++++++++++++++++++++
	main_box
++++++++++++++++++++++++++++*/
#step1_co .main_box{
	font-size:13px;
	line-height:18px;
	font-family:Verdana , "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	color:#333333;
	padding:20px 18px 0;
	background:url(../img/order/step_line.gif) top repeat-x;
}
#step1_co .ind{ color:#990000; }
#step1_co .main_box table.goods_table{
	width:800px;
	background:#C0BBB6;
	margin-bottom:20px;
}
#step1_co .main_box table.goods_table th{
	padding:10px 10px 14px;
	text-align:left;
}
#step1_co .main_box table.goods_table td{
	background:#FFFFFF;
	padding:10px;
}


#step1_co .main_box table.goods_table thead th{
	background:#FDE4DB;
	font-size:15px;
	font-weight:bold;
}
#step1_co .main_box table.goods_table tbody th{
	background:#FBF6EA;
	color:#4B3918;
	font-size:15px;
}
#step1_co .main_box table.goods_table tbody th a{ color:#4B3918; }
#step1_co .main_box table.goods_table tbody th a:hover{ color:#735724; }
#step1_co .main_box table.goods_table tfoot th{
	background:#FDE4DB;
	font-size:15px;
	font-weight:bold;
}
#step1_co .main_box table.goods_table tfoot td{
	text-align:right;
	font-size:15px;
}
#step1_co .main_box table.goods_table .name{ text-align:left; }
#step1_co .main_box table.goods_table .pack{ width:110px; text-align:right; }
#step1_co .main_box table.goods_table .s_money{ width:80px; text-align:right; }
#step1_co .main_box table.goods_table .num{ width:50px; text-align:right; }
#step1_co .main_box table.goods_table .money{ width:80px; text-align:right; }


/*++++++++++++++++++++++++++++
	ok_text
++++++++++++++++++++++++++++*/
#ok_text{
	padding-bottom:350px;
	font-size:14px;
	line-height:18px;
	font-family: Verdana;
	padding-left: 28px;
}
#ok_text .font_bold{ font-weight:bold; }
#ok_text .font_red{ color:#990000; }
