@charset "utf-8";
/*
*UGO login; regist;
*time :20150619
*author:L.J;
*/
body{
    background: #f0f0f0
}
.login-form{
    margin-top: .833em;
    border-top:1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
}
.login-form li{
    position: relative;
    margin-left: 1.25em;
    padding:.625em 1.25em .625em 0;
    line-height: 1.25em;
    border-top:1px solid #ebebeb;
}
.login-form li:first-child {
    border-top:none;
}
.login-form label{
    color: #666;
    font-size: 1.083em;
    float: left;
    padding-top: .192em;
}
.form-con{
    margin-left: 4.167em;
}
.form-con input[type=text],
.form-con input[type=password]{
    width: 100%;
    color: #d4d4d4;
    height: 1.25em;
    line-height: 1.25em;
    border:none;
    width: 85%;
    background-color:#fff;
    padding:.208em .417em;
}
.form-con input[type=text]:focus,
.form-con input[type=password]:focus{
    outline: none;
    background-color: #fff;
}
.del-bt{
    position: absolute;
    right:1.667em;
    top:.625em;
    background: url(../../images/login/login_close.png) no-repeat;
    background-size: 100% 100%;
    width: 1.583em;
    height: 1.583em;
    display: block;
    cursor: pointer;
}
.pas-bt{
    position: absolute;
    right:1.667em;
    top:.925em;
    background: url(../../images/login/login_pd_.png) no-repeat;
    background-size: 100% 100%;
    width: 1.583em;
    height: 1em;
    display: block;
    cursor: pointer;
}
.login-bt{
    margin:2.083em 1.25em 0 1.25em;
}
.btn{
    width: 100%;
    height: 3.25em;
    line-height: 3.25em;
    color: #fff;
    font-size: 1.25em;
    background-color: #f70800;
    text-align: center;
    border:medium none;
    border-radius: 5px;
}
.login-option{
    padding:1.25em;
    overflow: hidden;
}
.login-option a{
    color: #666;
    text-decoration: underline;
    font-size: 1em;
    display: block;
}
.login-regist{
    width: 50%;
    text-align: left;
    display: block;
    float: left;
}
.retrieve-password{
    width: 50%;
    text-align: right;
    display: block;
    float: right;
}
.regist-form{
    margin-top: .833em;
}
.regist-tel{
    border-top:1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #d4d4d4;
    font-size: 1.083em;
    background-color: #fff;
    padding:1.042em 0;
}
.regist-tel input[type=text]{
    border:none;
    background-color: #fff;
    height: 1.25em;
    line-height: 1.25em;
    margin:0 1.25em;
    width: 80%;
}
.regist-tel input[type=text]:focus{
    outline: none;
    background-color: #fff;
}
.regist-tel-tip{
    color: #666;
    font-size: 1em;
    margin: .417em 0  0 1.25em
}
.no-btn{
    background-color: #d8d8d8;
    color: #999;
}
.protocol{
    margin:1.25em;
    color: #888;
    font-size: .917em;
    line-height: 1.65em;
}
.protocol .protocol-check{
    border:1px solid #696969;
    border-radius: 50%;
    width: 1.25em;
    height: 1.25em;
    line-height: 1.25em;
    float: left;
    box-shadow:0 0 2px #696969;
    margin-right: .5em;
    vertical-align: middle;
    position: relative;
    margin-top: .1em;
}
.protocol .selected:after {
    content: '';
    position: absolute;
    width: .517em;
    height:.308em;
    background: transparent;
    top: .35em;
    left: .3em;
    border: 2px solid #696969;
    border-top: none;
    border-right: none;

    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.protocol a{
    color: #0a56e1;
}
.login-link{
    text-align: right;
    color: #999;
    font-size: 1em;
    margin: 0 1.25em;
    height: 1.883em;
    line-height: 1.883em; 
    padding-bottom:.833em;
}
.login-link a{
   color: #f70800;
   border:1px solid #f7130b;
   border-radius: 3px;
   background-color:#fff;
   padding:.417em 1.042em;
   float: right;
   line-height: .917em;
}
/*password*/
.password-con{
    background-color: #fff;
}
.password-con .form-con{
    margin-left: 4.8em;
}
.setlogin-tip{
    color: #666;
    font-size: 1em;
    height: 2.708em;
    line-height: 2.708em;
    background-color: #fff0d7;
    padding-left: 1.25em;
}
.setlogin-tip i{
    color: #222;
    font-family: arial;
    margin-left: .417em;
}
.password-con li{
    position: relative;
    margin-left: 1.25em;
    padding:.625em 1.25em .625em 0;
    line-height: 1.25em;
    border-top:1px solid #ebebeb;
}
.password-con li:first-child {
    border-top:none;
}
.password-con label{
    color: #666;
    font-size: 1.083em;
    float: left;
    padding-top: .192em;
}
.password-con ul{
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
}
.countdown{
    position: absolute;
    /*width: 5.833em;*/
    width:auto;
    padding:.3em 0.25em;
    text-align: center;
    color: #999;
    font-size: .917em;
    right:1.25em;
    top:.55em;
    border:1px solid #999;
    border-radius: .833em;
}
.again-code{
    color: #f81912;
    border-color:#f81912;
}
.setlogin-tip-tel{
    color: #999;
    height: 2.5em;
    line-height: 2.5em;
    padding-left:1.25em;
    background-color: #f0f0f0;
}