@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; font-size:12px; line-height:24px; font-family:"微软雅黑"; background:#000 url(../images/bg.jpg) center center no-repeat; background-size:cover; background-attachment:fixed; position:relative;}
h1,ul,li,p{ margin:0; padding:0; list-style:none;}
a{ text-decoration:none; color:#fff;}
a:hover{ color:#be0707;}

header{ position:relative; width:180px;}
@media screen and (min-width: 800px){
	header{ left:3%; top:30px;}
	}
@media screen and (max-width: 799px){
	header{ left:6%; top:20px;}
	header img{ width:80%;}
	}
@media screen and (max-width: 480px){
	header{ left:4%; top:20px;}
	}
	
.check_box{ width:440px; height:auto; margin:0 auto; margin-top:200px;}
.check_box .tit{ color:#fff; text-align:center; font-size:22px;}
.check_box .tit span{ display:block; color:#CCC; text-align:center; font-size:15px;}
.check_box .check_bg{ width:320px; height:auto; background:rgba(255,255,255,0.5); border-radius:8px; margin-top:30px; padding:30px 60px;}
.check_box .check_bg .item{ margin:12px 0;}
.check_box .check_bg .item img{ margin-left:10px; margin-top:-3px;}
.check_box .check_bg input{ width:96%; height:36px; border:0; font-size:14px; border-radius:5px; padding:0 2%;}
.check_box .check_bg input[name=CheckNum]{ width:50%;}
.check_box .check_bg input[type=submit]{ width:100%; height:40px; margin-top:8px; font-size:16px; background:#be0707; color:#fff; -webkit-appearance : none ;}
.check_box .btm{ text-align:center; margin-top:15px; font-size:14px;}
.check_box .btm a,.check_box .btm span{ color:#fff; margin:0 5px;}
.check_box .btm a{ text-decoration:underline;}
.check_box .btm a:hover{ color:#be0707;}
.check_box .zhu{ text-align:center; margin-top:20px; font-size:12px; line-height:18px; color:#999;}
.check_box .zhu a{ text-decoration:underline;}
@media screen and (max-width: 480px){
	.check_box{ width:100%; margin-top:120px;}
	.check_box .tit{ font-size:18px;}
	.check_box .check_bg{ width:92%; border-radius:0; padding:20px 4%;}
	}
@media screen and (max-width: 360px){
	.check_box{ width:100%; margin-top:80px;}
	}
	
.result_box{ width:800px; height:auto; margin:0 auto; margin-top:200px;}
.result_box .result{ background:rgba(255,255,255,0.5); border-radius:3px; padding:5px;}
.result_box .result table tr{ background::#f4f4f4; height:48px;}
table tr td{ font-size:14px;}
table tr th{ font-size:16px; height:56px;}
@media screen and (max-width: 480px){
	.result_box .result_1,.result_box .result_2{ display:none;}
	.result_box .result_3{ display:block;}
	.result_box{ width:100%; margin-top:80px;}
	.result_box .result{ border-radius:0; padding:10px 4%;}
	}
@media screen and (max-width: 799px) and (min-width: 481px){
	.result_box .result_1,.result_box .result_3{ display:none;}
	.result_box .result_2{ display:block;}
	.result_box{ width:100%; margin-top:80px;}
	.result_box .result{ border-radius:0; padding:10px 10%;}
	}
@media screen and (min-width: 800px){
	.result_box .result_2,.result_box .result_3{ display:none;}
	.result_box .result_1{ display:block;}
	}
.result_box .btm{ text-align:center; margin-top:15px; font-size:14px;}
.result_box .btm a,.result_box .btm span{ color:#fff; margin:0 5px;}
.result_box .btm a{ text-decoration:underline;}
.result_box .btm a:hover{ color:#be0707;}