@charset "UTF-8";
html, body {height:100%;width:100%;overflow:hidden!important;overflow-y:hidden !important}

.login-container {background-color:#1c77ac;overflow:hidden;font-family:'微软雅黑', serif;margin:0 auto;min-width:980px;font-size:9pt}
.login-container ul {display:block;margin:0;padding:0;list-style:none}
.login-container ul li {display:block;margin:0;padding:0;list-style:none}
.login-container img {border:0}

.login-container .clouds {background:url("../images/cloud_three.png") repeat-x left 15%;position:absolute;left:0;top:0;height:100%;width:300%;-webkit-animation:cloudmove 200s linear infinite;-moz-animation:cloudmove 200s linear infinite;-o-animation:cloudmove 200s linear infinite;animation:cloudmove 200s linear infinite;-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.login-container .clouds-fast {background:url("../images/cloud.png") no-repeat 0px 40%;-webkit-animation:cloudmove 30s linear infinite;-moz-animation:cloudmove 30s linear infinite;-o-animation:cloudmove 30s linear infinite;animation:cloudmove 30s linear infinite}
.login-container .clouds-footer {background:url("../images/cloud_one.png") no-repeat left 100%;animation:none}

@-webkit-keyframes cloudmove {0% {left:-50%}100% {left:150%}}
@-moz-keyframes cloudmove {0% {left:-50%}100% {left:150%}}
@keyframes cloudmove {0% {left:-50%}100% {left:150%}}

.login-container a,
.login-container a:focus {text-decoration:none;color:#000;outline:none;blur:expression(this.onFocus=this.blur())}
.login-container a:hover {color:#00a4ac;text-decoration:none}
.login-container .header {height:47px;position:absolute;position:fixed;top:0;background:url(../images/loginbg1.png) repeat-x;z-index:100;width:100%}
.login-container .header span {line-height:47px;text-indent:44px;float:left;font-family:"Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "\9ED1\4F53", Arial, sans-serif;color:#DDD;font-size:12px}
.login-container .header ul {float:right;padding-right:30px}
.login-container .header ul li {float:left;margin-left:20px;line-height:47px}
.login-container .header ul li a {color:#afc5d2}
.login-container .header ul li a:hover {color:#fff}
.login-container .container {background:url(../images/loginbg3.png) no-repeat center center;width:100%;height:585px;overflow:hidden;position:relative;top:47px}

/* 登录表单 */
.login-container .content {width:692px;height:360px;background:url(../images/logininfo.png) no-repeat; background-size: cover;margin:80px auto auto auto;position:relative;display:block}
.login-container .content ul {margin-left:285px;margin-right:60px}
.login-container .content ul li {margin-bottom:25px;position:relative}
.login-container .content ul li input {margin-bottom:25px;position:relative;background:url(../images/icon.png) no-repeat;background-size:20px;padding-left:38px}
.login-container .content ul li input.username {background-position:8px 7px}
.login-container .content ul li input.password {background-position:8px -20px}
.login-container .login-input {display:block;width:100%;padding-left:10px;height:38px;line-height:38px;line-height:36px \9;border:1px solid #e6e6e6;background-color:#fff;border-radius:2px}

/* 头像 */
.login-container .login-logo {width:100%;height:80px;position:relative;top:40px;left:320px;font-size:24px; color: #b7883e;}
.login-logo span{font-size:15px;color:#cccccc}


.notice{padding:10px 0px 0px 0px;color:#c6c6c6;}
/* 底部版权 */
.login-container .footer {height:50px;line-height:50px;text-align:center;background:url(../images/loginbg2.png) repeat-x;position:fixed;_position:absolute;*position:absolute;bottom:0;width:100%;color:#fff}
.login-container .footer a {font-weight:bold;color:#0b3a58}
.login-container .footer a:hover {color:#fff}

/*
 * Core: General Layout Style
 * -------------------------
 */
html,body {height: 100%;}
body { font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;  font-weight: 400;  overflow-x: hidden;  overflow-y: auto;background-color:#959595}

/* H1 - H6 font */
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {  font-family: 'Source Sans Pro', sans-serif;}
/* General Links */
a {  color: #3c8dbc;}
a:hover,a:active,a:focus {  outline: none;  text-decoration: none;  color: #72afd2;}
/*
 * Component: Form
 * ---------------
 */
.form-control { border-radius: 0;  box-shadow: none;  border-color: #d2d6de;}
.form-control:focus {  border-color: #3c8dbc;  box-shadow: none;}
.form-control::-moz-placeholder,.form-control:-ms-input-placeholder,.form-control::-webkit-input-placeholder {color: #bbb;opacity: 1;}
.form-control:not(select) {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.icheck > label {padding-left: 0;}
/* support Font Awesome icons in form-control */
.input-lg + .form-control-feedback.fa,
.input-group-lg + .form-control-feedback.fa,
.form-group-lg .form-control + .form-control-feedback.fa {  line-height: 46px;}
.input-sm + .form-control-feedback.fa,
.input-group-sm + .form-control-feedback.fa,

/*
 * Component: Button
 * -----------------
 */
.btn { border-radius: 3px;  -webkit-box-shadow: none; box-shadow: none;  border: 1px solid transparent;}
.btn.btn-flat { border-radius: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;border-width: 1px;}
.btn:active { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);}
.btn:focus { outline: none;}
.btn-primary { background-color: #3c8dbc;  border-color: #367fa9;}
.btn-primary:hover,.btn-primary:active,.btn-primary.hover {  background-color: #367fa9;}
.btn[class*='bg-']:hover {-webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);}
/*
 * Page: Login & Register
 * ----------------------
 */

.login-page{}
.login-box-body{ padding:10px 10px;  border-top: 0;  color: #666;}
.login-box-body .form-control-feedback,.form-control-feedback {  color: #777;}
.social-auth-links {  margin: 10px 0;}
/*
 * Social Buttons for Bootstrap
 * Copyright 2013-2015 Panayiotis Lipiridis
 * Licensed under the MIT License
 */
.btn-social {  position: relative;  padding-left: 44px;  text-align: left;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.btn-social > :first-child {  position: absolute;  left: 0;  top: 0;  bottom: 0;  width: 32px;  line-height: 34px;  font-size: 1.6em;  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.btn-social.btn-lg {  padding-left: 61px;}
.btn-social.btn-lg > :first-child { line-height: 45px;  width: 45px; font-size: 1.8em;}
.btn-social.btn-sm { padding-left: 38px;}
.btn-social.btn-sm > :first-child {  line-height: 28px;  width: 28px;  font-size: 1.4em;}
.btn-social.btn-xs {  padding-left: 30px;}
.btn-social.btn-xs > :first-child {line-height: 20px;width: 20px; font-size: 1.2em;}
.btn-facebook { color: #ffffff; background-color: #3b5998;border-color: rgba(0, 0, 0, 0.2);}
.btn-facebook:focus,.btn-facebook.focus {  color: #ffffff;  background-color: #2d4373; border-color: rgba(0, 0, 0, 0.2);}
.btn-facebook:hover {  color: #ffffff;  background-color: #2d4373;  border-color: rgba(0, 0, 0, 0.2);}
.btn-facebook.active{ color: #ffffff; background-color: #2d4373; border-color: rgba(0, 0, 0, 0.2);}
.btn-facebook.active{  background-image: none;}
.btn-google { background-color: #dd4b39;  border-color: rgba(0, 0, 0, 0.2);}
.btn-google:focus,.btn-google.focus { color: #ffffff; background-color: #c23321;  border-color: rgba(0, 0, 0, 0.2);}
.btn-google:hover {  color: #ffffff;  background-color: #c23321;  border-color: rgba(0, 0, 0, 0.2);}
.btn-google:active,.btn-google.active{    border-color: rgba(0, 0, 0, 0.2);}
.btn-google:active,
.btn-google.active{  background-image: none;}