/* 匯入 會員登入/註冊/忘記密碼 框架相關區塊  樣式.css */
@import url("../style_member/style_user_access.css");


/* =================手動登入第1頁================================= */


.login_area{
    display: flex;
    flex-direction: column;
    gap: 1.5625rem;
}
    .login_area .form_list .captcha input{
        width: calc(100% - 80px);
    }


.authentication_area{
    width: 100%;
    display: flex;
    margin: 0 auto;
    /* margin-bottom: calc(5dvh * 0.65); */
    /*margin-bottom: 3.7437rem; *//*59.9*/
    max-width: calc(27.6875rem * 0.75);
    margin-bottom: 0;
}

    .authentication_area .logIn_text{
        width: 50%;
        background-color: transparent;
        padding: 23px 0;
        /* margin-bottom: 326px; */
        margin: 0;
        color: rgba(217, 217, 217, 0.5);
        text-decoration: none;
        letter-spacing: 0.5rem;
        text-indent: 0.5rem;
    }
    .authentication_area .logIn_text:hover{
        opacity: 0.7;
    }
    .authentication_area .logIn_text.active{
        color: var(--sixth_color);
    }





/* .login_area{
    width: 80%;
    max-width: 27.6875rem;
    max-width: calc(27.6875rem * 0.75);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    row-gap: calc(2.5dvh * 1); 
}


.authentication_area{
    margin-top: 3rem; 
}

    .form_list {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

        .form_list .fL_tit{
            white-space: nowrap;
            text-decoration: none;
            width: auto;
            text-align: left;
            text-indent: -0.05rem;
        }

        .form_area.login_area input[type="text"], .form_area.login_area input[type="password"], 
        .form_area.login_area input[type="search"], .form_area.login_area input[type="email"], 
        .form_area.login_area input[type="tel"], .form_area.login_area input[type="time"], 
        .form_area.login_area input[type="number"], .form_area.login_area input[type="date"] {
            border-color: transparent;
            min-height: 35px;
            line-height: normal;
            height: auto;
        }

        .form_area.login_area input[type="text"]:focus, 
        .form_area.login_area input[type="password"]:focus, 
        .form_area.login_area input[type="search"]:focus, 
        .form_area.login_area input[type="email"]:focus, 
        .form_area.login_area input[type="tel"]:focus, 
        .form_area.login_area input[type="time"]:focus, 
        .form_area.login_area input[type="number"]:focus, 
        .form_area.login_area input[type="date"]:focus {
             border-color: #858180;
        } */
   







        /* .form_list .fL_info{
            width: 100%;
        }

        .form_list .fL_info.captcha{
            display: flex;
        }
        .form_list .fL_info.captcha input{
            width: 100%;
            border-color: rgba(217, 217, 217, 0.5);
            border-right: none;
            min-height: 1.7563rem;
            margin: 0;
        }
        .form_list .fL_info.captcha input:focus{
            border-color: transparent;
        }


    .captcha img {
        vertical-align: middle;
        min-width: 6rem;
        height: auto;
    } 



    .btn_area:not(.auto_login_btn){
        margin-top: calc(1.5625rem * 1);
    }
    
        .btn_area:not(.auto_login_btn) input{
            width: 80%;
            max-width: calc(27.6875rem * 0.75);
            margin: 0 auto;
            font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
        }







        .index_copyright {
            margin-top: calc(1.5625rem * 1);
        }





   .divider{
       margin-bottom:calc(1.5625rem * 1);
    }*/


       







@media (max-width: 990px) {

    .login_area{
        gap: 2.9vh; /*/25 / 845*/
    }
	
}