@charset "utf-8";

.orderBox table input[type="text"]{
	width:360px;
}

.orderBox table input.box300{
	width:320px;
}

.orderBox table input.box230{
	width:250px;
}

.orderBox table input.box170{
	width:190px;
}

.orderBox table input.box150{
	width:170px;
}

.orderBox table input.box120{
	width:150px;
}

.orderBox table input.box80{
	width:110px;
}

/* .orderBox */
.orderBox {
/*	width:1024px;*/
	width:800px;
	margin:0 auto;
	clear:both;
}
.orderBox .tabBox {
/*	width:600px;*/
	margin:0 auto;
	clear:both;
	color:#f4f4f4;
	padding:20px 0 20px 0;
}
.orderBox table {
	width:100%;
	border:1px solid #232534;
	background:#FFFFFF;
	font-size:16px;
}


.orderBox table input,
.orderBox table select,
.orderBox table textarea {
  background: #FFFDF4 !important;
  border: 2px solid #D2BA85 !important;
  border-radius: 5px;
  color: #0C2245;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  text-align: left;
/*
  text-indent: 5px;
*/
  vertical-align: middle;
  padding-right:10px;
  
}



.orderBox table tr:nth-child(odd) {
    background:#dedede;
}

.orderBox table .trbg th,
.orderBox table .trbg td {
	background:#999999;
}
.orderBox table th {
	background-color:#5C5C6E;
	color:#FFFFFF;
	width:160px;
	text-align:center;
	border:1px solid #232534;
	padding:10px 20px;
	vertical-align:middle;
}
.orderBox table td {
	border-right:#5a5c68 1px solid;
	border-bottom:#5a5c68 1px solid;
	padding:10px 20px;
	color:#232434;
	vertical-align:middle;
}
.orderBox table td a {
	color:#232434;
}
.orderBox table th.nobor,
.orderBox table td.nobor {
	border-bottom:none;
}
.orderBox table.tab th {
	width:200px;
	border-right:#5a5c68 1px solid;
	border-left:#232534 1px solid;
	border-bottom:#232534 1px solid;
}
.orderBox table.tab {
	border-left:none;
}
.orderBox table.tab th.th01 {
	background:#fefefe;
	color:#232434;
	font-weight:normal;
	border-bottom:#232534 1px solid;
	border-right:#232534 1px solid;
}
.orderBox table.tab th.th02 {
	border-right:#232534 1px solid;
}
.orderBox table.tab td {
	width:180px;
	padding:6px 10px;
	text-align:center;
}
.orderBox table.tab td.disbg {
	background:#232534;
}
.orderBox table.tab td.td01 {
	text-align:right;
	border-right:#232534 1px solid;
}
.orderBox table td input.text01 {
	width:390px;
	line-height:20px;
	height:20px;
	padding:0 2px;
	color:#9795a1;
	border:#d6d7db 1px solid;
	background:#fefefe;
	font-size:13px;
}
.orderBox table td input.text02 {
	width:50px;
	line-height:20px;
	height:20px;
	padding:0 2px;
	color:#9795a1;
	border:#d6d7db 1px solid;
	background:#fefefe;
	font-size:13px;
}
.orderBox table td input.text03 {
	width:220px;
	line-height:20px;
	height:20px;
	padding:0 2px;
	color:#9795a1;
	border:#d6d7db 1px solid;
	background:#fefefe;
	font-size:13px;
}
.orderBox table td textarea {
	width:390px;
	height:120px;
	overflow:hidden;
	border:#d6d7db 1px solid;
	background:#fefefe;
	padding:2px;
}
.orderBox .btn {
	width:600px;
	margin:0 auto;
	overflow:hidden;
	clear:both;
}
.orderBox .btn li a {
	width:131px;
	height:31px;
	display:block;
	border:none;
	line-height:31px;
	cursor:pointer;
	color:#fefefe;
	font-size:15px;
	font-weight:bold;
	text-align:center;
}
.orderBox .btn li a:hover {
	text-decoration:none;
}

.orderBox .btn li input {
	width:131px;
	height:31px;
	border:none;
	line-height:25px;
	cursor:pointer;
	color:#fefefe;
	font-weight:bold;
	text-align:center;
}

.orderBox  .btnArea {
	width:100%;
	overflow:hidden;
	clear:both;
	padding-bottom:40px;
}
.orderBox .btnArea li {
	float:left;
	padding:0 20px 0 0;
}
.orderBox .btnArea li a {
	width:131px;
	height:31px;
	display:block;
	border:none;
	line-height:31px;
	cursor:pointer;
	color:#fefefe;
	font-size:15px;
	font-weight:bold;
	text-align:center;
}
.orderBox .btnArea li a:hover {
	text-decoration:none;
}

.orderBox .btnArea li.long a {
    display:block;
    width:210px;
    height:31px;
    background-size: 210px 30px;
	border:none;
	line-height:31px;
	cursor:pointer;
	color:#fefefe;
	font-size:15px;
	font-weight:bold;
	text-align:center;
}
.orderBox .btnArea li.long a.on,
.orderBox .btnArea li.long a:hover {
    background-size: 210px 30px;
    text-decoration:none;
}

.orderBox .btnArea li.li01 {
	width:250px;
}
tr.stockout td{
	background-color: #ccc;
	text-decoration:line-through;
}

.required-mark {
    color: red;
}