@charset "utf-8";
/* CSS Document */
/* ======= 全局 ======= */
*{margin:0px; padding:0px;}
body,html{font-size:14px; font-family:"宋体"; text-align:center; height:100%; background:#47bfd8 url(images/exam_bg_01.png) repeat-x top;}
img,iframe{border:none;}
ul,li,ol{list-style:none;}
input{outline:none;}
a{color:#00F;}
a:hover{color:#F00;}
a:visited{color:#800080;}
#container div.clear{clear:both; font-size:1px; height:0px; line-height:0px; border:none;}

/* ======= id ======= */
#container{text-align:left; margin:0px auto; height:100%; position:relative; overflow:hidden;}
#container #bg_img_div{height:100%;}
#container #bg_img_div img{height:100%; width:100%;}


#header{}
#header .logo{position:absolute; top:5%; left:5%; z-index:50;}
#header .logo2{margin-left:5%; margin-top:5px; float:left;}
#header .header_link{position:absolute; top:5%; right:5%; z-index:50;}
#header .header_link_a{background:url(images/exam_icon_return.png) no-repeat right 3px; display:block; padding-right:15px; color:#FFF; text-decoration:none;}
#header .header_link_a:hover{color:#FF0; text-decoration:underline; background:url(images/exam_icon_return.png) no-repeat right -24px;}
#header .header_pifu_div{margin-top:20px; padding-left:30px; background:url(images/pifu_set.png) no-repeat 0px 0px;}
#header .header_pifu_div a{text-decoration:none; line-height:20px; padding:0px 10px;}
#header .header_pifu_div a strong{font-weight:normal; border-right:1px solid #FFF; padding-right:10px;}
#header .header_pifu_a{display:block; background:url(images/exam_icon_return2.png) no-repeat 53px 6px; color:#FFF; border:1px solid #FFF; border-radius:3px;} 
#header .header_pifu_div #header_pifu_ul{display:none; text-shadow:none;}
#header .header_pifu_div #header_pifu_ul li a{display:block; line-height:20px; margin-right:20px; color:#666; background:#FFF;}
#header .header_pifu_div #header_pifu_ul li a:hover{color:#09C; background:#EFEFEF;}
#char_jindu{float:right; width:12%; min-width:100px; max-width:300px; height:54px; margin-top:8px; margin-right:2%;}
#char_jindu #char_jindu_left{float:left; width:4%; height:54px; background:url(images/char_jindu_bg.png) no-repeat 0px -159px;}
#char_jindu #char_jindu_line{background:url(images/char_jindu_bg.png) no-repeat 0px -244px; height:54px; float:left; width:92%;}
#char_jindu #char_jindu_right{float:right; width:4%; height:54px; background:url(images/char_jindu_bg.png) no-repeat -195px -80px;}
#char_jindu #char_jindu_ico{background:url(images/char_jindu_bg.png) no-repeat -9px -6px; height:54px; line-height:22px; text-align:center; font-size:10px; color:#666; width:35px;}
#typing_quite{float:right; margin-top:20px; margin-right:15%;}
#typing_quite a{ color:#FFF; display:block; padding:10px 10px 10px 30px; background:url(images/ks_typing_ico_bg.png) no-repeat 0px -505px; text-decoration:none;}
#typing_quite a:hover{color:#FF0;}
#group_typing_info{padding-right:1%; float:right; margin-top:10px; width:30%;}
.header_left{height:70px; position:absolute; z-index:99; top:0px; left:0px; width:100%; overflow:hidden;}
.header_left .logo2{float:left;}
.header_left .ks_hedui{float:left; height:28px; line-height:28px; color:#FFF; padding-left:10%; width:39%; margin-right:1%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.header_left #kaosheng{background:url(images/ks_typing_ico_bg.png) no-repeat 10% -577px;}
.header_left #wenzhang{background:url(images/ks_typing_ico_bg.png) no-repeat 10% -542px;}
.header_left #kaohao{background:url(images/ks_typing_ico_bg.png) no-repeat 10% -475px;}
.header_left #danwei{background:url(images/ks_typing_ico_bg.png) no-repeat 10% -442px;}
.user_info_top{float:right; margin-right:1%; line-height:27px; margin-top:9px; border:1px dashed #FFF; padding:0px 0.5%;}
.user_info_top strong{color:#C60; margin-right:10px;}
.user_info_top strong.leftmar{margin-right:20px;}
.user_info_top2{height:42px; line-height:42px; margin-top:15px;}
#daojishi_top{float:right; border:2px dashed #FFC; line-height:40px; margin:15px 0.5% 5px 0px; padding:0px 0.5%; color:#096; font-weight:bold;}

#content{}
#content.typing_content{background:#FFF; width:80%; margin-left:4%; overflow:hidden; padding:10px 20px 0px 20px; position:absolute; z-index:99; border-radius:5px;}
#content.typing_content .start_ts{font-weight:normal; color:#c03d21; font-size:12px; font-family:"微软雅黑","黑体"; height:20px; line-height:20px; padding:0px 0px 10px 24px;}
#info_form{ padding-top:70px;}
#content h2{font-size:40px; height:70px; font-family:"微软雅黑","黑体"; text-align:center; padding-bottom:10px; color:#FFF; text-shadow: 0 0 6px #43a5db , 0 0 6px #43a5db , 0 0 6px #43a5db , 0 0 6px #43a5db , 0 0 6px #43a5db , 0 0 6px #43a5db}
.form1{width:700px; height:500px; position:absolute; top:50%; left:50%; z-index:99; margin-left:-350px; margin-top:-295px;}
.form1 table{width:100%; line-height:40px;}
.form1 table tr td{padding:10px; text-align:center;}
.form1 table tr td.t1{ text-align:center;}
.form1 table tr td.t2{ text-align:left;}
.form1 table tr td.t3{ text-align:left; padding-left:80px;}
.form1 table tr td.t3 .user_bg{background:url(images/exam_icon_user.png) no-repeat 20px center; border-bottom:2px solid #CCC; padding-left:70px;  width:300px;}
.form1 table tr td.t3 #user{padding:3px 5px; height:40px; border:0px; line-height:40px; width:290px; font-size:24px;}
.form1 table tr td.t3 .pass_bg{background:url(images/exam_icon_password.png) no-repeat 25px center; border-bottom:2px solid #CCC; padding-left:70px;  width:300px;}
.form1 table tr td.t3 #pass{ border:0px; padding:3px 5px; height:40px; line-height:40px; width:290px; font-size:24px;}
.form1 table tr td.t3 .input_bg1{ background:url(images/input_text_bg.png) no-repeat 8px 15px;}
.form1 table tr td.t3 .input_bg2{background:url(images/input_text_bg.png) no-repeat 8px -25px;}
.form1 table tr td.t3 .input_bg3{background:url(images/input_text_bg.png) no-repeat 8px -65px;}
.form1 table tr td.t3 .input_bg4{background:url(images/input_text_bg.png) no-repeat 8px -105px;}
.form1 table tr td.t2 .none{font-size:14px; color:#666;}
.form1 table tr td.t2 .submit{background:url(images/exam_button_start.png) no-repeat center 0px; width:304px; height:60px; border:0px; text-indent:-9999px; display:block; margin-left:116px;}
.form1 table tr td.t2 .submit2{background:url(images/exam_button_start.png) no-repeat center -70px; cursor:pointer;}
.form1 table tr td .read_xuzhi{margin-left:108px; color:#666;}
.form1 table tr td .read_xuzhi a{color:#963;}
.form1 table tr td .read_xuzhi a:hover{color:#09C;}
.form1 table tr td.logo{ text-align:center; width:400px;}
.form1 table tr td.logo{ text-align:center; width:400px;}
.form1 .login_form_left{height:426px; background:url(images/exam_login_bg_lr.png) no-repeat 0px 0px; width:70px; float:left;}
.form1 .login_form_center{height:426px; background:url(images/exam_login_bg1.png) no-repeat 0px 0px; width:556px; float:left;}
.form1 .login_form_right{height:426px; background:url(images/exam_login_bg_lr.png) no-repeat 0px -470px; width:70px; float:left;}
.form1 .h3_title{text-align:center; padding:5px 0px;}
.form1 #ts_info{color:#bd7f0b;}
/*打字*/
#content .typing{margin-bottom:14px; font-size:14px; background:#f9f6f2; padding:5px 0px 5px 1%; position:relative; padding-left:1%; border-radius:5px}
#content .typing input,#content .typing .text{width:98%; background:#FFF; margin-bottom:5px; border:1px solid #eee4d7; padding:5px; font-size:30px; color:#999; font-weight:bold; font-family:"宋体"; white-space:nowrap;}
#content .typing .text{background:#f9f6f2; border:1px solid #f9f6f2;}
#content div.typing_on{ background:#faeede; box-shadow:0px 0px 10px #efe2d0,0px 0px 10px #efe2d0;}
#content div.typing_on .text{ background:#faeede; border:1px solid #faeede; color:#333;}
#content div.typing_on input{border:1px solid #c9a87c; color:#333;}
#content.font1 .typing input,#content.font1 .typing .text{font-size:29px;}
#content.font2 .typing input,#content.font2 .typing .text{font-size:28px;}
#content.font3 .typing input,#content.font3 .typing .text{font-size:27px;}
#content.font4 .typing input,#content.font4 .typing .text{font-size:26px;}
#content.font5 .typing input,#content.font5 .typing .text{font-size:25px;}
#content.font6 .typing input,#content.font6 .typing .text{font-size:24px;}
#content.font7 .typing input,#content.font7 .typing .text{font-size:23px;}
#content.font8 .typing input,#content.font8 .typing .text{font-size:22px;}
#content.font9 .typing input,#content.font9 .typing .text{font-size:21px;}
#content.font10 .typing input,#content.font10 .typing .text{font-size:20px;}
#content.font11 .typing input,#content.font11 .typing .text{font-size:19px;}
#content.font12 .typing input,#content.font12 .typing .text{font-size:18px;}
#content.font13 .typing input,#content.font13 .typing .text{font-size:17px;}
#content.font14 .typing input,#content.font14 .typing .text{font-size:16px;}
#content.font15 .typing input,#content.font15 .typing .text{font-size:15px;}
#content.font16 .typing input,#content.font16 .typing .text{font-size:14px;}
#content .typing .num{letter-spacing:0.05em;}
#content .typing.zoom_font,#content .typing.zoom_font input,#content .typing.zoom_font .text{font-size:18px;}
#content .typing div .green{color:#090;}
#content .typing div .yellow{color:#960;}
#content .typing div .red{color:#FFF; background:#F00;}

/*载入文章*/
#loading{top:50%; left:50%; width:190px; height:50px; margin-left:-100px; margin-top:-25px; border:2px solid #BFCEE5; background:#E4F0FE url(images/loading.gif) no-repeat 30px center; padding-left:10px; position:absolute; z-index:2; line-height:50px; text-align:center; color:#069;}


#typing_info{width:200px; position:absolute; top:20%; right:3%; z-index:999; background:#FFF; padding-top:20px; border-radius:5px;}
#typing_info #typing_info_li{font-size:14px; color:#666; height:auto;}
#typing_info li{line-height:30px; margin-bottom:10px; display:block;}
#typing_info li.daojishi{text-align:center; line-height:30px; margin-bottom:0px;}
#typing_info li.daojishi div{ background:url(images/ks_typing_ico_bg.png) no-repeat 60px 0px; height:80px;}
#typing_info li.daojishi_time{font-size:32px; font-family:"微软雅黑","黑体"; font-weight:bold; color:#f5a71b; text-align:center; margin-bottom:3px;}
#typing_info li.sheding{text-align:center; font-size:10px; color:#999; line-height:15px;}
#typing_info li.sudu{padding-left:65px; background:url(images/ks_typing_ico_bg.png) no-repeat 20px -230px;}
#typing_info li.zhengquelv{padding-left:65px; background:url(images/ks_typing_ico_bg.png) no-repeat 20px -131px;}
#typing_info li.cuowu{padding-left:65px; background:url(images/ks_typing_ico_bg.png) no-repeat 20px -280px;}
#typing_info li.zongzishu{padding-left:65px; background:url(images/ks_typing_ico_bg.png) no-repeat 20px -181px;}
#typing_info li.tuige{padding-left:65px; background:url(images/ks_typing_ico_bg.png) no-repeat 20px -80px;}
#typing_info .dangqian{text-align:center; width:160px; margin-left:20px; line-height:25px; border-top:1px solid #CCC; padding:20px 0px;}
#typing_info .dangqian strong{color:#c03d21; font-weight:normal; margin:0px 5px;}
#typing_info .dangqian span{color:#999; font-size:14px;}

/*底部*/
#footer{line-height:20px; padding:5px 0px; font-size:12px; width:100%; position:absolute; bottom:5%; text-align:center; color:#FFF;}
#footer a{color:#333; text-decoration:none; color:#FFF;}
#footer a:hover{color:#F00; text-decoration:underline;}
#footer .copyright{text-align:center; line-height:25px; height:25px;}
#footer .page_time{ font-size:11px; color:#EFEFEF;}
#footer .jishuzhichi{width:500px; font-size:16px; margin:0px auto; padding-left:100px;}
#footer .jishuzhichi .jszc1{float:left; line-height:45px;}
#footer .jishuzhichi .jszc2{float:left; margin:0px 10px;}
#footer .jishuzhichi .jszc3{float:left; line-height:45px;}
#index_bg{background:url(images/exam_bg_02.png) repeat-x center bottom; height:532px; width:100%; position:absolute; left:0px; bottom:0px;}

/*底部typing*/
#footer_tp{padding:0px 5px; font-size:12px; width:100%; position:absolute; left:0px; bottom:0px; text-align:center;}
#footer_tp a{color:#333; text-decoration:none;}
#footer_tp a:hover{color:#F00; text-decoration:underline;}
#footer_tp .copyright{line-height:40px; height:40px; padding-right:10px;}
#footer_tp .page_time{ font-size:11px; color:#660;}

#ks_info_read{position:absolute; height:100%; width:100%; z-index:1000; top:0px; left:0px; background:url(images/hei30.png); display:none;}
#ks_info_read .ks_info{width:620px; height:354px; position:absolute; top:50%; left:50%; z-index:1001; margin-left:-310px; margin-top:-177px;}
#ks_info_read .ks_info .info_l1{float:left; height:354px; width:15px; background:url(images/finish_bg_red.png) no-repeat 0px 0px;}
#ks_info_read .ks_info .info_l2{float:left; height:354px; width:590px; background:#8b0a0a;}
#ks_info_read .ks_info .info_l3{float:left; height:354px; width:15px; background:url(images/finish_bg_red.png) no-repeat -15px 0px;}
#ks_info_read .ks_info .info_l2_t1{height:40px; text-align:center; font-size:32px; line-height:40px; padding-top:80px; font-family:"微软雅黑","黑体"; color:#FFF; background:url(images/finish_title.png) no-repeat center 20px;}
#ks_info_read .ks_info .info_l2_t2{padding:10px 0px 0px 65px;}
#ks_info_read .ks_info .info_l2_t2 table{width:450px; float:left; height:224px; padding:10px 25px; background:url(images/finish_kuang.png) no-repeat 0px 0px;}
#ks_info_read .ks_info .info_l2_t2 table .tt{text-align:center; font-size:16px; font-family:"微软雅黑","黑体";}
#ks_info_read .ks_info .info_l2_t2 table td{color:#666; border-bottom:1px solid #beabab; overflow:hidden;}
#ks_info_read .ks_info .info_l2_t2 table td span{margin-left:10px;}
#ks_info_read .ks_info .info_l2_t2 .sudu{padding-left:65px; background:url(images/ks_typing_ico_bg.png) no-repeat 20px -230px; width:110px;}
#ks_info_read .ks_info .info_l2_t2 .zhengquelv{padding-left:65px; background:url(images/ks_typing_ico_bg.png) no-repeat 20px -131px;}
#ks_info_read .ks_info .info_l2_t2 .cuowu{padding-left:65px; background:url(images/ks_typing_ico_bg.png) no-repeat 20px -280px;}
#ks_info_read .ks_info .info_l2_t2 .zongzishu{padding-left:65px; background:url(images/ks_typing_ico_bg.png) no-repeat 20px -181px;}
#ks_info_read .ks_info .info_l2_t2 .tuige{padding-left:65px; background:url(images/ks_typing_ico_bg.png) no-repeat 20px -80px;}
#ks_info_read .ks_info .info_l2_t2 .zailai{float:left; margin-top:195px; color:#ec7d7d; text-decoration:none;}
#ks_info_read .ks_info .info_l2_t2 .zailai:hover{color:#FFF; text-decoration:underline;}
#ks_info_read.failed .ks_info .info_l1{background:url(images/finish_bg_white.png) no-repeat 0px 0px;}
#ks_info_read.failed .ks_info .info_l2{background:#FFF;}
#ks_info_read.failed .ks_info .info_l3{background:url(images/finish_bg_white.png) no-repeat -15px 0px;}
#ks_info_read.failed .ks_info .info_l2_t2 table{background:url(images/finish_kuang_fail.png) no-repeat 0px 0px;}
#ks_info_read.failed .ks_info .info_l2_t1{background:url(images/finish_title_failed.png) no-repeat center 20px; color:#333;}
#ks_info_read.failed .ks_info .info_l2_t2 .zailai{color:#999;}
#ks_info_read.failed .ks_info .info_l2_t2 .zailai:hover{color:#000; text-decoration:underline;}
#ks_info_read.failed .ks_info .info_l2_t2 table td{border-bottom:1px solid #abb5be;}

#ks_info_read.xuzhi .ks_info{width:800px; height:400px; position:absolute; top:50%; left:50%; z-index:99; margin-left:-430px; margin-top:-230px; padding:30px; background:#FFF;}
#ks_info_read.xuzhi .ks_info h2{text-align:center; font-size:24px; border-bottom:1px solid #CCC; padding-bottom:10px; margin-bottom:10px;}
#ks_info_read.xuzhi .ks_info .ks_xuzhi{ overflow:scroll; height:300px; line-height:24px;}
#ks_info_read.xuzhi .queren{text-align:left; margin-top:10px; padding-left:310px;}
#ks_info_read.xuzhi .yuedu_a{display:block; height:50px; width:180px; background:url(images/exam_button_read.png) no-repeat 0px 0px; text-indent:-9999px;}
#ks_info_read.xuzhi .yuedu_a:hover{background:url(images/exam_button_read.png) no-repeat 0px -56px;}
