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

#login h1{
    margin: 0 auto;
}
#login_box{
    margin-top: 40px;
    background: #f8f4eb;
}
#login_box dt{
    font-weight: bold;
}
#login_box dd input{
    background: #fff;
    width: 100%;
    height: 50px;
    font-size: 1.6rem;
    padding: 0 10px;
    margin-top: 10px;
}
#login_box p button{
    display: block;
    width: 100%;
    line-height: 40px;
    background: #ea7748;
    color: #fff;
    text-align: center;
    font-size: 1.6rem;
    cursor: pointer;
}
@media screen and (min-width:768px) {
#login{
    width: 600px;
    margin: 0 auto;
    padding: 50px 0;
}
#login_box{
    padding: 50px 80px;
}
#login_box dt:nth-child(n+2){
    margin-top: 30px;
}
#login_box p{
    margin-top: 40px;
}
#login_box p button:hover{
    opacity: .7;
}
}
@media screen and (max-width:767px) {
#login{
    padding: 30px 20px;
}
#login_box{
    padding: 30px 20px;
}
#login_box dt:nth-child(n+2){
    margin-top: 15px;
}
#login_box dd input{
    height: 40px;
}
#login_box p{
    margin-top: 30px;
}
}

/*2025/2/21*/
#passwordBox{
    position: relative;
}
#buttonEye{
    position: absolute;
    font-size: 150%;
    top: 22px;
    right: 20px;
}