@import url('/css/fontawesome-all.css');
@import url('/css/font-awesome.min.css');
@import url('/css/fontawesome.min.css');
@import url('/css/SeoJump.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&family=Noto+Sans+TC:wght@100;300;400;500;700;900&family=Noto+Sans:wght@400;700&family=Noto+Serif+SC:wght@200;300;400;500;600&family=Noto+Serif+TC:wght@200;300;400;500;600&family=Noto+Serif:wght@400;700&family=Frank+Ruhl+Libre:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('/css/animate.css');
.wow {animation: fadeIn 1.5s both;-webkit-animation: fadeIn 1.5s both;animation-duration: 1s;-webkit-animation-duration: 1s;	}


* { margin: 0; padding: 0; }
*:focus { outline: none; }

body {margin: 0;background: #fdfeff;}
body ::selection { background: rgba(var(--black-rgb), .1); text-shadow: none; color: var(--info); }
body::-webkit-scrollbar { width: 5px; }
body::-webkit-scrollbar-track { background: rgba(var(--info-rgb), .3); }
body::-webkit-scrollbar-thumb { background: var(--primary); }

header, footer, div, nav, article, h2, h3, h4, h5, h6, hr, p, form, label, input, textarea, ul, li, img, svg, span, font, strong, b, a, i {text-align: left;vertical-align: middle;word-wrap: break-word;word-break: inherit;line-height: 170%;border-width: 0;font-family: var(--font-family), sans-serif;font-size: 17px;color: var(--black);transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;}

ul , ol { list-style: none; }

fieldset { border: 0; }

input , button , select , textarea {padding: 10px 15px;width: calc(100% - 30px);border: 0;border-bottom: 1px var(--primary) solid;background: none;box-shadow: none;outline: none;font-size: 16px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select {padding: 15px 15px;width: 100%;color: var(--info);background: url(/images/39/arrow.png) no-repeat scroll 98% center;background-repeat: no-repeat;background-position: 97% 50%;}

/* img */
img { max-width: 100%; }
.img_cover { width: 100%; object-fit: cover; }
.img_contain { width: 100%; object-fit: contain; }

a , a:link , a:visited , a:hover {text-decoration: none;white-space: pre-wrap;vertical-align: text-top;}

/* general class set */
.txt_clamp { overflow: hidden; height: 27px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.d_inblock.txt_clamp { display: -webkit-inline-box; }
.atag_item { width: 100%; height: 100%; top: 0; left: 0; }
.nowrap_box { font-size: 0; }
.webBox *,.webBox:before,.webBox:after{transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;}

/* btn */
.btn , .btn_outline {padding: 2px 10px;background-color: transparent;border: 1px solid transparent;border-radius: 2px;color: var(--info);}

/* badge  */
.badge { padding: 2px 10px; box-shadow: none; }
.badge_lighten { padding: 0 4px; min-width: 22px; border-radius: 3px; font-weight: 400; text-align: center; font-size: 12px; vertical-align: text-bottom; }

/* photo,bgBox */
a.photo , .bgBox { overflow: hidden; background: no-repeat 50% / cover; display: block; }

/* fancybox */
[class^="fancybox-"] , [class^="fancybox-"] * , .slick-track , .fa , .fas , .fa:before , .fas:before , .fa:after , .fas:after , .trans_none_box { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
 [class^="fancybox-"] *{
    color: #fff;
}
/* webBox */
.webBox { overflow: hidden; position: relative; width: 100%; }
.webBox .pageh1 { position: absolute; top: 0; z-index: 1; }
.webBox .wrapper {position: relative;background: #fdfeff;background-image: url(/images/39/img-bg.png);background-position: top;background-repeat: repeat;z-index: 2;}

.webBox .slick-slider { margin-bottom: 0; }
.webBox .wrapper_lines {width: 100vw;height: 100vh;top: 0;left: 0;z-index: -1;display: none;}
.webBox .wrapper_lines .center_box { height: 100vh; border: rgba(var(--info-rgb), .1) solid; border-width: 0 1px; }

/* .slick-dots */
.webBox .slick-dots { position: relative; margin-top: 45px; bottom: 0; }

.webBox .slick-dots li {width: 10px;height: 10px;display: inline-flex;flex-direction: column;align-items: center;margin-bottom: 20px;}
.webBox .slick-dots li:before {margin: auto;display: block;border: 1px #d1d1d1 solid;content: "";-webkit-border-radius: 0;}
.webBox .slick-dots li.slick-active:before {border-color: #0068b7;background-color: #0068b7;}

/* workframe */
.workframe {margin: 0 auto;width: 90%;}

/* header */
header {z-index: 999;position: fixed;top: 0;width: calc(100% - 140px);padding: 0px 0px 0 140px;line-height: 30px;align-items: center;justify-content: space-between;transition: 0.6s;display: flex;}
header .wrap{display:flex;padding-right: 30px;width: calc(100% - 50px);justify-content:space-between;align-items: center;}
header #cis{z-index:5;}
header #cis .img_contain{width: 290px;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
header #webmenu{display:flex;flex-direction: column-reverse;align-items: flex-end;justify-content: center;}
header #webmenu .fixedQuickLink{display: none;}
header #menubtn {width: 70px;height: 70px;top: 0;right: 5px;z-index: 1000;}
header #menubtn a { margin: auto; width: 30px; height: 25px; }
header #menubtn a span {position: absolute;width: 100%;height: 2px;background: var(--black);display: block;top: 0;right: 0;}
header #menubtn[data-type="1"] a span { transition: transform .4s cubic-bezier(.215,.61,.355,1),opacity .4s cubic-bezier(.215,.61,.355,1), -webkit-transform .4s cubic-bezier(.215,.61,.355,1); }
header #menubtn[data-type="1"] a span:nth-child(2) { top: calc(50% - .5px); }
header #menubtn[data-type="1"] a span:nth-child(3) { top: calc(100% - 1px); }
header #menubtn[data-type="2"] a span { transition: .4s cubic-bezier(.645,.045,.355,1); }
header #menubtn[data-type="2"] a span:nth-child(1) , header #menubtn[data-type="2"] a span:nth-child(3) { top: 50%; }
header #menubtn[data-type="2"] a span:nth-child(2) { opacity: 0; }
header #webmenu .top_btn a {width: 70px;height: 20px;border-radius: 30px;padding: 0px 0px;display: flex;align-items: center;justify-content: center;}
header #webmenu .top_btn a svg {width: 16px;height: 16px;fill: #373737;}
header #webmenu .top_btn a span{text-align:center;font-size:14px}
header #webmenu nav >ul >li >p a {padding: 20px 14px;color:#1b1b1b;letter-spacing:0.1px;font-weight: 500;position:relative;font-size: 17px;}
header #webmenu nav ul li b {right: 0;position: absolute;padding-left: calc(100% - 60px);padding-top: 13px;width: 52px;height: 52px;display: inline-block;text-align: center;line-height: 41px;top: calc((100% - 60px) / 2);left: 0;cursor: pointer;}
header #webmenu nav >ul >li .subOption li >div a {padding: 10px 45px 2px 10px;display: block;}
header {}
header.scroll {background: var(--white);top: 0px;}
header .contactBtn{display:flex;justify-content:space-evenly}
header .contactBtn a{width:auto;margin:0;text-align:center;font-weight:400;letter-spacing:0.2px;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;position:relative;padding: 0 5px 0 0;}
header .contactBtn a svg {width: 25px;height: 20px;fill: #004e8a;}
header .contactBtn a.icon-y svg{height: 20px;}
header #webmenu2{display:flex;align-items:center;padding-top: 6px;}
header #webmenu2 #topicon{display:flex;align-items:center;justify-content:space-between;}
header #webmenu2 #topicon .loginBox,header #webmenu2 #topicon .langBox{padding: 0px 5px;}
header #webmenu2 #topicon .langBox{display:flex;align-items:center;position: relative;justify-content: center;align-content: center;}
header #webmenu2 #topicon .langBox:nth-child(2) ::after,header #webmenu2 #topicon .langBox:nth-child(3) ::after{content:"";position:absolute;left: 0px;top:50%;margin-top:-9px;width:1px;height:18px;opacity:0.3;background-color: #939393;}
header #webmenu2 #topicon a{display:flex;align-items:center;color: #1f1f1f;}
header #webmenu2 #topicon a svg,header #webmenu2 #topicon  svg{width:22px;height:22px;fill: #292929;margin-right: 6px;}
header #webmenu2 #topicon span{color: #000;text-transform:uppercase;font-weight: 500;font-size: 15px;}
header.scroll #webmenu2 #topicon a span,header.scroll #webmenu2 #topicon a{color:#2c2c2c}
header.scroll #webmenu2 #topicon a svg,header.scroll #webmenu2 #topicon svg{fill:#2c2c2c}
header .ionsBox{display:flex;height: 95px;width: 95px;overflow: hidden;flex-direction: column;justify-content: center;align-items: center;background-color: #7f1418;}
header .admissionsBox,header .newbornBox{background-color: #e1e1e1;padding: 24px 14px;width: 85px;text-align:center;display:flex;flex-direction:column;align-items:center}
header .newbornBox{background-color: #e1e1e1;}
header .admissionsBox span,header .newbornBox span{display:inline-block;vertical-align:middle;letter-spacing:1.5px;font-size:15px;font-weight:500;color:#525252}
header .ionsBox svg,header .ionsBox svg{display:inline-block;vertical-align:middle;fill: #ffffff;width: 30px;height: 30px;}
header .fixedQuickLink svg{fill:#ffffff;display: none;}

/* top_search */
#top_search {width: 100%;height: 100%;background: rgba(var(--black-rgb), .2);z-index: 999;}
#top_search form {margin: auto;padding: 60px 50px;width: 500px;box-shadow: 0 0 10px rgba(var(--black-rgb), .2);background: #ffffff;}
#top_search form p{background:#f7f7f7}
#top_search #close_search{padding:10px 15px 15px;top:0;right:0}
#top_search #close_search font { margin: 5px auto; width: 30px; height: 30px; }
#top_search #close_search font:before , #top_search #close_search font:after { position: absolute; width: 100%; height: 1px; background: var(--info); display: block; content: ""; top: calc((100% - 1px) / 2); left: 0; }
#top_search #close_search font:after { width: 1px; height: 100%; top: 0; left:  calc((100% - 1px) / 2); }
#top_search h3 {margin-bottom: 40px;font-weight: 300;font-size: 28px;color: #000000;}
#top_search p >input { padding: 5px 45px 5px 15px; width: calc(100% - 60px); background: none; border: 0; }
#top_search p >a { top: 4px; right: 10px; }
#top_search p >a svg { width: 25px; height: 25px; }

/* menubg */
#menubg { width: 100vw; height: 100vh; top: 0; left: 0; }
#menubg[data-type="1"] {background: rgba(var(--black-rgb), 0);z-index: -998;}
#menubg[data-type="2"] {background: rgba(var(--black-rgb), .5);z-index: 900;}

/* other_area */
#other_area { z-index: 5; }
#other_area .bg_fix { background: no-repeat 50% / cover; background-attachment: fixed; }
#other_area .bg_fix:before { position: absolute; width: 100%; height: 100%; background: var(--secondary); display: block; top: 0; left: 0; opacity: .8; content: ""; }
#other_area #youtube_box { padding: 5vw 0 0; width: calc(100% - 430px); }
#other_area #playYoutu { background: rgba(var(--primary-rgb), .6); display: block; text-align: center; line-height: 97px; }
#other_area #playYoutu i { font-size: 37px; color: var(--white); }
#other_area #custom_box { margin: 30px 0 0 30px; width: 400px; bottom: -60px; }
#other_area #custom_box >ul { padding: 30px 50px; }
#other_area #custom_box >ul h3 { margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px rgba(var(--white-rgb), .2) solid; letter-spacing: 5px; font-weight: 400; font-size: 22px; }
#other_area #custom_box >ul article { letter-spacing: 2px; line-height: 210%; font-weight: 100; font-size: 15px; }
#other_area #picture_list { width: calc(100% - 430px); }
#other_area #picture_list img { margin: 15px; }

/* footer */
footer{padding-top:40px;padding-bottom:20px;z-index:5;background-color:#313131}
footer:before{content:'';background-image:url(/images/39/img-f-bg.png);background-size:cover;width:50%;height: 520px;position:absolute;top: -80px;left:0;z-index:-1}
footer #flogo{text-align:center}
footer .workframe{display:flex;align-items:flex-start;flex-direction:column}
footer #f_other .workframe{display:flex;flex-direction:column;justify-content:center;align-items:center}
footer #f_other .downLogo{width:100%;margin:auto;text-align:center;display:none}
footer #f_other .footerInfo{padding:40px 0 10px;color:#898989;text-align:center;font-size:13px}
footer *{font-weight:300;font-size:14px;color:#ffffff}
footer #f_top{padding:0px 0 0px 0;align-items:flex-start;width:50%;flex-direction:column;display:flex;align-content:flex-start;justify-content:center}
footer #f_left{width:45%;padding:0 0 0 50px}
footer #f_nav{width:90%;margin-bottom:60px;margin-top:0px}
footer #f_nav a.row{width:calc((100% / 4) - 10px);font-size:14px;padding:5px 0px}
footer #f_nav a{margin:0px 0px;padding:0px 7px;font-size:16px;font-weight:400}
footer #f_nav a:last-child{border-right:0px solid #515151}
footer #f_contact{display:flex;flex-direction:column;align-items:flex-start;width:50%;padding-right:20px}
footer #contactBox{display:flex;padding-bottom:20px}
footer #f_contact p{margin-bottom:10px;display:flex;align-items:center}
footer #f_contact p font{line-height:140%}
footer #f_contact p font svg{width:15px;height:15px;fill:#5c5c5c;margin-right:5px}
footer #f_contact p font.Txt,footer #f_contact p font.Txt a{color:#fff;font-weight:500}
footer #f_contact p font.txt_info_5{margin-right:10px;background-color:#00417d;padding:14px 12px;border-radius:50%}
footer #f_contact p font.txt_info_5 svg{width:25px;height:20px;fill:#ffffff}
footer #f_other{margin-top:10px;padding:0px 15px 30px;border-width:1px 0;display:flex;width:calc(100% - 30px)}
footer #more_extra{padding:5px;width:190px;z-index:2}
footer #extra ul{width:200px;bottom:0;left:0;z-index:1}
footer #extra ul li{padding:5px 15px}
footer #extra ul li font{display:block;line-height:140%}
footer #extra ul li font:first-child{color:var(--primary)}
footer #extra ul li img{position:absolute;max-width:150px;top:100%;left:15px;z-index:8;max-height:150px;display:none}
footer #copyright,footer #web_footer,footer #web_footer a{color:#656565;font-size:13px;font-weight:400}
footer .tit{margin-bottom:10px;padding-bottom:10px}
footer .tit b{color:var(--white);font-weight:500;font-size:19px;padding-bottom:20px}
footer .copyright{padding:20px 15px 0px}
footer #copyright,footer #web_footer{margin:0 10px 0 0}
	footer .workframe{width: var(--width-xxl);}

#community{width:210px}
#community .social{display:flex;justify-content:space-between}
#community .social li{position:relative;width:calc(100% / 4);display:flex;justify-content:center}
#community .social li a{padding:10px;border:1px solid rgb(255 255 255 / 60%);border-radius:50%;width:20px;height:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}
#community .social li svg{fill:#ffffff;width:16px;height:16px}

/* webSeo */
#webSeo {padding: 10px 0;white-space: nowrap;box-sizing: border-box;display: none;}
#webSeo .seo { padding-left: 100%;  font-weight: 100; font-size: 13px; color: var(--info); }

/* gotop */
#gotop {right: 12px;bottom: 20px;z-index: 2000;}
#gotop a {border: 1px var(--white) solid;background-color: var(--primary);}
#gotop a:before {position: absolute;width: 30%;height: 30%;border: solid var(--white);border-width: 1px 0 0 1px;display: block;top: calc((100% - 7px) / 2);left: calc((100% - 15px) / 2);content: "";}

@-webkit-keyframes marquee { 0% { -webkit-transform: translate(0, 0); } 100% { -webkit-transform: translate(-100%, 0); } }
@keyframes marquee { 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0); } }


@media (max-width:1560px){
}

@media screen and (min-width: 1441px){
	.workframe {width: var(--width-xxl);}
}
@media screen and (max-width: 1440px){
	header .admissionsBox,header .newbornBox{width:65px;padding:10px 10px}
	header .admissionsBox span,header .newbornBox span{font-size:13px;letter-spacing:0}
	.workframe{width:90%}
	header .ionsBox{z-index:1000}
	header #webmenu nav >ul >li >p a{padding: 11px 10px;color:#1b1b1b;letter-spacing:0.1px;font-weight: 500;position:relative;font-size: 15px;}
	footer .workframe{width: 90%;}
	footer:before{
    height: 440px;
    top: -30px;
}
}
@media screen and (min-width: 1281px){
	header .admissionsBox:hover{background-color:#f6f6f6}
	header .newbornBox:hover{background-color:#e4e4e4}
	header .admissionsBox:hover span,header .newbornBox:hover span{color:#333333}
	header .admissionsBox:hover svg{fill:#3e3e3e}
	header .newbornBox:hover svg{fill:#004e8a}
	.webBox .slick-dots li:hover:before{border-color:var(--primary)}
	header #webmenu .top_btn >div{margin:0 0vh 0 auto}
	header #webmenu nav ul li b{display:none}
	header #webmenu nav ul li{position:relative}
	header #webmenu nav ul li:hover{overflow:visible}
	header #webmenu nav >ul >li:hover >p a{color:#7f1418}
	header #webmenu nav >ul >li:hover >p a:before{width:20px}
	header #webmenu nav >ul >li >p a:before{content:"";position:absolute;left:50%;bottom:10px;width:0;height:1px;background:#7f1418;margin-left:-10px;transition:all 0.3s ease}
	header #webmenu nav >ul >li p a:after{content:'';width:1px;height:12px;display:block;border-right:1px dashed #aaaaaa;position:absolute;right:0px;top:calc(50% - 5.5px)}
	header #webmenu nav ul.subOption li:before,header #webmenu nav ul.subOption li:hover:before,header #webmenu nav ul.subOption >li p a:after{display:none}
	header #webmenu nav ul.subOption li:hover a{background-color:#7f1418;color:#fff}
	header #webmenu nav >ul >li:last-child p a:after{display:none}
	header #webmenu nav ul li:hover:before{right:auto;left:-1px;height:280%}
	header #webmenu li .menu_body,header #webmenu li .menu_body .subOption li ul{width:170px;left:calc(50% - 85px);z-index:1;opacity:0;-webkit-transition:all 0.2s ease-in-out}
	header #webmenu li .menu_body ul{background:rgba(var(--black-rgb),.85);text-align:center;background-color:rgba(255,255,255,0.9)}
	header #webmenu li .menu_body .subOption li ul{position:absolute;top:0;right:70px}
	.webBox header #webmenu li .menu_body .subOption li ul{transform:translate(130px,0);-webkit-transform:translate(130px,0);-moz-transform:translate(130px,0);-ms-transform:translate(130px,0);-o-transform:translate(130px,0)}
	.webBox header #webmenu li .menu_body .subOption li:hover > ul{transform:translate(170px,0);-webkit-transform:translate(170px,0);-moz-transform:translate(170px,0);-ms-transform:translate(170px,0);-o-transform:translate(170px,0)}
	header #webmenu li .menu_body .subOption li >div a{padding:9px 10px;display:block;border-top:1px solid rgb(184 184 184 / 30%);font-size:15px;font-size:16px}
	header #webmenu li:hover .menu_body,header #webmenu li .menu_body .subOption li:hover >ul{z-index:10;opacity:1}
	footer #extra ul li:hover img{display:block}
	.webBox .wrapper:before{position:absolute;width: 91px;height:26%;background:#7f1418;top:0;right:0;z-index:30;content:""}
}
@media screen and (max-width: 1280px){
	header{background-color:#fff}
	header #cis{z-index:1000}
	header #cis .img_contain{width:240px}
	header #webmenu{padding:0 0 15px 0;width:100%;height:calc(100vh - 0px);background-color:#ededed;shadow:0 10px 10px rgba(var(--black-rgb),.5);right:calc(-1 * var(--width-xl));z-index:999;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;margin:0 0 0 50px;top:70px;width:100%;overflow-y:auto}
	header:before{position:absolute;width:100%;display:block;top:0;left:0;z-index:280;-webkit-transition:all .9s ease;-o-transition:all .9s ease;transition:all .9s ease;content:"";background:#fff;transform:translate(0,0%) !important}
	header .wrap{height:70px;width:calc(100% - 0px);padding-right:0}
	header #webmenu2{width:190px;height:0;top:0;right:0;z-index:1000;position:relative;display:none}
	header #webmenu .top_btn{margin:0 0px;width:100%}
	header #webmenu .top_btn a{margin:0 5px}
	header #webmenu nav{overflow-y:scroll;height:calc(100% - 0px);padding:30px 30px 170px;width:calc(100% - 60px)}
	header #webmenu nav::-webkit-scrollbar{width:0}
	header #webmenu nav >ul >li{margin-left:0px;padding:7px 0}
	header #webmenu nav >ul >li >p a{color:var(--black);position:relative;display:block;text-align:center;font-size:18px;font-weight:700;letter-spacing:1px;padding:13.5px 60px;border:1px solid #e4e4e4;background-color:#fff}
	header #webmenu nav ul li b i{display:inline-block;width:35px;height:35px;border-radius:50%;background-color:#ececec;display:flex;flex-direction:column;align-items:center;justify-content:center}
	header #webmenu li .menu_body,header #webmenu li .menu_body .subOption li ul{position:relative;display:none;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
	header #webmenu li .menu_body ul{margin:0;background-color:#fff}
	header #webmenu nav >ul >li .subOption li >div a{display:block;text-align:center;font-size:17px;font-weight:400;letter-spacing:1px;padding:10px 15px;border-bottom:1px solid #71717129}
	header #webmenu li .menu_body .subOption .bo{position:relative}
	header #webmenu li .menu_body .sub2Option a{font-weight:400;color:#767676}
	header #webmenu li .menu_body .sub3Option a{color:var(--complement)}
	header.scroll #webmenu{height:calc(100vh - 90px)}
	header #webmenu2 #topicon{padding-right:0px}
	header #webmenu2 #topicon a svg{fill:#434343}
	header #webmenu2 #topicon a span{color:#434343}
	header .ionsBox{display:none}
	header #webmenu .fixedQuickLink{display:flex;padding:30px 0px 0;width:calc(100% - 0px)}
	header .fixedQuickLink .admissionsBox,header .fixedQuickLink .newbornBox{width:calc(100% /2)}
	header .fixedQuickLink a:nth-child(2){background-color:#ffffff}
	header .fixedQuickLink a:nth-child(4){background-color:#a72126}
	header .fixedQuickLink a:nth-child(4) span{color:#ffffff}
	footer #f_nav{width:100%;flex-direction:row;margin-bottom:20px}
	footer .workframe{display:flex;flex-direction:column}
	footer #f_top{display:flex;flex-direction:column;align-items:flex-start}
	header{width:calc(100% - 20px);padding:0px 0px 0 20px}
	}@media screen and (max-width:1140px){#f_info{margin-bottom:50px}
	footer:before{height:180px;top:-30px;width:80%}
	footer #f_contact{margin-top:15px}
	footer #f_other{display:flex;flex-direction:column;padding:0px 15px 0px}
	footer #f_top,footer #f_left{width:auto;padding:0 0 0px}
}
@media screen and (max-width: 768px){
	#other_area #custom_box{bottom:0}
	#other_area #picture_list{width:100%}
	header #menubtn{width:60px;height:60px;right:5px;top:5px}
	header #cis{padding:0 0 0 10px}
	header #cis .img_contain{width:200px}
	footer #extra{margin-top:10px}
	.webBox .wrapper_lines .center_box >div{border-width:0 0 0 1px}
	header #webmenu2 #topicon .langBox:nth-child(2)::after,header .contactBtn,header #webmenu2 #topicon a span{display:none}
	header #webmenu2{width:100px}
	footer #f_contact{width:100%}
	footer #contactBox{display:flex;flex-direction:column;align-items:flex-start}
}
@media screen and (max-width: 640px){
	#picture_box .workframe{width:100%}
	footer #f_nav a{line-height:170%;margin-bottom:0px}
	footer #f_nav{margin:0 0 0px;padding:10px 0px 10px}
	footer #f_other{margin-top:0px;padding:10px 20px;width:calc(100% - 40px)}
	footer #f_other .workframe{display:flex;flex-direction:column;align-items:center}
	footer{padding-top:40px}
	header #webmenu2 #topicon .loginBox,header #webmenu2 #topicon .langBox{padding:0px 4px 0px 4px}
	footer #f_nav a.row{width:calc((100% / 2) - 10px)}
	footer #f_contact p{width:calc((100% / 1 ) - 40px)}
	footer:before{display:none}
}

@media screen and (max-width: 550px){
	header #webmenu,#other_area #youtube_box{width:100%}
	#top_search form{padding:10vw 5vw;width:80vw}
	#top_search #close_search{padding:10px 15px;border:0}
	#other_area #custom_box{margin:30px auto;width:100%}
	#other_area #custom_box >ul{padding:7vw}
	header{width:calc(100% - 20px);padding:0 10px}
	header #webmenu2{width:70px}
	header #webmenu2 #topicon a svg,header #webmenu2 #topicon svg{width:24px;height:24px}
	header .admissionsBox,header .newbornBox{padding:10px 0px;width:60px}
	#community{padding: 10px 0;width: 220px;}
	#f_info{margin-bottom: 20px;}
	footer #f_contact p font:first-child{margin-right:10px}
	footer #flogo{width: 280px;margin-bottom: 0;}
}