@charset "utf-8";
/* CSS Document */

.p_login{
    background: url("images/login_bk.jpg") center 50% no-repeat;
    background-size: cover;
    padding: 130px 2.5%;
}

.p_login .box{
    max-width: 840px;
    margin: 0 auto;
    background: url("images/login_bd.gif") center 50% no-repeat;
    background-size: cover;
    padding: 0 0 90px 0;
}
.p_login .box h2{
    text-align: center;
    padding: 0 0 35px 0;
}

.p_login .box h2 img{
    max-width: 100%;
    height: auto;
}
.p_login .box h2 img{
    margin-top: -60px;
}
.p_login .box form{
    max-width: 350px;
    margin: 0 auto;
    width: 95%;
}
.p_login .box form .input{
    width: 100%;
    padding: 3%;
    box-sizing: border-box;
    border:none;
    border-radius: 10px;
font-size: 16px;
}
.p_login .box form label{
    font-weight: bold;
    color: #000;
    display: block;
    padding-bottom: 5px;
}
.p_login .box form .user-pass-wrap{
    padding: 25px 0 55px 0;
}

.p_login .box form .button-secondary{
    display: block;
    width: 21px;
    height:18px ;
    background:url("images/eye_on.png") 0 0 no-repeat;
}
.p_login .box form .button-secondary.eye-off{
    background-image:url("images/eye_off.png");
}
.p_login .box form #user_pass{
    padding-right:50px ;
}
.p_login .box form  .wp-pwd{
    position: relative;
}
.p_login .box form .wp-pwd .eye{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}
.p_login .box form .submit{
    text-align: center;
}
.p_login .box form .submit input{
    background: #297b4a url("images/loginbtn_bk.gif") 15px 50% no-repeat;
    color: #fff;
    font-weight: bold;
    padding: 15px 14px 15px 35px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
}
.p_login .box form .submit #submit:disabled{
    visibility: hidden;
}

.p_login .error{
    width: 100%;
    text-align: center;
    position: relative;
}
.p_login .error p{
    position: absolute;
    width: 100%;
    top: 10px;
}