.login_area{
    max-width: 387px;
    width: 100%;
    height: 616px;
    padding :0;
}

.login_area.sign_in{
    background: url("/front/images/sign/signin_back.png") no-repeat;
    background-size: contain;
}


.login_area.sign_up{           
    background: url("/front/images/sign/signup_back.png") no-repeat;
    background-size: contain;
}

.login_input{
    background: #edf1f4;
    width: 100%;
    padding:10px;
    border:none;
    border-radius: 20px;
    text-align: center;
}

.login_input:focus{
    outline: none;
    background: #E7EBED;
}

.login_btn{
    width: 100%;
    padding:10px;
    border:none;
    border-radius: 20px;
    text-align: center;
}


.act_box{margin: 0 50px;}

.sign_nav{
    height:40px;
}

.sign_nav .nav_el{
    height:100%;
    font-size:18px;
    color: #15a1b8;
    font-weight: 800;
}

.sign_nav.sign_in .nav_el{
    color: #fec104;
}

.sign_nav .nav_el.not_active{
    background: #eff0f4;
    font-size:14px;
}

.sign_nav .nav_el .opr_link{
    background:#e5e5e5;
    padding:5px 20px;
    color:#FFF;
}

.signin_submit{
    background: #fec104;
    color:#FFF;
}

.signup_submit{
    background: #15a1b8;
    color:#FFF;
}

.signup_cancel{
    background: #ffd8b2;
    color:#FFF;
}