/* ========================================================================================== */
/* ==                                                                                      == */
/* ==                                   GLOBAL CSS Start                                   == */
/* ==                                                                                      == */
/* ========================================================================================== */
/* ========================================== */
/* ==                                      == */
/* ==            Default Start             == */
/* ==                                      == */
/* ========================================== */
@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);

* {margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;word-wrap: break-word;/*-ms-overflow-style: none;scrollbar-width: none;*/}
*:before,*:after {margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;word-wrap: break-word;/*-ms-overflow-style: none;scrollbar-width: none;*/}
/** ::-webkit-scrollbar { display: none; }*/

html {font-size: 1em;font-style: normal;word-wrap: break-word;padding: 0;margin: 0;height: 100%;width: 100%;font-weight: 500;}
body{font-family:Arial,'Noto Sans TC','Apple LiGothic Medium','Microsoft JhengHei','SimHei';width:100%;height:100%;background: #fff;font-size:0.938em;font-weight:400;color:#333;}
.ac_section{padding: 140px 0 100px 0;}
img{width:100%;max-width:100%}
a{cursor:pointer}
a:hover,a:focus{text-decoration:blink}
/* input:focus,textarea:focus{box-shadow:none;outline:0} */
/* button:focus{outline:0} */
/* input:focus,textarea:focus{box-shadow:none;outline:0} */
input{border-radius: 5px!important;border: solid 1px #bfbcbc;}
ol,ul{list-style:none;margin-bottom:0}
.ac_blank{height: 130px;}
::placeholder{color:#b3b3b3;}
@media (max-width: 575.98px) {
    .ac-section{padding: 4.5em 0 0;}
    .ac-section.ac-section_last{padding: 5.5em 0 0;}
}
/* typography start */
h1{text-indent: -99999px;position: absolute;}
h2{font-size:2.375em;font-weight:700;line-height: normal;text-align: center;}
h3{font-size:1.688em;font-weight:500;}
h4{font-size:1.375em;font-weight:500;}
span, p{font-size:1.063em;font-weight: 300;line-height: 1.5;}
span.date, p.date{font-size:1.188em;font-weight:400;font-family:'Roboto Condensed'}
span.tip, p.tip{font-size:1.000em;font-weight:400;}
span.map-info, p.map-info{font-size:1.000em;font-weight:400;}

h1.light, h2.light, h3.light, h4.light,h5.light, p.light, p.date.light, p.map-info.light, span.light, span.date.light, span.map-info.light{color:#2b4131;}
span.tip.light, p.tip.light{color:#2f7d44}
h1.dark, h2.dark, h3.dark, h4.dark,h5.dark, p.dark, p.date.dark, p.map-info.dark, span.dark, span.date.dark, span.map-info.dark{color:#ffffff;}
span.tip.dark, p.tip.dark{color:#e8efa7}
.ac_accesskey{color:#2f7d44;}
.back_previous{color: #2F7D44;border-bottom:1px solid;padding:0 0 3px 0;}
.red{color:#bf0000}
.gray{color:#888888}
.textalign_right_btn{zwidth: 100%;display: flex;justify-content: flex-end;}
a.link_green_style,button.link_green_style{margin-left: 100px;text-decoration: underline;margin: 4px 0px;color: #2f7d44;border: 2px solid #ffffff;padding: 0 6px;}
a.link_green_style:hover,button.link_green_style:hover,a.link_green_style:focus,button.link_green_style:focus{
    border: 2px solid #007bff;
    border-radius: 5px;
}
a.link_green_style_imglink{text-decoration: underline;color: #2f7d44;}
a.link_blue_style,button.link_blue_style{padding-left: 100px;text-decoration: underline;margin: 4px 0px;color: #0173A7;}
a.link_blue_style:focus,button.link_blue_style:focus,a.link_blue_style:hover,button.link_blue_style:hover{background-color: #0173A7;color: #ffffff;}
a.btn_addinfo,button.btn_addinfo{position: relative;display: block;width: 200px;text-align: center;color: #2f7d44;padding: 15px 0;}
a.btn_addinfo:before,button.btn_addinfo:before{content:"";width: 30px;height: 30px;background:url(../../assets/images/btn_addinfo.svg)center center no-repeat;position: absolute;background-size: cover;top: 10px;left: 4px;}
a.btn_cross,button.btn_cross{display: block;position: absolute;top: -1px;right: -4px;padding: 5px 11px;border-radius: 50%;background-color: #2b4131;color: #ffffff;}
a.btn_cross_red,button.btn_cross_red{padding: 0px 4px 0px 3px;border-radius: 50%;background-color: red ;color: #ffffff;margin-left: 5px;}
a.btn_cross.gray,button.btn_cross.gray{color:#888888;background-color:#ffffff00;font-size:1.312em;right:-39px;top:0;padding:6px 13px}

a.btn_img_add,button.btn_img_add{width: 100%;height: 160px;border: 2px dotted #2f7d44;border-radius: 5px;margin: 10px 0;display: flex;justify-content: center;align-items: center;color: #2f7d44;min-width: 150px;padding: 0px 30px;}
a.disabled,button.disabled {pointer-events: none;background-color: #d8d8d8;color: #888888;}
.sendinfo_div{width:100%;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:70px}
.sendinfo_div .error_notice{text-align:center}
.sendinfo_div>div{width: 100%;justify-content: center;display: flex;}

.img_preview_div{position: relative;}
.addinfo_div{width:100%;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom: 30px;}
button.main_btn{border: 0;}
.main_btn{background-color: #2f7d44;color:#ffffff;border-radius:6px;font-size:1.125em;width: 160px;text-align: center;padding: 15px 20px;margin: 10px 15px 20px;}
.main_btn:hover,.main_btn:focus{color: #ffffff;background-color: #2b4131;}
.second_btn{background-color:#ffffff;color: #484848;border: 1px solid #2b4131;padding: 10px 40px;margin: 10px 15px 20px;border-radius: 6px;font-size: 1.125em;width: 160px;text-align: center;}
.second_btn:hover,.second_btn:focus{color: #2b4131;background-color: #f1f1f1;}
.green_line_btn{background-color:#ffffff;color:#2b4131;border: 1px solid #2F7D44;padding: 10px 0px;margin: 0px 0 0 5px;border-radius: 6px;font-size: 1em;width: 90px;text-align: center;}
.green_line_btn:hover{color:#2f7d44}
.second_btn.dotmore_btn{writing-mode: vertical-lr;width: 50px;height: 43px;}

.second_btn.preview{width: 160px;writing-mode: horizontal-tb;padding: 8px;margin: 0;padding-left: 30px;position: relative;}
.second_btn.preview:before{content:"";width: 22px;height: 13px;background:url(../../assets/images/ic_prewiew.svg)center center no-repeat;position: absolute;background-size: cover;top: 13px;left: 6px;}

.error_notice{color:#bf0000;padding: 5px 0 10px;width: 100%;font-weight: 400;}
.notice{padding: 2px 0;width: 100%;font-weight: 300;}
.content_flex{display: flex;}
.content_100{width:100%}
.modal-body{padding: 30px 1rem;}
.modal-footer{padding: 15px 1rem;}
@media (max-width:991px){
    h2{font-size:1.500em;}
    h3{font-size:1.250em;}
    h4{font-size: 1.125em;}
    span,p{font-size: 1.000em;}
    span.date, p.date{font-size:1.125em;}
    span.tip, p.tip{font-size:0.938em;}
    span.map-info, p.map-info{font-size:0.938em;}
    .content_flex{display: flex;flex-wrap:wrap;}
}

@media (max-width: 575.98px) {
    h2{font-size:1.375em;}
    h3{font-size:1.125em;}
    h4{font-size: 1.000em;}
    span,p{font-size:0.938em;}
    span.date, p.date{font-size:1.063em;}
    span.tip, p.tip{font-size:0.875em;}
    span.map-info, p.map-info{font-size:0.875em;}
    .back_previous{padding: 0;margin: 10px 20px;}
}
/* typography end*/


@media (min-width: 768px) {
    .container {max-width: 760px;}
}
@media (min-width: 850px) {
    .container {max-width: 840px;}
}
@media (min-width: 992px) {
    .container {max-width: 960px;}
}
@media (min-width: 1200px) {
    .container {max-width: 1140px;}
}
/*============  form style start ============*/
.flatpickr_item{align-items: center;}
.flatpickr_item input[type="text"], .flatpickr_item input[type="date"], .flatpickr_item input[type="datetime-local"], .flatpickr_item input[type="time"]{height:30px;}
.flatpickr_item a.input-button{height:30px;padding: 6px;}
.text-input{position: relative;}
.select a.btn_cross.gray,.select button.btn_cross.gray{left: 130px;font-size: 0.875em;top: -6px;}
.input_title{width:100%;font-weight: 500;font-size: 0.95em;color: #2b4131;}
.input_form input[type="text"], .input_form input[type="password"], .input_form input[type="email"], .input_form input[type="number"], .input_form input[type="tel"]{border-radius: 5px;color: #2a4131;font-weight: 400;}
.ac-form-area{display: flex;margin: 20px 0;padding: 20px 20px;}
.ac-form-area .input_form{width:100%}
.ac-form-area .input_form .text-input-row{margin:15px 0;}
.ac-form-area .input_form .text-input-row .text-input{width:100%;display:flex;flex-wrap:wrap;align-items:baseline;}
.ac-form-area .input_form .text-input-row .text-input label{width: 100px;padding-right: 20px;margin: 0;font-weight: 500;font-size: 0.95em;color: #2b4131;}
.ac-form-area .input_form .text-input-row .text-input
.ac-form-area .input_form .text-input-row .text-input.content_wrap .label{width: 100%;}
.ac-form-area .input_form .text-input-row .text-input input{width: calc(100% - 100px);padding: 10px;color:#2a4131;}
.ac-form-area .input_form .text-input-row .text-input input:focus,
.ac-form-area .input_form .text-input-row .text-input select:focus{border: 1px solid #007bff;background: #f3f4ff;}
.ac-form-area .input_form .text-input-row .text-input.content_wrap input{width: 100%;}
.ac-form-area .input_form .text-input-row .text-input.content_wrap textarea{width: 100%;}
.ac-form-area .input_form .text-input-row .text-input input.img_upload{width: calc(100% - 105px);margin: 0;width: 100%;}
.ac-form-area .input_form .text-input-row .text-input input.date_selector{width: calc(100% - 100px)}
.ac-form-area .input_form .text-input-row .text-input input.input_disabled,.ac-form-area .input_form .text-input-row .text-input textarea.input_disabled{background-color: #f0f0f0;}
.ac-form-area .input_form .text-input-row .text-input select{width: calc(100% - 100px);padding: 10px;color: #2a4131;}
.ac-form-area .input_form .text-input-row .text-input textarea{width: calc(100% - 100px);padding: 10px;color: #2a4131;}
.ac-form-area .input_form .text-input-row .text-input .error_notice{padding-left: 100px;font-size: 0.95em;}
.ac-form-area .input_form .text-input-row .text-input .notice{padding-left: 100px;font-size: 0.95em;font-weight: 400;}
.ac-form-area .input_form .text-input-row .text-input.nowrap div{width: 100px;font-weight: 500;}
.ac-form-area .input_form .text-input-row .text-input.nowrap .width_1{width: 14%;margin: 0 3px 0px 0;}
.ac-form-area .input_form .text-input-row .text-input.nowrap .width_2{width: 28%;margin: 3px 10px 2px 0px;}
.ac-form-area .input_form .text-input-row .upload_btn{margin:0 auto;display:block}
.ac-form-area .input_form .text-input-row .text-input.nowrap.address .width_1{margin: 0 5px 5px 0;}
.ac-form-area .input_form .text-input-row .text-input.nowrap.address .width_full{width: calc(100% - 100px);margin-left: 100px;}
.ac-form-area .input_form .text-input-row .text-input.disabled input{background-color:#cecece;color:#7d7d7d;border:0}
.ac-form-area .input_form a.link_blue_style,.ac-form-area .input_form button.link_blue_style{padding:0;}
.ac-form-area.verify_input{margin: 0;padding: 0;}
.ac-form-area.verify_input .input_form .text-input-row .text-input{flex-wrap: nowrap;align-items: center;margin: 0;}
.ac-form-area.verify_input .input_form .text-input-row .text-input label{min-width: 230px;}
.ac-form-area.verify_input .input_form .text-input-row .text-input input{width: calc(100% - 600px);}
.ac-form-area.verify_input .input_form .text-input-row .text-input img{width: 150px;padding: 0px 10px 0px 0;}
.ac-form-area.verify_input .input_form .text-input-row .text-input a{display: block;padding: 10px;width: 110px;text-align: center;}
.forms-group .text-forms_input{display: flex;}
.forms-group .text-forms_input .text-input{margin-left: 5px;}
@media (max-width: 575.98px) {
    .ac-form-area .input_form .text-input-row .text-input.nowrap.address .width_1{width: calc(100% - 100px);}
    .ac-form-area .input_form .text-input-row .text-input.nowrap.address .width_2{width: calc(100% - 100px);margin-left: 90px;}
}
@media (max-width:991px){
    .ac-form-area.verify_input .input_form .text-input-row .text-input{flex-wrap: wrap;}
    .ac-form-area.verify_input .input_form .text-input-row .text-input input{width: calc(100% - 150px);}
    .ac-form-area.verify_input .input_form .text-input-row .text-input a{padding: 10px 0 10px 0;}
}
/*============  form style end ============*/
/* ========================================== */
/* ==                                      == */
/* ==            Default  End              == */
/* ==                                      == */
/* ========================================== */







/* ========================================================================================== */
/* ==                                                                                      == */
/* ==                                   Header CSS Start                                   == */
/* ==                                                                                      == */
/* ========================================================================================== */
.for_accessibility a{position:absolute;top:10px;left:10px;z-index:99;width:1px;height:1px;white-space:nowrap;overflow:hidden;color:#000}
.for_accessibility a:focus{width:auto;height:auto;padding:6px;background-color:#444;color:#fff}
.for_accessibility div{position:absolute;width:2px;height:2px;background-color:transparent;opacity:.1}
header.member_menu .navbar{position: fixed;width: 100%;padding: 5px 0 5px 10px;align-items: flex-start;z-index: 98;background-color: #2b4131 !important;box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.1);}
header.member_menu .navbar-nav{padding: 0 13px 0px 0;font-size: 1.200em;display: flex;}
header.member_menu ul.navbar-nav:nth-child(2){padding-right: 10px;width: 80%;display: flex;justify-content: center;}
header.member_menu ul.navbar-nav:nth-child(3){border-left: 1px solid #ffffff63;padding-left: 40px;width: 30%;}
header.member_menu .nav-item{padding: 0px 7px;}
header.member_menu .navbar-collapse{padding: 5px 0px 5px 20px;justify-content: flex-end;}
header.member_menu .navbar-light .navbar-brand{margin: 10px 0px 10px;padding:0 10px;background-color:#ffffff00;border-radius:0;box-shadow:0 0 BLACK;position: unset;display: block;}
header.member_menu .navbar-light .navbar-brand span{font-size: 0.9em;font-weight: 400;}
header.member_menu .navbar-light .navbar-brand img{width: 40px;}
header.member_menu .navbar-light .navbar-nav .nav-link{color: #ffffff;padding: 10px 1px;}
header.member_menu .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus{color: #deffbb;}
header.member_menu .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {color: #698150;}
header.member_menu .navbar>div a{display:none;}
header.member_menu .dropdown-toggle::after{margin-left: -3px;}
header.member_menu ul.navbar-nav.login_menu{padding: 6px 11px;}
@media (max-width:1200px){
    header.member_menu .navbar-nav{font-size: 1.1em;padding: 0px 1px 0px 0;}
    header.member_menu ul.navbar-nav:nth-child(3){padding: 0px}
    header.member_menu ul.navbar-nav:nth-child(2){padding: 0px}
    header.member_menu ul.navbar-nav.login_menu{}
}
@media (max-width:991px){
    header.member_menu .navbar:before{display: none;}
    header.member_menu .navbar-collapse{padding:20px 0px 17px 0px}
    header.member_menu .navbar-collapse .navbar-nav{height: calc(94vh - 160px);overflow: scroll;}
    header.member_menu .navbar-nav{font-size: 1.125em;}
    header.member_menu .navbar-light .navbar-toggler {margin: 10px 20px 10px 0;background-color: #ffffff;}
    header.member_menu .navbar>div a{display:unset;}
    header.member_menu ul.navbar-nav:nth-child(2){justify-content: flex-start;width: 100%;}
    header.member_menu ul.navbar-nav:nth-child(3){width: 100%;}
    header.member_menu ul.navbar-nav.login_menu{}
}
@media screen and (max-width: 575.98px){}
@media (max-width: 349.98px) {
    header.member_menu .navbar-light .navbar-brand span{font-size: 0.8em;font-weight: 400;}
    header.member_menu .navbar-light .navbar-brand img{width: 36px;}
}
/* ========================================================================================== */
/* ==                                                                                      == */
/* ==                                   Header CSS  End                                    == */
/* ==                                                                                      == */
/* ========================================================================================== */






/* ========================================================================================== */
/* ==                                                                                      == */
/* ==             Member login/register/passwordforget/success CSS Start                   == */
/* ==                                                                                      == */
/* ========================================================================================== */
.page_member h2{margin: 30px 0 0;}
.page_member h3{font-weight:600;text-align:center}
.page_member .member_menu{margin:20px 0}
.page_member .member_menu ul{display:flex;justify-content:center;padding:0}
.page_member .member_menu ul li{display:flex;border:1px solid #670000;margin:10px 1px;border-radius:5px}
.page_member .member_menu ul li a{padding:10px;}
.page_member .member_menu ul li a.active{background-color:#670000;color:#ffffff}
.page_member .content_block{padding: 10px 20px;margin: 0 0 20px 0;}
.page_member .content_block .ac-form-area{flex-wrap:wrap;justify-content:center;padding: 0 15px;margin: 10px 0 20px;}
.page_member .content_block .ac-form-area .input_form{width:100%}
.page_member .content_block .ac-form-area .input_form .text-input-row{margin: 0px 0 30px;}
@media screen and (max-width:575.98px){
    .page_member{padding: 100px 0 0 0;}
    .page_member h2{margin: 50px 0 0 0;}
    .page_member .content_block{padding: 10px 10px;margin: 0 0 20px 0;}
    .page_member .content_block h4{text-align:center}
    .page_member .content_block .ac-form-area{padding:0;margin: 0;}
}
/*==================page_success_info page start==================*/
.page_success_info h2{margin: 30px 0 10px;}
.page_success_info .img_block{width: 100%;display: flex;flex-wrap: wrap;justify-content: center;}
.page_success_info .img_block .img_div{width: 200px;margin: 30px auto 0;}
.page_success_info .img_block .text_div{width: 100%;text-align: center;margin: 20px 0 10px;}
.page_success_info .img_block .text_div p{margin: 10px 0;padding: 0% 10%;}
/*==================page_success_info page end==================*/


/*==================page_register page start==================*/
.page_register.page_member{padding: 100px 0 100px 0;position: relative;}
.page_register.page_member .subtitle{text-align: center;font-size: 1.3em;font-weight: 400;margin: 40px 0 40px 0;}
.page_register.page_member .sendinfo_div{position: fixed;bottom: -70px;background-color: #9caf88;align-items: center;}
.page_register.page_member .sendinfo_div span{font-size: 1.1em;}
.page_register.page_member .sendinfo_div a,.page_register.page_member .sendinfo_div button{padding: 10px 40px;margin: 20px 20px;}
.page_register.page_member .sendinfo_div a.second_btn,.page_register.page_member .sendinfo_div button.second_btn{background-color: #ffffff00;color: #2b4131;border-color: #2f7d44;}
.page_register.page_member .btn_chooseidentity{display: flex;width: 100%;}
.page_register.page_member .btn_chooseidentity a{border-radius: 5px;border: 2px solid #f3f5d9;padding: 30px 10px;margin: 15px;color: #2a4131;font-size: 1.3em;width: 30%;text-align: center;display: flex;justify-content: center;align-items: center;}
.page_register.page_member .btn_chooseidentity a:hover{background-color: #f3f5d9;}
.page_register.page_member .content_block{background-color: rgba(242, 242, 242, 1);}
.page_register.page_member .content_block.info_result p{text-align: center;}
.page_register.page_member .content_block.info_result .result_structure{display: flex;flex-wrap: wrap;width: calc(100% - 60px);margin: 30px;flex-direction: column;height: 240px;border: 1px solid #2b4131;padding: 30px 40px;}
.page_register.page_member .content_block.info_result .result_structure div{display: flex;width: 50%;margin: 5px 0;}
.page_register.page_member .content_block.info_result .result_structure div>p:first-child{padding-right: 10px;}
.page_register.page_member .content_block.info_result .result_structure p{margin: 0;}
.page_register.page_member .content_block.info_result.school_result .result_structure{height: 170px;}
.page_register.page_member .content_block.rule .result_structure{display: flex;flex-wrap: wrap;width: calc(100% - 60px);margin: 30px;flex-direction: column;border: 1px solid #2b4131;padding: 10px 40px;}
.page_register.page_member .content_block.rule .input_structure{margin: 30px;padding: 10px 40px;}
.page_register.page_member .content_block.rule .input_structure label.checkbox{display:none;}
@media (max-width:991px){
    .page_register.page_member .subtitle{font-size: 1.05em;margin: 40px 0 20px 0;}
    .page_register.page_member .content_block.rule .input_structure{padding: 0;}
    .page_register.page_member .content_block.info_result.school_result .result_structure{height: unset;}
    .page_register.page_member .content_block.info_result.school_result .result_structure>div{width: 100%;}
}
@media (max-width:767.98px){
    .page_register.page_member .content_block.info_result .result_structure{height: auto;padding: 20px 10px;margin: 5px;width: calc(100% - 10px);}
    .page_register.page_member .content_block.rule .result_structure{padding: 20px 10px;margin: 5px;width: calc(100% - 10px);}
    .page_register.page_member .content_block.info_result .result_structure>div{width: 100%;}
    .page_register.page_member .content_block.rule .input_structure{margin: 30px 5px;}
}
@media (max-width:575.98px){
    .page_register.page_member .btn_chooseidentity a{margin: 0 5px;}
    .page_register.page_member .subtitle{font-size: 1.05em;margin: 30px 0 20px 0;}
    .page_register.page_member .sendinfo_div a{padding: 10px;width: unset;margin: 10px 20px;}
    .page_register.page_member .content_block.rule .input_structure .error_notice{width: 100%;display: block;}
}
/*==================page_register page end==================*/
/* ========================================================================================== */
/* ==                                                                                      == */
/* ==             Member login/register/passwordforget/success CSS End                   == */
/* ==                                                                                      == */
/* ========================================================================================== */










/* ========================================================================================== */
/* ==                                                                                      == */
/* ==                               page_admin CSS Start                                   == */
/* ==                                                                                      == */
/* ========================================================================================== */
.page_admin{padding: 100px 0;background-color: rgba(242, 242, 242, 1);}
.page_admin h2{margin: 0 0 20px 10px;text-align: left;}
.page_admin h3{font-weight: 400;font-size: 1.1em;text-align: left;padding: 0 15px;}
.page_admin .header_block{display: flex;align-items: center;}
.page_admin .header_block h2{-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;margin: 20px 20px;}
.page_admin .header_block .main_btn{padding: 13px 10px;width: 120px;margin: 10px 10px;height: 50px;}
.page_admin .header_block .second_btn{background-color: #ffffff00;padding: 12px 10px;width: 120px;margin: 10px 10px;height: 50px;color: #2b4131;}
.page_admin .admin_structure{width:100%;display:flex}
.page_admin .admin_structure .content_block{background-color:#ffffff;box-shadow:5px 5px 15px rgb(0 0 0 / 0.1);width:100%;margin:10px 10px 20px;padding:10px 0;border-radius:5px;}

.page_admin .admin_structure .width_1{width: 14%;margin: 0 3px;}
.page_admin .admin_structure .width_2{width: 28%;margin: 3px 10px;}
.page_admin .admin_structure .width_33,.ac-form-area .input_form .text-input-row .text-input .width_33{width:33%}
.page_admin .admin_structure .width_66,.ac-form-area .input_form .text-input-row .text-input .width_66{width:66%}
.page_admin .admin_structure .width_50,.ac-form-area .input_form .text-input-row .text-input .width_50{width:50%}
.page_admin .admin_structure .width_100,.ac-form-area .input_form .text-input-row .text-input .width_100{width:100%}
.page_admin .admin_structure .content_block .content_header{border-bottom: 1px solid #d7d7d7;position:relative;}
.page_admin .admin_structure .content_block .content_header a{padding:0 10px;position:absolute;top:-6px;right:11px}
.page_admin .admin_structure .content_block .content_header .filter_input{padding: 0 4px 0px 45px;position: relative;}
.page_admin .admin_structure .content_block .content_header .filter_input:before{content:"";width: 19px;height: 16px;background:url(../../assets/images/ic_filter.svg)center center no-repeat;position: absolute;background-size: cover;top: 3px;left: 26px;}
.page_admin .admin_structure .content_block .content_detail{padding: 20px;}
.page_admin .admin_structure .content_block .content_detail .content_list_element{align-items:center;display:flex;margin: 15px 0;}
.page_admin .admin_structure .content_block .content_detail .content_list_element .list_text_div {display: flex;}
.page_admin .admin_structure .content_block .content_detail .content_list_element .list_text_div >div {display: flex;flex-wrap: wrap;margin: 0 20px 0 10px;}
.page_admin .admin_structure .content_block .content_detail .content_list_element .list_header{margin:0 20px 0 10px;font-weight:400;font-size:1.125em}
.page_admin .admin_structure .content_block .content_detail .content_list_element .list_content{margin:0;color:#888888;width:170px;margin: 5px 0;}
.page_admin .admin_structure .content_block .content_detail .content_list_element .list_status{width: 160px;text-align: center;font-weight: 400;margin: 0;}
.page_admin .admin_structure .content_block .content_detail .content_list_element .list_btn_div .second_btn{color: #2b4131;}





/* ========================================================================================== */
/* ------------------------------------page_member_dashboard start ----------------------------*/
/* ========================================================================================== */
.page_admin .medal_content{width:100%;display:flex;justify-content:center;padding: 10px 40px;}
.page_admin .medal_content .medal_element{display:flex;flex-wrap:wrap;justify-content:center;margin-top:23px;padding:5px;}
.page_admin .medal_content .medal_element .img{width: 90px;height: 90px;background-color:white;border-radius:50%;box-shadow:0 2px 15px 0 rgba(0,0,0,0.1);margin-bottom: 10px;background-size: 60px 60px !important;}
.page_admin .medal_content .medal_element .name{width:100%;text-align:center;font-size: 1.05em;font-weight: 300;}
.page_admin .medal_content .medal_element .date{width:100%;text-align:center;color:#777777;font-weight: 300;font-size: 1em;}
.page_admin .medal_content .medal_element .date.amount{color: #2b4131;font-weight: 700;font-size: 2.2em;line-height: 1;}
.page_admin .medal_content .medal_element .status{ border: 1px solid #d7d7d7;padding: 1px 5px;margin: 5px 0;font-size: 1em;}
.page_admin .medal_content .medal_element.get_green_medal .img{background:url(../../assets/images/medal-green.png)center center no-repeat;}
.page_admin .medal_content .medal_element.get_silver_medal .img{background:url(../../assets/images/medal-silver.png)center center no-repeat;}
.page_admin .medal_content .medal_element.get_copper_medal .img{background:url(../../assets/images/medal-copper.png)center center no-repeat;}
.page_admin .medal_content .medal_element.noget_medal .img{background:url(../../assets/images/medal-none.svg)center center no-repeat;box-shadow: none;}
.page_admin .medal_content .medal_element.noget_medal .name{color: #b7b7b7;}
.page_admin .medal_content .medal_element.noget_medal .date{color: #b7b7b7;}
.page_admin .medal_content .medal_element.noget_medal .status{border:1px solid #d7d7d7;padding:1px 5px;margin:5px 0;font-size:1em}
.page_admin ul.text_list{padding:10px}
.page_admin .text_list.news li{border-bottom:1px solid #b7b7b7;padding:10px 13px;display:flex}
.page_admin .text_list.news li:last-child{border:0}
.page_admin .text_list.news li span{font-size:0.96em;display:block}
.page_admin .text_list.news li span.title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;width:calc(100% - 160px)}
.page_admin .text_list.news li span.time{display:block;width:80px;margin:0 5px}
.page_admin .text_list.news li span.status{width:60px;margin:0 5px}
.page_admin .text_list.certify li{border-bottom:1px solid #b7b7b7;padding:10px 13px;display:flex}
.page_admin .text_list.certify li:last-child{border:0}
.page_admin .text_list.certify li span{font-size:0.96em;display:block}
.page_admin .text_list.certify li span.title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;width: calc(100% - 208px);}
.page_admin .text_list.certify li span.time{display:block;width: 135px;margin: 0px 0px 0 10px;}
.page_admin .text_list.certify li span.medal{width: 55px;margin:0 5px;}
/* ========================================================================================== */
/* ------------------------------------page_member_dashboard end ----------------------------*/
/* ========================================================================================== */





/* ========================================================================================== */
/* ------------------------------------page_member_info start--------------------------------- */
/* ========================================================================================== */
.page_admin .ac_tabs_style02{margin:0 auto;color:#50555a;}
.page_admin .ac_tabs_style02.horizontal{display: block;}
.page_admin .ac_tabs_style02 .tab-group{-webkit-transform:translateY(5px);transform:translateY(5px);}
.page_admin .ac_tabs_style02.horizontal .tab-group{width:100%;display:table;table-layout:fixed;}
.page_admin .ac_tabs_style02 .tab-group>.tab{transition-duration:.25s;display:table-cell;list-style:none;text-align:center;padding: 20px 20px 20px 20px;position:relative;overflow:hidden;cursor:pointer;color: #2b4131;font-size: 1.1em;}
.page_admin .ac_tabs_style02 .tab-group>.tab:before{z-index:-1;position:absolute;content:"";width:100%;height: 60px;top: 9px;left:0;background-color: #ffffff;-webkit-transform:translateY(100%);transform:translateY(100%);transition-duration:.25s;}
.page_admin .ac_tabs_style02.horizontal .tab-group>.tab:before{border-radius:5px 5px 0 0}
.page_admin .ac_tabs_style02.horizontal .tab-group>.tab:hover:before{-webkit-transform:translateY(70%);transform: translateY(90%);}
.page_admin .ac_tabs_style02.horizontal .tab-group>.tab.active:before{-webkit-transform:translateY(0);transform: translateY(0px);}
.page_admin .ac_tabs_style02 .tab-group>.tab.active{color: #2b4131;}
.page_admin .ac_tabs_style02 .tab-group>.tab.active:before{transition-duration:.5s;background-color: #ffffff;-webkit-transform:translateY(0);transform: translateY(0px);}
.page_admin .ac_tabs_style02 .tab_content{background-color: #ffffff;position:relative;border-radius:5px;-webkit-overflow-scrolling: touch;overflow-y: auto;}
.page_admin .ac_tabs_style02.horizontal .tab_content{width:100%;}
.page_admin .ac_tabs_style02 .tab_content li{width:100%;position:absolute;top:0;left:0;display:none;list-style:none}
.page_admin .ac_tabs_style02 .tab_content li .content_wrapper{border-radius:5px;width:100%;padding:30px 40px 30px 40px;background-color: #ffffff;}
.page_admin .ac_tabs_style02 .tab_content li .content_wrapper .content_block{background-color: #f2f2f2;box-shadow: none;border-radius: 5px;padding: 10px;}
.page_admin .ac_tabs_style02 .tab_content li .content_wrapper .content_block.ac_padding{padding: 40px 50px;}
.page_admin .ac_tabs_style02 .tab_content h3{text-align:center;font-size: 1.2em;}
.page_admin .ac_tabs_style02 .tab_content .ac-form-area{margin:0;padding: 10px 50px 30px;}
.page_admin .ac_tabs_style02 .content_flex.input_form_structure .width_50 .ac-form-area{padding: 10px 40px 0px;}
.page_admin .ac_tabs_style02 .content_flex.input_form_structure .text-input label{width: 102px;padding-right: 10px;}
.page_admin .ac_tabs_style02 .content_flex.input_form_structure .text-input input{width: calc(100% - 120px);margin-right: 3px;}
.page_admin .ac_tabs_style02 .content_flex.input_form_structure .text-input .error_notice{padding-left: 105px;}
.page_admin .ac_tabs_style02 .content_flex.input_form_structure .text-input .flatpickr_item{width: calc(100% - 120px);}
.page_admin .ac_tabs_style02 .content_flex.input_form_structure .text-input .flatpickr_item .error_notice{padding-left: 3px;}
.page_admin .ac_tabs_style02 .content_wrapper .text-input img{width: 230px;padding-left: 80px;}
@media screen and (max-width: 991px) {
    .page_admin .ac_tabs_style02 .content_flex .width_50 {width: 100%;} 
}
/* ========================================================================================== */
/* ------------------------------------page_member_info end--------------------------------- */
/* ========================================================================================== */





/* ========================================================================================== */
/* -------------------------------- page newspose info start---------------------------------*/
/* ========================================================================================== */
.page_admin .admin_structure .content_block .content_detail.newspose .content_list_element{margin: 20px 0 60px 0;}
.page_admin .admin_structure .content_block .content_detail.newspose .content_list_element .list_text_div {-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;flex-wrap: wrap;}
.page_admin .admin_structure .content_block .content_detail.newspose .content_list_element .list_header{width: 100%;}
.page_admin .admin_structure .content_block .content_detail.newspose .content_list_element .list_btn_div .second_btn{padding: 10px;margin: 10px 5px;font-size: 1em;border-color: #2f7d44;}
.description_Modal .modal-footer{border: 0;justify-content: center;}
.description_Modal .modal-footer button{
    margin: 10px 15px 15px;
    padding: 5px 40px;
}


/* page newspose detail_noinfo */
.page_admin.page_newspose .ac_tabs_style02.horizontal .tab_content .newspose_btn_block{align-items: center;}
.page_admin.page_newspose .ac_tabs_style02.horizontal .tab_content .newspose_btn_block .input_form{
    width: calc(100% - 280px);
}
.page_admin.page_newspose .ac_tabs_style02.horizontal .tab_content .newspose_btn_block .input_form .text-input-row{}
.page_admin.page_newspose .ac_tabs_style02.horizontal .tab_content .newspose_btn_block .input_form .text-input{}

.page_admin.page_newspose .ac_tabs_style02.horizontal .tab_content .newspose_editbtn{float: right;padding: 0px 0px 0px 30px;width: 280px;margin-top: 5px;}
.page_admin.page_newspose .ac_tabs_style02.horizontal .tab_content .newspose_editbtn a,.page_admin.page_newspose .ac_tabs_style02.horizontal .tab_content .newspose_editbtn button{padding: 10px 20px;margin: 0 4px;}
.page_admin.page_newspose .ac_tabs_style02.horizontal .tab_content .newspose_editbtn a.second_btn,.page_admin.page_newspose .ac_tabs_style02.horizontal .tab_content .newspose_editbtn button.second_btn{color: #2b4131;padding: 10px 10px 10px 30px;}
.page_admin.page_newspose .ac_tabs_style02 .tab_content .ac-form-area{width:100%}
.page_admin.page_newspose .ac_tabs_style02 .tab_content .img_upload_div{display: flex;flex-wrap: wrap;margin: 50px 0;width: 100%;}
.page_admin.page_newspose .ac_tabs_style02 .tab_content .img_upload_div .input_title{width:100%;font-weight: 500;font-size: 0.95em;color: #2b4131;}
.page_admin.page_newspose .ac_tabs_style02 .tab_content .img_upload_div .img_preview_div{width: calc(33% - 20px);margin: 0 20px 0 0px;}
.page_admin.page_newspose .ac_tabs_style02 .tab_content .img_upload_div .img_preview_div input{
    width: calc(100% - 29px);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}
.page_admin.page_newspose .ac_tabs_style02 .tab_content .img_upload_div .img_preview_div_add{width: calc(33% - 20px);}
@media screen and (max-width: 991px) {
    .page_admin.page_newspose .ac_tabs_style02 .tab_content .img_upload_div .img_preview_div{width: calc(49% - 20px);}
    .page_admin.page_newspose .ac_tabs_style02 .tab_content .img_upload_div .img_preview_div_add{width: calc(49% - 20px);}
}
/* page newspose detail_noinfo */
/* ========================================================================================== */
/* -------------------------------- page newspose info end---------------------------------*/
/* ========================================================================================== */





/* ========================================================================================== */
/* -------------------------------- page applycertification start---------------------------------*/
/* ========================================================================================== */
.page_admin .admin_structure .content_block .content_detail.applycertification .content_list_element .list_text_div {-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;margin: 0 0 0 10px}
.page_admin .admin_structure .content_block .content_detail.applycertification .content_list_element .list_img{width: 70px;margin: 5px 0px;padding: 10px;}
.page_admin .admin_structure .content_block .content_detail.applycertification .content_list_element .list_header{min-width: 70px;margin: 0;display: flex;align-items: center;}
.page_admin .admin_structure .content_block .content_detail.applycertification .content_list_element .list_content{color: #888888;width: 170px;}
.page_admin .admin_structure .content_block .content_detail.applycertification .content_list_element .list_btn_div .second_btn{padding: 10px 17px;margin: 10px 5px;font-size: 1em;border-color: #2f7d44;}
.page_admin .admin_structure .content_block .content_detail.applycertification .content_list_element .list_btn_div .main_btn{padding: 10px 13px;margin: 10px 5px;font-size: 1em;width: 100px;}
.page_admin .admin_structure .content_block .content_detail.applycertification .content_list_element.status_doing .list_btn_div{display: flex;align-items: center;}
.page_admin .admin_structure .content_block .content_detail.applycertification .content_list_element.status_doing .list_btn_div .main_btn{padding: 10px 13px;margin: 6px 5px 10px;font-size: 1em;width: 90px;}
.page_admin .admin_structure .content_block .content_detail.applycertification .content_list_element.status_finished .list_btn_div .second_btn{margin-right: 55px;}

/* ====================== side level menu start  ======================= */
.ac_sidelevelmenu_style02 .sidebar-position,
.ac_sidelevelmenu_style02 .sidebar-position .logo_div > a,
.ac_sidelevelmenu_style02 .sidebar-position .sidebar-dropdown > a:after,
.ac_sidelevelmenu_style02 .sidebar-position ul li a i,.ac_sidelevelmenu_style02 .page-content,
.ac_sidelevelmenu_style02 .sidebar-position .menu_div ul li a,
#show-sidebar,
#close-sidebar{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
/*----------------toggeled sidebar----------------*/
.ac_sidelevelmenu_style02 .sidebar-position .menu_div .header-menu{padding: 30px 10px 0px 10px;}
.ac_sidelevelmenu_style02 .sidebar-position .menu_div .header-menu span{font-size:0.875em;padding: 5px 20px 5px 0px;display:inline-block;color: #989898;border-bottom: 1px solid;/* margin: 0 0 0 15px; */width: 100%;}
.ac_sidelevelmenu_style02 .sidebar-position .menu_div ul li a{display:inline-block;width: calc(100% - 10px);text-decoration:none;position:relative;color: #000000;margin: 5px 5px;font-weight: 400;font-size: 0.937em;background-color: #ececec;border: 1px solid #8888;padding: 3px 0;}
.ac_sidelevelmenu_style02 .sidebar-position .menu_div ul li a i{margin-right:10px;font-size:0.75em;width:30px;height:30px;line-height:30px;text-align:center;border-radius:4px;color: #656565;}
.ac_sidelevelmenu_style02 .sidebar-position .menu_div ul li a:hover{background-color: #e8e8e8;margin: 5px 0px;}
.ac_sidelevelmenu_style02 .sidebar-position .menu_div ul li a:hover > i::before{display:inline-block;animation:swing ease-in-out 0.5s 1 alternate}

.ac_sidelevelmenu_style02 .sidebar-position .menu_div .sidebar-submenu ul li a{color: #797979;font-size: 0.875em;background-color: #ffffff;border: 0;display: flex;align-items: center;}
.ac_sidelevelmenu_style02 .sidebar-position .menu_div .sidebar-submenu ul li a:hover,
.ac_sidelevelmenu_style02 .sidebar-position .menu_div .sidebar-submenu ul li.active a{border: 1px dotted;}
.ac_sidelevelmenu_style02 .sidebar-position .menu_div .sidebar-submenu ul li a .form_title{padding: 12px 4px;width: calc(100% - 50px);color: #5d5d5d;}
.form_status{width: 50px;font-weight: 400;padding-right: 1px;}
.form_status._unfinish{color:#8888;}
.form_status._finish{color: #4bb906;}
.form_status._notice{color:#bf0000;}


.ac_sidelevelmenu_style02 .sidebar-position .menu_div .sidebar-dropdown .sidebar-submenu ul{/* padding: 0 0 20px 0; */}
.ac_sidelevelmenu_style02 .sidebar-position .menu_div .sidebar-dropdown .sidebar-submenu li{font-size:0.812em;}
.ac_sidelevelmenu_style02 .sidebar-position .menu_div .sidebar-submenu{display:none}

.ac_sidelevelmenu_style02 .review_suggest{
    background-color: #f2f2f2;
    padding: 10px 10px;
    margin: 0 0 20px 0;
}
.ac_sidelevelmenu_style02 .review_suggest span{color: #7f7f7f;font-size: 0.9em;}
.ac_sidelevelmenu_style02 .review_suggest p{
    padding: 10px;
    color: #797979;
}

.ac_sidelevelmenu_style02 .sidebar-position .menu_div .sidebar-dropdown.active > a:after{transform:rotate(90deg);right:17px}
@keyframes swing{
    0%{transform:rotate(0deg)}
    10%{transform:rotate(10deg)}
    30%{transform:rotate(0deg)}
    40%{transform:rotate(-10deg)}
    50%{transform:rotate(0deg)}
    60%{transform:rotate(5deg)}
    70%{transform:rotate(0deg)}
    80%{transform:rotate(-5deg)}
    100%{transform:rotate(0deg)}
    }
/* ====================== side level menu end  ======================= */



/* ====================== side right record start  ======================= */
.sideright_record{position: absolute;right: 0;bottom: 40%;}
.sideright_record:focus{outline:0;box-shadow: none;}
.sideright_record.dropleft .dropdown-toggle::before{content:"";display: inline-block;width: 13px;height: 13px;border-top: 2px solid #999;border-right: 2px solid #999;transform: rotate(-135deg);border-bottom: none;margin: 0px 0 0px 4px;}
.sideright_record button.dropdown-toggle{padding: 13px 4px;background-color: #d7d7d7;font-size: 1.25em;color: #757575;}
.sideright_record button:focus{outline:0;box-shadow: none;}
.sideright_record .button_name{position: absolute;top: 63px;width: 17px;right: 4px;line-height: 1.2;}
.sideright_record .dropdown-menu{padding: 17px;width: 300px;}
.sideright_record .dropdown-menu .header_div .header_note{font-size: 0.8125em;margin: 0px 0 5px 0;}
.sideright_record .dropdown-menu .header_div .header_question{font-weight: 500;margin: 0;}
.sideright_record .dropdown-menu .record_div{padding: 0px 0 10px;}
.sideright_record .dropdown-menu .record_div .process_element{padding: 15px 0px;border-bottom: 1px solid #d6d6d6;}
.sideright_record .dropdown-menu .record_div .process_element .process_time{font-size: 0.8125em;margin: 0;}
.sideright_record .dropdown-menu .record_div .process_element .process_comment{font-size: 0.9375em;margin: 4px 0;}

/* ====================== side right record end  ======================= */












/* ====================== page-content start ====================== */
.page_admin .admin_structure .content_block .question_header{position:relative;box-shadow: 5px 7px 9px rgb(0 0 0 / 5%);padding: 10px 20px 10px;display: flex;align-items: center;}
.page_admin .admin_structure .content_block.width_66 .btn_addinfo{font-size: 1.0625em;}
.page_admin .admin_structure .content_block.width_66 .btn_addinfo:before{
    left: 10px;
    top: 12px;
}

.page_admin .admin_structure .content_block .question_header .header_text_div{display: flex;flex-wrap: wrap;align-items: center;width: 100%;}

.page_admin .admin_structure .content_block .question_header .header_text_div h3{font-size: 1.25em;padding: 0;margin: 5px 10px 5px 0;font-weight: 500;}
.page_admin .admin_structure .content_block .question_header .header_text_div h4{font-size: 0.9375em;color: #888888;font-weight: 400;width: 100%;}
.page_admin .admin_structure .content_block .question_header .header_text_div .form_status{border: 1px solid;font-size: 0.875em;padding: 3px;}
.page_admin .admin_structure .content_block .question_header .header_btn_div{padding: 0px 0 40px 0;}
.page_admin .admin_structure .content_block .question_header .header_btn_div a{padding: 5px 22px;width: 110px;display: block;margin: 0;font-size: 0.9375em;}
.page_admin .admin_structure .content_block .question_header .header_btn_div a.no_notice{margin: 30px 20px 0 0;}
.page_admin .admin_structure .content_block .question_header .header_btn_div h4{font-size: 0.875em;font-weight: 300;margin-bottom: 25px;}
.page_admin .admin_structure .content_block .content_detail.certification_form_input{padding: 20px 40px 10px;margin: 0;}
.page_admin .admin_structure .content_block .content_detail.certification_form_input .notice{margin:0;padding: 10px 0 10px 0;}
.page_admin .admin_structure .content_block .content_detail.certification_form_input .step05_checkbox{display: flex;}
.page_admin .admin_structure .content_block .content_detail.certification_form_input .step05_checkbox div{width: 50%;}
.page_admin .admin_structure .content_block .content_detail.certification_form_input .time_range{display: flex;margin-bottom: 15px;}
.page_admin .admin_structure .content_block .content_detail.certification_form_input .time_range .flatpickr_item span{padding: 6px 5px 6px 10px;}

.certification_form_input .unitpath_btn{width: 23px;height: 23px;border-radius: 50%;background-color: #fff0;border: 1px solid #888888;color: #888888;position: absolute;left: 86px;top: 26px;cursor: pointer;}
.certification_form_input .input_coltitle_block .unitpath_btn{top: 0;}
.certification_form_input .detail_input_element.border_element .btn_cross{font-size: 0.875em;top: -5px;right: 4px;}
.certification_form_input .detail_input_element .ac-form-area .input_form .text-input-row{margin: 0px;}
.certification_form_input .input_content_block .input_element.linewrap_element .input_coltitle{text-align:center;color:#5f5f5f;font-size: 0.8125em;font-weight:300;padding:0;}
.certification_form_input h5{font-size: 1em;margin: 0;width: 100%;padding: 30px 0px 10px 0;font-weight: 500;}
.certification_form_input .border_element p{padding: 0px 0px 10px;font-size: 0.875em;}
.certification_form_input .border_element>.ac-form-area{border: 1px solid #dadada;margin: 0 0 20px;position: relative;}
.certification_form_input .border_element .ac-form-area .input_form .text-input-row .text-input{display:flex;position:relative;/* padding: 20px 0px; */margin:0;}
.certification_form_input .border_element .ac-form-area .input_form .text-input-row .text-input .input_coltitle_block{width: calc(100% - 30px);display:flex;}
.certification_form_input .border_element .ac-form-area .input_form .text-input-row .text-input .input_coltitle_block label{margin: 0px 0px 0px 7px;}
.certification_form_input .border_element .ac-form-area .input_form .text-input-row .text-input .input_content_block{width:calc(100% - 30px);margin: 0px 0px 0px 0px;}
.certification_form_input .border_element .ac-form-area .input_form .text-input-row .text-input .input_content_block .addinfo_div{margin:0}
.certification_form_input .border_element .ac-form-area .input_form .text-input-row .text-input .input_content_block .btn_addinfo{font-size: 0.9375em;width:150px;padding: 20px 0 20px;}
.certification_form_input .border_element .ac-form-area .input_form .text-input-row .text-input .input_content_block .btn_addinfo:before{top: 18px;width:25px;height:25px;left: 10px;}
.certification_form_input .border_element .ac-form-area .input_form .text-input-row .text-input .input_content_block .input_element{width:100%;display:flex;position:relative;align-items: baseline;}
.certification_form_input .border_element .ac-form-area .input_form .text-input-row .text-input .input_content_block .input_element input{border-radius:4px;margin: 5px 0px 5px 7px;height:35px;border-color:#bfbfbf;}
.certification_form_input .border_element .ac-form-area .input_form .text-input-row .text-input .input_content_block .input_element textarea{border-radius:4px;margin: 5px 0px 5px 7px;height:35px;border-color:#bfbfbf;}
.certification_form_input .border_element .ac-form-area .input_form .text-input-row .text-input .input_content_block .input_element a{padding: 8px;height: 35px;}
.certification_form_input .border_element .ac-form-area .input_form .text-input-row .text-input .input_content_block .input_element .btn_cross{padding: 2px 5px;height: 35px;top: 5px;right: -30px;font-size: 1.3125em;}
.certification_form_input .linewrap_element>div{margin: 0 3px;}
.certification_form_input .linenowrap_element .ac-form-area{margin: 10px 0px;padding: 0;}
.certification_form_input .ac-form-area .input_form .text-input-row .text-input .input_coltitle_block label{text-align:center;color:#5f5f5f;font-size: 0.875em;font-weight:300;padding:0;}
.certification_form_input .linenowrap_element .ac-form-area .input_form .text-input-row .text-input span,
.certification_form_input .linenowrap_element .notice{padding: 5px 5px;font-size: 0.9375em;font-weight: 300;}
.certification_form_input .linenowrap_element .text-forms_input{display: flex;}
.certification_form_input .text-forms_input .text-input.text-input input{height: 30px;}
.certification_form_input .border_element .ac-form-area .input_form .text-input-row .text-input .input_content_block .input_element.linewrap_element input{margin: 5px 0px 5px 0;}
.certification_form_input .img_preview_div{display: flex;width: 100%;flex-wrap: wrap;}
.certification_form_input .img_preview_div .preview_element{margin: 5px 5px 20px;width: 30%;position: relative;min-width: 190px;}
.certification_form_input .img_preview_div .preview_element img{object-fit: cover;height: 180px;}
.certification_form_input .img_preview_div .preview_element .ac-form-area{margin: 0;padding: 0;}
.certification_form_input .img_preview_div .preview_element .ac-form-area .input_form .text-input-row{margin: 0;}
.certification_form_input .img_preview_div .preview_element .ac-form-area .input_form .text-input-row .text-input textarea{margin: 7px 0;}
.certification_form_input .forms-group .radio_wrap{flex-wrap: wrap;}
.certification_form_input .forms-group .radio_wrap label{margin: 0 0 5px 0;}
.certification_form_input .forms-group .radio_wrap .radio_input_div{width: 100%;margin: 0px 0px 10px 25px;}
.certification_form_input .forms-group .radio_wrap .text-input-row{padding: 0;margin: 0;}
.certification_form_input .forms-group .radio_wrap .text-input-row .text-input input.img_upload{height: unset;}
.certification_form_input.step04_structure .border_element .ac-form-area .input_form .text-input-row .text-input .input_coltitle_block{width: 100%;}
.certification_form_input.step04_structure .border_element .ac-form-area .input_form .text-input-row .text-input .input_coltitle_block>div>label{margin: 0;width: 100%;}
.certification_form_input.step04_structure .choose_theme{display: flex;}
.certification_form_input.step04_structure .choose_theme .select_path select{margin-right: 5px;height: 30px;}
.certification_form_input.step04_structure .border_element .ac-form-area .input_form .text-input-row .text-input{overflow: scroll;}
.certification_form_input.step04_structure .border_element .gray_bg{background-color: #f1f1f1;padding: 0px 20px;margin: 20px 0;position: relative;overflow: scroll;}
.certification_form_input.step04_structure .border_element .gray_bg:before{content:"";width: 3px;height: 100%;background-color: #85a58e;display: block;position: absolute;left: 0;}
.certification_form_input.step04_structure .border_element .gray_bg .input_form .text-input-row .text-input .input_content_block{width: 100%;}
.certification_form_input.step04_structure .border_element .gray_bg .input_form .text-input-row .input_content_block .input_element>div{margin: 0 10px 0 0;min-width: 130px;width: 130px;max-width: 130px;}
.certification_form_input.step04_structure .border_element .gray_bg .input_form .text-input-row .input_coltitle_block>label,
.certification_form_input.step04_structure .border_element .gray_bg .input_form .text-input-row .input_coltitle_block>div{margin: 0 10px 0 0;min-width: 130px;width: 130px;max-width: 130px;}
.certification_form_input.step04_structure .border_element .gray_bg .input_form .text-input-row .input_coltitle_block>div{position: relative;}
.certification_form_input.step04_structure .border_element .gray_bg .input_form .text-input-row .text-input .input_content_block .input_element .btn_cross{right: 10px;height: 40px;position: relative;top: 3px;padding: 4px 6px;font-size: 1.3125em;}
.certification_form_input.step04_structure .border_element .gray_bg .input_form .text-input-row .text-input .input_content_block .input_element input{margin: 5px 0;}
.table_notice{display: none;}
@media screen and (max-width: 991px) {
.certification_form_input .linewrap_element{flex-wrap: wrap;}
.certification_form_input .linewrap_element>div{width: 48%;}
}
@media screen and (max-width: 1199.98px) {
    .table_notice{display: block}
    }
/* ====================== page-content end ====================== */



/* ====================== page-print start ====================== */
.page_print_certificate{position: relative;width: fit-content;}
.page_print_certificate img{width: 780px;max-width: unset;position: relative;}
.page_print_certificate .text_div{position: absolute;text-align: center;width: 100%;}
.page_print_certificate .text_div .ch_name{font-size: 2.0625em;font-weight: 800;}
.page_print_certificate .text_div .en_name{font-size: 1.3125em;font-weight: 600;}
.page_print_certificate .text_div .date{margin-left: 134px;}
.page_print_certificate .text_div .date span{font-size: 2.1875em;padding: 0 23px;font-weight: 600;}


.page_print_certificate .text_div.green{top: 499px;}
.page_print_certificate .text_div.green .ch_name{margin-bottom: 167px;}
.page_print_certificate .text_div.green .en_name{margin-bottom: 155px;}

.page_print_certificate .text_div.silver{top: 499px;}
.page_print_certificate .text_div.silver .ch_name{margin-bottom: 167px;}
.page_print_certificate .text_div.silver .en_name{margin-bottom: 155px;}

.page_print_certificate .text_div.copper{top: 465px;}
.page_print_certificate .text_div.copper .ch_name{margin-bottom: 177px;}
.page_print_certificate .text_div.copper .en_name{margin-bottom: 142px;}

/* ====================== page-print end ====================== */



/* ========================================================================================== */
/* -------------------------------- page applycertification end---------------------------------*/
/* ========================================================================================== */





/* ========================================================================================== */
/* -------------------------------- page school info start---------------------------------*/
/* ========================================================================================== */
.page_admin .admin_structure .content_block .content_detail.school_info .content_list_element .list_text_div {-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;margin: 0 0 0 10px}
.page_admin .admin_structure .content_block .content_detail.school_info .content_list_element .list_header{min-width: 200px;margin: 0;display: flex;align-items: center;}
.page_admin .admin_structure .content_block .content_detail.school_info .content_list_element .list_content{color: #888888;width: 180px;}
.page_admin .admin_structure .content_block .content_detail.school_info .content_list_element .list_btn_div .second_btn{padding: 10px 17px;margin: 10px 5px;font-size: 1em;border-color: #2f7d44;}
.page_admin .admin_structure .content_block .condition_block{display:flex}
.page_admin .admin_structure .content_block .condition_info:nth-child(1){width:25%;border-right:1px solid #cecece}
.page_admin .admin_structure .content_block .condition_info:nth-child(2){width:75%}
.page_admin .admin_structure .content_block .condition_info>p{padding:0 25px}
.page_admin .admin_structure .content_block .condition_info>div{padding:10px 30px;display:flex;flex-wrap:wrap;position:relative}
.page_admin .admin_structure .content_block .condition_info>div p.checklist_info{position:relative;padding-left:20px;margin: 4px 1px 4px 0;font-size:0.875em;min-width:100px;}
.page_admin .admin_structure .content_block .condition_info>div p.checklist_info:before{content:"";width:15px;height:15px;border:1px solid #888888;display:block;position:absolute;left:0;top:4px}
.page_admin .admin_structure .content_block .condition_info>div p.checklist_info.status_click:after{content:"v";color:#468658;position:absolute;top:-16px;right:85px;font-weight:500;font-size:1.75em;z-index:1}
.page_admin .admin_structure .content_block .content_header.filter_selector{display:flex;align-items:center;padding:0 0 10px}
.page_admin .admin_structure .content_block .content_header.filter_selector h3{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;font-size:1.125em;margin:0}
.page_admin .admin_structure .content_block .content_header.filter_selector label{padding:0 10px;margin:0;width: 80px;}
.page_admin .admin_structure .content_block .content_header.filter_selector select{margin-right:20px}
@media (max-width:991px){
    .page_admin .admin_structure .content_block .condition_info:nth-child(1){width: 30%;}
    .page_admin .admin_structure .content_block .condition_info:nth-child(2){width: 70%;}
}
/* page newspose detail_noinfo start*/
.page_admin.page_schoolinfo .ac_tabs_style02.horizontal .tab_content .newspose_editbtn{float: right;padding: 10px 50px 30px;}
.page_admin.page_schoolinfo .ac_tabs_style02.horizontal .tab_content .newspose_editbtn a{padding: 10px 20px;margin: 0 4px;}
.page_admin.page_schoolinfo .ac_tabs_style02 .tab_content .ac-form-area{width:100%}
.page_admin.page_schoolinfo .ac_tabs_style02 .tab_content .img_upload_div{display: flex;flex-wrap: wrap;margin: 70px 0;}
.page_admin.page_schoolinfo .ac_tabs_style02 .tab_content .img_upload_div .input_title{width:100%;}
.page_admin.page_schoolinfo .ac_tabs_style02 .tab_content .img_upload_div .img_preview_div{width: calc(33% - 38px);margin: 0 20px;}
.page_admin.page_schoolinfo .ac_tabs_style02 .tab_content .img_upload_div .img_preview_div_add{width: calc(33% - 38px);margin: 0 20px;}
.page_admin.page_schoolinfo .ac_tabs_style02 .tab_content .info_group{margin:70px;border:1px solid #888888;padding:30px 40px;display:flex;flex-wrap:wrap}
.page_admin.page_schoolinfo .ac_tabs_style02 .tab_content .info_group .contact_info_element{display:flex;border-bottom:1px solid #8888;padding:25px 0;width:100%}
.page_admin.page_schoolinfo .ac_tabs_style02 .tab_content .info_group .contact_info_element:last-child{border:0}
.page_admin.page_schoolinfo .ac_tabs_style02 .tab_content .info_group .info_header{text-align:center;width:100%;margin-bottom:27px;font-weight:400;font-size:1.3125em}
.page_admin.page_schoolinfo .ac_tabs_style02 .tab_content .info_group .text_block{width:50%;padding:0 10px}
.page_admin.page_schoolinfo .ac_tabs_style02 .tab_content .info_group .text_block> div{display:flex;flex-wrap:wrap;margin-bottom:10px}
.page_admin.page_schoolinfo .ac_tabs_style02 .tab_content .info_group .text_block> div>div>p{margin-bottom:5px}
.page_admin.page_schoolinfo .ac_tabs_style02 .tab_content .info_group .text_block> div >p{padding-right:11px;margin:0}
.page_admin.page_schoolinfo .ac_tabs_style02 .tab_content .info_group .text_block> div >p:first-child{font-weight:400;margin-bottom:6px}
.page_admin.page_schoolinfo .ac_tabs_style02 .tab_content .info_group .text_block> div >img{width:170px}
.page_admin.page_schoolinfo .ac_tabs_style02 .tab_content>li .content_wrapper .content_block{background-color:#ffffff;padding:0}
/* page newspose detail_noinfo end*/
/* ========================================================================================== */
/* -------------------------------- page school info end---------------------------------*/
/* ========================================================================================== */



.page_admin .header_verifystatus{margin: 20px 0;display: flex;}
.page_admin .header_verifystatus img{width: 72px;margin: 5px 20px;height: 70px;}
.page_admin .header_verifystatus .verifystatus_text{display: flex;flex-wrap: wrap;-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;}
.page_admin .header_verifystatus .verifystatus_text h2{width: 100%;margin: 0;font-size: 1.875em;}
.page_admin .header_verifystatus .verifystatus_text > div{display: flex;flex-wrap: wrap;margin: 0 3px;}
.page_admin .header_verifystatus .verifystatus_text > div .list_content{margin:0;color:#888888;width:170px;margin: 5px 0;}
.page_admin .header_verifystatus .verifystatus_btn{display: flex;align-items: center;justify-content: center;}
.page_admin .header_verifystatus .verifystatus_btn .main_btn{padding: 10px 13px;margin: 10px 5px;font-size: 1em;width: 120px;}
.page_admin .header_verifystatus .verifystatus_btn .second_btn{color: #2b4131;background-color: #ffffff00;writing-mode: vertical-lr;margin: 10px 5px 4px;width: 40px;padding: 10px;}
.page_admin .header_verifystatus .verifystatus_btn .preview.second_btn{width: 160px;writing-mode: horizontal-tb;padding: 8px;margin: 0;padding-left: 30px;position: relative;border-color: #2f7d44;}
.page_admin .header_verifystatus .verifystatus_btn .preview.second_btn:before{content:"";width: 23px;height: 14px;background:url(../../assets/images/ic_prewiew.svg)center center no-repeat;position: absolute;background-size: cover;top: 14px;left: 8px;}

.certification_Modal .modal-footer{justify-content: center;border: 0;}
.certification_Modal .modal-footer .second_btn{padding: 10px;color: #2b4131;border-color: #2f7d44;margin: 0;}
.certification_Modal .medal_content{width:100%;display:flex;justify-content:center;padding: 10px 40px;}
.certification_Modal .medal_content .medal_element{display:flex;flex-wrap:wrap;justify-content:center;margin-top:23px;padding:5px;}
.certification_Modal .medal_content .medal_element .img{width: 90px;height: 90px;background-color:white;border-radius:50%;box-shadow:0 2px 15px 0 rgba(0,0,0,0.1);margin-bottom: 10px;background-size: 60px 60px !important;}
.certification_Modal .medal_content .medal_element .name{width:100%;text-align:center;font-size: 1.05em;font-weight: 300;}
.certification_Modal .medal_content .medal_element.get_green_medal .img{background:url(../../assets/images/medal-green.png)center center no-repeat;}
.certification_Modal .medal_content .medal_element.get_silver_medal .img{background:url(../../assets/images/medal-silver.png)center center no-repeat;}
.certification_Modal .medal_content .medal_element.get_copper_medal .img{background:url(../../assets/images/medal-copper.png)center center no-repeat;}
.certification_Modal .medal_content .medal_element.noget_medal .img{background:url(../../assets/images/medal-none.svg)center center no-repeat;box-shadow: none;}
.certification_Modal .medal_content .medal_element.noget_medal .name{color: #b7b7b7;}

.deletecancel_Modal .medal_content{padding: 30px 0;font-size: 1.125em;text-align: center;}
.deletecancel_Modal .modal-footer{justify-content: center;}
.deletecancel_Modal .modal-footer button{padding: 10px;width: 130px;margin: 0 20px;font-size: 1.0625em;}

.unitpath_Modal .modal_unit{min-width: 110px;text-align: center;}
.unitpath_Modal thead tr th{text-align: center;}
/* ========================================================================================== */
/* ==                                                                                      == */
/* ==                               page_admin CSS End                                   == */
/* ==                                                                                      == */
/* ========================================================================================== */







/* ========================================================================================== */
/* ==                                                                                      == */
/* ==                                   Footer CSS Start                                   == */
/* ==                                                                                      == */
/* ========================================================================================== */
footer{position:relative;z-index: 1;background-color: #ffffff;}
footer .top_block{width:100%;display:flex;border-bottom:1px solid #9caf88;padding:0 0 30px}
footer .top_block>div{width:100%;display:flex;align-items: center;}
footer .top_block>div .icon_div{width:90px;height:90px;background-color:#e8efa7;padding:20px 27px;font-size:1.125em;color:#2b4131;border-radius:50%;margin:0 20px 0 0}
footer .top_block>div>div p{margin:0}
footer .bottom_block{text-align:center;padding:30px 0}
footer .bottom_block>p{margin:0}
footer .bottom_block>div{margin: 10px 0 0 0;}
footer .bottom_block>div a{font-size:1.063em;font-weight:500;color:#2b4131}
@media (max-width:991px){
    footer .top_block{flex-wrap: wrap;padding: 0 0 60px;}
    footer .top_block>div{margin: 20px auto;width: 450px;}
}
@media (max-width:575.98px){
    .page_mapsite .link_block>ul{height: unset;}
    .page_mapsite .link_block>ul .level_one{width: 100%;}
    footer .top_block>div .icon_div{padding:9px 14px 10px 15px;margin: 0px 15px 0px 0;width: 61px;height: 60px;font-size: 0.938em;}
    footer .top_block>div>div p{font-size: 0.875em;}
}
/* ========================================================================================== */
/* ==                                                                                      == */
/* ==                                   Footer CSS  End                                    == */
/* ==                                                                                      == */
/* ========================================================================================== */