﻿@charset "UTF-8";
/* ------ Designer: 309518707@qq.com ------ */
/* ------ CSS Begin ------ */

*{margin:0;padding:0}
html {-webkit-text-size-adjust:none;}
body{text-align:left;font-family:Tahoma,Helvetica, Arial,sans-serif;font-size:12px;color:#333;background:#fff url(images/titles.png) 0 -560px repeat-x}
h1,h2,h3,h4{font-size:12px}
ol,ul{list-style:none outside}
input,select,button,button img{vertical-align:middle;font-size:12px}
img,a img{border:0;vertical-align:middle}
em{font-style:normal}
.clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
.clearfix{display:block}
a{text-decoration:none;color:#095797;}
a:hover{text-decoration:underline;color:#f30;}
.gray{color:gray}
.red{color:red;}
.blue{color:#08c;}
.orange{color:#f60;}
.green{color:green;}
.bold, .f_b{font-weight:bold;}
.px14{font-size:14px;}

.wd, .wp{clear:both;width:960px;margin:10px auto 0}
.fl{float:left}.fr{float:right}
.pt5{padding-top:5px}
.pt20{padding-top:20px}

.ico-help{padding-left:18px;background-image:url(images/red_style.png);background-repeat:no-repeat;background-position:-189px -58px;*background-position:-189px -60px}

#hd{height:75px}
#hd h1{float:left;width:380px;height:71px;line-height:71px;text-align:center;background:url(images/logo.gif) no-repeat 0 50%;font-size:25px}
#hd h1 a{display:block;width:251px;height:71px;text-indent:-9999px}
#hd dl{float:right;padding:10px 10px 0 0}
#hd dt span{margin:0 8px;color:#bbb}
#hd dd{line-height:25px;text-align:right;color:#999}
#hd dd strong{color:#f60}

#login{height:450px;overflow:hidden;}
#login .fl{width:635px;padding-top:30px}
#login .fl ul{height:203px;font-family:simsun;text-indent:10px;background:url(images/login_banner.jpg) 0 10px no-repeat}
#login .fl ul li{display:inline;margin-right:15px;padding-left:18px;background:url(images/annou.gif) 0 center no-repeat;color:gray}
#login .fl ul li.login_tips{padding:2px 0 2px 20px;color:#960;background:url(images/login_frm.png) 0 -474px no-repeat;}
#login .fl ul a:hover{text-decoration:none}
#login .fl dl{padding:10px;}
#login .fl dt{padding:0 0 10px;font-size:16px;color:#f17107;font-weight:bold}
#login .fl dd{line-height:28px;text-indent:30px;background:url(images/note.gif) 5px 50% no-repeat;font-size:14px;}
#login .fr{width:325px;height:450px;background:url(images/login_frm.png)}
#login .oauth{height:20px;line-height:20px;overflow:hidden;float:right;padding:19px 18px 0 0;color:gray;}
#login .oauth img{position:relative;top:-2px;*top:0;vertical-align:middle;margin-left:3px;}
#login .fr form{height:250px;overflow:hidden;padding:0;margin:0;}
#login .fr ul{padding:29px 25px 0;}
#login .fr li{height:35px;line-height:35px}
#login .fr li span{float:left;padding-right:10px;width:60px;text-align:right;font-size:14px}
#login .fr li.authcode{}
#login .fr li.authcode .intext{width:50px}
#login .fr li.authcode img{dwidth:106px;dheight:28px}
#login .fr li.authcode #ccaptcha {margin-left:-6px;display:inline;}
#login .fr li.authcode #ccaptcha img {width:12px;height:12px;}
#login .fr li.cookie{height:25px;line-height:25px}
#login .fr li.cookie div{display:inline;margin-right:15px;}
#login .fr li.cookie label{margin-left:3px;}
#login .fr li.submit{padding:5px 0 5px 70px}
#login .fr li.systip,.systip{height:23px;line-height:23px;text-indent:26px;background:#ffc url(images/login_frm.png) 5px -470px no-repeat;border:1px #c00 solid;color:#c00;font-size:14px}
#login .fr li.systip p,.systip p{display:inline}
#login .fr .intext{padding:5px;width:160px;border:#999 solid 1px;background:url(images/titles.png) 0 -570px repeat-x;}
#login .fr .intext_hover{border-color:#900}
#login .fr .reglink{text-align:center;line-height:3em}
.btn-red,.btn-gray{border:0;width:147px;height:37px;font-weight:bold;font-size:14px;color:#fff;background:url(images/btn_red.png);cursor:pointer}
.btn-gray{width:88px;height:33px;color:#333;background:url(images/btn_gray.gif)}

.nav,.nav .wd{margin:0 auto;height:45px;padding:0 10px;background:url(images/red_style.png) 0 bottom repeat-x;}
.nav{margin-top:20px}
.nav strong{float:left;margin-left:20px;height:31px;line-height:31px;width:80px;padding-left:6px;background:url(images/red_style.png) 0 -130px;text-align:center;font-size:14px;}
.nav strong label{display:block;padding-right:6px;background:url(images/red_style.png) right -130px;}
.nav span{float:right;margin:10px 50px 0 0}
.nav span em{color:#c00;font-weight:bold;font-family:simsun}
#userfrm a{text-decoration:underline}
#userfrm .bd{padding:10px 20px;line-height:1.8em}
#userfrm .tiptxt{color:#666}
#userfrm .tiptxt a{margin:0 2px;}
#userfrm form{padding:20px 0 0}
#userfrm fieldset{margin-bottom:15px;padding:10px;border:1px #ddd solid;background:#fdfdfd;zoom:1;}
#userfrm fieldset label{padding-left:0}
#userfrm fieldset ul{padding-top:10px;}
#userfrm fieldset li{position:relative;padding:0 0 10px;}
#userfrm fieldset li .th{float:left;*padding-top:5px;padding-right:6px;width:100px;text-align:right;}
#userfrm fieldset li .th em{margin-right:5px;color:#c00;font-weight:700;}
#userfrm fieldset li p{padding-left:86px;line-height:1.8em;color:#999}
#userfrm fieldset li label.radio{color:#333}
#userfrm fieldset li select{padding:3px;}
#userfrm legend{height:20px;line-height:20px;padding:0 10px;color:#960;font-weight:bold;border:1px #ddd solid;background:#f9f9f9;}
#userfrm .radio{position:relative;top:-2px;}
#userfrm .input1,#userfrm .input2{width:180px;padding:4px 5px;border:1px #999 solid;background:#fff url(images/red_style.png) 0 -308px;}
#userfrm .input2{border-color:#c00;background:#ffc}
#userfrm .submit{padding:8px 0 20px;line-height:3em}
#userfrm .agree{color:#960;padding:0 0 5px}
#userfrm .systip{padding-right:10px}
.tips {zoom:1;position:absolute;top:0;left:299px;z-index:1000;width:300px;background:url('images/tips_bg.gif') no-repeat 0 bottom;overflow:hidden;}
.tips div{background:url('images/tips_top.gif') no-repeat;line-height:22px;padding:8px 10px 8px 35px;overflow:hidden;}
.check{margin-left:3px;color:#c00;overflow:hidden;}
.check img{position:relative;top:-1px;}

.grade{margin-top:20px; padding-bottom:10px;}
.grade h1{font-size:25px; text-align:center; padding:0 0 25px;}
.grade td{padding:5px 10px;}
.grade .th{font-weight:bold; font-size:14px; background:url('images/th30.png') repeat-x 0 100%;}

#agreement{width:700px; height:100px; overflow-y:scroll; border:#ddd 1px solid; background:#FAFAFA; margin:5px auto; line-height:180%; padding:10px;}
#agreement .title{padding-bottom:10px; font-size:16px; font-weight:bold;}

.flash{line-height:2em; font-size:14px; width:520px;}
.flash .links{color:#999;}
.flash .msg{font-size:22px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px #ddd dotted;}
.flash .flash-s,.flash .flash-serror{padding:20px 150px 35px 0; border:none; background:url(images/hr_bg.png) right bottom no-repeat; color:#c00;}
.flash .flash-strue{color:green;}

.pg-goto {width:958px; margin-top:20px; margin-bottom:30px; border:1px #eee solid; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.pg-goto .inp-text {float:left; width:521px; height:40px; line-height:40px; padding:0 10px; border:#ddd 1px solid; border-right:none; font-size:18px; font-weight:bold; background:#fff url(images/titles.png) 0 -575px repeat-x;}
.pg-goto .go-btn {float:left; width:56px; height:40px; line-height:40px; overflow:hidden; text-align:center; background:#fcfcfc url('images/btn_goto.png') 0 0; border:#ddd 1px solid; font-size:18px; text-indent:-9999px;}
.pg-goto .go-btn:hover {text-decoration:none; background-position:0 -40px; font-weight:bold;}
.pg-goto .item {width:600px; margin:auto; padding:25px 0; overflow:hidden;}
.pg-goto .item p {margin-bottom:10px; line-height:1.8em; color:#666;}
.pg-goto .item p.dot {padding-bottom:5px; border-bottom:1px #ccc dotted;}
.pg-goto .item p strong {color:#555; font-size:14px;}
.pg-goto .item p a {text-decoration:underline;}
.pg-goto .send-tip {width:580px; margin:auto; padding:10px; color:#960; background:#FFF5D8; line-height:200%; font-size:14px;}


/* ---------- footer ---------------- */
.footer {padding:10px; line-height:1.8em; background:#fcfcfc; border:1px #eee solid; border-top:3px #f17107 solid; color:#666; text-align:center;}
.footer .license {padding-top:10px;}
.footer .license img {margin:0 5px; border:1px #eee solid;}
.footer p span {margin:0 10px;}

#ft .footer {background:#fdfdfd; border:1px #eee solid; color:#bbb; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
#ft .footer a {color:#999;}
#ft .footer a:hover {color:#c00;}

/* ------ CSS End ------ */
