/********************           
Name:       All Style
Date:       2012/06/09
Author:     Mr.Liu
********************/
/**********
reset
**********/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0;}
body, button, input, select, textarea { font:12px/1.5 \5FAE\8F6F\96C5\9ED1, Tahoma, Arial, \5b8b\4f53;}
h1, h2, h3, h4, h5, h6 { font-size:100%;}
address, cite, dfn, em, var { font-style:normal;}
code, kbd, pre, samp { font-family:courier new, courier;}
small { font-size:12px;}
ul, ol { list-style:none;}
a { text-decoration:none; color:#555;}
a:hover { text-decoration:underline; color:#0074BA;}
sup { vertical-align:text-top;}
sub { vertical-align:text-bottom;}
legend { color:#000;}
fieldset, img { border:0;}
button, input, select, textarea { font-size:100%;}
table { border-collapse:collapse; border-spacing:0;}
/**********
background
**********/
.logo { background:url(images/login-logo.png) no-repeat 0 0;}
.bgs, .btn { background:url(images/login-bgs.png) no-repeat 0 0;}
/**********
base
**********/
.c-blue { color:#1E83C8;}
.c-red { color:#E30000;}
.fn-left { float:left;}
.fn-right { float:right;}
.fn-hide { display:none;}
.fn-show { display:block;}
.fn-clear { display:block; float:none; clear:both; overflow:hidden; width:auto; height:0; margin:0 auto; padding:0; font-size:0; line-height:0;}
.fn-clearfix:after { content:'\20'; display:block; height:0; clear:both;}
.fn-clearfix { display:block; zoom:1;}
/**********
grid
**********/
.fn-fixed { width:1000px; margin:0 auto;}
.fn-full { width:auto; min-width:1000px;}
.fn-fixed:after, .fn-full:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
/**********
login
**********/
body { background:#FFF; color:#333;}
#header { height:100px; overflow:hidden;}
#header .top-nav { float:right; display:inline; height:30px; margin:30px 0;}
#header .top-nav p { line-height:30px; text-align:right; color:#CCC;}
#header .top-nav p a { margin:0 5px; color:#999;}
#header .logo { float:left; display:inline; width:500px; height:80px; margin:10px auto;}
#header .logo a { display:block; width:100%; height:100%;}

#footer { overflow:hidden; background-position:right -98px;}
#footer .foot-nav { height:30px; margin:10px 0 0; line-height:30px;}
#footer .foot-nav span { color:#CCC; margin:0 9px;}
#footer .copyright { line-height:15px; color:#999;}
#footer .copyright a { color:#999;}

#login #container { height:415px; overflow:hidden; background:url(images/login-banner.jpg) no-repeat center 0;}
.login-form { float:right; display:inline; width:356px; height:385px; margin:40px 0 0; background-position:0 -50px; overflow:hidden;}
.tab-hd-warp { margin:4px 4px 0;}
.tab-hd { height:37px;}
.tab-hd li { float:left; display:inline; width:174px; height:37px; line-height:37px; text-align:center; cursor:pointer; background-position:-4px -54px;}
.tab-hd li.selected { background-position:0 50px;}
.tab-hd li span { font-size:14px; font-weight:700; color:#FFF;}
.tab-bd-warp { padding:3px 20px 0;}
.tab-bd { display:none;}

.login-list {}
.login-list li { margin:20px 0 0; overflow:hidden;}
.login-list li.item-1, 
.login-list li.item-2 { height:41px; padding-left:62px; overflow:hidden;}
.login-list li.item-1 .text, 
.login-list li.item-2 .text { float:left; display:inline; height:31px; width:233px; padding:5px; line-height:31px; border:none; background:#FFF; font-size:14px; font-weight:700;}
.login-list li.item-1 .focus,
.login-list li.item-2 .focus { background:#FDFCE1;}
.login-list li.item-3 { height:25px; vertical-align:middle;}
.login-list li.item-3 span { float:left; display:inline; height:25px; line-height:25px;}
.login-list li.item-3 img { float:left; display:inline; height:25px; margin:0 5px;}
.login-list li.item-3 label { float:left; display:inline; width:62px; height:25px; line-height:25px; text-align:center; font-weight:700;}
.login-list li.item-3 .text { float:left; display:inline; width:54px; height:15px; padding:5px; border:none; background:#FFF;}
.login-list li.item-4 { height:20px; margin-left:62px;}
.login-list li.item-4 a { font-weight:700; text-decoration:underline;}
.login-list li.item-5 { height:41px; margin:40px 0 0; +margin:36px 0 0; _margin:38px 0 0;}
.login-list li label,
.login-list li span,
.login-list li a { color:#FFF;}
.login-list li span.bgs-del { float:left; display:none; width:20px; height:41px; margin-left:-30px; background-position:-298px -114px; cursor:pointer;}
.login-list li span.hover { background-position:-298px -175px;}
.btn-login { width:201px; height:41px; margin:0 0 0 62px; border:none; cursor:pointer; background-position:-201px 0;}
.btn-login-hover { background-position:0 0;}

/* getpwdback */
.g-bgs, .form-list li .text, .btn-get { background:url(images/get-bgs.png) no-repeat 0 0;}
#getpwdback #header { border-bottom:6px solid #F7F7F7;}
#getpwdback #container { height:415px; border:1px solid #E6E6E6; border-width:1px 0; background:#FDFDFD;}
#getpwdback .title { height:72px; margin:30px 0 0; background-position:-250px 0;}
#getpwdback .box { height:260px; padding:0 10px; background:#E8F2F7;}
#getpwdback .box .hd { height:48px; padding:0 20px; line-height:48px; border-bottom:1px solid #DADFE1;}
#getpwdback .box .hd h2 { font-size:16px; font-weight:400;}
#getpwdback .box .bd { height:200px; padding:10px 20px 0; border-top:1px solid #FFF; background-position:right bottom;}

.form-list { margin:0 10px 0;}
.form-list li { height:41px; margin:10px 0 0; vertical-align:middle;}
.form-list li.item-last { float:left; display:inline; width:241px; height:80px; margin-left:40px; background-position:0 0;}
.form-list li .text { height:21px; width:225px; line-height:21px; padding:10px; border:none; background-position:0 -80px;}
.form-list li .focus { background-position:0 -125px;}
.form-list li label { float:left; display:inline; width:60px; line-height:41px; font-size:14px; font-weight:700;}
.btn-get { width:201px; height:41px; margin:10px 20px 0; border:none; cursor:pointer; background-position:-20px -10px;}
.btn-get-hover { background-position:-249px -80px;}
/* ²¹³ä */
#validImg{ height:25px; margin:0px 10px 0px 10px; background:#FFF; color:red; font-size:16px; font-weight:bold; cursor:pointer;}