.mla_form{display:block;position:relative;}
.mla_form .mla_loading{position: fixed;display:none;top: 0;left: 0;right: 0;bottom: 0;z-index: 10;}
.mla_form .mla_loading>div{background-color: #00000055;display: table;vertical-align: middle;text-align: center;width: 100%;height: 100%;position: relative;}
.mla_form.loading .mla_loading{display:block;}
.mla_form .mla_loading>div>img{position: absolute;top: 45%;width: 50px;height: 50px;}
.mla_form .form_row{display: flex;flex-direction: row;flex-wrap: wrap;justify-content:space-between;align-items:flex-start;align-content: flex-start;}
.mla_form .form_row.row_group{margin-bottom: 30px;}
.mla_form.form_login .form_row.row_group,
.mla_forgot_pwd_form .mla_form .form_row.row_group{margin-bottom: 15px;}
.mla_form .form_col{flex: 1;display: flex;justify-content: flex-start;align-items: flex-start;}
.mla_form .form_col.col_2{width: 50%;}
.mla_form .form_col.col_2:first-child{padding-right:20px;}
.mla_form .form_col.col_2:last-child{padding-left:20px;}
.mla_form .form_col.col_1{width:100%;}
.mla_form .form_block{display:block;width: 100%;margin-bottom:10px;position: relative;}
.mla_form .form_block.align_center{text-align:center;}
.mla_form .form_block.inline_row{display: flex;flex-direction: row;align-items: start;justify-content: start;}
.mla_form .form_block.inline_row>*{display: inline-block;margin: 0;}
.mla_form .form_block.inline_row>span{padding-bottom: 2px;margin: 0 !important;}
.mla_form .form_block.inline_row>.float_right{margin-left: auto;margin-right: 0;}
.mla_form .form_block.profile_img{display: table;width:100%;}
.mla_form .profile_img .profile_img_box{display: table-cell;width:135px;vertical-align:top;}
.mla_form .profile_img .profile_img_file{display: table-cell;width:calc(100% - 135px);padding: 0 150px 0 30px;vertical-align:top;}
.mla_form .profile_img .profile_img_box img{
    border-radius: 50%;display: block;
    width: 135px;height:135px;margin: 0 auto;object-fit:cover;overflow: hidden;}
.mla_form .profile_img .profile_img_file_select{
    background-color: #fff;display: block;width: 100%;padding: 30px 30px 30px 100px;position:relative;}
.mla_form .profile_img .profile_img_file_select img{display:block;width: 70px;height:70px;object-fit:contain;position:absolute;top:15px;left:15px;z-index:1;}
.mla_form .profile_img .profile_img_file_select span{
    color:var(--e-global-color-1a91c31);
    font-family: var(--e-global-typography-69a21af-font-family), noto sans tc, noto sans sc, microsoft jhenghei, arial, STHeitiTC, STHeitiSC, Sans-serif;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: var(--e-global-typography-text-letter-spacing);
    position:relative;z-index:1;
}
.mla_form .profile_img .profile_img_file_select span b{color:var(--e-global-color-text);}
.mla_form .form_block label{
    font-family: var(--e-global-typography-69a21af-font-family), noto sans tc, noto sans sc, microsoft jhenghei, arial, STHeitiTC, STHeitiSC, Sans-serif;
    font-size: var(--e-global-typography-69a21af-font-size);
    font-weight: 700;
    letter-spacing: var(--e-global-typography-text-letter-spacing);display: block;margin-bottom:5px;
}
.mla_form .form_block label .required{color: #f00000;}
.mla_form .form_input{
    background-color: #fff;border: 2px solid #dddddd;border-radius:0;
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-69a21af-font-family), noto sans tc, noto sans sc, microsoft jhenghei, arial, STHeitiTC, STHeitiSC, Sans-serif;
    font-size: var(--e-global-typography-69a21af-font-size);
    font-weight: 400;
    letter-spacing: var(--e-global-typography-text-letter-spacing);width: 100%;max-width: 100%;padding: .5rem 1rem;}
.mla_form .form_input.input_select{appearance: none;-webkit-appearance: none;-moz-appearance: none;}
.mla_form .select_box{position: relative;}
.mla_form .select_box>i{position: absolute;top: 0;right:12px;transform: translate(0, 90%);z-index: 1;height: 1rem;display: flex;align-items: center;justify-content: center;pointer-events: none;}
.mla_form .form_input.input_checkbox{width: auto;margin: 5px 10px 5px 5px!important;display: inline-block;}
.mla_form .form_input.input_file{display: block;width: 100%;height:100%;position:absolute;top:0;left:0;z-index:2;opacity:0;}
.mla_form .form_input.disabled,
.mla_form .form_input.disabled:focus{background-color: #E8E8E8;border: 2px solid #c3c3c3 !important;color: #9F9F9F;cursor:default;}
.mla_form .form_input.error,
.mla_form .form_input.error:focus{background-color: #FFF0F0;border: 2px solid #ff0000;}
.mla_form .form_input.half_l{width: calc(50% - 20px);margin-right: 20px;margin-bottom: 10px;}
.mla_form .form_input.half_r{width: calc(50% - 20px);margin-left: 20px;margin-bottom: 10px;}
.mla_form .form_block .msg{
    color: #f00000;
    font-size: var(--e-global-typography-e47af0c-font-size);
    line-height: var(--e-global-typography-e47af0c-line-height);
    letter-spacing: var(--e-global-typography-e47af0c-letter-spacing);
    word-spacing: var(--e-global-typography-e47af0c-word-spacing);
    display: block;
    position: relative;
}
.mla_form .form_block .msg i{margin-right: 10px;}
.mla_form .form_btn{
    color: #fff;
    font-family: var(--e-global-typography-69a21af-font-family), noto sans tc, noto sans sc, microsoft jhenghei, arial, STHeitiTC, STHeitiSC, Sans-serif;
    font-size: var(--e-global-typography-69a21af-font-size);
    font-weight: var(--e-global-typography-69a21af-font-weight);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
    line-height: var(--e-global-typography-69a21af-line-height);
    text-align:center;
    border: 0;
    border-radius:0;
    display: inline-block;
    padding: 12px 20px;
    margin: 0 5px;
}
.mla_form .form_btn:focus{border: 0;border-radius:0;}
.mla_form .form_btn.btn_1{background-color: var(--e-global-color-primary);}
.mla_form .form_btn.btn_2{background-color: var(--e-global-color-1a91c31);}
.mla_form .form_btn.btn_1:hover{background-color: var(--e-global-color-e106f88);color: #fff;}
.mla_form .form_btn.btn_2:hover{background-color: var(--e-global-color-08d8cd5);color: #fff;}
.mla_profile_form .mla_form #btn_edit{display: inline-block;}
.mla_profile_form .mla_form #btn_save{display:none;}
.mla_profile_form .mla_form #btn_cancel{display:none;}
/*Profile edit mode*/
.mla_profile_form.edit .mla_form #btn_edit{display: none;}
.mla_profile_form.edit .mla_form #btn_save{display: inline-block;}
.mla_profile_form.edit .mla_form #btn_cancel{display: inline-block;}
.mla_profile_form .mla_form .profile_img_row{display: none;}
.mla_profile_form.edit .mla_form .profile_img_row{display: flex;}
.mla_profile_form #f_profile_img{display:none;}
.mla_profile_form.edit #f_profile_img{display:block;}
.mla_form .form_msg{
    color: #fff;
    font-family: var(--e-global-typography-69a21af-font-family), noto sans tc, noto sans sc, microsoft jhenghei, arial, STHeitiTC, STHeitiSC, Sans-serif;
    font-size: var(--e-global-typography-69a21af-font-size);
    font-weight: var(--e-global-typography-69a21af-font-weight);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
    text-align:center;
}
.mla_form .form_msg.success{color: #0bab00;padding:10px;}
.mla_form .form_msg.error{color: #f00000;padding:10px;}
.mla_form .form_block p{
    font-size: var(--e-global-typography-e47af0c-font-size);
    line-height: var(--e-global-typography-e47af0c-line-height);
    letter-spacing: var(--e-global-typography-e47af0c-letter-spacing);
    word-spacing: var(--e-global-typography-e47af0c-word-spacing);
    margin-bottom:5px;margin-block-end: 5px;
}
.mla_form .checkbox_txt{cursor:pointer;}
.mla_password_form .mla_form{max-width: 500px;}
@media (max-width: 1023px) {
    .mla_form .profile_img .profile_img_box{display: block;width:100%;}
    .mla_form .profile_img .profile_img_file{display: block;width:100%;padding: 0;}
}
@media (max-width: 767px) {
    .mla_form .form_row{flex-direction: column;}
    .mla_form .form_col.col_2{width:100%;}
    .mla_form .form_col.col_2:first-child{padding-right:0;}
    .mla_form .form_col.col_2:last-child{padding-left:0;}
    .mla_form .form_input.half_l{width: 100%;margin-right: 0;}
    .mla_form .form_input.half_r{width: 100%;margin-left: 0;}
}
.mla_form .pwd_btn{
    background-color: transparent;
    border: 0;
    border-radius:0;
    color: var(--e-global-color-text);
    line-height: 1.5rem;
    text-align:center;
    display: inline-block;
    padding: 10px 10px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.mla_area .agree_btn, .mla_area .disagree_btn{
    color: #fff;
    font-family: var(--e-global-typography-69a21af-font-family), noto sans tc, noto sans sc, microsoft jhenghei, arial, STHeitiTC, STHeitiSC, Sans-serif;
    font-size: var(--e-global-typography-69a21af-font-size);
    font-weight: var(--e-global-typography-69a21af-font-weight);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
    line-height: 1.5rem;
    text-align:center;
    border: 0;
    border-radius:0;
    display: inline-block;
    padding: 10px 20px;
    margin: 0 5px;
}
.mla_area .agree_page{display: none;}
.mla_area .mla_agree{display:block;text-align:center;padding: 10px 30px;}
.mla_area .agree_btn:focus,.mla_form .disagree_btn:focus{border: 0;border-radius:0;}
.mla_area .agree_btn{background-color: var(--e-global-color-primary);}
.mla_area .disagree_btn{background-color: var(--e-global-color-1a91c31);}
.mla_area .agree_btn:hover{background-color: var(--e-global-color-e106f88);color: #fff;}
.mla_area .disagree_btn:hover{background-color: var(--e-global-color-08d8cd5);color: #fff;}

.mla_form .form_btn.btn_full{display: block;width:100%;margin: 0;}
.mla_form .float_right{float: right;}
.mla_area .mla_form_toggle .elementor-toggle .elementor-tab-title{border-bottom: 0;}
.mla_area .mla_form_toggle .elementor-toggle .elementor-tab-content{border-bottom: 0;}
.mla_login_form .mla_form .form_block .msg,
.mla_login_form .mla_form .form_msg.error{text-align:left;}
.mla_login_form .mla_form .form_msg i{margin-right: 10px;}

.mla_form #profile_img_preview{display: none;}
/*.mla_form #profile_img_preview img{display: block;width:auto;height: auto;max-width:100%;max-height:400px;}*/

.egrid .efilter.tab .efilter_group{display:none;width: calc(100% - 100px);}
@media (max-width: 767px) {
    .egrid .efilter.tab .filter_tab{display:none;}
    .egrid .efilter.tab .efilter_group{display:inline-block;width: 100%;}
}
@media (max-width: 1024px) {
    .egrid.mla .efilter,
    .admin-bar .egrid.mla .efilter{top: 0!important;height: auto!important;}
}
.daterangepicker .drp-calendar select{border-radius: 0;display: inline-block;}
.daterangepicker button.cancelBtn {background-color: var(--e-global-color-1a91c31);color: #fff;border:0;border-radius:0;box-shadow:none;}
.daterangepicker button.applyBtn {background-color: var(--e-global-color-primary);color: #fff;border:0;border-radius:0;box-shadow:none;}
.mla_form .select_box.half{display:inline-block;width: calc(50% - 10px);}
.mla_form .half_span{display:inline-block;width: 20px;text-align:center;}
.mla_form .input_row{display:block;position:relative;}

.mla_table_info{display: block;width:100%;position:relative;}
.mla_table_info .mla_table_row{display: flex;width:100%;flex-direction: row;flex-wrap: wrap;justify-content: start;align-items: start;}
.mla_table_info .mla_table_col{width: 25%;padding-bottom: 20px;}
.mla_table_info .mla_table_col.full{width: 100%;}
.mla_table_info .mla_table_label{
    color: var(--e-global-color-08d8cd5);
    font-family: var(--e-global-typography-d9d3dce-font-family), "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", "Arial", STHeitiTC, STHeitiSC, Sans-serif;
    font-size: var(--e-global-typography-d9d3dce-font-size);
    font-weight: var(--e-global-typography-d9d3dce-font-weight);
    text-transform: var(--e-global-typography-d9d3dce-text-transform);
    font-style: var(--e-global-typography-d9d3dce-font-style);
    line-height: var(--e-global-typography-d9d3dce-line-height);
    letter-spacing: var(--e-global-typography-d9d3dce-letter-spacing);
    word-spacing: var(--e-global-typography-d9d3dce-word-spacing);margin-bottom: 10px !important;}
.mla_table_info .mla_table_val{
    color: var(--e-global-color-c153ed4);
    font-family: var(--e-global-typography-text-font-family), "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", "Arial", STHeitiTC, STHeitiSC, Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);}

.mla_area .mla_btn{
    background-color: var(--e-global-color-primary);
    border: 2px solid var(--e-global-color-primary);
    color: #fff;
    font-family: var(--e-global-typography-69a21af-font-family), noto sans tc, noto sans sc, microsoft jhenghei, arial, STHeitiTC, STHeitiSC, Sans-serif;
    font-size: var(--e-global-typography-69a21af-font-size);
    font-weight: var(--e-global-typography-69a21af-font-weight);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
    line-height: 1.5rem;
    text-align: center;
    border-radius: 0;
    display: inline-block;
    padding: 10px 20px;
    margin: 0 5px;}
.mla_area .mla_btn:hover{background-color: var(--e-global-color-e106f88);border: 2px solid var(--e-global-color-e106f88);color: #fff;}
.mla_area .mla_btn.style_2{background-color: var(--e-global-color-1a91c31);border: 2px solid var(--e-global-color-1a91c31);color: #fff;}
.mla_area .mla_btn.style_2:hover{background-color: var(--e-global-color-08d8cd5);border: 2px solid var(--e-global-color-08d8cd5);color: #fff;}
@media (max-width: 1200px) {
    .mla_table_info .mla_table_col{width: 50%;}
}
@media (max-width: 767px) {
    .mla_table_info .mla_table_col{width: 100%;}
}

@media (max-width: 1200px) {
    .elementor-170673 .elementor-element.elementor-element-c44679c > .elementor-background-overlay{background-image: linear-gradient(90deg, var(--e-global-color-08d8cd5) 40%, var(--e-global-color-032d0f8) 80%);}
}
@media (max-width: 1023px) {
    .elementor-170673 .elementor-element.elementor-element-c44679c > .elementor-background-overlay{background-image: linear-gradient(90deg, var(--e-global-color-08d8cd5) 100%, var(--e-global-color-032d0f8) 100%);}
}

/*Form for Login OTP Forgot Reset*/
.mla_form.form_otp{display:none;}
.mla_form.form_otp .otp_msg h2{
    color: var(--e-global-color-text);
}
.mla_form.form_otp .otp_msg p{
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-text-font-family), "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", "Arial", STHeitiTC, STHeitiSC, Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
}
.mla_form .form_btn#btn_cancel{margin: 15px 0;}

.mla_reset_pwd_form .reset_result{display:none;}
.mla_reset_pwd_form .reset_result h2,
.mla_reset_pwd_form .reset_result p{text-align:center;}
/*Form for Login OTP Forgot Reset*/