.content_area {

    padding: 55px 0px 0px 0px;

}



.page_wrapper {

    position: relative;

}



.main_navbar {

    border-bottom: 1px solid rgb(222 226 230);

    position: fixed;

    top: 0;

    z-index: 5;

    width: 100%;

    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);

}



.link_block {

    position: relative;

    color: #fff;

}



.bg_layer {

    background-color: rgba(0, 0, 0, .15);

    height: 100%;

    padding: 15% 0;

    width: 100%;

}



.background {

    background-repeat: no-repeat;

    background-size: cover;

}



.login_photo {

    filter: drop-shadow(0 0 0.75rem rgba(0, 0, 0, .1));

    position: absolute;

    right: 0;

    top: 0;

}



.main_title {

    font-weight: 700;

    padding: 0 1rem;

    text-align: center;

    width: 100%;

    display: block;

    margin-bottom: 1.5rem;

}



.sub_title {

    font-weight: 500;

    font-size: 1.25rem;

    padding: 10px 1rem 32px 1rem;

    text-align: center;

    width: 100%;

    display: none;

}



.input_label {

    margin-bottom: .5rem;

    font-size: 1.05rem;

    font-weight: 700;

}



.en_input_lable {

    font-weight: 300;

    font-size: .8rem;

}



.inputbox_block {

    padding: 1rem;

    margin-bottom: 1%;

}



.inputbox_block input {

    padding-left: 3rem;



}



#account_block,

#password_block {

    position: relative;

}



#account_block::after {

    font: var(--fa-font-solid);

    content: "\f007";

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    font-size: 1.25rem;

    padding-left: 1rem;

}



#password_block::after {

    font: var(--fa-font-solid);

    content: "\f023";

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    font-size: 1.25rem;

    padding-left: 1rem;



}



.or_line {

    height: 1px;

    background-color: rgb(0, 0, 0);

    margin: 1rem 1rem;

    position: relative;

}



.or_line::after {

    content: '或';

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    background-color: rgb(245, 245, 245);

    padding: 1rem 5%;

}



.login_block {

    padding: 15% 0;

}



@media(min-width: 992px) {

    .page_height {

        height: 100vh;

    }



    .main_navbar {

        padding: 2rem 2rem;

        background-color: transparent;

        color: rgb(255, 255, 255);

        position: absolute;

        top: 0;

        left: 0;

        box-shadow: none;

        border: none;

    }



    .main_navbar #irs_brand {

        font-size: 1.5rem;

    }



    .sub_title {

        display: block;

    }



    .content_area {

        padding: 0px;

    }

    .input_label {

        margin-bottom: 1rem;

        font-size: 1.25rem;

    }

    .en_input_lable {

        font-weight: 300;

        font-size: 1rem;

    }

}