
/*----------------------------------------------------------------------------------------------------*/
.hkiaa_step{
    max-width: 1280px; margin: 80px auto 0px auto;
    border-bottom: 1px solid #c4c4c4;
    display: flex; align-items:center; justify-content: flex-start;
}          
.hkiaa_step a{ 
    padding: 0px 0px 10px 0px; 
    border-bottom:1px solid rgba(0,0,0,0); 
}
.hkiaa_step a span{
    display: flex; align-items:center; justify-content: center;
    width: 40px; height: 40px;
    background: #DDD; color: #999;
    border-radius: 50%; 
}
.hkiaa_step a.active{ border-color: #1853d6;}
.hkiaa_step a.active span{ background:#1853d6; color: #FFF; }

.hkiaa_step span.arr{
    display: flex; align-items:center; justify-content: center;
    padding: 0px 20px 10px 20px;
}
.hkiaa_step span.arr:after{
    content: ">"; font-family: 'Courier New', Courier, monospace;
    font-size: 10px; color: #1853d6;
}
@media screen and (max-width:1380px){
    .hkiaa_step{ margin-left: 50px; margin-right: 50px;}
}
@media print, screen and (max-width:991px){
    .hkiaa_step{ margin-left: 40px; margin-right: 40px;}
}
@media print, screen and (max-width:479px){
    .hkiaa_step{ margin-left: 30px; margin-right: 30px;}
    .hkiaa_step span.arr{ padding: 0px 10px 10px 10px; }
}
/*----------------------------------------------------------------------------------------------------*/
.hkiaa_form{ background: #F2F6FB;  margin-bottom: -80px; }
.hkiaa_form *{ box-sizing: border-box; }
.hkiaa_form .section_container_in { padding-bottom: 100px; padding-top: 20px;  }

.hkiaa_form h3,
.hkiaa_form h4{ color: #033e75; margin: 10px 0px; padding: 0px; } 
.hkiaa_form h4 span{ font-size: 14px; color: #033e75;} 
.hkiaa_form h4 a{
    display: inline-block; text-decoration: underline;
    border-left: 1px solid #c4c4c4; padding: 0px 0px 0px 10px; margin: 0px 0px 0px 10px;
    font-size: 14px; color: #000; font-weight: normal; 
} 
.hkiaa_form h4 a:hover{ color: #1853d6; }
.hkiaa_form h5{ font-size: 16px; margin-top: 40px ;}

.hkiaa_form p{  color: #000000; margin: 10px 0px; padding: 0px; } 
.hkiaa_form hr{ border: none; border-top: 1px solid #c4c4c4; margin: 60px 0px; }

.hkiaa_form ol{ margin: 0px 0px 30px 0px; padding: 0px 0px 0px 20px; }
.hkiaa_form ol ol{ list-style: lower-roman; }
.hkiaa_form li{ margin: 0px 0px 10px 0px; padding: 0px; list-style-position: outside; }
/*----------------------------------------------------------------------------------------------------*/
.hkiaa_form .hkiaa_btn{
    display: inline-block; background: #1853d6; color: #FFF;
    padding: 5px 30px; border-radius: 20px; margin-right: 5px;
    font-size: 14px; 
}
.hkiaa_form .hkiaa_btn.js-more{ margin-bottom: 30px;  }
.hkiaa_form .hkiaa_btn--grey{ background: #c4c4c4; color: #333; }
.hkiaa_form .hkiaa_btn:hover{ background: #033e75; color: #FFF;}
.hkiaa_action .hkiaa_btn{ margin-bottom: 5px; }
/*----------------------------------------------------------------------------------------------------*/
.hkiaa_form .hkiaa_row{ 
    width: calc(100% + 20px);
    display: flex; align-items: flex-start; justify-content: flex-start;
    flex-wrap: wrap;
}
.hkiaa_form .hkiaa_row .hkiaa_col{ width: calc(50% - 20px); margin:0px 20px 20px 0px; padding: 0px; }          
.hkiaa_form .hkiaa_row .hkiaa_col--lrg{ width: calc(100% - 20px); }
.hkiaa_form .hkiaa_row .hkiaa_col--med{ width: calc(66.66% - 20px); }
.hkiaa_form .hkiaa_row .hkiaa_col--sml{ width: calc(33.33% - 20px); }
.hkiaa_form .hkiaa_row .hkiaa_col--xsm{ width: calc(33.33% - 70px); }
.hkiaa_form .hkiaa_row .hkiaa_col--xtr{ width: calc(50% - 70px); }

.hkiaa_form .hkiaa_row .hkiaa_col--qtr{ width: calc(25% - 20px); }
.hkiaa_form .hkiaa_row .hkiaa_col--qtx{ width: calc(25% - 70px); }

.hkiaa_form .hkiaa_row .hkiaa_col--gpa{ width: calc(50% - 40px - 20px); }
.hkiaa_form .hkiaa_row .hkiaa_col--gpa2{ width: 60px; text-align: center; }


.hkiaa_form .hkiaa_row .hkiaa_col--btn{ 
    align-self: center; visibility: hidden;
    display: flex; align-content: center; justify-content: center;
    font-size: 20px; line-height: 30px; 
    width: 30px; height: 30px; 
    background: #1853d6; color: #FFF;
    border-radius: 50%; 
}
.hkiaa_form .hkiaa_row .hkiaa_col--btn:hover{ background: #033e75; }
.hkiaa_form .hkiaa_row.clone .hkiaa_col--btn{ visibility: visible; }

.hkiaa_form .hkiaa_row--compact{ margin-bottom: 10px; }
.hkiaa_form .hkiaa_col .hkiaa_col,
.hkiaa_form .hkiaa_row--compact .hkiaa_col{ margin-bottom: 0px; }

.hkiaa_form .hkiaa_row--exam { margin-bottom: 10px; }
.hkiaa_form .hkiaa_row--exam .hkiaa_col{ margin-bottom: 0px; }

@media print, screen and (max-width:991px){
    .hkiaa_form .hkiaa_row{ width: calc(100% + 10px); }
    .hkiaa_form .hkiaa_row .hkiaa_col{ width: calc(50% - 10px); margin-right: 10px; }  
    .hkiaa_form .hkiaa_row .hkiaa_col--lrg{ width: calc(100% - 10px); }
    .hkiaa_form .hkiaa_row .hkiaa_col--med{ width: calc(66.66% - 10px); }
    .hkiaa_form .hkiaa_row .hkiaa_col--sml{ width: calc(33.33% - 10px); }
    .hkiaa_form .hkiaa_row .hkiaa_col--xsm{ width: calc(33.33% - 60px); }
    .hkiaa_form .hkiaa_row .hkiaa_col--xtr{ width: calc(50% - 60px); }  
    .hkiaa_form .hkiaa_row .hkiaa_col--qtr{ width: calc(25% - 10px); }
    .hkiaa_form .hkiaa_row .hkiaa_col--qtx{ width: calc(25% - 60px); }

    .hkiaa_form .hkiaa_row .hkiaa_col--gpa{ width: calc(50% - 40px - 10px); }
    .hkiaa_form .hkiaa_row .hkiaa_col--gpa2{ width: 70px; text-align: center; }

    .hkiaa_form .hkiaa_row .hkiaa_col--btn{ width: 30px; height: 30px; margin-top: 10px; }

    .hkiaa_form_step  > .hkiaa_row > .hkiaa_col{ width: calc(100% - 20px); }

    .hkiaa_form .hkiaa_row--compact > .hkiaa_col--lrg,
    .hkiaa_form .hkiaa_row--compact > .hkiaa_col--med,
    .hkiaa_form .hkiaa_row--compact > .hkiaa_col--sml,
    .hkiaa_form .hkiaa_row--compact > .hkiaa_col--xsm{ width: calc(100% - 20px); }

    .hkiaa_form .hkiaa_row--exam .hkiaa_col--xtr label{ white-space: nowrap; }
    .hkiaa_form .hkiaa_row--exam > .hkiaa_col--med,
    .hkiaa_form .hkiaa_row--exam > .hkiaa_col--sml{ width: calc(100% - 20px); }

    .hkiaa_form .hkiaa_row--exam .hkiaa_col--btn{ margin-top: 30px; }
}

@media screen and (max-width:839px){
    .hkiaa_form .hkiaa_row .hkiaa_col:not(.hkiaa_col--btn){ width: calc(100% - 0px); margin-right: 0px; margin-bottom: 10px; }  
    
}
/*----------------------------------------------------------------------------------------------------*/
.hkiaa_form .hkiaa_input_box label{ 
    display: block; color:#000; font-size: 16px; font-weight: bold; 
    margin: 5px 0px;
} 
.hkiaa_form .hkiaa_input_box textarea,
.hkiaa_form .hkiaa_input_box input[type=text],
.hkiaa_form .hkiaa_input_box input[type=password]{
    display: block; width: 100%;
    padding: 10px 20px; margin: 0px;
    border: 1px solid #c4c4c4; 
    border-radius: 20px;
    outline: none;    
}
.hkiaa_form .hkiaa_input_box select{
    display: block; width: 100%;
    border: 1px solid #c4c4c4; 
    border-radius: 20px;
    height: 40px; padding: 0px 20px;
    background-image:url(../images/carat-d-black.svg);
	background-position: center right 15px;
	background-repeat:no-repeat;
	cursor:pointer;
	
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
    outline: none;    
}
.hkiaa_form .hkiaa_input_box textarea.invalid,
.hkiaa_form .hkiaa_input_box select.invalid,
.hkiaa_form .hkiaa_input_box input[type=text].invalid,
.hkiaa_form .hkiaa_input_box input[type=password].invalid{
    border-color: #d61818;
}
.hkiaa_form .hkiaa_input_box.invalid label{ color: #d61818; }

.hkiaa_form .hkiaa_input_box textarea{ height: 200px; resize: none; margin-bottom: 30px; }
.hkiaa_form .hkiaa_input_box input[type=file]{ display: none; }
.hkiaa_form .hkiaa_input_box input[type=checkbox],
.hkiaa_form .hkiaa_input_box input[type=radio]{ margin-right: 5px; }
.hkiaa_form .hkiaa_input_box .note{ display:inline-block; }

.hkiaa_form .hkiaa_input_box .err{ display: none;}
.hkiaa_form .hkiaa_input_box.invalid .err{ display: block;}

.hkiaa_form .hkiaa_input_box.size_invalid .err{ display: none;}
.hkiaa_form .hkiaa_input_box.size_invalid .note{ color: #d61818; }

.hkiaa_form .max_item{display: none;}

@media screen and (min-width:992px){
    .hkiaa_form .clone .hkiaa_input_box label{ display: none; }
    .hkiaa_form .preclone .hkiaa_input_box label{ display: none; }
}
@media print, screen and (max-width:991px){
    .hkiaa_form .hkiaa_input_box label{  font-size: 14px; }
}
.hkiaa_form .showlabel.clone{ border-top:1px solid #c4c4c4 ; padding-top: 20px; margin-top: 20px;}
.hkiaa_form .showlabel label{ display: block !important;}
.hkiaa_form .showlabel .hkiaa_col--btn{ align-self: flex-end; margin-bottom: 5px; }
/*----------------------------------------------------------------------------------------------------*/
.hkiaa_form .hkiaa_input_box .file{
    display: flex; align-items: center; justify-content: flex-start;
    padding: 5px 20px; margin: 0px 0px 5px 0px;
    background: #FFF; color: #000;
    border: 1px solid #c4c4c4; border-radius: 20px;
}
.hkiaa_form .hkiaa_input_box.invalid .file{ border-color: #d61818; }
.hkiaa_form .hkiaa_input_box .file a{
    font-size: 30px; margin-left: auto;
}
.hkiaa_form .hkiaa_input_box .file span.name{
    word-break: break-all; overflow: hidden; max-width: calc(100% - 100px);
    white-space: nowrap; text-overflow: ellipsis; margin-right: 5px;
}
/*----------------------------------------------------------------------------------------------------*/
.hkiaa_form .hkiaa_input_radio{ 
    width: calc(100% + 30px);
    display: flex; align-items:flex-start; justify-content: flex-start; flex-wrap: wrap; 
}
.hkiaa_form .hkiaa_input_radio label{ 
    white-space: nowrap; margin-right: 30px; font-weight: normal; 
}
.hkiaa_form .hkiaa_input_radio input[type=text]{
    max-width: calc(50% - 30px); margin-left: auto; margin-right: 30px;
}
.hkiaa_form .hkiaa_input_checklist label{
    font-weight: normal; display: block;  width: 100%;
}
.hkiaa_form .hkiaa_input_checklist input[type=text]{
    display: inline-block; max-width: 500px; margin-left: 10px;
}
@media print,  screen and (max-width:991px){
    .hkiaa_form .hkiaa_input_radio label{ white-space: normal;  }
    .hkiaa_form .hkiaa_input_radio input[type=text]{ max-width: calc(100% - 30px); }
}
/*----------------------------------------------------------------------------------------------------*/
.hkiaa_preview{ margin-bottom: 60px; }
.hkiaa_preview .hkiaa_preview_item{ display: flex; align-items: flex-start; justify-content: flex-start; margin-bottom: 10px; }
.hkiaa_preview .hkiaa_preview_name{ width: calc(40% - 40px); margin-right: 40px; line-height: 1.5em; font-weight: bold; }
.hkiaa_preview .hkiaa_preview_desc{ width: 60%; }
.hkiaa_preview.hkiaa_preview--compact .hkiaa_preview_item{ margin-bottom:5px;}

@media print, screen and (max-width:639px){
    .hkiaa_preview .hkiaa_preview_item{ flex-wrap: wrap; }
    .hkiaa_preview .hkiaa_preview_name{ width: calc(100%); margin-right: 0px;}
    .hkiaa_preview .hkiaa_preview_desc{ width: 100%; }
}
/*----------------------------------------------------------------------------------------------------*/
.hkiaa_form_step{ display: none; }
.hkiaa_form_step:first-of-type{ display: block; }
/*----------------------------------------------------------------------------------------------------*/
.hkiaa_form .hkiaa_action{ margin: 30px 0px 60px 0px; }
.hkiaa_form .hkiaa_pics{
    max-height: 300px; overflow: hidden;
    position: relative;
}
.hkiaa_form .hkiaa_pics:after{
    content: ""; display: block;
    position: absolute; bottom:0px; left: 0px; width: 100%; height: 100%;
    background: rgba(255,255,255,0.5);
    background: linear-gradient(180deg, rgba(242,246,251,0) 0%, rgba(242,246,251,1) 100%);
}
.hkiaa_form .hkiaa_pics--white:after {
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}
.hkiaa_form .hkiaa_pics.hkiaa_pics--opened{ max-height: none; }
.hkiaa_form .hkiaa_pics.hkiaa_pics--opened:after{ display: none; }

.hkiaa_form .hkiaa_pics_open{
    background: #1853d6; color: #FFF;
    display: flex; align-items: center; justify-content: center;
    width: 40px; height: 40px;
    border-radius: 50%;
    margin-bottom: 40px;
}
.hkiaa_form .hkiaa_pics_open:after{ 
    content: ""; display: block; width: 100%; height: 100%;
    background-image: url(../images/carat-d-white.svg); 
    background-repeat: no-repeat; 
    background-position: center center;
}


.hkiaa_progress{
    position: fixed; z-index: 999999;
    top:0px; left: 0px; width: 100%; height: 100%;
    background-color: rgba(255,255,255,0.5);
    background-image: url(../images/ajax-loader.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60px;
}
/*----------------------------------------------------------------------------------------------------*/
.w-webflow-badge{ display: none !important; }

.textcolor_turquoise.intext_link:not(:hover){ color: #13b0b7;} 

.lv3_content_approve_row.accredit_begin{ border-color: #13b0b7;}

.lv2_top_title{ max-width: 100%;}
.lv2_listing_method_line{ display: none; }
.lv2_listing_tabs_menu .lv2_listing_tab_link {
    border-left: 1px solid #999; padding:0px 0px 0px 20px; margin: 0px 20px 0px 0px;
}
.lv2_listing_tabs_menu .lv2_listing_tab_link:first-of-type { border-left: none; padding-left: 0px; }

.lv2_list_listing_row_info.price { white-space: nowrap; }

.contact_us_form .hkiaa_form{ background:none; padding:0px;  }
.contact_us_form .hkiaa_form .hkiaa_action{ margin-bottom: 0px; }

.label-remark {
    font-weight: normal;
}
.red-tips {
    display: none;
    margin-top: 6px;
    color: red;
    line-height: 1.25;
}
@media screen and (min-width: 1280px){
    .lang_zh .lv2_top_title{ font-size: 64px; }
}
@media screen and (max-width: 1279px){
    .header_lang_dropdown{ width: auto; height: auto; }
    .header_lang_dropdown .header_lang_dropdown_toggle { display: none;}
    .header_lang_dropdown .header_lang_dropdown_list  { display: flex; position: static; background: none; width: auto;}
    .header_lang_dropdown .header_lang_dropdown_link{ background: none;  border:none; }
}
@media screen and (max-width: 991px){
    .home_campus_fac_container{ padding-left: 40px; padding-right: 40px;}
    .lv2_list_listing_row_info.price { width: 25%; white-space: nowrap; }
    .lv2_list_listing_row_name{ width: calc(75% - 80px);}
}
@media screen and (max-width: 767px){
    .lv2_list_listing_row_name{ width: calc(100% - 0px);}
}
@media screen and (max-width: 479px){
    .home_campus_fac_container{ padding-left: 30px; padding-right: 30px;}
}

@media print{
    .cookie_popup_container,
    .bg_pattern_container,
    .important_notice_popup_container,
    .mobile_menu_container_out,
    .header,
    .desktop_menu_popup_1,
    .desktop_menu_popup_2,
    .desktop_menu_popup_3,
    .desktop_menu_popup_4,
    .w-webflow-badge,
    .hkiaa_step,
    .enewsletter_row,
    .footer{
        display: none;
    }
    .inner_page_top_breadcrumb_row .inner_page_top_breadcrumb_step{ display: none;}
    .section_container_in{padding-top: 20px; padding-bottom: 20px;}
    .lv2_top_title{ font-size: 30px; line-height: 1.2em;}

    ._2col_intro > a{ display: none;}
    .hkiaa_form h4 a{ display: none; }
    .hkiaa_form .hkiaa_preview{ margin-bottom: 20px; padding-bottom: 20px;}
    .hkiaa_form hr{ margin: 20px 0px;}
    .hkiaa_form .hkiaa_action{ display: none; }
    .hkiaa_form .hkiaa_form_step{ font-size: 14px;}
    .hkiaa_form .hkiaa_preview_name{ font-size: 14px;}
    .hkiaa_form .hkiaa_preview_desc{ font-size: 12px;}
    
    .hkiaa_form .hkiaa_pics{ max-height: none;}
    .hkiaa_form .hkiaa_pics::after{display: none;}

    .hkiaa_form_step > h3:first-of-type{ display: none;} 
    .hkiaa_form_step > p:first-of-type{ display: none;} 

    .hkiaa_form form > p:first-of-type{ display: none;} 

    .w-form-formrecaptcha{ display: none; }
    .hkiaa_form .section_container_in{ padding-bottom: 0px;}
}