@charset "utf-8";
/* CSS Document */
body {font-size:12px; font-family:"Arial"; background:url(../img/background.jpg) 0 60px repeat-x #fff; color:#000;}
body, form, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, p {margin:0; padding:0; }
ul,li {list-style:none;}
img{margin:0px; border:0; padding:0px;}
a { color: #5199FD; cursor: pointer; font-size: 12px; text-decoration: none;}
a:hover {color:#000; text-decoration: underline; }
.clear {clear:both;}
table{border-collapse:collapse;border-spacing:0;}
.pt{ padding-top:10px;}
.pb{ padding-bottom:10px;}
.mt{ margin-top:10px;}
.bt{ margin-bottom:10px;}
.f14{ font-size:14px;}
.bder{border:#9b9b9b solid 1px; float:left;}

.head{ width:100%; float:left; height:60px; background:url(../img/headerbg.png) 0 2px repeat-x;}
.head .logo{ background: url(../img/logo.png) no-repeat scroll 0 0 transparent; display: inline; float: left; height: 48px; margin: 10px 0 0 25px; overflow: hidden; width: 765px;}
.head .logo .yun-logo{ display: block; float: left; height: 44px; outline: medium none; text-indent: -9999em;  width: 140px;}
.head .logo .pan-logo { display: block; float: left; height: 44px; margin: 0 0 0 5px; outline: medium none; text-indent: -9999em; width: 140px;}
.head .login-title { float: right; margin: 25px 20px 0 0; color: #2974B6}
.head .login-title a { color: #2974B6; padding:0 5px;}
.b-no-ln, .b-no-ln:link, .b-no-ln:visited { text-decoration: none;}

.wrap {width:1000px; margin:0px auto;  padding:0px; background:#FFF;}

.dvleft{ float:left; width:650px; height:auto; background:url(../img/middle-banner.jpg) 0 0px no-repeat; margin-left:-38px; padding:10px 33px; font-size:14px; line-height:26px; color:#333;}
.dvleft p{ padding-top:7px;}
.dvright{ float:left; width:322px; height:409px; background:url(../img/login_input.gif) 0 0px no-repeat; position:relative;}
.dvright .header-tab { background: url(../img/login-tab.png) no-repeat scroll 0 0 transparent; height: 40px; left: 3px; position: absolute; top: 10px; width: 316px; z-index: 1000;}
ul.header-tab .current { font-weight: bold;}
ul.header-tab li { color: #2486C4; cursor: pointer; float: left; font-size: 14px; line-height: 40px; text-align: center; width: 158px;}

.login-div { position:absolute; width:100%; top:62px;}
.login-div #login-outer{ padding:1px 0 0 28px; color:#858585;}
.login-div .login-table tr td{ height:30px; padding-top:10px;}
.login-div .lefttd{ padding:8px 16px 0 0;}
.login-div .txt{ border: 1px solid #96BFE6; float: left; font-size: 14px; height: 18px; line-height: 18px; margin: 0; outline: medium none; padding: 5px 8px; width: 184px;}
.login-div .text-code{border: 1px solid #96BFE6; float: left; font-size: 14px; height: 18px; line-height: 18px; margin: 0; outline: medium none; padding: 5px 8px; width: 100px;}
.pass_login_label_rem{ font-family: simsun; font-size: 12px; line-height: 18px; vertical-align: middle;}
.pass_login_a_fgtpwd { color: #383838; text-decoration: underline;}
input.pass_login_input_submit { background: url(../img/login-button.gif) no-repeat scroll 0 0 transparent; border: medium none; cursor: pointer; float: left; height: 38px; margin-right: 20px; text-indent: -9999px; width: 138px;}

.login-info { left: 28px; position: absolute; top: 300px; width: 266px;}
#login-create { display: block; padding-bottom: 15px;}
.login-info .link-create {  background: url(../img/login-button.gif) no-repeat scroll 0 -58px transparent; display: block; height: 38px; margin-left: 50px;  width: 175px;
}

.pass-error0 { color: red; position: relative; text-align: center; top: 0px;}

.switch-banner { font-size:14px; line-height:26px; color:#333;}
.switch-banner a, .switch-banner a:link, .switch-banner a:visited { color: #709AC5; font-weight:bold; font-size: 14px;  height: 20px; text-decoration: underline;}

.footer { bottom: 0; clear: both; color: #666666; font: 12px/1.5 tahoma,arial,����; margin-top: 0px; padding: 30px 0; text-align: center; width: 100%;}
.footer span, .footer a { color: #666666;}