@charset "UTF-8";
/* CSS Document */
.s_Middle .loginBox{
    background-color:#74b0ee;
    margin: -20px 0;
    position:relative;
}
.s_Middle .loginBg1{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    margin:auto;
    background: url(../images/loginBg1.png) 120px 5% no-repeat;
    background-size: 40%;
}
.s_Middle .loginBg2{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    margin:auto;
    background: url(../images/loginBg2.png) center 150px no-repeat ;
}
.s_Middle .con { margin:auto; height:400px; width:420px; background-color:#fff; position:absolute; top:5%; left:auto; bottom:auto; right:120px; border-radius: 5px; padding:15px 0;box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);}
.s_Middle .con h1 {
    font-size:24px;
    display:inline-block;
    width:calc( 100% + 15px);
    line-height:50px;
    text-indent:35px;
    font-weight:bold;
    background-color:#478bf6;
    color:#FFFFFF;
    margin-left:-15px;
}
.s_Middle .con h1:after{
  content: "";
  position: absolute;
  top: 25px;
  left: -15px;
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 10px solid #204a8a;
}
.s_Middle .con h1:before{
  content: "";
  position: absolute;
  top: 85px;
  left: -15px;
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 0px solid transparent;
  border-top: 10px solid #204a8a;
}
.s_Middle .title { height:68px; background-color:#F4F4F4; margin-top:4px; float:left; width:590px; font-size:20px; color:#333;}
.s_Middle .title img { margin:5px 20px; float:left;}
.s_Middle .title .font { float:left; height:68px; line-height:70px; }
.s_Middle .login{ margin:15px auto; width:340px; position:relative; background:url(../images/login-icon.png) left top no-repeat}  
.s_Middle .user { background-color:#f4f4f4; border:#ccc 1px solid; height:36px; width:300px; margin-left:40px;  margin-bottom:25px; font-size:14px; color:#666; text-indent:5px;}
.s_Middle .password { background-color:#f4f4f4; border:#ccc 1px solid; height:36px; width:300px; margin-left:40px;  margin-bottom:20px; font-size:14px; color:#666; text-indent:5px;}
.s_Middle .IdentifyingCode { background-color:#f4f4f4; border:#ccc 1px solid; height:36px; width:100px; margin-left:40px;  margin-bottom:35px; font-size:14px; color:#666; text-indent:5px;}
.s_Middle .botton{ width:340px; margin:0px auto; height:55px; cursor:pointer; background-color:#33cc33; font-size:18px; color:#fff; line-height:55px; text-align:center; border:#336bd3 solid 1px;border-radius:8px;              
    background:linear-gradient(top,#4f8bf1,#2a63d0);
    background:-moz-linear-gradient(top,#4f8bf1,#2a63d0);
    background:-webkit-linear-gradient(top,#4f8bf1,#2a63d0);
    background:-o-linear-gradient(top,#4f8bf1,#2a63d0);
}

.s_Middle #message {
    position: absolute;
    width: 100%;
    padding: 5px;
    bottom:-15px;
}