html,
  body {

  	height: 100%;
  }
* {
        box-sizing:border-box;
}
  body {
  	width: 100%;
  	text-align: left;
  	min-width: 900px;
  	min-height: 600px;
  }

  /*.header {
  	background-color: #fff;
  	padding: 0 2%;
  	width: 96%;
  	position: fixed;
  	top: 0;
  	left: 0;
  	color: #fff;
  	z-index: 99999;
  }

  .header img {
  	vertical-align: middle;
  }

  .header p {
  	display: inline-block;
  }

  .header_welcome {
  	position: absolute;
  	top: 50%;
  	transform: translateY(-50%);
  	right: 20px;
  }*/

  /*.header_sign {
  	width: 40%;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	white-space: nowrap;
  	vertical-align: middle;
  }

  .header_check {
  	color: red;
  	vertical-align: middle;
  	cursor: pointer;
  }*/

  .footer {
  	height: 50px;
  	line-height: 50px;
  	position: fixed;
  	left: 0;
  	bottom: 0;
  	z-index: 99999;
  	width: 100%;
  }

  .footer p {
  	text-align: center;
  	color: #fff;
  }

  .footer p a {
  	margin-left: 5px;
  	color: #fff;
  }

  .middle {
  	background: url(/Images/loginnew.jpg?v=3);
  	background-size: 100% 100%;
  	position: relative;
  }

  /*.middle_login {
  	width: 800px;
  	height: 400px;
  	position: absolute;
  	top: 0;
  	left: 0;
  	bottom: 0;
  	right: 0;
  	margin: auto;
  }*/

  /*.middle_login img {
  	height: 100%;
  	vertical-align: middle;
  }

  .middle_login .middle_login_img1 {
  	margin-right: -4px;
  }

  .middle_login .middle_login_img2 {
  	margin-left: -3px;
  }*/

  /*.login_inputting {
  	display: inline-block;
  	height: 100%;
  	vertical-align: middle;
  	width: 400px;
  	vertical-align: middle;
  }*/

  /*form {
  	width: 100%;
  	height: 100%;
  	margin-top: -25px;
  }

  fieldset {
  	height: 100%;
  	margin: 0;
  	background: #fff;
  	filter: alpha(opacity=90);
  	background: rgba(255, 255, 255, 0.9);
  	box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.10);
  	border: 0;
  }*/
      /*.login-box {
  	position: absolute;
  	right: 80px;
  	bottom: 100px;
  	background-color: #fff;
  	width: 500px;
  	height: 550px;
  	background: rgba(255, 255, 255, 0.8) !important;
  	background: #fff;
  	filter: alpha(opacity=80);
  }
  .logininput {
  	width: 100%;
  	height: 50px;
  	border: 1px solid #00b150;
  	border-radius: 0px;
  	border-left: 2px solid #00b150;
  	border-bottom: 2px solid #00b150;
  	font-size: 14px;
  	font-weight: 600;
  	background-color: transparent;
  	padding: 11px;
  	box-sizing: border-box;
  	vertical-align: middle;
  }



  input {
  	opacity: 0.9;
  	background: #fff;
  	background: rgba(255, 255, 255, 0.95);
  	border: 1px solid #dbe0ec;
  	border: 1px solid rgba(32, 53, 128, 0.16);
  	border-radius: 4px;
  }

  .middle h1 {
  	font-size: 30px;
  	color: #3384F5;
  }

  .middle p label {
  	width: 40px;
  	text-align: right;
  	display: inline-block;
  	text-align-last: justify;
  	vertical-align: middle;
  }

  .middle p {
  	margin-top: 20px;
  }

  #loginbtn {
  	width: 100%;
  	cursor: pointer;
  	height: 50px;
  	border: 0px;
  	background-color: #00b150;
  	font-size: 22px;
  	font-weight: bolder;
  	color: #fff;
  }*/

  /*#forgottenpassword {
  	margin-top: 115px;
  }

  #forgottenpassword input {
  	display: none;
  }

  .remember_pwd {
  	display: inline-block;
  	width: 24px;
  	height: 24px;
  	background: url(../../Images/remember_pwd.png);
  	vertical-align: middle;
  }

  .remember_pwd_xz {
  	background: url(../../Images/remember_pwd_xz.png);
  }*/

  /*.header_sign img {
  	vertical-align: top;
  	margin-right: 5px;
  }*/


  .login{
  padding:50px 30px;
  position:fixed;
  top:50%;
  right:15%;
  z-index:8888889;
  background-color:rgba(255,255,255,.9);
  border-radius:4px;
  width:340px;
  margin-top:-203px;
}
.login .login-cover{
  position: absolute;
  width:100%;
  height:100%;
  background-color:#000;
  top:0;
  left:0;
  opacity:.3;
  filter: alpha(opacity=3);
  z-index:99;
  display: none;
}
.login .warn,.tryout .notice{
  position: absolute;
  top:50%;
  left:30px;
  width:280px;
  padding-bottom:10px;
  transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -o-transform:translateY(-50%);
  text-align: center;
  border-radius: 4px;
  z-index: 100;
  background-color:#fff;
  box-shadow:0 1px 6px rgba(99,99,99,.3);
  /*box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1), 0 1px rgba(0,0,0,0.1);*/
  border:1px solid #dcdcdc;
    display: none;
  /*background:-webkit-gradient(linear, 0 0, 0 100%, from(#EFF5FE), to(#D6E4F4));*/
}
.tryout .notice{
  left:220px;
}
.tryout .notice p{
  height:30px;
  line-height: 30px;
  color:red;
}
.login .warn2{
  height: 40px;
  line-height: 40px;
  color:red;
  font-size:14px;
}
.login .warn p{
  text-align: left;
  line-height: 2;
  color:red;
  display: inline-block;
  margin:10px 0;
}
.login .warn .warn-button,.tryout .notice .notice-button{
  padding:2px 0;
  width:48px;
  background-color: #3f9cee;
  color:#fff;
  cursor:pointer;
  border-radius: 4px;
  margin-left: 215px;

}
.login .login-img {
display:flex;
display:-webkit-flex;
}
.login .login-img img{
  display:block;
  margin:0 auto;
  /*width:49%;*/
  height:60px;
}
.login .login-form{
  margin-bottom:10px;
}
.login .warn-title,.tryout .notice-title{
  height: 30px;
  line-height: 30px;
  background-color:  #f6f6f6;
  text-align:  left;
  font-size: 12px;
  padding-left: 15px;
}
.login .warn-notice{
  padding:0 10px;
}
.login .login-form .input-g{
  border:1px solid #dcdcdc;
  border-radius:4px;
  margin-bottom:16px;
  display:flex;
  display:-webkit-flex;
  align-items:center;
  /*
  box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1), 0 1px rgba(0,0,0,0.1);
  */
}
.login .login-form .input-g img{
  margin-left: 10px;
}
.login .login-form .login-input{
  border:none;
  display:inline-block;
  width:205px;
  height:35px;
  padding:7px 6px;
  margin:0;
  border-radius:4px;
  box-sizing:border-box;
  background-color:transparent;
  font-size:14px;
  color:#333;
  flex:1;
}

.login .login-form input[type=checkbox]{
  -webkit-appearance: checkbox;
}
.login .login-form .login-spinput{
  border:none;
  margin-bottom:0;
}
.login .login-form .login-spinput .login-button{
  padding:7px 6px;
  margin-left:0;
  width:100%;
  background-color: #3f9cee;
  color:#fff;
  cursor:pointer;
}