body{
  background-color: #f9faff;
}
body.bg-login{
  background: url(../images/bg-login.jpg) no-repeat center;
  background-size: cover;
}
/*----------pages.css----------*/

.ui-login{
  margin-top: 1.25rem;
}
.ui-login >.hd{

}
.ui-login >.hd p{
  text-align: center;
}
.ui-login >.hd p img{
  width: 8.5rem;
}
.ui-login >.ct{
  margin: 0 4.25rem;
 /* margin-top: 6rem;*/
  margin-top: 3rem;
}

.ui-login >.ht{

}
.ui-login >.ht div{
  text-align: center;

}
.ui-login >.ht div a{
   float:left;
    margin-left:20px;
}

.ui-login .form{

}
.ui-login .form .p{

}
.ui-login .form input[type='text']{
  border: none;
  width: 100%;
  height: 4rem;
  border-radius: 2rem;
  background-color: #fff;
  line-height: 4rem;
  color: #515151;
  font-size: 1.5rem;
}

.ui-login .form input[type='password']{
  border: none;
  width: 100%;
  height: 4rem;
  border-radius: 2rem;
  background-color: #fff;
  line-height: 4rem;
  color: #515151;
  font-size: 1.5rem;
}
.ui-login .form input[type='text'].username{
  padding-left: 4.5rem;
  background: url(../Images/ico_input-user.png) no-repeat 1rem 50% #fff;
  background-size: 2.5rem auto;
}

.ui-login .form input[type='password'].username{
  padding-left: 4.5rem;
  background: url(../Images/ico_input-pw.png) no-repeat 1rem 50% #fff;
  background-size: 2.5rem auto;
}
.ui-login .form button{
  border: none;
  width: 100%;
  height: 4rem;
  border-radius: 2rem;
  border: 1px solid #fff;
  line-height: 4rem;
  color: #fff;
  font-size: 1.5rem;
  background-color: transparent;
}
.ui-login .form button:active{
  background-color: rgba(255, 255, 255, .2);
}


  .login-title {
            padding: 10px 10px;
        }

            .login-title h1 {
                margin-top: 10px !important;
            }

            .login-title span{
                color: #ccc;
            }
            .login-title small {
                color: #666;
            font-size: 18px !important;
            }
                   .recordcode {
            padding-bottom: 6px;
            background-color:transparent;
            position:absolute;
            width: 100%;
           /*height: 20px;*/
              
                              
            /*position:fixed;*/
           /*bottom:-20px;
           margin-bottom:-20px;*/
           top:0px;
           text-align:right;
            color: #666;
            vertical-align:bottom;
            z-index:10;
        }

            .recordcode a {
                text-decoration: none;
                color: #999;
                 margin-left: 30px;
            }
/*----------customize----------*/
.h005{
  height: .5rem;
}
.h010{
  height: 1rem;
}
.h015{
  height: 1.5rem;
}
.h020{
  height: 2.0rem;
}
.h025{
  height: 2.5rem;
}
.h030{
  height: 3.0rem;
}
.h035{
  height: 3.5rem;
}