html,body{ width: 100%; height: 100%; font-family: "微软雅黑", "宋体"; }
input,select{font-family: "微软雅黑", "宋体"}
a { outline: 0;blr:expression(this.onFocus=this.blur());-moz-outline-style: none; }
a:hover { text-decoration: none }
body {padding: 0; margin: 0;background: #1872d2;}
ul,li{list-style:none;padding:0; margin:0;}
/*首页焦点图*/
#slides { display:block;max-width:960px;height:560px; position: relative; margin: auto; }
#slides li { display:block; width:100%;height:560px;position:absolute}
#slides li a { display:block;max-width:960px; margin:80px auto;height:400px; text-indent:-1px}

#slides li.slides-img-bg1{background:none;}
#slides li.slides-img-bg2{background:none;}
#slides li.slides-img-bg3{background:none;}
#slides li.slides-img-bg4{background:none;}
#slides li.slides-img-bg5{background:none;}
#slides li a.slides-img-1{background:url(../images/login-01.png) no-repeat;}
#slides li a.slides-img-2{background:url(../images/login-02.png) no-repeat;}
#slides li a.slides-img-3{background:url(../images/login-03.png) no-repeat;}
#slides li a.slides-img-4{background:url(../images/login-04.png) no-repeat;}
#slides li a.slides-img-5{background:url(../images/login-05.png) no-repeat;}

#pagination { display:block; list-style:none; position:absolute; left:46%; top:580px; z-index:9001;}
#pagination li { display:block; list-style:none; width:8px; height:8px; float:left; margin-left:16px; border-radius:8px; background:#0092CE; opacity:0.8;}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px}
#pagination li.current { background:#ffffff;}


/*头部*/
#header {position: relative; font-size:14px;}
#logo {max-width:940px; padding:10px; margin:auto; height:60px; clear: both;}
#logo img{ display:block; float:left;}
#logo .right { padding-top: 15px; float:right}
#logo .right a { opacity:0.8; color:#fff;}
#logo .right a:hover { opacity:1;}

/*登陆窗口*/
#loginbox {position: absolute; top:50px; z-index:10; right:8%; overflow: hidden !important; width: 280px; height: 420px; border-radius: 8px; background: #FFF; border: 1px solid #1872d2; box-shadow: 0px 0px 12px rgba(0,0,0,0.2); }
#loginbox form { width: 100%; text-align: center; display: block; position: absolute; }
#loginbox p { margin-bottom: 24px; padding:0px; font-size:16px;overflow:auto;}
#loginbox p a{ display:block;  float:left; line-height:48px; height:48px; width:50%; text-align:center; 
border-bottom:1px solid #ddd;
background-color: #ddd;
background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#eee), to(#ddd));
background-image: -webkit-linear-gradient(top, #eee 0%, #ddd 100%);
background-image: -moz-linear-gradient(top, #eee 0%, #ddd 100%);
background-image: -ms-linear-gradient(top, #eee 0%, #ddd 100%);
background-image: -o-linear-gradient(top, #eee 0%, #ddd 100%);
background-image: linear-gradient(top, #eee 0%, #ddd 100%)
}
#loginbox p .open-on{ background:#fff !important; border-bottom:1px solid #fff !important;}
#loginbox .form-actions { padding: 14px 20px 15px}
#loginbox .form-actions .pull-left { margin-top:2px}
#loginbox form#loginform { z-index:200}
#loginbox form#recoverform { z-index: 100; opacity: 0; display: none}
#loginbox form#recoverform .form-actions { margin-top: 27px}
#loginbox form#recoverform .control-group { margin: 23px 0}

@media (max-width: 480px) {
#logo img {
display: block;
float: none;
margin: auto;}
}

@media (max-width: 640px) {
#logo .right{display:none;}
#slides{ height:440px;}
#loginbox{ top:10px;}
#slides li,#pagination{ display:none !important; overflow:hidden;}
#loginbox { width: 90%; position: relative; margin: 0 auto; right: 0px;clear:both;}
}

@media (min-width: 641px) and (max-width: 900px) {
#slides li,#pagination{ display:none !important;overflow:hidden;}
#loginbox {margin: 0 auto; right: 0px; position: relative;}
}

.form-vertical,.form-actions { margin-bottom: 0; }
.form-actions { background: #FFF; border-top: 1px dashed #ddd; }
.input-prepend i { opacity: 0.2; }
.input-prepend .add-on { padding: 8px 6px 0px 8px; height: 30px; background: #fafafa; }
.form-vertical .input-prepend input { height: 40px; line-height:32px;width: 208px;}
.form-vertical .input-prepend { margin-bottom: 12px; }
.form-vertical .btn { width: 100% !important; }
/*底部*/
.footer { text-align: center; color: #68b5f6; padding: 10px; font-size: 12px; }
.footer a { color: #68b5f6;}
.footer a:hover { color: #fff;}

/*注册*/
#login-reg{width:90%; max-width:960px; height:520px; border-radius: 8px; background: #FFF; border: 1px solid #1872d2; box-shadow: 0px 0px 12px rgba(0,0,0,0.2);  margin: 6px auto; background:#fff url(../images/login-02.jpg) no-repeat bottom right;}
#login-reg form{ width:90%; margin:0px auto; padding-top:25px;}
#login-reg p { font-size:22px;padding-bottom:15px; display:block; margin-bottom:10px; border-bottom:1px dashed #ddd;}
#login-reg form .controls input[type="text"]{height: 40px; line-height:32px; width:280px;}
#login-reg form .controls{  padding-top:10px;}
.help-block{ font-size:12px; color:#aaa;}
.selcss{width:auto; margin-top:-3px;}
#submitform{width:310px;}
@media (max-width: 640px) {
#login-reg form .controls input[type="text"]{height: 40px; line-height:32px; width:91%;}
#login-reg{ background:#fff;}
#submitform{width:100%;}
}