﻿/* 页头标题 */
.pageName { float:left; height:58px; margin:32px 0 32px 20px; padding:0 0 0 20px; border-left:1px solid #dfdfdf; color:#000; font-size:28px; line-height:58px; text-align:left; }

/* 登录背景 */
#loginBg { position:relative; display: block; width:100%; height:475px;  background-color:#f4f4f4; z-index:1;}
#loginBg .bgBox { height:475px;}
#loginBg .bgMain { width:1200px; height:475px; margin:0 auto;}

/* 登录框 */
#warning { display:none; text-align:left; color:#f88600; border:1px solid #ff9c00; background-color:#fffae8; line-height:18px; padding:5px 10px; margin:20px 0 0;}
#warning:before { content:""; display:inline-block; float:left; width:14px; height:18px; background:url(../images/pwd-icons.png) no-repeat -104px -22px; margin:0 10px 0 0;}
#loginBox { position:relative; width:1200px; height:0; margin:0 auto; z-index:2;}
.tb-login { position:absolute; width:300px; height:335px; padding:20px; background-color:#fff; top:50px; right:0;}
.loginTop { overflow:hidden; }
.loginTop .title { float:left; color:#666; font-size:20px; line-height:30px; }
.loginTop .register { float:right; color:#FF6600; font-size:14px; line-height:30px;}
#login_form { margin:20px 0 0;}
#login_form li { margin:0 0 20px 0;}
#login_form .input { display:inline-block; border:1px solid #bdbdbd; width:298px;}
#login_form .input i { display:inline-block; float:left; width:38px; height:38px; background-color: #f4f4f4; border-right:1px solid #bdbdbd; background:url(../images/pwd-icons.png) no-repeat;}
#login_form .user i { background-position: 0px 0px;}
#login_form .psw i { background-position: -48px 0px;}
#login_form .focus { border-color:#3aa2e4;}
#login_form .focus i { border-right:1px solid #3aa2e4; background-position-y:-48px;}
#login_form .input input { height:38px; line-height:38px; font-size:14px; color:#333;  border:0 none; width:239px; margin:0 10px; background-color:#fff;}
#login_form .submit input { display:block; width:100%; border:0 none; height:40px; line-height:40px; background-color:#FF6600; color:#fff; font-size:16px; cursor:pointer;}
#login_form .submit input:hover { background-color:#ff5003;}
#login_form .forget { text-align:left; }

/* 注册 */
#reg { padding:30px 0; min-height:300px; border-bottom:1px solid #d5d5d5; background:#ececec url(../images/regBg.png) no-repeat; background-position: bottom;}
#reg .regBg { width:1200px; margin:50px auto; overflow:hidden;}
#reg .regBar { float:left; overflow:hidden; }
#reg .regBar li { float:left;}
#reg .regBox { float:right; -webkit-box-shadow: 0 0 4px rgba(0,0,0,.075); box-shadow: 0 0 4px rgba(0,0,0,.075); background: rgba(255,255,255,.85); border: 1px solid #ededed; min-height: 400px; padding: 0 23px; width: 310px; color: #333; }
.regBox ul { margin:20px 0; }
.regBox li { margin:5px 0; font-size:12px; line-height: 24px;}
.regBox li label.error { display:block; clear:both; color:#ff5003; }
.regBox .regTop { overflow: hidden; padding:0 0 10px 0;}
.regBox .regTop .regTitle { float:left; display:inline-block; font-size:20px; color: #ff5003; line-height:30px; font-weight:bold;}
.regBox .regTop .regLogin { float:right; display:inline-block; line-height:24px; margin:3px 0;}
.regBox .regTop .regLogin a { display:inline-block; line-height:24px;}
.regBox .input { text-align:left; height: 70px;}
.regBox .input input { display:block; padding:10px 8px; width:292px; font-size:14px; line-height:20px; border:1px solid #cfcfcf; background-color:#fff;}
.regBox .input input:focus { -webkit-box-shadow:0 0 4px 1px rgba(32,157,230,.4);box-shadow:0 0 4px 1px rgba(32,157,230,.4);border-color:#A5D4ED;}
.regBox .input input.error { -webkit-box-shadow:0 0 4px 1px rgba(255,80,3,.6);box-shadow:0 0 4px 1px rgba(255,80,3,.6);border-color:#ff5003;}
.regBox .captcha input { float:left; width: 102px;}
.regBox .captcha a { display:inline-block; font-size:14px; line-height:42px; margin:0 0 0 10px;}
.regBox .captcha img { float:left; height:32px; margin:5px;}
.regBox .clause { text-align:left; font-size:14px; line-height:20px; color:#666;}
.regBox .submit { padding:0 0 10px; }
.regBox .btn-sub { display:block; width:100%; background-color:#ff5003; font-size:16px; line-height:40px; color:#fff; border:0 none; cursor:pointer;}

/* 提示 */
.messageLogo { width:800px; margin:100px auto 0 auto; text-align:center;}
#message { width:700px; margin:50px auto; padding:50px; text-align:left; overflow:hidden; background-color:#F1DBB2;}
#message .icon { display:block; float:left; width:140px; height:140px; background:url(../images/notice.png) no-repeat;}
#message .notice { background-position:0 0; }
#message .error { background-position: -158px 0;}
#message .warning { background-position: -327px 0;}
#message .message { float:left; margin:10px 0 10px 20px;}
#message .message h1 { line-height:200%; color:#000000;}
#message .message p { font-size:12px; line-height:150%; }
#message .message .link { padding:10px 0 0;}
#message .message strong { font-weight:bold; margin:0 5px 0 0;}
#message .message a { display:inline-block; padding:0 20px; background-color:#FF6203; font-size:14px; line-height:30px; color:#fff;}

/* 底部 */
#commonFooter { background-color: #fff; padding:30px 0; font-size:12px; line-height: 24px; color:#666; text-align: center;}
#commonFooter a { font-size:12px; line-height: 24px; color:#666; }
#commonFooter a:hover { color:#FF6600;}
#commonFooter .footerBox { width: 1200px; margin:0 auto; padding:0;}
#commonFooter .footNav span { color:#ccc; display: inline-block; padding:0 10px;}
#commonFooter .copyBox {  padding:15px 0 0;}
#commonFooter .copyright { line-height: 24px; color:#444;}