@charset "utf-8";

body { font-family: 'Songti TC','hiragino',Arial,Helvetica, sans-serif; font-size:16px; background: #f4f4f4; color:#252525; line-height: 28px; }
@media(min-width: 768px) {
body { font-size: 18px; }
}

header { position: fixed; top: 0; z-index:99999; background-color:rgba(236, 236, 236, 1); width:100%; height: 55px; }
@media(min-width: 1200px) {
header { position: fixed; top: 0; z-index:99999; background-color:rgba(236, 236, 236, 1); width:100%; height: 80px; }
}

.mx-auto { display: block; }

.ward { max-width: 1310px; margin:0 auto; padding:0 15px; }
@media(min-width: 992px) {
.ward { padding: 0 30px; }
}

.title-box { text-align: center; margin-bottom: 30px;  }
.title-box img {  border-bottom: 6px solid #fdba2d; padding: 20px 35px; background-color: #292929; }

#preloader {
    position:fixed;
    left:0;
    top:0;
    z-index:99999999999;
    width:100%;
    height:100%;
    background: #fff url('../images/preloader1.gif') no-repeat center center;
}

a{text-decoration: none;color:#ef8918;}
a:hover,a:focus {text-decoration: none !important;}
a,input,button {outline: none!important;}
.blue {color:#3b64a3!important;}
.editor {overflow: hidden;}
.editor p{margin-bottom: 5px; }
.editor img {display: inline-block;max-width: 100%!important;height: auto!important;}
.editor iframe {max-width: 100%;max-height: 300px;}
.editor table {max-width: 100%!important;}
@media(max-width:768px) {
.editor p{font-size: 16px!important; }
.editor span{font-size: 16px!important; }
.school-team-text span{font-size: 16px!important; }
.modal-slideshow-text span {font-size: 16px!important; }
.student-study-box-1-right-box-text span {font-size: 16px!important; }
.student-study-box-2-right-box-text span {font-size: 16px!important; }
.student-idea-top-text span {font-size: 16px!important; }
.mind-list-style-1-right-box-text span {font-size: 16px!important; }
.mind-list-style-2-right-box-text span {font-size: 16px!important; }
}
.social-text ul{list-style:none;padding-left: 0px;}
.modal-slideshow-text table {max-width: 100%!important;}
.modal-slideshow-text iframe {max-width: 100%;max-height: 300px;}
@media(min-width:768px) {
  .editor p{margin-bottom: 5px;line-height: 36px;}
  .modal-slideshow-text iframe {max-width: 100%;max-height: 700px;}
  .editor iframe {max-width: 100%;max-height: 700px;}

}
.modal-slideshow-text img {display: inline-block;max-width: 100%!important;height: auto!important;}
.logo { height: auto;  }

.box-logo { float:left; margin: 8px 0; }
@media(min-width:992px) {
.box-logo { margin: 5px 0; }
}
@media(min-width: 1200px) {
.box-logo { margin: 8px 0; }
}

.header-right {float:right;min-height: 20px; }



.box-logo {width: 70%;}
.header-right {width: 30%;} 
.box-logo img { height: auto; }
@media(min-width: 321px) {
.box-logo {width: 65%;}
.header-right {width: 35%;} 
.box-logo img { height: 40px; }
}
@media(min-width: 414px) {
 .box-logo {width: 60%;}
 .header-right {width: 40%;}  
 .box-logo img { height: 40px; }
}
@media(min-width: 992px) {
 .box-logo {width: 25%;}
 .header-right {width: 75%;} 
 .box-logo img { height: 47px; } 
}
@media(min-width: 1200px) {
  .box-logo {width: 30%;}
  .header-right {width: 70%;}  
  .box-logo img { height: 65px; }
}


/*nav*/

.box-menu {float: right;}

.box-menu li {position: relative;}
.box-menu > ul > li { padding: 5px 10px 0px 10px; padding-bottom: 20px; margin-left: 2px; }
@media(min-width: 1200px) {
.box-menu > ul > li { padding: 20px 10px 0px 10px; padding-bottom: 30px; }
}
.box-menu > ul > li:first-child {background: none;}
.box-menu > ul > li a {color:#000;display: block;font-size:16px;padding:0 5px; font-weight: bold;}
.box-menu > ul > li > a {padding:5px 5px 5px 6px;}
.box-menu > ul > li.dropdown:after {
  /* border: 8px solid transparent;
  border-top: 8px solid #c7c7c7; */
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0;
  content: '';
  left:50%;
  margin-left:-4px;
}
.box-menu > ul > li:last-child > a {padding-right: 0;}
.box-menu > ul > li {text-align:center;float:left;position: relative;/* transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s; */}
.box-menu > ul > li.active > a, .box-menu > ul > li.selected > a, .box-menu > ul > li:hover > a {color:#fff; font-weight: bold; }
.box-menu > ul > li > a { border-top:2px solid rgba(0,0,0,0);}
.box-menu > ul > li.active { background: linear-gradient(-45deg,transparent 7px,#327fef 0); position: relative;}
.box-menu > ul > li.active:before { content:"";
    position: absolute;
    right:0;
    bottom:0;
    display: block;
    border: 5px solid;
    border-color:#1c61c4 transparent transparent #1c61c4; }
.box-menu > ul > li.active:after{
    content:"";
    position: absolute;
    right:0;
    bottom:0;
    display: block;
    border: 5px solid;
    border-color:transparent rgba(0,0,0,0) rgba(0,0,0,0) transparent ;
}

.box-menu > ul > li:hover { background: linear-gradient(-45deg,transparent 7px,#327fef 0); }
.box-menu > ul > li:hover:before { content:"";
    position: absolute;
    right:0;
    bottom:0;
    display: block;
    border: 5px solid;
    border-color:#1c61c4 transparent transparent #1c61c4; }
.box-menu > ul > li:hover:after{
    content:"";
    position: absolute;
    right:0;
    bottom:0;
    display: block;
    border: 5px solid;
    border-color:transparent rgba(0,0,0,0) rgba(0,0,0,0) transparent ;
}

.box-menu > ul > li > ul {position: absolute;top:85%;left:0;padding-top:9px;/* display:none; */z-index: 99999;
     opacity: 0;
     pointer-events: none;
filter: alpha(opacity=0); 
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out; 
}
.box-menu > ul > li ul li {background-color:#fff;text-align: left;padding:5px;}
.box-menu > ul > li ul li a {min-width: 140px;white-space:nowrap;padding:8px 4px;color:#000;}
.box-menu > ul > li ul li:last-child a {border-bottom: none;}
.box-menu > ul > li ul li a:hover , .box-menu > ul > li ul li a.active{color:#ff0000;background-color: #f2f2f2;}
.box-menu > ul > li.selected > ul {/* display: block; */
        opacity: 1;
        filter: alpha(opacity=100);
        pointer-events: auto;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transform: translateY(0px);
}



/* mobile menu */
.st-menu {background-color:#1e76f1!important;}


.mobile-menu-btn {float:right; margin-top: 13px;}

.st-menu ul li a { color:#fff !important; }

.menu-mobile {font-family:'LatoWebLight', Arial,Helvetica, sans-serif;}
.menu-mobile .menu-mobile-title {height: 36px;position: relative;}
.menu-mobile .button-close-menu{position: absolute;right:8px;top:8px;color:#fff;cursor: pointer;}
.menu-mobile .button-close-menu:hover {color:#fff;}
.menu-mobile .button-close-menu i {font-size: 20px;}
.menu-mobile .mobile-more {display: inline-block;width: 18px;height: 18px;position: absolute;top:12px;right:8px;font-size: 18px;color:#fff;cursor: pointer;text-align: center;
  -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out; 
}
.menu-mobile ul li.mobile-sub-open > .mobile-more {transform:rotate(180deg);}
.menu-mobile .mobile-more i{font-size: 18px;}
.menu-mobile .menu-mobile-content > li .dropdown-menu {position: static;}
.menu-mobile .mobile-dropdown-menu {margin-left:0!important;padding:0;display: none;}
.menu-mobile .mobile-sub-open > .mobile-dropdown-menu {display: block;}
.menu-mobile .mobile-dropdown-menu a {padding-left: 30px;text-decoration: none;}
.menu-mobile .mobile-dropdown-menu ul a{padding-left:50px;}
.menu-mobile .mobile-dropdown-menu ul ul a{padding-left:70px;}
.menu-mobile a:link, .menu-mobile a:visited, .menu-mobile a:hover, .menu-mobile a:active {text-decoration: none;}
.menu-mobile ul li li, .menu-mobile .see-all, .menu-mobile ul ul ul ul > li {background: #438e71;}
.menu-mobile ul li:hover, .menu-mobile ul li.mobile-sub-open {
  background: rgba(0,0,0,0.1);
  box-shadow: inset 0 -1px rgba(0,0,0,0);
  color: #fff;
} 
/* .menu-mobile ul li li:hover,.menu-mobile ul li li:visited,.menu-mobile ul li li:active, .menu-mobile .see-all:hover {
  background: #6c9045;
  box-shadow: inset 0 -1px rgba(0,0,0,0);
  color: #fff;
}  */
.menu-mobile ul ul ul > li {
  background: #6c9045;
}


.btn-ud {
  color: #fff!important;
  background-color: #1e76f1;
  padding:5px 20px;
  border-radius: 0;
}
.btn-ud:focus,
.btn-ud.focus {
  color: #fff;
  background-color: #fdba2d;}
.btn-ud:hover {
  color: #fff;
  background-color: #fdba2d;
}
.btn-ud:active,
.btn-ud.active,
.open > .dropdown-toggle.btn-ud {
  color: #fff;
  background-color: #fdba2d;
}
.btn-ud:active:hover,
.btn-ud.active:hover,
.open > .dropdown-toggle.btn-ud:hover,
.btn-ud:active:focus,
.btn-ud.active:focus,
.open > .dropdown-toggle.btn-ud:focus,
.btn-ud:active.focus,
.btn-ud.active.focus,
.open > .dropdown-toggle.btn-ud.focus {
  color: #fff;
  background-color: #fdba2d;
}
.btn-ud:active,
.btn-ud.active,
.open > .dropdown-toggle.btn-ud {
  background-image: none;
}
.btn-ud.disabled,
.btn-ud[disabled],
fieldset[disabled] .btn-ud,
.btn-ud.disabled:hover,
.btn-ud[disabled]:hover,
fieldset[disabled] .btn-ud:hover,
.btn-ud.disabled:focus,
.btn-ud[disabled]:focus,
fieldset[disabled] .btn-ud:focus,
.btn-ud.disabled.focus,
.btn-ud[disabled].focus,
fieldset[disabled] .btn-ud.focus,
.btn-ud.disabled:active,
.btn-ud[disabled]:active,
fieldset[disabled] .btn-ud:active,
.btn-ud.disabled.active,
.btn-ud[disabled].active,
fieldset[disabled] .btn-ud.active {
  background-color: #d17100;
}

.btn-bar {padding:5.5px 10px!important;}

.title h2 { text-align: center; font-size: 30px;  font-weight: bold; margin-top: 0; margin-bottom: 20px;  }
@media(min-width: 768px) {
.title h2 { font-size: 32px; }
}
@media(min-width: 1024px) {
.title h2 { font-size: 36px; }
}
.title h3 { width: 60px; margin: 0 auto; border-bottom: 4px solid #f7c742; margin-bottom: 30px;}

/*slideshow*/

.slideshowbox { height:500px; }
.slideshowbox .slide-text { width:100%; height:800px; display: table; text-align: right;  font-size:28px;}
.slideshowbox .slide-text p { margin-bottom:10px; }
@media(min-width: 475px) {
.slideshowbox { height:700px; }
.slideshowbox .slide-text { width:100%; height:1100px; display: table; text-align: right; font-size:36px;}
.slideshowbox .slide-text p { margin-bottom:20px; }
}
@media(min-width: 1280px) {
.slideshowbox { height:740px;}
.slideshowbox .slide-text { width:100%; height:1150px; display: table; text-align: right;  font-size:36px; }
.slideshowbox .slide-text p { margin-bottom:20px; }
}
@media(min-width: 1441px) {
.slideshowbox { height:850px;}
.slideshowbox .slide-text { width:100%; height:1350px; display: table; text-align: right;  font-size:46px; }
.slideshowbox .slide-text p { margin-bottom:32px; }
}

.slideshowbox .slide-text .text-box { display: table-cell; vertical-align: middle; height:100px;color:#fff; font-weight:bold; text-shadow:1px 2px 6px #555;}

.slideshowbox  .textward { max-width:1100px; margin:0 auto; padding:0 15px;}
.slideshowbox .slide-text .text-box h3 { width:80px; float:right; border-bottom:6px solid #348ae9; }
@media(min-width: 475px) {
.slideshowbox .slide-text .text-box h3 { width:80px; float:right; border-bottom:10px solid #348ae9; }
}

.slideshow1 { background: url(../images/slideshow-bg.jpg) center no-repeat; background-size:cover; }
.slideshow2 { background: url(../images/slideshow-bg1.jpg) center no-repeat; background-size:cover; }
.slideshow3 { background: url(../images/slideshow-bg2.jpg) center no-repeat; background-size:cover; }


.owl-controls .owl-page span { width: 20px; height: 20px; }
.owl-controls .owl-page.active span { background: rgba(38, 115, 227, 1); }

.owl-controls .owl-page span { background: rgba(255, 255, 255, 1); width: 8px; height: 8px; }
@media(min-width:768px) {
.owl-controls .owl-page span { background: rgba(255, 255, 255, 1); width: 15px; height: 15px; }
}
.owl-controls { margin-top: 0px; }

.event { padding: 60px 0 50px;   background:#fff url(../images/news-bg.jpg) center bottom no-repeat;}
.event .event-box { margin-bottom: 15px; }
@media(min-width:768px) {
.event .event-box { margin-bottom: 30px; }
}
.event .event-box .photo { position: relative; overflow: hidden; border-radius: 10px;  }

.event .event-box .photo .img1 { border-radius: 10px;   transition: all 0.8s; height: 180px; }
.event .event-box .photo .img2 { border-radius: 10px;   transition: all 0.8s; height: 210px; }
@media(min-width:600px) {
.event .event-box .photo .img1 { border-radius: 10px;  transition: all 0.8s; height: 250px; }
.event .event-box .photo .img2 { border-radius: 10px;   transition: all 0.8s; height: 290px; }
}
@media(min-width:991px) {
.event .event-box .photo .img1 { border-radius: 10px;   transition: all 0.8s; height: 398px; }
.event .event-box .photo .img2 { border-radius: 10px;   transition: all 0.8s; height: 432px; }
}
.event .event-box .photo:hover .img1,.event .event-box .photo:hover .img2 { transform: scale(1.1); border-radius: 10px; } 
.event .event-box .photo .eventbg { position: absolute; width: 100%; height: 100%; background: url(../images/event-bg.png) bottom no-repeat; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
.event .event-box .photo .text-box { position: absolute; bottom: 0px;  padding: 15px 15px; color: #fff; font-size: 14px;  width: 100%; }
@media(min-width:768px) {
.event .event-box .photo .text-box { position: absolute; bottom: 0px;  padding: 15px 20px; color: #fff; font-size: 18px;  width: 100%; }
}
.event .event-box .photo .text-box .text { background: url(../images/arrow-icon1.png) right no-repeat; }
.event .button { text-align: center; margin-top: 20px; margin-bottom: 15px; }

.event .button a { padding: 8px 20px;border:1px solid #1e76f1; border-radius: 5px; color: #1e76f1; background-color: #fff; }
@media(max-width:321px) {
.event .xss-box {padding: 0 5px;}
.event .event-box .photo .text-box {  padding: 15px 10px;  font-size: 12px;  }
.event .event-box .photo .img1 {  height: 150px; }
.event .event-box .photo .img2 {  height: 180px; }
.event { padding: 30px 10px; }
}

.news { padding: 60px 0 50px; background-color: #f5fbff;margin-top: -20px; }
.news .button { text-align: center; margin-top: 20px; margin-bottom: 15px; }
.news .button a { padding: 8px 20px;border:1px solid #1e76f1; border-radius: 5px; color: #1e76f1; background-color: #fff; }
.newsbox { padding: 0 10px; margin-bottom: 30px; }
.newsbox h2 { font-size: 20px; margin-top: 15px; color:#252525;}
.newsbox p { color: #464646; font-size: 14px;}
.newsbox .date { color: #989898; font-size: 12px; }
@media(min-width:480px) {
  .newsbox h2 { font-size: 20px; margin-top: 15px; color:#252525;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
}
.footer-top { padding: 40px 0 20px; background-color: #fff; }
.footer-top .logo-b { text-align: center;  }
.footer-top .logo-b img { margin-bottom: 10px; }
.footer-top .f-box { margin-bottom: 30px; }
.footer-top .f-box .line { height: 4px;background-color: #e5e5e5; width: 100%;  }
.footer-top .f-box .line .line2 { width: 80px; height: 4px; background-color: #f7c742; }
.footer-top .f-box h2 { margin-top: 0; font-size: 24px; }
.footer-top .f-box ul { margin-top: 20px; }
.footer-top .f-box ul li { margin-bottom: 10px; }
.footer-top .f-box .d-icon { float: left; margin-right: 15px; text-align: center; margin-bottom: 10px; }
.footer-top .f-box .button { margin-bottom: 30px; }
/*.footer-top .f-box .button a { padding: 8px 20px; border:1px solid #1e76f1; border-radius: 5px; color: #1e76f1; background-color: #fff; }*/


footer { background-color: #1e76f1; padding: 20px 0; font-family: Arial,Helvetica, sans-serif;  }
footer .copyright { color: #fff;  }


.school-plan-bottom-box p{color:#252525;}

/*add by channel*/
/*footer*/
.footer-share .button a { border:1px solid #1e76f1; border-radius: 5px; color: #1e76f1; background-color: #fff; }
.footer-share .button a img { margin-right:15px; margin-top:-2px; }
.footer-share .button a.footer-1 { padding: 8px 36px 8px 20px; }
.footer-share .button a.footer-2 { padding: 8px 20px 8px 20px; }
.footer-share .button a.footer-3 { padding: 8px 42.1px 8px 20px; }
.footer-share .button a.footer-4 { padding: 8px 55px 8px 50px; color: red; border-color: red; }
@media(min-width: 992px){
.footer-share .button a.footer-1 { padding: 8px 31px 8px 20px; }
.footer-share .button a.footer-2 { padding: 8px 13px 8px 20px; }
.footer-share .button a.footer-3 { padding: 8px 37.9px 8px 20px; }
.footer-share .button a.footer-4 { padding: 8px 55.6px 8px 50px; color: red; border-color: red; }
}
@media(min-width: 1100px){
.footer-share .button a.footer-1 { padding: 8px 36px 8px 20px; }
.footer-share .button a.footer-2 { padding: 8px 18px 8px 20px; }
.footer-share .button a.footer-3 { padding: 8px 42.9px 8px 20px; }
.footer-share .button a.footer-4 { padding: 8px 60.6px 8px 50px; color: red; border-color: red; }
}

/*banner*/
.banner { position: relative; height: 200px;display:none; }
@media(min-width: 768px){
.banner { height: 250px; }
}
@media(min-width: 1200px){
.banner { height: 350px; }
}
@media(min-width: 1600px){
.banner { height: 450px; }
}
.banner-1 { background: url(../images/banner1.jpg) center no-repeat; background-size: cover; }
.banner-2 { background: url(../images/banner2.jpg) center no-repeat; background-size: cover; }
.banner-3 { background: url(../images/banner3.jpg) center no-repeat; background-size: cover; }
.banner-4 { background: url(../images/banner4.jpg) center no-repeat; background-size: cover; }
.banner-5 { background: url(../images/banner5.jpg) center no-repeat; background-size: cover; }
.banner-6 { background: url(../images/banner6.jpg) center no-repeat; background-size: cover; }
.banner-7 { background: url(../images/banner7.jpg) center no-repeat; background-size: cover; }
.banner-8 { background: url(../images/banner8.jpg) center no-repeat; background-size: cover; }
.banner-9 { background: url(../images/banner9.jpg) center no-repeat; background-size: cover; }
.banner-10 { background: url(../images/banner10.jpg) center no-repeat; background-size: cover; }
.banner-text { position: absolute; font-size: 24px; font-weight: bold; text-align: right; color: #fff; top: 39%; left: 0; width: 100%; }
@media(min-width: 768px){
.banner-text { font-size: 32px; top: 39%; }
}
@media(min-width: 1200px){
.banner-text { font-size: 36px; top: 42%; }
}
@media(min-width: 1600px){
.banner-text { font-size: 48px; top: 45%; }
}
.banner-text-inner { background-color: rgba(0,0,0,0.3); padding: 20px 15px 20px; width: 140px; float: right; text-shadow: 2px 2px #000; }
@media(min-width: 768px){
.banner-text-inner { padding: 30px 20px 20px; width: 180px;}
}
@media(min-width: 1200px){
.banner-text-inner { padding: 40px 20px 30px; width: 190px; }
}
@media(min-width: 1600px){
.banner-text-inner { padding: 40px 20px 30px; width: 240px; }
}
.banner-line { background-color: #327fef; height: 10px; width: 50px; float: right; margin-top: 0; }
@media(min-width: 768px){
.banner-line { height: 10px; width: 80px; margin-top: 5px; }
}
@media(min-width: 1200px){
.banner-line { height: 10px; width: 80px; margin-top: 15px; }
}
.path {position: fixed;
    top:50px; z-index: 9999;width:100%; color: #252525; font-size: 16px;background-color: #f8f8f8; padding-bottom: 20px; }
@media(min-width: 576px){
.path { padding-bottom: 0; }
}
@media(min-width: 768px){
.path { font-size: 18px; }
}
@media(min-width: 1200px){
.path { font-size: 18px;position: fixed;
    top:80px;  }
}

.path-inner { background-color: #f8f8f8; }
@media(min-width: 576px){
.path-inner { display: flex; justify-content: space-between; }
}
.path-inner .breadcrumb { background-color: #f8f8f8; padding: 15px 0; margin-bottom: 0; }
@media(min-width: 576px){
.path-inner .breadcrumb { padding: 20px 0; }
}
.path-inner .breadcrumb img { margin-right: 10px; margin-top: -5px; }
.path-inner .breadcrumb-item+.breadcrumb-item::before { content: ">"; }
.path a { color: #252525; }
.path a.active { color: #252525; }


/*new-menu*/
.new-menu { background-color: #f8f8f8; display: none; }
@media(min-width: 1100px){
.new-menu { display: inline; }
}
.new-menu ul { display: flex; justify-content: flex-end; margin-bottom: 0; }
.new-menu ul li { padding: 20px; }
.new-menu ul li.active, .new-menu ul li:hover { background-color: #fff; }
.new-menu ul li a { color: #696969; }
.new-menu ul li.active a, .new-menu ul li:hover a { color: #327fef; }
.new-menu-2 { margin-bottom: 15px; background-color: #f8f8f8; margin-bottom: 0; display: inline; }
@media(min-width: 576px){
.new-menu-2 { margin-top: 15px; margin-bottom: 0; }
}
@media(min-width: 1100px){
.new-menu-2 { display: none; }
}
.new-menu-2 .dropdown-toggle { min-width: 160px; }


/*all-item-padding*/
.all-item-padding { padding: 40px 0 45px; }
@media(min-width: 768px){
.all-item-padding { padding: 60px 0; }
}
@media(min-width: 1400px){
.all-item-padding { padding: 90px 0; }
}


/*inner*/
.inner { background: #fff url(../images/inner-bg.png) bottom no-repeat; }
.inner-title { margin-top: 45px; }
.inner-title span { position: relative; padding: 5px 45px; font-size: 24px; color: #fff; font-weight: bold; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
@media(min-width: 768px){
.inner-title span { padding: 5px 45px; font-size: 28px; }
}
@media(min-width: 1600px){
.inner-title span { padding: 5px 45px; font-size: 32px; }
}
.inner-title span {
  background: -moz-linear-gradient(left, #327fef 0%, #6aa8ff 100%);
  background: -webkit-linear-gradient(left, #327fef 0%, #6aa8ff 100%);
  background: -o-linear-gradient(left, #327fef 0%, #6aa8ff 100%);
  background: -ms-linear-gradient(left, #327fef 0%, #6aa8ff 100%);
  background: linear-gradient(to right, #327fef 0%, #6aa8ff 100%);
}
.inner-title-icon { position: absolute; left: 0; top: -8px; }
.inner-title-2 { margin-top: 25px; }
@media(min-width: 768px){
.inner-title-2 { margin-top: 45px; }
}
.inner-title-2 { position: relative; padding: 5px 15px; font-size: 22px; color: #fff; font-weight: bold; border-top-right-radius: 10px; border-bottom-right-radius: 10px; line-height: 28px; }
@media(min-width: 768px){
.inner-title-2 { padding: 5px 45px; font-size: 28px; }
}
.inner-title-2 {
  background: -moz-linear-gradient(left, #327fef 0%, #6aa8ff 100%);
  background: -webkit-linear-gradient(left, #327fef 0%, #6aa8ff 100%);
  background: -o-linear-gradient(left, #327fef 0%, #6aa8ff 100%);
  background: -ms-linear-gradient(left, #327fef 0%, #6aa8ff 100%);
  background: linear-gradient(to right, #327fef 0%, #6aa8ff 100%);
}


/*member*/
.member-table { margin-top: 35px; }
@media(min-width: 768px){
.member-table { margin-top: 45px; }
}
.member-table .table { border-top-left-radius: 15px; border-top-right-radius: 15px; background-color: #fff; }
.member-table .table td { text-align: center; border-top: none; font-size: 18px; border: 3px solid #fff; padding: 15px 10px; }
@media(min-width: 768px){
.member-table .table td { font-size: 22px; width: 32%; padding: 18px 0; }
}
@media(min-width: 1600px){
.member-table .table td { font-size: 24px; width: 32%; padding: 18px 0; }
}
.member-table-style-1 td { color: #fff; background: url(../images/member-table-bg.jpg) center no-repeat; background-size: cover; font-weight: bold; }
.member-table-style-1 td:first-child { border-top-left-radius: 15px; }
.member-table-style-1 td:last-child { border-top-right-radius: 15px; }
.member-table-style-2 td { color: #252525; background-color: #fff5d9; }
.member-table-style-3 td { color: #252525; background-color: #cee3ff; }


/*page*/
.page { }
.page .pagination { justify-content: flex-end; margin-bottom: 0; }
.page .page-link { border: #1e76f1 1px solid; color: #1e76f1; border-radius: 5px; margin-left: 12px;padding: 5px 10px;  }
.page .page-link:first-child { margin-left: 0; }
.page .active  {
    z-index: 1;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
@media(min-width: 768px){
.page .page-link {padding: .5rem .75rem; margin-left: 18px;}
}


/*mind*/
.mind-list { margin-top: 35px; }
@media(min-width: 768px){
.mind-list { margin-top: 55px; }
}
.mind-list-style-1 {  }
.mind-list-style-1-left { float: left; width: 100%; padding-right: 50%; }
.mind-list-style-1-right { float: left; width: 100%; margin-top: 15px; }
@media(min-width: 768px){
.mind-list-style-1-left { width: 25%; padding-right: 45px; }
.mind-list-style-1-right { width: 75%; margin-top: 0; }
}
@media(min-width: 1200px){
.mind-list-style-1-left { width: 19%; padding-right: 45px; }
.mind-list-style-1-right { width: 81%; }
}
.mind-list-style-1-left-box { position: relative; border-radius: 10px; border-bottom: 5px #d1d1d1 solid; background-color: #f6d471; font-size: 20px; padding: 15px 15px; }
@media(min-width: 768px){
.mind-list-style-1-left-box { font-size: 22px; padding: 25px; }
}
@media(min-width: 1200px){
.mind-list-style-1-left-box { font-size: 24px; padding: 25px; }
}
.mind-list-style-1-right-box { border: 5px solid #f6d471; box-shadow: 0 0 10px #ccc; border-radius: 10px; padding: 25px 15px 30px; background-color: #fff; }
@media(min-width: 768px){
.mind-list-style-1-right-box { padding: 35px 25px 40px; }
}
.mind-list-style-1-left-box-icon { position: absolute; top: 20%; right: -30px; }
.mind-list-style-1-right-box-date span { font-size: 18px; background-color: #ffe59a; border-radius: 10px; padding: 10px 15px; border-bottom: 3px #d1d1d1 solid; }
@media(min-width: 768px){
.mind-list-style-1-right-box-date span { font-size: 20px; padding: 10px 25px; }
}
.mind-list-style-1-right-box-text { line-height: 32px; margin-top: 25px; background: url(../images/dou.png) no-repeat; background-position: bottom 0 right 10px; }
.mind-list-style-2 {  }
.mind-list-style-2-left { float: left; width: 100%; padding-left: 50%; }
.mind-list-style-2-right { float: left; width: 100%; margin-top: 15px; }
@media(min-width: 768px){
.mind-list-style-2-left { width: 25%; padding-left: 45px; }
.mind-list-style-2-right { width: 75%; margin-top: 0; }
}
@media(min-width: 1200px){
.mind-list-style-2-left { width: 19%; padding-left: 45px; }
.mind-list-style-2-right { width: 81%; }
}
.mind-list-style-2-left-box { position: relative; border-radius: 10px; border-bottom: 5px #d1d1d1 solid; background-color: #a8cdff; font-size: 20px; padding: 15px 15px; }
@media(min-width: 768px){
.mind-list-style-2-left-box { font-size: 22px; padding: 25px; }
}
@media(min-width: 1200px){
.mind-list-style-2-left-box { font-size: 24px; padding: 25px; }
}
.mind-list-style-2-right-box { border: 5px solid #a8cdff; box-shadow: 0 0 10px #ccc; border-radius: 10px; padding: 25px 15px 30px; background-color: #fff; background-color: #f7faff; }
@media(min-width: 768px){
.mind-list-style-2-right-box { padding: 35px 25px 40px; }
}
.mind-list-style-2-left-box-icon { position: absolute; top: 20%; left: -30px; }
.mind-list-style-2-right-box-date span { font-size: 18px; background-color: #bbd6fb; border-radius: 10px; padding: 10px 15px; border-bottom: 3px #d1d1d1 solid; }
@media(min-width: 768px){
.mind-list-style-2-right-box-date span { font-size: 20px; padding: 10px 25px; }
}
.mind-list-style-2-right-box-text { line-height: 32px; margin-top: 25px; background: url(../images/dou.png) no-repeat; background-position: bottom 0 right 10px; }

.p-class {  }
.p-class-list { margin-top: 30px; padding: 20px; background-color: #f8f8f8; border-radius: 10px; }
.p-class-list:hover { box-shadow: 0 0 20px #ccc; }
.p-class-list-photo {  }
.p-class-list-right { margin-top: 15px; }
@media(min-width: 576px){
.p-class-list-photo { float: left; width: 34%; }
.p-class-list-right { float: left; width: 66%; padding-left: 25px; margin-top: 0; }
}
.p-class-list-right-title { font-weight: bold; line-height: 32px; }
@media(min-width: 1024px){
.p-class-list-right-title { font-size: 18px; min-height: 64px; }
}
@media(min-width: 1200px){
.p-class-list-right-title { margin-top: 5px; }
}
@media(min-width: 1400px){
.p-class-list-right-title { min-height: 64px; }
}
.p-class-list-right-text { font-size: 18px; color: #666; line-height: 32px; margin-top: 5px; }
@media(min-width: 1024px){
.p-class-list-right-text { font-size: 18px; color: #666; line-height: 32px; margin-top: 5px; min-height:128px;}
}

/*scholarship*/
.scholarship { padding-top: 15px; }
.scholarship-list { position: relative; background: #f8f8f8 url(../images/scholarship-bg.png) bottom right no-repeat; margin-top: 50px; box-shadow: 0 0 20px #ccc; padding: 40px 20px 40px 30px; }
.scholarship-icon { position: absolute; top: -32px; left: -15px; }
.scholarship-list-top { border-bottom: 1px solid #ddd; display: flex; justify-content: space-between; padding-bottom: 20px; }
.scholarship-list-top-left { font-size: 18px; padding-top: 15px; }
@media(min-width: 768px){
.scholarship-list-top-left { font-size: 20px; padding-top: 15px; }
.scholarship-list-top { border-bottom: 1px solid #ddd; display: flex; justify-content: space-between; padding-bottom: 20px;min-height: 80px; }

}
@media(min-width: 1200px){
.scholarship-list-top-left { font-size: 22px; padding-top: 15px; }
}
@media(min-width: 1400px){
.scholarship-list-top-left { font-size: 24px; padding-top: 15px; }
}
.scholarship-list-top-right {  }
.scholarship-list-bottom { color: #666; line-height: 42px; margin-top: 15px; }
@media(min-width: 768px){
.scholarship-list-bottom { font-size: 18px; margin-top: 15px; }
}
@media(min-width: 1080px){
.scholarship-list-bottom .col-xl-3{ flex: 0 0 25%;
    max-width: 25% }
}

.scholarship-list-top-left-left { float: left; width: 30%; }
.scholarship-list-top-left-mid { float: left; width: 5%; }
.scholarship-list-top-left-right { float: left; width: 65%; }
@media(min-width: 768px) {
.scholarship-list-top-left-left { width: 30%; }
.scholarship-list-top-left-mid { width: 5%; }
.scholarship-list-top-left-right { width: 65%; }
}
@media(min-width: 1024px) {
.scholarship-list-top-left-left { width: 25%; }
.scholarship-list-top-left-mid { width: 5%; }
.scholarship-list-top-left-right { width: 70%; }
}
@media(min-width: 1400px) {
.scholarship-list-top-left-left { width: 20%; }
.scholarship-list-top-left-mid { width: 5%; }
.scholarship-list-top-left-right { width: 75%; }
}


/*out-school*/
.out-school {  }
.out-school-list { background-color: #f8f8f8; margin-top: 30px; }
.out-school-list:hover { box-shadow: 0 0 20px #ccc; }
.out-school-list-left { float: left; width: 100%; }
.out-school-list-right { float: left; width: 100%; padding-left: 15px; padding-right: 15px; display: flex; justify-content: space-between; margin-top: 15px; padding-bottom: 30px; align-items: center;}
@media(min-width: 768px){
.out-school-list-left { width: 300px; }
.out-school-list-right {width: calc(100% - 300px); padding-left: 30px; padding-right: 30px; display: flex; justify-content: space-between; margin-top: 0; padding-bottom: 0; }
}
@media(min-width: 1200px){
.out-school-list-left { width: 300px; }
.out-school-list-right {   width: calc(100% - 300px); padding-left: 30px; padding-right: 45px; display: flex; justify-content: space-between;align-items: center; }
}

.out-school-list-right-title { font-size: 20px; margin-top: 5px;color:#252525; }
@media(min-width: 768px){
.out-school-list-right-title { font-size: 22px; margin-top: 25px; }
}
@media(min-width: 1200px){
.out-school-list-right-title { font-size: 24px; margin-top: 25px; }
}
.out-school-list-right-date { color: #666; margin-top: 15px; }
@media(min-width: 768px){
.out-school-list-right-date { font-size: 18px; margin-top: 15px; }
}
.out-school-list-right-text { margin-top: 5px;color:#252525; }
@media(min-width: 768px){
.out-school-list-right-text { font-size: 18px; line-height: 36px; margin-top: 5px;margin-bottom:20px; }
}
.out-school-pdf { position: relative; }
.out-school-pdf img { margin-top: 70px; }
@media(min-width: 768px){
.out-school-pdf img { margin-top: 60px; }
}
@media(min-width: 1024px){
.out-school-pdf img { margin-top: 100px; }
}
@media(min-width: 1200px){
.out-school-pdf img { margin-top: 70px; }
}


/*back-to-top*/
#back-to-top { position: fixed; right: 3%; bottom: 20%; padding: 20px; background-color: #484848; border-radius: 5px; z-index: 999; }
@media(min-width: 768px) {
#back-to-top { right: 3%; bottom: 6%; }
}
#back-to-top a { color: #fff; }


/*home-book*/
.home-book {  }
.home-book-box { position: relative; background-color: #f8f8f8; box-shadow: 0px 15px 15px -15px #ccc; border-bottom: #f8f8f8 solid 5px; padding: 25px 15px; margin-top: 35px; }
.home-book-box:hover { border-bottom: #1e76f1 solid 5px; }
.home-book-box-photo {  }
.home-book-box-title { font-size: 20px; font-weight: bold; margin-top: 20px;color:#252525; }
@media(min-width: 768px){
.home-book-box-title { font-size: 20px; margin-top: 20px; }
}
@media(min-width: 1200px){
.home-book-box-title { font-size: 22px; margin-top: 20px; }
}
@media(min-width: 1400px){
.home-book-box-title { font-size: 24px; margin-top: 20px; }
}
.home-book-box-down { margin-top: 25px; margin-bottom: 5px; }
.home-book-box-down a { border: #1e76f1 1px solid; padding: 12px 40px; border-radius: 10px; color: #252525; background-color: #fff; }
.home-book-box-down a img { margin-right: 10px; margin-top: -4px; }
.home-book-box-date p { position: absolute; right: 15px; top: -3px; color: #fff; background-color: #1e76f1; font-weight: bold; padding: 10px 20px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 0px 4px 10px #7b7b7b; text-align: center; z-index: 9; }
.home-book-box-date p span { font-size: 20px; line-height: 36px; }
@media(min-width: 768px){
.home-book-box-date p span { font-size: 24px; line-height: 36px; }
}
@media(min-width: 1200px){
.home-book-box-date p span { font-size: 28px; line-height: 36px; }
}
@media(min-width: 1400px){
.home-book-box-date p span { font-size: 32px; line-height: 36px; }
}


/*school-form*/
.down-list { margin-top: 40px; }
.down-list-content { margin-top: 30px; }
.down-list .nav-tabs { border-bottom: 0; }
.down-list .nav-tabs .nav-link { border: 0; padding: 7px 15px; background-color: #bfbfbf; border-radius: 10px; color: #fff; font-size: 20px; margin: 0 5px; margin-top: 10px; text-align: center; }
@media(min-width: 768px){
.down-list .nav-tabs .nav-link { padding: 12px 30px; font-size: 22px; margin: 10px 15px 0; }
}
@media(min-width: 992px){
.down-list .nav-tabs .nav-link { margin-top: 0; }
}
@media(min-width: 1200px){
.down-list .nav-tabs .nav-link { padding: 15px 40px; font-size: 24px; }
}
.down-list .nav-tabs .nav-link:first-child { margin-left: 5px; }
@media(min-width: 768px){
.down-list .nav-tabs .nav-link:first-child { margin-left: 15px; }
}
@media(min-width: 992px){
.down-list .nav-tabs .nav-link:first-child  { margin-left: 0; }
}
.down-list .nav-tabs .nav-item.show .nav-link, .down-list .nav-tabs .nav-link.active { background-color: #327fef; }
.down-list ul { display: block; }
@media(min-width: 992px){
.down-list ul { display: flex; justify-content: center; }
}
.school-form {  }
.school-form-box { background: #ffe292 url(../images/school-form-bg.png) right no-repeat; /*box-shadow: 0px 15px 15px -15px #ccc;*/ border-bottom: 5px solid rgba(178,178,178,0.8); display: flex; justify-content: space-between; padding: 20px 15px 17px; border-radius: 10px; margin-bottom: 30px; }
@media(min-width: 768px){
.school-form-box { padding: 25px 15px 22px; }
}
@media(min-width: 1200px){
.school-form-box { padding: 30px 30px 27px; }
}
.school-form-box-left { color: #fff; font-size: 20px; color: #252525; padding-top: 3px;width: calc(100% - 42px); }
@media(min-width: 768px){
.school-form-box-left { font-size: 20px; }
}
@media(min-width: 1200px){
.school-form-box-left { font-size: 22px; }
}
@media(min-width: 1600px){
.school-form-box-left { font-size: 24px; }
}
.school-form-box-left img { margin-right: 20px; margin-top: -3px; }
.school-form-box-right {  }


/*down-other*/
.down-other {  }
.down-other-title { padding: 20px 15px; border-top-left-radius: 10px; border-top-right-radius: 10px; font-weight: bold; font-size: 20px; margin-top: 30px; }
@media(min-width: 768px){
.down-other-title { padding: 20px 25px; font-size: 20px; }
}
@media(min-width: 1200px){
.down-other-title { padding: 20px 25px; font-size: 22px; }
}
@media(min-width: 1600px){
.down-other-title { padding: 20px 25px; font-size: 24px; }
}
.down-other-title img { margin-right: 15px; }
.down-other-title-orange { background-color: #ffe292; }
.down-other-title-blue { background-color: #cee3ff; }
.down-other-title-purple { background-color: #e8a0dd; }
.down-other-box { background-color: #f3f8ff; margin-top: 10px; padding: 10px 15px 40px; }
@media(min-width: 768px){
.down-other-box { padding: 10px 25px 40px; }
}
.down-other-box-link { margin-top: 30px; }
.down-other-box-link a { font-size: 18px; color: #252525; }
@media(min-width: 768px){
.down-other-box-link a { font-size: 20px; }
}
@media(min-width: 1200px){
.down-other-box-link a { font-size: 22px; }
}
@media(min-width: 1600px){
.down-other-box-link a { font-size: 24px; }
}
.down-other-box-link a img { margin-top: 3px; }
.down-other-box-link-left { float: left; width: 10%; }
.down-other-box-link-right { float: left; width: 90%; padding-left: 10px; }
@media(min-width: 768px){
.down-other-box-link-left { width: 5%; }
.down-other-box-link-right { width: 95%; }
}


/*filter*/
.filter { margin-top: 30px; }
@media(min-width: 1024px){
.filter { margin-top: -90px; }
}
.filter form { display: flex; justify-content: flex-start; }
@media(min-width: 576px){
.filter form { justify-content: flex-end; }
}
.filter label { font-size: 18px; padding-top: 8px; font-weight: bold; margin-left: 5px; }
@media(min-width: 768px){
.filter label { font-size: 18px; }
}
@media(min-width: 1200px){
.filter label { font-size: 20px; }
}
@media(min-width: 1600px){
.filter label { font-size: 22px; }
}
.filter label:first-child { margin-left: 0px; }
.filter select { font-weight: bold; font-size: 18px; color: #666; background-color: #efefef; border: none; border-radius: 10px; }
@media(min-width: 768px){
.filter select { font-size: 18px; }
}
@media(min-width: 1200px){
.filter select { font-size: 20px; }
}
@media(min-width: 1600px){
.filter select { font-size: 22px; }
}
.filter .filter-year { width: 100px; }
.filter .filter-month { width: 70px; }
@media(min-width: 768px){
.filter .filter-year { width: 130px; }
.filter .filter-month { width: 100px; }
}


/*down-notice*/
.down-notice {  }
.down-notice-box { border-radius: 10px; margin-top: 30px; padding: 25px 15px 15px; background-color: #f8f8f8; box-shadow: 0 0 20px #ccc; }
@media(min-width: 768px){
.down-notice-box { display: flex; justify-content: space-between; padding: 30px 35px; }
}
.down-notice-box:hover { background-color: #cee3ff; }
.down-notice-box-left { color: #252525; margin-top: 20px; }
@media(min-width: 768px){
.down-notice-box-left { margin-top: 0; }
}
.down-notice-box-left img { display: inline;padding-right: 15px; }
.down-notice-box-right { color: #252525; }
.down-notice-box-right span { padding: 10px 15px; background-color: #ffe292; }
@media(min-width: 768px){
.down-notice-box-right span { padding: 12px 30px; }
}


/*student-idea*/
.student-idea {  }
.student-idea-top { position: relative; margin-top: 30px; background-color: #f2faff; padding: 25px 0 30px; border-radius: 10px; }
.student-idea-top-title span { position: relative; padding: 10px 40px; margin-left: -10px; color: #fff; font-size: 20sspx; font-weight: bold; background-color: #60a1fc; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
@media(min-width: 768px){
.student-idea-top-title span { font-size: 24px }
}
@media(min-width: 1280px){
.student-idea-top-title span { font-size: 28px }
}
.student-idea-top-title span {
  background: -moz-linear-gradient(left, #327fef 0%, #6aa8ff 100%);
  background: -webkit-linear-gradient(left, #327fef 0%, #6aa8ff 100%);
  background: -o-linear-gradient(left, #327fef 0%, #6aa8ff 100%);
  background: -ms-linear-gradient(left, #327fef 0%, #6aa8ff 100%);
  background: linear-gradient(to right, #327fef 0%, #6aa8ff 100%);
}
.student-idea-top-title-icon { position: absolute; left: 0; top: -8px; }
.student-idea-top-text { padding: 25px 15px 0; }
@media(min-width: 768px){
.student-idea-top-text { line-height: 32px; padding: 25px 40px 0; }
}
 /* location slide 2 */
.location-photo-2 { margin-top: 45px; }
.location-photo-2 .slider-for button { display: none; }
.location-photo-2 .slick-prev, .location-photo-2 .slick-next { position: absolute; display: block; height: 25px; width: 25px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
@media(min-width: 768px) {
.location-photo-2 .slick-prev, .location-photo-2 .slick-next { height: 52px; width: 52px; }
}
.location-photo-2 .slick-prev:focus, .location-photo-2 .slick-next:focus { outline: none; }
.location-photo-2 .slick-prev.slick-disabled:before, .location-photo-2 .slick-next.slick-disabled:before { opacity: 0.25; }
.location-photo-2 .slick-prev:before, .location-photo-2 .slick-next:before { font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.location-photo-2 .slider-nav .slick-prev { left: -10px; background: url(../images/left-icon-s.png) center no-repeat; z-index: 222; top: 60%; }
@media(min-width: 768px) {
.location-photo-2 .slider-nav .slick-prev { left: -15px; top: 58%; }
}
@media(min-width: 1100px) {
.location-photo-2 .slider-nav .slick-prev { background: url(../images/left-icon.png) center no-repeat; }
}
@media(min-width: 1200px) {
.location-photo-2 .slider-nav .slick-prev { left: -20px; top: 55%; }
}
@media(min-width: 1600px) {
.location-photo-2 .slider-nav .slick-prev { left: -35px; top: 55%; }
}
.location-photo-2 .slick-prev:before { content: ''; }
.location-photo-2 .slider-nav .slick-next { right: -10px; background: url(../images/right-icon-s.png) center no-repeat; z-index: 222; top: 60%; }
@media(min-width: 768px) {
.location-photo-2 .slider-nav .slick-next { right: -15px; top: 58%; }
}
@media(min-width: 1100px) {
.location-photo-2 .slider-nav .slick-next { background: url(../images/right-icon.png) center no-repeat; }
}
@media(min-width: 1200px) {
.location-photo-2 .slider-nav .slick-next { right: -20px; top: 55%; }
}
@media(min-width: 1600px) {
.location-photo-2 .slider-nav .slick-next { right: -35px; top: 55%; }
}
.location-photo-2 .slick-next:before { content: ''; }
.location-photo-2 .slick-slider { margin-bottom: 15px; }
.location-photo-2 .slider-nav { padding: 0 15px; margin-top: 30px; }
@media(min-width: 768px) {
.location-photo-2 .slider-nav { padding: 0 30px; margin-top: 50px; }
}
@media(min-width: 1400px) {
.location-photo-2 .slider-nav { padding: 0 25px; margin-top: 80px; }
}
@media(min-width: 1600px) {
.location-photo-2 .slider-nav .slick-next { top: 55%; }
}
.location-photo-2 .slider-nav .slick-slide { padding: 0 10px; }
.location-photo-2 .slick-slide { outline:none; }
/* location slide 2 end*/


/*after-class*/
.after-class {  }
.after-class-box { position: relative; margin-top: 30px; }
.after-class-box-tile { position: absolute; bottom: 0; background-color: rgba(0,0,0,0.5); padding: 15px 30px; font-size: 20px; color: #fff; width: 100%; }
@media(min-width: 768px) {
.after-class-box-tile { padding: 20px 45px; font-size: 20px; }
}
@media(min-width: 1200px) {
.after-class-box-tile { font-size: 22px; }
}
@media(min-width: 1600px) {
.after-class-box-tile { font-size: 24px; }
}


/*modal*/
.modal-body { position: relative; padding: 20px 15px; }
@media(min-width: 1100px) {
.modal-body { padding: 30px 30px; }
}
@media(min-width: 1400px) {
.modal-body { padding: 40px 50px; }
}

.modal-body button.close { position: absolute; right: -26px; top: -17px; }
.modal-body button.close img{max-width: 60%}
@media(min-width: 1100px) {
.modal-body button.close { right: -25px; top: -25px; }
.modal-body button.close img{max-width: 100%}
}

.modal-body-2 { position: relative; }
.modal-body-2 button.close { position: absolute; right: -10px; top: -20px; }
@media(min-width: 576px) {
.modal-body-2 button.close { right: -25px; top: -25px; }
}
.modal-title { font-size: 20px; display: flex; justify-content: center; background-color: #e4f4ff; padding: 20px 5px; border-radius: 10px; }
@media(min-width: 1100px) {
.modal-title { font-size: 24px;  }
}
@media(min-width: 1400px) {
.modal-title { font-size: 28px; }
}
.modal-title p { margin-bottom: 0; }
.title-line { margin: 0 10px; padding-top: 12px; display: none; }
@media(min-width: 768px) {
.title-line { margin: 0 25px; padding-top: 12px; display: inline; }
}
@media(min-width: 1100px) {
.title-line { margin: 0 25px; padding-top: 17px; }
}
.modal-slideshow-text { line-height: 30px; margin-top: 25px; }
@media(min-width: 768px) {
.modal-slideshow-text { line-height: 36px; margin-top: 25px; }
}
.modal-dialog {  }
@media(min-width: 1100px) {
.modal-dialog { max-width: 900px; }
}
@media(min-width: 1400px) {
.modal-dialog { max-width: 1280px; }
}
.modal-slideshow { margin-top: 35px; }
.modal-slideshow .slick-prev, .modal-slideshow .slick-next { position: absolute; display: block; height: 25px; width: 25px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
@media(min-width: 768px) {
.modal-slideshow .slick-prev, .modal-slideshow .slick-next { height: 52px; width: 52px; }
}
.modal-slideshow .slider-nav .slick-prev { left: -10px; background: url(../images/left-icon-s.png) center no-repeat; z-index: 222; top: 55%; }
@media(min-width: 768px) {
.modal-slideshow .slider-nav .slick-prev { left: -25px; }
}
@media(min-width: 1100px) {
.modal-slideshow .slider-nav .slick-prev { background: url(../images/left-icon.png) center no-repeat; }
}
@media(min-width: 1200px) {
.modal-slideshow .slider-nav .slick-prev { left: -25px; }
}
@media(min-width: 1400px) {
.modal-slideshow .slider-nav .slick-prev { left: -30px; }
}
.modal-slideshow .slick-prev:before { content: ''; }
.modal-slideshow .slider-nav .slick-next { right: -10px; background: url(../images/right-icon-s.png) center no-repeat; z-index: 222; top: 55%; }
.modal-slideshow .slick-next:before { content: ''; }
@media(min-width: 768px) {
.modal-slideshow .slider-nav .slick-next { right: -25px; }
}
@media(min-width: 1100px) {
.modal-slideshow .slider-nav .slick-next { background: url(../images/right-icon.png) center no-repeat; }
}
@media(min-width: 1200px) {
.modal-slideshow .slider-nav .slick-next { right: -25px; }
}
@media(min-width: 1400px) {
.modal-slideshow .slider-nav .slick-next { right: -30px; }
}


/*student-achieve*/
.student-achieve {  }
.student-achieve .scholarship { padding-top: 0; }
.student-achieve .scholarship-list { position: relative; background: #f8f8f8 url(../images/scholarship-bg.png) bottom right no-repeat; margin-top: 50px; box-shadow: 0 0 20px #ccc; padding: 40px 15px 40px 15px; }
@media(min-width: 1100px) {
.student-achieve .scholarship-list { margin-top: 50px; padding: 40px 20px 40px 30px;min-height: 540px; }

}
.student-achieve .scholarship-list-top { display: block; border-bottom: 1px solid #ddd; padding-bottom: 20px; }
@media(min-width: 1100px) {
.student-achieve .scholarship-list-top { display: flex; justify-content: space-between; }
}
.student-achieve .scholarship-list-top-left { padding-top: 0; width: 100%; line-height: 42px; }
.student-achieve .scholarship-list-top-right { padding-top: 15px; }
@media(min-width: 1100px) {
.student-achieve .scholarship-list-top-right { padding-top: 30px; }
}


/*student-school*/
.student-school {  }
.student-school-box { position: relative; margin-top: 30px; }
@media(min-width: 768px){
.student-school-box { margin-top: 50px; }
}
.student-school-box img { position: relative; border-radius: 10px; }
.student-school-box-title { font-size: 20px; font-weight: bold; margin-top: 15px; color: #252525; }
@media(min-width: 768px){
.student-school-box-title { font-size: 22px; }
}
@media(min-width: 1200px){
.student-school-box-title { font-size: 24px; }
}
.student-school-box p { position: absolute; right: 15px; top: -3px; color: #fff; background-color: #1e76f1; padding: 20px 15px 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 0px 4px 10px #7b7b7b; text-align: center; z-index: 9; font-size: 18px; }
@media(min-width: 1200px){
.student-school-box p { padding: 20px 15px 10px; font-size: 20px; }
}
.student-school-box p span { font-size: 20px; line-height: 36px; }
@media(min-width: 768px){
.student-school-box p span { font-size: 20px; line-height: 36px; }
}
@media(min-width: 1200px){
.student-school-box p span { font-size: 22px; line-height: 36px; }
}
@media(min-width: 1400px){
.student-school-box p span { font-size: 24px; line-height: 36px; }
}
/* location slide 3 */
.location-photo-3 {  }
.location-photo-3 .slider-for button { display: none; }
.location-photo-3 .slick-prev, .location-photo-3 .slick-next { position: absolute; display: block; height: 25px; width: 25px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
@media(min-width: 768px) {
.location-photo-3 .slick-prev, .location-photo-3 .slick-next { height: 52px; width: 52px; }
}
.location-photo-3 .slick-prev:focus, .location-photo-3 .slick-next:focus { outline: none; }
.location-photo-3 .slick-prev.slick-disabled:before, .location-photo-3 .slick-next.slick-disabled:before { opacity: 0.25; }
.location-photo-3 .slick-prev:before, .location-photo-3 .slick-next:before { font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.location-photo-3 .slider-nav .slick-prev { left: -10px; background: url(../images/left-icon-s.png) center no-repeat; z-index: 222; top: 60%; }
@media(min-width: 768px) {
.location-photo-3 .slider-nav .slick-prev { left: -10px; top: 58%; }
}
@media(min-width: 1200px) {
.location-photo-3 .slider-nav .slick-prev { left: -20px; top: 55%; background: url(../images/left-icon.png) center no-repeat; }
}
@media(min-width: 1600px) {
.location-photo-3 .slider-nav .slick-prev { left: -35px; top: 55%; }
}
.location-photo-3 .slick-prev:before { content: ''; }
.location-photo-3 .slider-nav .slick-next { right: -10px; background: url(../images/right-icon-s.png) center no-repeat; z-index: 222; top: 60%; }
@media(min-width: 768px) {
.location-photo-3 .slider-nav .slick-next { right: -10px; top: 58%; }
}
@media(min-width: 1200px) {
.location-photo-3 .slider-nav .slick-next { right: -20px; top: 55%; background: url(../images/right-icon.png) center no-repeat; }
}
@media(min-width: 1600px) {
.location-photo-3 .slider-nav .slick-next { right: -35px; top: 55%; }
}
.location-photo-3 .slick-next:before { content: ''; }
.location-photo-3 .slick-slider { margin-bottom: 15px; }
.location-photo-3 .slider-nav { padding: 0 15px; margin-top: 30px; }
@media(min-width: 768px) {
.location-photo-3 .slider-nav { padding: 0 30px; }
}
@media(min-width: 1400px) {
.location-photo-3 .slider-nav { padding: 0 25px; }
}
@media(min-width: 1600px) {
.location-photo-3 .slider-nav .slick-next { top: 55%; }
}
.location-photo-3 .slider-nav .slick-slide { padding: 0 10px; }
.location-photo-3 .slick-slide { outline:none; }
/* location slide 3 end*/


/*student-study*/
.student-study { margin-top: 35px; }
.student-study-text { margin-top: 25px; }
.student-study-box-1 {  }
.student-study-box-1-left { margin-top: 30px; }
.student-study-box-1-right { margin-top: 30px; }
@media(min-width: 768px) {
.student-study-box-1-left { float: left; width: 27%; margin-top: 35px; }
.student-study-box-1-right { float: left; width: 73%; padding-left: 30px; margin-top: 35px; }
}
.student-study-box-1-right-box { border: #83b6ff solid 10px; padding: 30px 15px; background: url(../images/student-study-bg-1.png) right no-repeat; box-shadow: 4px 4px 10px #ccc; }
@media(min-width: 768px) {
.student-study-box-1-right-box { padding: 40px 30px; }
}
@media(min-width: 1280px) {
.student-study-box-1-right-box { padding: 52px 45px; }
}
.student-study-box-1-right-box-title span { border-radius: 10px; background-color: #83b6ff; font-size: 20px; padding: 10px 15px; border-bottom: 3px solid #c6c8cc; color: #fff; }
@media(min-width: 768px) {
.student-study-box-1-right-box-title span { font-size: 22px; }
}
@media(min-width: 1280px) {
.student-study-box-1-right-box-title span { font-size: 24px; }
}
.student-study-box-1-right-box-text { line-height: 36px; margin-top: 25px; }

.student-study-box-2 {  }
.student-study-box-2-left { margin-top: 45px; }
@media(min-width: 768px) {
.student-study-box-2-left { margin-top: 30px; }
}
.student-study-box-2-right { margin-top: 30px; }
@media(min-width: 768px) {
.student-study-box-2-left { float: left; width: 27%; margin-top: 45px; }
.student-study-box-2-right { float: left; width: 73%; padding-right: 30px; margin-top: 45px; }
}
.student-study-box-2-right-box { border: #fdd663 solid 10px; padding: 30px 15px;  box-shadow: 4px 4px 10px #ccc; }
@media(min-width: 768px) {
.student-study-box-2-right-box { padding: 35px 30px; }
}
@media(min-width: 1280px) {
.student-study-box-2-right-box { padding: 40px 45px; }
}
.student-study-box-2-right-box-title span { border-radius: 10px; background-color: #fdd663; font-size: 20px; padding: 10px 15px; border-bottom: 3px solid #c6c8cc; color: #fff; }
@media(min-width: 768px) {
.student-study-box-2-right-box-title span { font-size: 22px; }
}
@media(min-width: 1280px) {
.student-study-box-2-right-box-title span { font-size: 24px; }
}
.student-study-box-2-right-box-text { line-height: 36px; margin-top: 25px; }


/*study-good*/
.study-good { position: relative; margin-top: 45px; padding-bottom: 35px; }
@media(min-width: 1024px) {
.study-good { margin-top: 65px; padding-bottom: 35px; }
}
.study-good-title-1 { position: absolute; top: 0; left: 0; z-index: 1; }
.study-good-title-1 span { font-size: 20px; background-color: #ed0006; color: #fff; padding: 15px 25px; border-radius: 10px; border-bottom-left-radius: 0; }
@media(min-width: 768px) {
.study-good-title-1 span { font-size: 22px; }
}
@media(min-width: 1280px) {
.study-good-title-1 span { font-size: 24px; }
}
.study-good-title-1 span img { margin-right: 10px; margin-top: -6px; }
.study-good-title-2 { position: absolute; top: 5px; left: 5px; z-index: 0; }
.study-good-title-2 span { font-size: 20px; background-color: #c5c5c5; color: #fff; padding: 15px 25px; border-radius: 10px; border-bottom-left-radius: 0; }
@media(min-width: 768px) {
.study-good-title-2 span { font-size: 22px; }
}
@media(min-width: 1280px) {
.study-good-title-2 span { font-size: 24px; }
}
.study-good-title-2 span img { margin-right: 10px; margin-top: -6px; }


/*school-info*/
.school-info {  }
.school-info-photo {  }
.school-info-text { background: #fff url(../images/si-bg.jpg) right bottom no-repeat; padding: 50px 15px 70px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-bottom: 10px solid #dadada; }
@media(min-width: 768px){
.school-info-text { padding: 70px 30px 90px; line-height: 36px; }
}
.school-info .student-idea-top-title span { margin-left: -25px }
@media(min-width: 768px){
.school-info .student-idea-top-title span { margin-left: -40px }
}
.student-idea-top-title span { position: relative; padding: 10px 40px; color: #fff; font-size: 20px; font-weight: bold; background-color: #60a1fc; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
@media(min-width: 768px){
.student-idea-top-title span { padding: 10px 40px; font-size: 24px }
}
@media(min-width: 1280px){
.student-idea-top-title span { padding: 10px 40px; font-size: 28px }
}
.student-idea-top-title span {
  background: -moz-linear-gradient(left, #327fef 0%, #6aa8ff 100%);
  background: -webkit-linear-gradient(left, #327fef 0%, #6aa8ff 100%);
  background: -o-linear-gradient(left, #327fef 0%, #6aa8ff 100%);
  background: -ms-linear-gradient(left, #327fef 0%, #6aa8ff 100%);
  background: linear-gradient(to right, #327fef 0%, #6aa8ff 100%);
}
.student-idea-top-title-icon { position: absolute; left: 0; top: -8px; }


/*school-team*/
.school-team {  }
.school-team-text { line-height: 32px; margin-top: 25px; }
.school-team-title { margin-top: 45px;line-height:32px; }
.school-team-title span { position: relative; margin-left: -10px; padding: 10px 40px; color: #fff; font-size: 20px; font-weight: bold; background-color: #60a1fc; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
@media(min-width: 768px){
.school-team-title span { font-size: 24px }
}
@media(min-width: 1280px){
.school-team-title span { font-size: 28px }
}
.school-team-title span {
  background: -moz-linear-gradient(left, #327fef 0%, #6aa8ff 100%);
  background: -webkit-linear-gradient(left, #327fef 0%, #6aa8ff 100%);
  background: -o-linear-gradient(left, #327fef 0%, #6aa8ff 100%);
  background: -ms-linear-gradient(left, #327fef 0%, #6aa8ff 100%);
  background: linear-gradient(to right, #327fef 0%, #6aa8ff 100%);
}
.school-team-title-icon { position: absolute; left: 0; top: -8px; }
.school-team-box { margin-top: 25px; }
@media(min-width: 576px){
.school-team-box { margin-top: 35px; }
}
.school-team-box-title-1 { font-weight: bold; font-size: 18px; }
.school-team-box-title-2 { font-weight: bold; font-size: 20px; }


/*school-plan*/
.school-plan {  }
.school-plan-top { background-color: #f5fbff; padding: 5px 0 40px; }
@media(min-width: 768px){
.school-plan-top { padding: 30px 0 60px; }
}
.school-plan-top-list {  }
.school-plan-top-list-box { background: #fff url(../images/school-plan-top.jpg) right no-repeat; background-size: cover; padding: 25px 0 25px 35px; border-radius: 5px; font-size: 20px; margin-top: 30px; }
@media(min-width: 768px){
.school-plan-top-list-box { padding: 25px 0 25px 15px; margin-top: 50px; }
}
@media(min-width: 1024px){
.school-plan-top-list-box { padding: 25px 0 25px 35px; font-size: 22px; }
}
@media(min-width: 1280px){
.school-plan-top-list-box { font-size: 24px; }
}
.school-plan-top-list-box img { margin-top: -3px; margin-right: 10px; margin-top: -5px; }
@media(min-width: 1024px){
.school-plan-top-list-box img { margin-right: 20px; }
}
.school-plan-bottom { padding-top: 15px; }
.school-plan-bottom .directors-list { margin-top: 35px; }
.school-plan-bottom .directors-list .content { display: none; text-align: justify; }
.school-plan-bottom .directors-list > ul > li:first-child .content {display: block;}
.school-plan-bottom .directors-list ul li .title { background-color: #cee3ff; border-radius: 10px; padding: 15px; font-weight: bold; cursor: pointer; margin-top: 20px; }
@media(min-width: 1280px) {
.school-plan-bottom .directors-list ul li .title { padding: 18px 30px; }
}
.school-plan-bottom .directors-list ul li .content { padding: 20px 0 0; }
@media(min-width: 576px) {
.school-plan-bottom .directors-list ul li .content { padding: 20px 0 10px; }
}
@media(min-width: 1280px) {
.school-plan-bottom .directors-list ul li .content { padding: 30px 0 10px; }
}
.school-plan-bottom .directors-list ul li .right-icon { padding-right: 34px; }
.school-plan-bottom .directors-list ul li .title .right-icon { background: url(../images/accordeon-open.png) right no-repeat; }
.school-plan-bottom .directors-list ul li .active .right-icon { background: url(../images/accordeon-close.png) right no-repeat; }
.school-plan-bottom .directors-list ul li .title a { color: #252525; font-size: 20px; font-weight: bold; padding: 10px 0; }
@media(min-width: 768px) {
.school-plan-bottom .directors-list ul li .title a { font-size: 22px; }
}
@media(min-width: 1200px) {
.school-plan-bottom .directors-list ul li .title a { font-size: 24px; }
}
.school-plan-bottom-box { box-shadow: 4px 4px 10px #ccc; margin-bottom: 30px; }
.school-plan-bottom-box-inner {  padding: 15px 15px 20px 15px; height: auto; background-color: #fff; }
@media(min-width: 576px) {
.school-plan-bottom-box-inner { padding: 15px 10px 0 10px; min-height: 115px; }
}
@media(min-width: 1200px) {
.school-plan-bottom-box-inner { padding: 20px 10px 0 10px; }
}
.school-plan-bottom-box-inner p { font-size: 16px;margin-bottom: 0;text-align:center; float:left;padding-top: 3px; font-weight: bold; width: calc(100% - 25px); }
@media(min-width: 768px) {
.school-plan-bottom-box-inner p { font-size: 16px; }
}
@media(min-width: 1080px) {
.school-plan-bottom-box-inner p { font-size: 18px; }
}
.school-plan-bottom-box-inner a{display:block;width:20px;float: right;}
.school-plan-bottom-box-inner img { margin-top: 5px; width:20px;height: auto;}
@media(min-width: 576px) {
.school-plan-bottom-box-inner img { margin-top: 5px;width:20px;height: auto; }
}
@media(min-width: 1200px) {
.school-plan-bottom-box-inner img { margin-top: 0;width:20px;height: auto;}
}


/*learn-teach*/
.learn-teach { padding-top: 0; }
@media(min-width: 1200px) {
.learn-teach { padding-top: 50px; }
}
.learn-teach-box { position: relative; border-radius: 10px; padding: 15px; box-shadow: 0 0 15px #ccc; height: 300px; margin-bottom: 30px; }
@media(min-width: 375px) {
.learn-teach-box { height: 340px; }
}
@media(min-width: 576px) {
.learn-teach-box { height: 230px; }
}
@media(min-width: 996px) {
.learn-teach-box { height: 300px; }
}
@media(min-width: 1200px) {
.learn-teach-box { height: 390px; padding: 20px; }
}
.learn-teach-box-bg1 { background: url(../images/lt-bg1.jpg) center no-repeat; background-size: cover; }
.learn-teach-box-bg2 { background: url(../images/lt-bg2.jpg) center no-repeat; background-size: cover; }
.learn-teach-box-bg3 { background: url(../images/lt-bg3.jpg) center no-repeat; background-size: cover; }
.learn-teach-box-bg4 { background: url(../images/lt-bg4.jpg) center no-repeat; background-size: cover; }
.learn-teach-box-bg5 { background: url(../images/lt-bg5.jpg) center no-repeat; background-size: cover; }
.learn-teach-box-inner { position: relative; background-color: rgba(255,255,255,0.7); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.learn-teach-box-inner p { font-size: 22px; text-align: center; color: #252525; }
@media(min-width: 768px) {
.learn-teach-box-inner p { font-size: 24px; }
}
@media(min-width: 1200px) {
.learn-teach-box-inner p { font-size: 28px; }
}
@media(min-width: 1600px) {
.learn-teach-box-inner p { font-size: 32px; }
}


/*social*/
.social {  }
.social .down-list { margin-top: 50px; }
@media(min-width: 1200px) {
.social .down-list { margin-top: 55px; }
}
.social .down-list-content { margin-top: 0; border-bottom: 10px solid #dadada; background: #fff url(../images/social-bg.png) right bottom no-repeat; background-position: 98% 95%; padding: 10px 15px 50px; }
@media(min-width: 768px) {
.social .down-list-content { padding: 30px 25px 100px;    min-height: 400px; }
}
.social .school-team-title span { margin-left: -30px;display:inline-block; }
.social-text { margin-top: 30px; }
@media(min-width: 768px) {
.social-text { margin-top: 40px; line-height: 36px; }
}
.social-text span {  }

.social .down-list .nav-tabs .nav-link { border: 0; padding: 7px 15px; background-color: #bfbfbf; border-radius: 10px; color: #fff; font-size: 20px; margin: 0 5px; margin-top: 10px; text-align: center; }
@media(min-width: 768px){
.social .down-list .nav-tabs .nav-link { padding: 12px 30px; font-size: 22px; margin: 10px 15px 0 15px; }
}
@media(min-width: 992px){
.social .down-list .nav-tabs .nav-link { margin-top: 10px; margin: 10px 30px 0 0px; }
}
@media(min-width: 1200px){
.social .down-list .nav-tabs .nav-link { padding: 15px 40px; font-size: 24px; }
.social .down-list .nav-tabs .nav-link:last-child{margin-right:0px;}
}
.social .down-list .nav-link.active { background-color: #327fef; }
/*library*/
.library {  }
.library-left {  }
.library-left-text p{margin-bottom: 0px  }
@media(min-width: 992px) {
.library-left-text { line-height: 42px; }
}
.library table { background-color: #fff; padding: 2px; border-top-left-radius: 10px; border-top-right-radius: 10px; margin-top: 25px; }
.library table { margin-bottom: 0; }
.library .table td { border-top: 0; vertical-align: middle; text-align: center; padding: 7px 10px; border: solid #fff 3px; }
.library .table th { border-top: 0; vertical-align: middle; text-align: center; padding: 10px 10px; border: solid #fff 3px; background-color: #f6d471; border-top-left-radius: 10px; border-top-right-radius: 10px; font-size: 20px;font-weight: normal; }
@media(min-width: 768px) {
.library .table th  { font-size: 22px; }
}
@media(min-width: 1200px) {
.library .table th  { font-size: 24px; }
}
.library .table td { background-color: #fff5d9; }
.library-right { padding-top: 35px; }
@media(min-width: 992px) {
.library-right { padding-top: 10px; }
}



.mind-list p{margin-bottom: 0px;}
.mind-list-style-year{margin-top:2px!important;}
@media(min-width: 768px) {
.scholarship-list-li{min-height: 125px;}
}

/*modal-slideshow*/
#modal-slideshow { margin-top: 30px; }
#modal-slideshow .owl-prev, #modal-slideshow .owl-next { height: 25px; width: 25px; opacity: 1; }
@media(min-width: 768px) {
#modal-slideshow .owl-prev, #modal-slideshow .owl-next { height: 52px; width: 52px; }
}
#modal-slideshow .owl-prev { left: -10px; background: url(../images/left-icon-s.png) center no-repeat; z-index: 222; top: 45%; }
@media(min-width: 768px) {
#modal-slideshow .owl-prev { top: 40%; left: -25px; }
}
@media(min-width: 1100px) {
#modal-slideshow .owl-prev { top: 45%; background: url(../images/left-icon.png) center no-repeat; }
}
@media(min-width: 1200px) {
#modal-slideshow .owl-prev { left: -25px; }
}
@media(min-width: 1400px) {
#modal-slideshow .owl-prev { left: -30px; }
}
#modal-slideshow .owl-next { right: -10px; background: url(../images/right-icon-s.png) center no-repeat; z-index: 222; top: 45%; }
@media(min-width: 768px) {
#modal-slideshow .owl-next { top: 40%; right: -25px; }
}
@media(min-width: 1100px) {
#modal-slideshow .owl-next { top: 45%; background: url(../images/right-icon.png) center no-repeat; }
}
@media(min-width: 1200px) {
#modal-slideshow .owl-next { right: -25px; }
}
@media(min-width: 1400px) {
#modal-slideshow .owl-next { right: -30px; }
}

.box-empty2{margin-top:30px;text-align:center;}

/*new-box*/
.new-box { position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,0.5); width: 100%; height: 100%; z-index: 999; overflow-x: hidden; overflow-y: auto; padding: 15px; scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE 10+ */ }
.new-box::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}
.new-box-inner { margin: 1.75rem auto;margin-top:10rem; position: relative; width: auto; }
@media(min-width: 576px) {
.new-box-inner { max-width: 500px; margin: 1.75rem auto; margin-top:10rem; }
}
@media(min-width: 1100px) {
.new-box-inner { max-width: 900px; margin: 1.75rem auto; }
}
@media(min-width: 1400px) {
.new-box-inner { max-width: 1280px; margin: 1.75rem auto; }
}
.new-box-content { width: 100%; position: relative; background-color: #fff; padding: 20px 15px; }
@media(min-width: 1100px) {
.new-box-content { padding: 30px 30px; }
}
@media(min-width: 1400px) {
.new-box-content { padding: 40px 50px; }
}
.new-box-content button.close { position: absolute; right: -26px; top: -17px; }
.new-box-content button.close img{max-width: 60%}
@media(min-width: 1100px) {
.new-box-content button.close { right: -25px; top: -25px; }
.new-box-content button.close img{max-width: 100%}
}


.student-study-box-bg {}
.student-study-box-bg img{box-shadow:-20px -20px #327fef;margin-left:20px!important;width:90%;}
@media(min-width: 375px) {
.student-study-box-bg img{box-shadow:-20px -20px #327fef;margin-left:auto!important;width:auto;}
}
@media(min-width: 768px) {
.student-study-box-bg img{box-shadow:-20px -20px #327fef;margin-top:20px;margin-left:20px!important;width:90%;}
}
@media(min-width: 1200px) {
.student-study-box-bg img{box-shadow:-20px -20px #327fef;margin-top:20px;margin-left:20px!important;width:90%;}
}
@media(min-width: 1280px) {
.student-study-box-bg img{box-shadow:-30px -30px #327fef;margin-top:30px;margin-left:30px!important;width:88%;}
}

.student-study-box-bg2 img{box-shadow:20px -20px #f6d471;margin-right:20px!important;width:90%;}
@media(min-width: 375px) {
.student-study-box-bg2 img{box-shadow:20px -20px #f6d471;margin-right:auto!important;width:auto;}
}
@media(min-width: 768px) {
.student-study-box-bg2 img{box-shadow:20px -20px #f6d471;margin-top:20px;margin-right:20px!important;width:90%;}
}
@media(min-width: 1200px) {
.student-study-box-bg2 img{box-shadow:20px -20px #f6d471;margin-top:20px;margin-right:20px!important;width:90%;}
}
@media(min-width: 1280px) {
.student-study-box-bg2 img{box-shadow:30px -30px #f6d471;margin-top:30px;margin-right:30px!important;width:88%;}
}


.student-study-box-1-right-box-text ul{
  list-style-type:none;
    margin:0px;
    padding:0px;
  

}
.student-study-box-1-right-box-text p{margin-bottom: 0px;}
.student-study-box-1-right-box-text ul li{line-height:37px; position: relative;padding-left: 19px;}
.student-study-box-1-right-box-text ul li:before{
 content: "\2022";
    color: #327fef;
    font-size: 32px;
  position: absolute;
  top:0px;left:0px;
}
.student-study-box-2-right-box-text ul{
  list-style-type:none;
    margin:0px;
    padding:0px;
  

}
.student-study-box-2-right-box-text p{margin-bottom: 0px;}
.student-study-box-2-right-box-text ul li{line-height:35px; position: relative;padding-left: 19px;}
.student-study-box-2-right-box-text ul li:before{
 content: "\2022";
    color: #f6d471;
    font-size: 32px;
  position: absolute;
  top:0px;left:0px;
}
.small-mr0{padding-right: 0px;}
@media(min-width: 768px) {
 .small-mr0{padding-right: 15px;} 
}

.down-hide{display:none;}

#slide-jb .slider-for button { display: none; }
#slide-jb .slick-prev, #slide-jb .slick-next { position: absolute; display: block; height: 25px; width: 25px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
@media(min-width: 768px) {
#slide-jb .slick-prev, #slide-jb .slick-next { height: 52px; width: 52px; }
}
#slide-jb .slick-prev:focus, #slide-jb .slick-next:focus { outline: none; }
#slide-jb .slick-prev.slick-disabled:before, #slide-jb .slick-next.slick-disabled:before { opacity: 0.25; }
#slide-jb .slick-prev:before, #slide-jb .slick-next:before { font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#slide-jb .slick-prev { left: -5px; background: url(../images/left-icon-s.png) center no-repeat; z-index: 222; top: 34%; }
@media(min-width: 768px) {
#slide-jb .slick-prev { left: -22px; top: 30%; }
}
@media(min-width: 991px) {
#slide-jb .slick-prev { left: -20px; top: 34%; background: url(../images/left-icon.png) center no-repeat; }
}
@media(min-width: 1600px) {
#slide-jb .slick-prev { left: -16px; top: 37%; }
}
#slide-jb .slick-prev:before { content: ''; }
#slide-jb .slick-next { right: -5px; background: url(../images/right-icon-s.png) center no-repeat; z-index: 222; top: 34%; }
@media(min-width: 768px) {
#slide-jb .slick-next { right: -22px; top: 30%; }
}
@media(min-width: 991px) {
#slide-jb .slick-next { right: -20px; top: 34%; background: url(../images/right-icon.png) center no-repeat; }
}
@media(min-width: 1600px) {
#slide-jb .slick-next { right: -16px; top: 37%; }
}
#slide-jb .slick-next:before { content: ''; }
#slide-jb .slick-slider { margin-bottom: 15px; }

.event-box-p{margin-right:15px;margin-bottom:0px;}



.honeycomb {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;

}
.honeycomb-cell {
  margin: 0px 10px 25px;
  position: relative;
  margin-top:100px;
  text-align: center;
  z-index: 1;
    list-style: none;
}

.honeycomb-cell {flex: 0 1 100%;max-width: 100%; min-height:200px; height: 100%;}
.honeycomb-cell__title {position: absolute;width: 100%;bottom: -15px;z-index: 999999;color: #fff;}
.honeycomb-cell {margin-bottom:4px; margin-top:40px; }

@media(min-width: 320px){ 
.honeycomb-cell {flex: 0 1 100%;max-width: 285px;  height: 100%;min-height:250px;margin:40px auto 4px auto;}
.honeycomb-cell__title {position: absolute;width: 100%;bottom: -15px;z-index: 999999;color: #fff;}

}
@media(min-width: 576px){ 
.honeycomb-cell {flex: 0 1 100%;max-width: 100%;  height: 100%;min-height:193px;;margin:40px 10px 4px 10px;}
.honeycomb-cell__title {position: absolute;width: 100%;bottom: -15px;z-index: 999999;color: #fff;}

}
@media(min-width: 600px){ 
.honeycomb-cell {flex: 0 1 100%;max-width: 100%;  height: 100%;min-height:220px;}
.honeycomb-cell__title {position: absolute;width: 100%;bottom: -15px;z-index: 999999;color: #fff;}

}
@media(min-width: 650px){ 
.honeycomb-cell {flex: 0 1 100%;max-width: 100%;  height: 100%;min-height:240px;}
.honeycomb-cell__title {position: absolute;width: 100%;bottom: -15px;z-index: 999999;color: #fff;}

}
@media(min-width: 700px){ 
.honeycomb-cell {flex: 0 1 100%;max-width: 100%;  height: 100%;min-height:253px;}
.honeycomb-cell__title {position: absolute;width: 100%;bottom: -15px;z-index: 999999;color: #fff;}

}
@media(min-width: 768px){ 
.honeycomb-cell {flex: 0 1 100%;max-width: 100%;  height: 100%;min-height:136px;}
.honeycomb-cell__title {position: absolute;width: 100%;bottom: -15px;z-index: 999999;color: #fff;}

}
@media(min-width: 991px){ 
.honeycomb-cell {flex: 0 1 100%;max-width: 100%; height: 100%;min-height:170px;}
.honeycomb-cell__title {position: absolute;width: 100%;bottom: -15px;z-index: 999999;color: #fff;}

}
@media(min-width: 1025px){  
.honeycomb-cell {flex: 0 1 100%;max-width: 100%; height: 100%;min-height:187px;}
.honeycomb-cell__title {position: absolute;width: 100%;bottom: -15px;z-index: 999999;color: #fff;}

}
@media(min-width: 1170px){  
.honeycomb-cell {flex: 0 1 100%;max-width: 100%;  height: 100%;min-height:200px;}
.honeycomb-cell__title {position: absolute;width: 100%;bottom: -15px;z-index: 999999;color: #fff;}

}
@media(min-width: 1200px){  
.honeycomb-cell {flex: 0 1 100%;max-width: 100%;  height: 100%;min-height:220px;}
.honeycomb-cell__title {position: absolute;width: 100%;bottom: -15px;z-index: 999999;color: #fff;}

}
@media(min-width: 1281px){  
.honeycomb-cell {flex: 0 1 100%;max-width: 100%;  height: 100%;min-height:225px;}
.honeycomb-cell__title {position: absolute;width: 100%;bottom: -10px;z-index: 999999;color: #fff;}

}

.honeycomb-cell__title p { margin-bottom:0; font-size:12px; }
.honeycomb-cell__title .name { font-size:18px; }
@media(min-width: 900px){ 
.honeycomb-cell__title p { margin-bottom:0; font-size:14px; }
.honeycomb-cell__title .name { font-size:20px; }
}


.honeycomb-cell::before, .honeycomb-cell::after {
  content: '';
}
.honeycomb-cell::before, .honeycomb-cell__image {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute; 
-webkit-clip-path:polygon(25% 0%, 75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);
          clip-path:polygon(25% 0%, 75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);
  z-index: -1;

}
.honeycomb-cell::before {
  background: rgba(200,135,190, 1);
  -webkit-transform: scale(1.08);
          transform: scale(1.08);
          box-shadow: 0px 3px 19px 1px rgba(0, 0, 0, 0.2);
    
}
.school-team-box-title-1{margin-top:28px;}
.school-team-box2{margin:0 auto;}
.main-all{padding-top:150px;}
.main-all2{padding-top:55px;}
.main-all3{padding-top:123px;}
@media(min-width: 768px){  
.main-all{padding-top:123px;}
.main-all2{padding-top:55px;}
.main-all3{padding-top:118px;}
}
@media(min-width: 1200px){  
.main-all{padding-top:148px;}
.main-all3{padding-top:148px;}
.main-all2{padding-top:80px;}
}

.footer-4-img{width:13px;height: auto;margin-right:0px!important;}
.learn-div-img{height:31px;line-height: 31px;}
.learn-div-img img{margin-top:5px;}
.plan-table tr td{min-width: auto;}
@media(min-width: 768px){  
.plan-table tr td{min-width: 100px;}
}

/*new-footer-btn*/
.new-footer-btn {  }
.new-footer-btn li { margin-bottom: 18px!important; }
.footer-box { max-width: 210px; border:1px solid #1e76f1; border-radius: 5px; color: #1e76f1; background-color: #fff; padding: 6px 15px 5px; display: flex; align-items: center; margin-bottom: 10px; }
.footer-box p { margin-bottom: 0; }
.footer-box img { width: 17px; height: 17px; margin-right: 15px; }
.footer-box-red { color: red; border-color: red; }
.new-footer-btn a:hover{color:#1e76f1;}
.new-footer-btn .footer-box-red:hover{color:red;}
.video{width: 100%; height: 100%;display:inline-block; object-fit: contain}
@media(min-width: 768px){  
.video{width: 100%; height: 100%;display:inline-block; object-fit: fill}
}



/*2021.01.21 new style*/
.mt-10{margin-top: 10px;}
.m-num-w{width: 60px !important;}
.m-menber-w{width: 30% !important;}
.school-teachteam-text{padding: 70px 0 0;}
.teachteam-table .table .tb-name{padding:15px;word-break: break-word;text-align: left;}
.teachteam-table .table .tb-name span{display: inline-block;}
@media(min-width: 768px){
.teachteam-table .table td {width: auto;}
.teachteam-table .table .tb-name{padding:15px 30px;}
.m-num-w{width: 100px !important;}
.m-menber-w{width: 40% !important;}
}
@media(min-width: 1600px){
.teachteam-table .table td {width: auto;}
}


/*add by channel 20210130*/
.school-info-text-2 { background-color: #fff; padding: 30px 15px 30px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-bottom: 10px solid #dadada; }
@media(min-width: 768px){
.school-info-text-2 { padding: 30px; line-height: 36px; }
}
.school-info-text-2 ul { padding-inline-start: 20px; }

.study-support-image { margin-bottom: 30px; }
@media(min-width: 996px){
.study-support-image { margin-bottom: 0; }
}
.study-support-image:last-child { margin-bottom: 0; }

.class-idea-table { margin-top: 0px; }
.class-idea-table .table td { width: 60px!important; }

.school-info-text-2 { font-size: 24px; }
@media(max-width: 768px){
.school-info-text-2 { font-size: 16px; }
}

.f-box { font-size:17px; }


.home-page{
    filter: grayscale(100%)!important;
    -webkit-filter: grayscale(100%)!important;
}