/* =======================================================
*
* 	Template Style 
*	Edit this section
*
* ======================================================= */

html,body{
  height: 100%;
}
body {
  font-family: "Open Sans", Arial, sans-serif;
  line-height: 1.5;
  font-size: 16px;
  color: #848484;
  background-color: #f0f0f0;
}

body.style-3 {
  /*background: #ffffff url(../images/geometry2.png) repeat;*/
}

a {
  color: #33cccc;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a:hover {
  color: #29a3a3;
}

.menu {
  padding: 0;
  margin: 30px 0 0 0;
}
.menu li {
  list-style: none;
  margin-bottom: 10px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.menu li a {
  padding: 5px;
}
.menu li.active a {
  color: #b3b3b3;
}

.fh5co-form {
  width: 360px;
  padding: 30px;
  margin-top: 4em;
  -webkit-box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
  box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
  background: #ffffff;
}
.style-2 .fh5co-form {
  -webkit-box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
  box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 768px) {
  .fh5co-form {
    padding: 15px;
  }
}
.fh5co-form h2 {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 20px;
  margin: 0 0 30px 0;
  color: #aaa;
}
.fh5co-form .form-group {
  margin-bottom: 28px;
}
.fh5co-form .form-group p {
  font-size: 14px;
  color: #9f9f9f;
  font-weight: 300;
  margin-top: 10px;
}
.fh5co-form .form-group p a {
  color: #000000;

}
.fh5co-form label {
  font-weight: 300;
  font-size: 14px;
  font-weight: 300;
}
.fh5co-form .form-control {
  font-size: 16px;
  font-weight: 300;
  height: 50px;
  padding-left: 0;
  padding-right: 0;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.fh5co-form .form-control::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
  text-transform: uppercase;
}
.fh5co-form .form-control::-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);
  text-transform: uppercase;
}
.fh5co-form .form-control:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
  text-transform: uppercase;
}
.copyrights{
	text-indent:-9999px;
	height:0;
	line-height:0;
	font-size:0;
	overflow:hidden;
}
.fh5co-form .form-control:-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);
  text-transform: uppercase;
}
.fh5co-form .form-control:focus, .fh5co-form .form-control:active {
  /*border-bottom: 1px solid rgba(72, 207, 173, 0.4);*/
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}
.login-btn-contain .form-group{
  margin-bottom: 10px;
}
.modal .btn-primary,
.login-btn-contain .form-group .btn-primary{
  background-color: #409EFF;
} 
.modal .btn-primary{
  height: 34px;
  color: #fff;
} 
.modal .btn-primary a{
  color: #fff;
} 
.btn-primary {
  height: 50px;
  padding-right: 20px;
  padding-left: 20px;
  border: none;
  background: #33cccc;
  color: #ffffff;

}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  color: #ffffff;
  background: #0058d6 !important;
  outline: none;
}

input, textarea {
  color: #000;
}

.placeholder {
  color: #aaa;
}

.js .animate-box {
  opacity: 0;
}
.no-padding-left{
  padding-left: 0;
}
.no-padding-right{
  padding-right: 0;
}
.form-row{
  overflow: hidden;
}



.login-header{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 70px;
  color: #409EFF;
  background: #fff;
  -webkit-box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
  box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
}
.login-header .login-header-container{
  width: 1120px;
  margin: auto;
}
.login-header .login-header-container .login-header-left>*{
  display: inline-block;
  height: 70px;
  line-height: 70px;
  font-size:26px;
  font-weight: bold;
  -webkit-text-shadow: 1px 2px 5px  #aaa;
  -moz-text-shadow: 1px 2px 5px  #aaa;
  -o-text-shadow: 1px 2px 5px  #aaa;
  text-shadow: 1px 2px 5px  #aaa;
}
.login-header .login-header-container .login-header-left span{
  color: #aaa;
}

.login-header .login-header-container .login-header-left .login-header-left-del{
  font-size:18px;
  color: #aaa;
  font-weight: normal;
}

.login-container{
  width: 770px;
  margin:150px auto 0;
  display: inline-block;
  position: relative;
}
.login-container .detail-contain{
  width: 410px;
  display: inline-block;
}
.login-container .detail-contain .open-detail{
  position: absolute;
  left: 157px;
  top:280px;
  background-color: #409EFF;
}
.login-container .detail-contain .open-detail.open-detail-left{
  left: 97px;
}
.login-container .detail-contain .open-detail.open-detail-right{
  left: 217px;
}
.login-container .detail-contain .open-detail.open-detail-right a{
  color: #fff;
  text-decoration: none;
}
.login-container>.detail-contain>img{
  height: 406px;
  width: 100%
}
.login-container>form,.login-container>.detail-contain>img{
  display: inline-block;
  margin-top: 0;
  vertical-align: middle;
  -webkit-box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.4);
  -o-box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.4);
  box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.4);
}

.login-container>h2{

}

#login_captcha{
  width: 52px;
  height: 28px;
  margin-top: 11px; 
  cursor: pointer;
}

#loginErrorMessage{
  padding: 5px 10px;
    font-size: 12px;
}
/*# sourceMappingURL=style.css.map */

.login-footer{
  position: fixed;
  bottom:  0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 90px;
  color: #409EFF;
  background: #fff;
  text-align: center;
}
.download_chrome{
  cursor: pointer;
  color: #409EFF;
}

.download_chrome:hover{
  text-decoration: underline;
}

.login-footer p{
  color: #aaa;
  font-size: 12px;
  margin: 0;
  padding-top: 10px;
}

.login-footer p a{
  color: #409EFF
}

.login-footer  img{
    width: 30px;
    height: 20px;
}



/*新年样式*/
#happyNewYear{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*background-color: red;*/
  z-index: 999999;
  /*opacity: 0.4;*/
  text-align: center;
}

#happyNewYear img{
  max-width: 100%;
  margin: auto;
  vertical-align:middle;
}

#happyNewYear .img_support{
  display: inline-block;
  margin: auto;
  vertical-align:middle;
  position: relative;
}

#happyNewYear .img_support span{
  position: absolute;
  right: 10px;
  top: -15px;
  font-size: 50px;
  cursor: pointer;
}

#happyNewYear .support {
  display:inline-block;
  height:100%;
  width:0;
  vertical-align:middle
}


/*.login-header{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 70px;
  color: #FFD700;
  background: #bf0022;
  -webkit-box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
  box-shadow: -4px 7px 46px 2px rgba(0, 0, 0, 0.1);
}
.login-header .login-header-container{
  width: 1120px;
  margin: auto;
}
.login-header .login-header-container .login-header-left>*{
  display: inline-block;
  height: 70px;
  line-height: 70px;
  font-size:26px;
  font-weight: bold;
  -webkit-text-shadow: 1px 2px 5px  #222;
  -moz-text-shadow: 1px 2px 5px  #222;
  -o-text-shadow: 1px 2px 5px  #222;
  text-shadow: 1px 2px 5px  #222;
}
.login-header .login-header-container .login-header-left span{
  color: #efefef;
}

.login-header .login-header-container .login-header-left .login-header-left-del{
  font-size:22px;
  color: #f5f1ac;
  font-weight: normal;
}*/