@charset "utf-8";

@import url("setting.css");

a{ color:#333; text-decoration:none; transition:0.2s all;}
a:hover{ color:#9d1c2b; text-decoration: none;}
a:focus{ text-decoration: none;}

main{ background: #fff; }

.container{ max-width: 1240px; padding: 0 20px; /* overflow: hidden; */ }
.container.w100{ max-width: 100%; }
.container.w2{ max-width: 1400px; }
.container.w3{ max-width: 951px; }
.container.w3{ max-width: 728px; }
.container.w4{ max-width: 546px; }

/*.row{ margin-right: -12px !important; margin-left: -12px !important; }*/

/*** PRELOAD ***/
.spinner-wrapper { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.95); z-index: 999999; background:#fff url("../../img/Preloader_10.gif") center center no-repeat;}
.none { transition: all 1.7s ease; opacity: 0;}
.none2 { display: none;}
/*** /PRELOAD ***/

/*** HEADER ***/
header{ width: 100%; padding: 20px 0; background: #fff; overflow: hidden; }
header .container{ position: relative; }

.logo{ float: left; width: 256px; height: 65px; background: url('../../img/pic-logo.png') center center no-repeat; background-size: auto 65px; text-indent: -9999px;}
.logo a{ width: 256px; height: 65px; display: block; }

.slogan{ float: left; padding: 8px 0 8px 30px; overflow: hidden; }
.slogan li{ float: left; font-family: "Times New Roman", sans-serif; color: #9b8873; line-height: 1em; }
.slogan li:nth-child(1){ font-size: 3em; }
.slogan li:nth-child(2){ margin: 8px 10px; padding: 5px 0; font-size: 1.25em; border-top: 1px solid #9b8873; border-bottom: 1px solid #9b8873; }
.slogan li:nth-child(3){ margin: 25px 0 0 0; font-size: 1.125em; font-weight: bold; }

.join{ float: right; margin-top: 18px; font-size: 1.125em; overflow: hidden; }
.join a{ display: inline-block; overflow: hidden; }
.join a i{ float: left; margin-right: 10px; color: #9d1c2b; font-size: 1.5em; }
.join a p{ float: left; margin-top: 2px; line-height: 1.25em;}

.lang{ margin: 0; padding: 5px 15px 7px 15px; background: #998773; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; list-style: none; overflow: hidden; position: absolute; top: -20px; right: 20px; }
.lang li{ float: left; margin: 0; font-size: .813em; line-height: 1em; }
.lang li:nth-child(1):after{ margin: 0 10px 0 5px; color: #fff; content: " / "; }
.lang li a{ color: #fff; }
.lang li a:hover{ text-decoration: underline; }

.menu_wrap{ height: 48px; background: #9d1c2b; }
/*** /HEADER ***/

/*** BANNER ***/
.banner_wrap iframe{ width: 100%; }
.banner_wrap img{ width: 100%; height: auto; display: none; }
.banner_wrap h2{ padding: 100px 0; color: #fff; font-weight: 700; text-align: center; }
.embed-responsive { height: 0; padding: 0; position: relative; display: block; overflow: hidden;}
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; border: 0;}
.embed-responsive-16by9 { padding-bottom: 56.25%;}
.embed-responsive-4by3 { padding-bottom: 75%;}

.inner_about{ background: url('../../img/pic-banner_inner_about.jpg') center center no-repeat; background-size: cover; }
.inner_acdemics{ background: url('../../img/pic-banner_inner_acdemics.jpg') center center no-repeat; background-size: cover; }
.inner_admissions{ background: url('../../img/pic-banner_inner_admissions.jpg') center center no-repeat; background-size: cover; }
.inner_facilities{ background: url('../../img/pic-banner_inner_facilities.jpg') center center no-repeat; background-size: cover; }
.inner_news{ background: url('../../img/pic-banner_inner_news.jpg') center center no-repeat; background-size: cover; }
.inner_church{ background: url('../../img/pic-banner_inner_church.jpg') center center no-repeat; background-size: cover; }
.inner_contact{ background: url('../../img/pic-banner_inner_contact.jpg') center center no-repeat; background-size: cover; }
.inner_apply{ background: url('../../img/pic-banner_inner_apply.jpg') center center no-repeat; background-size: cover; }
/*** /BANNER ***/

/*** BOX ***/
.box_wrap{ margin: 6px 0; padding: 0; background: #fff; border: 1px solid #ccc; transition:0.2s all; }
.box_wrap .box_img_wrap{ position: relative; overflow: hidden; }
.box_wrap .box_img{ transition:0.2s all; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0);}
.box_wrap .box_img img{ width: 100%; height: auto; }
.box_wrap .box_txt{ padding: 20px; }
.box_wrap .box_txt h3{ line-height: 1.25em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.box_wrap .box_txt .date{ margin-top: 15px; color: #666; }
.box_wrap .box_txt i{ margin-right: 5px; }
a:hover .box_img{transform: scale(1.1);}

#album .box_wrap{ margin: 10px 10px; transition:0.2s all; }
#album .box_wrap.border{ border: 5px solid #fff !important;}
#album .box_wrap .box{ width: 100%; height: 100%; position: relative; }
#album .box_wrap .box p{ width: 100%; padding: 5px 10px; color: #fff; background: rgba(0, 0, 0, .75); position: absolute; bottom: 0; z-index: 2; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#album .box_wrap .box .box_overlay{ width: 100%; height: 100%; color: #fff; font-size: 2em; line-height: 1em; position: absolute; z-index: 1; display: table; background: rgba(0, 0, 0, .5); opacity: 0; transition:0.2s all; }
#album .box_wrap .box .box_overlay i{ display: table-cell; vertical-align: middle; text-align: center; }
#album .box_wrap .box img{ width: 100%; height: auto; }
#album a:hover .box_wrap{ box-shadow: 0 0 10px rgba(0, 0, 0, 1.0);}
#album a:hover .box_wrap .box .box_overlay{ opacity: 1; }
/*** /BOX ***/

/*** SECTION ***/
section{ padding: 80px 0; }
section h2{ margin-bottom: 40px; text-align: center; }

#feature{ padding: 0; background: #eee; }
#feature .row{ padding: 14px 12px; }
#feature .box_wrap{ margin: 10px 0; padding: 30px; text-align: center; }
#feature .box_wrap img{ max-height: 100px; }
#feature .box_wrap p{ margin-top: 30px; font-size: 1.5em; font-weight: 700;}
#feature a:hover .box_wrap{ box-shadow: 0 0 10px rgba(0, 0, 0, .5); }

#feature.en .box_wrap p{ font-size: 1em; }

#news{ }
#news .row{ margin: -6px 0; }

#i_album .row{ margin: -6px 0; }
#i_album{ background: #eee; }
#i_album .box_wrap.border{ border: 5px solid #fff !important;}
#i_album .box_wrap .box_img_wrap{ position: relative; overflow: hidden; }
#i_album .box_wrap .box_img_wrap .date{ padding: 5px 15px; color: #fff; background: rgba(0, 0, 0, .75); position: absolute; right: 0; bottom: 0; z-index: 3; }
#i_album .box_wrap .box_img{ width: 100%; height: 100%; position: relative; }
#i_album .box_wrap .box_txt{ padding: 15px 10px; }
#i_album .box_wrap .box_txt p{ width: 100%; margin: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
/*** /SECTION ***/

/*** LIST ***/
.box{}
/*** /LIST ***/

/*** BREADCRUMB ***/
nav[aria-label="breadcrumb"]{ padding:8px 0 7px 0; font-size: .875em; color: #999; background: #f9f9f9; border-top: 0px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; }
ol.breadcrumb{ margin: 0; padding: 0;}
.breadcrumb-item:before{ color: #999 !important; }
.breadcrumb-item.active{ color: #9d1c2b; font-weight: bold; }
ol.breadcrumb a{ color: #999; }
ol.breadcrumb a:hover{ color: #9d1c2b; }
/*** /BREADCRUMB ***/

/*** CONTACT ***/
.gmap{ width: 100%; height: 355px; margin-top: 10px; }
/*** /CONTACT ***/

/*** CNT ***/
.inner .nav_list li{ margin-bottom: 20px; font-size: 1.25em; line-height: 1.25em; list-style: none; }
.inner .nav_list li a{ color: #ccc; }
.inner .nav_list li a:hover{ color: #9d1c2b; }
.inner .nav_list li a.current{ color: #998773; }
.inner h2{ color: #9d1c2b; text-align: left; }
.inner h2 .date{ margin-top: 10px; color: #666; font-size: .5em; text-align: left; display: block; }
.inner h2 .date i{ margin-right: 5px; }
.inner li{ list-style: decimal; }

.class_list{ background: #f9f9f9; border: 1px solid #ccc; border-radius: 5px; }
.class_list li{ padding: 10px 20px; list-style: none; }
.class_item{ margin-top: 5px; display: inline-block; overflow: hidden; }
.class_item span{ float: left; margin-right: 10px; padding: 2px 8px; color: #fff; font-size: .813em; background: #9b8873; border-radius: 5px; }
.class_item p{ float: left; padding-right: 20px; line-height: 1.45em;}
.class_item i{ margin-right: 5px; }

label{ width: 100%; }
label i{ margin-left: 5px; }
label.ctr_radio{ width: auto; margin-right: 20px; }

.regi_sort{ position: relative; }
.regi_sort label.ctr_radio{ width: 100%; padding: 10px 20px; border: 5px solid #ccc; border-radius: 10px; text-align: center; }
.regi_sort input{ position: absolute; opacity: 0; }
.regi_sort input:checked + label{ color: #fff; background: #9d1c2b; border-color: #9d1c2b; }
.regi_sort .radiomark{ opacity: 0; }

.note{ color: #c00; }

.parents_wrap{ margin-bottom: 20px; border: 1px solid #998773; }
.parents_wrap h4{ padding: 15px; color: #fff; background: #998773; }
.parents_wrap .row{ margin: 10px; }

.student_wrap{ margin-bottom: 20px; border: 1px solid #998773; }
.student_wrap h4{ padding: 15px; color: #fff; background: #998773; }
.student_wrap .row{ margin: 10px; }
.student_wrap .alert{ margin-top: 10px; }

.rc_wrap{ height: 40px; margin: 16px 0 0 0; display: block; overflow: hidden; }

.registor_list_wrap{ margin: 10px 0; padding: 20px; list-style: none; border: 1px solid #ccc; border-radius: 5px; overflow: hidden; }
.registor_list_wrap li{ float: left; list-style: none; }
.registor_list_wrap li span{ padding: 3px 5px; color: #fff; background: #998773; border-radius: 5px; display: inline-block; }
.registor_list_wrap li p{ margin:5px 0 0 0; padding: 0; font-weight: normal; line-height: 1.25em; }
.registor_list_wrap li:nth-child(1), .registor_list_wrap li:nth-child(3){ width: 200px; }
.registor_list_wrap li:nth-child(3){ width: 150px; }
.registor_list_wrap li:nth-child(2){ width: calc(100% - 350px); }
.registor_list_wrap button{ width: 100%; margin-top: 5px; padding-right: 20px; padding-left: 20px; }
.special{ margin: 0 5px; }

.list01{ margin: 0 0 0 0px; padding: 0; list-style: decimal; }
.list01 li{ margin: 10px 0; }

.list02{ margin: 0 0 0 0px; padding: 0; list-style: lower-alpha; }
.list02 li{ margin: 10px 0; }

.cnt_wrap, .cnt_wrap:focus{ background: #fff; overflow: hidden; }
.cnt_wrap h2{ text-align: left; }
.cnt_wrap p{ font-size: 1.25em; line-height: 1.325em; }

/*** /CNT ***/

/*** ACCORDION ***/
.accordion-item{ margin-bottom: 5px; border:1px solid #ccc !important; border-radius: 0;}
.accordion-item:last-child{ margin-bottom: 0; }
.accordion-item .accordion-header{ margin: 0; padding: 0; background: #f9f9f9; border-radius: 0; }
.accordion-item .accordion-header button{ width: 100%; background: none; border: 0; text-align: left; cursor: pointer; white-space: nowrap; }
.accordion-item .accordion-header button i{ color: #bbb; }
.accordion-item .accordion-header button:hover, .accordion-item .accordion-header button:hover i{ color: #fff; background: #998773 !important; }
.accordion-item .accordion-header button[aria-expanded="true"]{ color: #fff; background: #9d1c2b !important; }
.accordion-item .accordion-header button[aria-expanded="true"] i{ color: #fff; }
.accordion-item .accordion-header button[aria-expanded="false"]{ background: #f9f9f9; }
.accordion-item .accordion-collapse{ border-radius: 0px;}
.accordion-item .accordion-body{ margin: 0; background: #f9f9f9;}
.accordion-item .accordion-body .btn_wrap{ margin-top: 10px; padding-top: 15px; border-top: 1px dashed #ccc; text-align: right;}
.accordion-button:hover::after{ background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important; background-position: 0 1px !important;}
.accordion-button:not(.collapsed)::after{ background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important; background-position: 0 1px !important;}
.accordion-button a{ color: #bbb; display: block; }
.accordion-button:hover a{ color: #fff !important; }

.accordion.apply h3{ margin-top: 40px; }
.accordion.apply h3:first-child{ margin-top: 0px; }
/*** /ACCORDION ***/


/*** PAGINATION ***/
.pagination_wrap{ width: 100%; text-align: center; }
.pagination{ margin-top: 50px; }
.pagination li{ list-style: none; }
.pagination .page-item, .pagination .page-item a{ margin: 0 1px; border-radius: 0 !important; }
.pagination a{ color: #666; }
.pagination a:hover{ color: #fff; background: #998773; }
.pagination .active .page-link{ background: #9d1c2b; border-color: #dee2e6; }
/*** /PAGINATION ***/

/*** FOOTER ***/
footer{ margin: 0; padding: 80px 0; color: #fff; background: #9d1c2b; overflow: hidden; }
footer a{ color: #fff; }
footer a:hover{ color: #998773; }
footer i{ margin-right: 8px; }
footer .collist:nth-child(1){ text-align: left; }
footer .collist:nth-child(2){ text-align: left; }
footer .collist:nth-child(3){ text-align: right; }
footer .collist:nth-child(1) .logo{ float: none; width: 256px; height: 64px; margin:0 0 20px 0; padding: 0; background: url('../../img/pic-flogo.png') center center no-repeat; background-size: cover; text-indent: -9999px;}
footer .collist:nth-child(1) p{ padding: 5px 0; display: inline-block; }
footer .collist:nth-child(1) p:nth-child(3){ margin-right: 10px; }
footer .collist:nth-child(2) .row{ max-width: 200px; margin: 0 auto; }
footer .collist:nth-child(2) a{ margin-bottom: 14px; display: block; }
footer .collist:nth-child(2) a:last-child{ margin-bottom: 0; }
footer .collist:nth-child(3) i{ margin-bottom: 37px; margin-left: 15px; font-size: 3.5em; }
footer .collist:nth-child(3) p{ line-height: 1.5em; }

.copyright{ padding: 18px 0; color: #ccc; font-size: .75em !important; background: #222; text-align: center !important; }
/*** /FOOTER ***/

/*** CAPTCHA ***/
.captcha_wrap{ float: left; margin-top: 34px; }
/*** /CAPTCHA ***/

/*** BTN ***/
.btn{ padding: 13px 50px 14px 50px; border-radius: 5px; line-height: 1em; }
.btn_wrap{ width: 100%; margin:30px auto 0 auto; text-align: center; }

.btn-primary{ background: #9d1c2b; border-color: #9d1c2b; }
.btn-primary:hover, .btn-primary:focus{ background: #998773; border-color: #998773;}

.btn-outline-primary{ color: #9d1c2b; background: none; border: 2px solid #9d1c2b; }
.btn-outline-primary:hover, .btn-outline-primary:focus{ background: #998773; border: 2px solid #998773;}


/*** /BTN ***/

/*** MODAL ***/
.modal{ }
.modal-header{ background: #9d1c2b !important;}
.modal-header h4{ color: #fff; font-weight: bold; line-height: 1em; }
.modal-open {}
.modal-backdrop { opacity: .9 !important; }
.modal-content{ background: none; }
.modal-header{ background: none; border: 0; }
.modal-body{ padding: 30px 30px 20px 30px; background: #fff; }
.modal-body .rc_wrap{ max-width: 250px; margin: 10px auto 0 auto; overflow: hidden; }
.modal-body .rc_wrap input{ float: left; margin-right: 5px; }
.modal-body .rc_wrap .check_txt{ float: left; margin-top: 2px; font-size: 1em; }
/*** /MODAL ***/

/*** COLOR ***/
.color01{ color: #ab7fda; }
.color02{ color: #8c61bc; }
.color03{ color: #f19100; }
.color04{ color: #c00; }
.color05{ color: #999; }

.bg01{ background: #f6f6f6; }
/*** /COLOR ***/

/*** FORM ***/
/*** /FORM ***/

/*** MARGIN PADDING ***/
.mt-0{ margin-top: 0; }
.mt-10{ margin-top: 10px; }
.mt-20{ margin-top: 20px; }
.mt-30{ margin-top: 30px; }
.mt-40{ margin-top: 40px; }
.mt-50{ margin-top: 50px; }

.mb-0{ margin-bottom: 0; }
.mb-10{ margin-bottom: 10px; }
.mb-20{ margin-bottom: 20px; }
.mb-30{ margin-bottom: 30px; }

.pl-0{ padding-left: 0; }
.pr-0{ padding-right: 0; }
/*** /MARGIN PADDING ***/

/*** POPOVER ***/
[data-bs-toggle="popover"]{ cursor: pointer; }
.popover{ padding:5px; border: 5px solid #ccc; border-radius: 10px; }
.popover-arrow{ display: none !important; }
/*** /POPOVER ***/


@media screen and (-webkit-min-device-pixel-ratio:0) { /* Chrome */
}

@media all and (-ms-high-contrast:none){ /* IE 11 */
     *::-ms-backdrop, .label_name{ }
}

@supports (display:-ms-grid) { /* Edge */
}