@media (min-width: 1001px) {
	.header {width:1200px;text-align:right;margin:0 auto;}
	.login_box {margin:30px auto;width:290px;font-size:20px;}
	.list {width:290px;}
	.list > li {width:145px;}
	._box, footer {width:1200px;margin:30px auto;}
	.floatLeft > div {float:left;}
	.step1_top > div:nth-child(2) > ul > li {float:left;margin-left:20px;}
	.step_top {background-color:#e4e4e4;display:block;width:100px;height:40px;border-radius:3px;border:1px solid #b5b5b5;text-align:center;font-size:18px;padding-top:5px;color:#000;}
	.divtb{
		display: table;
	}
	.divtr {
		display: table-row;

	}	
	.divtd {
		display: table-cell;
		margin-left:10px;
		
	}

	.step1_1_row2 > div {padding-right:50px;}
	.step1_1_row2 > div > div {padding-top:50px;}
	.fast_box {width:105px;margin:0 auto;background-color:#ffb100;border-radius:5px;}
	.divtb2{
		display: table;
	}
	.divtr2 {
		display: table-row;

	}	
	.divtd2 {
		display: table-cell;
		padding:10px 10px 10px 10px;
		border:1px solid #ddd;
	}
	.divtb3{
		width:100%;
		display: table;
		text-align:center;
	}
	.divtr3 {
		display: table-row;

	}	
	.divtd3 {
		display: table-cell;
		padding:10px 10px 10px 10px;
		border:1px solid #ddd;
	}
	.divtd3_clear{
		width:70px;
	}
	
}
@media (max-width: 1000px) {
	.header {width:100%;text-align:right;margin:0 auto;}
	.login_box {margin:30px auto;width:80%;font-size:55px;}
	.list {width:100%;}
	.list > li {width:50%;}
	._box, footer {width:100%;margin:30px auto;}
	.step1_top > div{
		width:50%;
	}
	.floatLeft {text-align:center;}
	
	.floatLeft {width:100%;}
	.floatLeft > div {width:100%;}
	.step1_top > div:nth-child(2) > ul > li {float:left;width:100%;}
	.step_top {background-color:#e4e4e4;display:block;width:100%;height:40px;border-radius:3px;border:1px solid #b5b5b5;text-align:center;font-size:18px;padding-top:5px;color:#000;}
	
	.divtb {
		width:100%;
	
	}
	.divtr {
		border:1px solid #b5b5b5;
		width:100%;
		padding-bottom:10px;
	}
	.divtd {
		width:100%;
		padding-top:5px;

	}
	.fast_box {width:100%;margin:0 auto;background-color:#ffb100;border-radius:5px;text-align:center;}
	.divtb2{
		width:100%;
		text-align:center;
	}
	.divtr2 {
		border:1px solid #b5b5b5;
		width:100%;
		padding-bottom:10px;

	}	
	.divtd2 {
		width:100%;
		padding-top:5px;
	}
	.divtb3{
		width:100%;
		text-align:center;
	}
	.divtr3 {
		border:1px solid #b5b5b5;
		width:100%;
		padding-bottom:10px;

	}	
	.divtd3 {
		width:100%;
		padding-top:10px;
		padding-bottom:10px;
		border-top:1px solid #b5b5b5;
	}
	.divtd3 > label{
		width:100%;
		background-color:#ddd;
	}
	.divtd3_clear{
		width:100%;
	}
	
}
	

.clear {content:"";display:table;}
.clear:after{clear:both;}
.loginBox {width:960px;margin:0 auto;}
.loginBackgroud {background-image:url(../images/loginBackgroud.jpg);width:960px;height:320px;margin:0 auto;}

.list {list-style-type:none;border-bottom:1px solid #ddd;}
.list > li {float:left;}
.barcode, .account {cursor:pointer;text-align:center;}
.account_box  {display:none;}
.barcode_box > div, .account_box > div  {margin:30px 0;}
.spe {background-color:#a7a7a7;border-radius:3px 3px 0 0;color:#fff;}
.account_box > div:nth-child(3) {width:53px;margin:30px auto;}

header {height:50px;background-color:rgba(78, 78, 78, 0.85);}

.header > a > label {margin-top:5px;font-size:26px;color:#fff;cursor:pointer;}

.icon_list li {float:left;width:220px;height:220px;border-radius:10px;margin:0 30px;cursor:pointer;}
.icon_list li > label{font-size:80px;position:relative;top:50px;left:30px;color:#fff;cursor:pointer;}
.icon_list a:nth-child(1) > li {background-color:#fbb900;}
.icon_list a:nth-child(2) > li {background-color:#549013;}
.icon_list a:nth-child(3) > li {background-color:#4900fb;}
.icon_list a:nth-child(4) > li {background-color:#9e248a;}
.icon_list a:nth-child(5) > li {background-color:#fb0000;margin-top:60px;}

.step_top:hover {color:#fff;background-color:#f9d421;}
.step1_top {width:100%;margin-bottom:20px;}
.step1_top > div:nth-child(1) {float:left;}
.step1_top > div:nth-child(2) {float:right;}

.fastList ul {font-size:24px;}
.fastList li {margin:0 5px 10px;font-weight:bold;cursor:pointer;}
.fastList li:hover {background-color:#eee;}

.step2, .step3 {display:none;}

.step1_1_row1 > div {margin:0 0 20px 5px;}



.step2_2 {margin-top:10px;}
.step2_2 > table {text-align:center;width:100%;}
.step3_2 > table {text-align:center;width:100%;}

.step2 .floatLeft {margin:30px 0;}

#add {cursor: pointer;}
input[name="applyer"], input[name="sampling"], input[name="deliverer"] {width: 150px;}
.hiddenInput {margin-left:20px;}
input[name="purpose"], input[name="aging"], input[name="identifyCategory"] {display:none;}



.text16 {font-size:16px;}
.text16 input, .text16 select {font-size:14px;}
.text18 {font-size:18px;}
.text18 input, .text18 select {font-size:16px;}
.text20 {font-size:20px;}
.text20 input, .text20 select {font-size:18px;}
.text24 {font-size:24px;}
.text24 input, .text24 select {font-size:22px;}
.text44 {font-size:44px;}

.text16 > label, .text18 > label, .text20 > label, .text44 > label {font-weight:900}

table td {border:1px solid #ddd;padding:20px 9px;}
input, select {border-radius:5px;border:1px solid #ddd;}
input {padding-left:5px;}
input[type="date"] {line-height: normal;}
a, a:hover {text-decoration:none;}

table {width:1200px;}

.input-small {width:145px;}

.testItem {display:none;}
.testItem_ {margin-left:40px;display:none;}
.testItem_ span {padding:10px 20px;display:inline-block;font-size:22px;font-weight:900;width:250px;}

.testItem_a, .testItem_a:hover{color:#000;}


.fast_box  > div {margin:0 3px 0 5px;}
.fast_box a {color:#000;}
#add{
	width:100%;
	border:1px solid #b5b5b5;
}

