@charset "utf-8";
/**/
body, div, canvas{-webkit-image-rendering: optimizeSpeed;-webkit-interpolation-mode: nearest-neighbor;}
html,body{}
body{background-size:auto; background-repeat:repeat-y; background-position:top center;  background-attachment:fixed}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
input[type="submit"],
input[type="reset"],
input[type="button"],
button,select{ -webkit-appearance: none; }

.wap-blank-height-0{clear:both;visibility:hidden;height:0!important;line-height:0!important; float: none!important}
.wap-blank-height-5{clear:both;overflow:hidden;height:5px;}
.wap-blank-height-8{clear:both;overflow:hidden;height:8px;}
.wap-blank-height-10{clear:both;overflow:hidden;height:10px;}
.wap-blank-height-12{clear:both;overflow:hidden;height:12px;}
.wap-blank-height-14{clear:both;overflow:hidden;height:14px;}
.wap-blank-height-15{clear:both;overflow:hidden;height:15px;}
.wap-blank-height-18{clear:both;overflow:hidden;height:18px;}
.wap-blank-height-20{clear:both;overflow:hidden;height:20px;}
.wap-blank-height-25{clear:both;overflow:hidden;height:25px;}
.wap-blank-height-28{clear:both;overflow:hidden;height:28px;}
.wap-blank-height-30{clear:both;overflow:hidden;height:30px;}
.wap-blank-height-35{clear:both;overflow:hidden;height:35px;}
.wap-blank-height-40{clear:both;overflow:hidden;height:40px;}
.wap-blank-height-42{clear:both;overflow:hidden;height:42px;}
.wap-blank-height-45{clear:both;overflow:hidden;height:45px;}
.wap-blank-height-50{clear:both;overflow:hidden;height:50px;}
.wap-blank-height-60{clear:both;overflow:hidden;height:60px;}
.wap-blank-height-70{clear:both;overflow:hidden;height:70px;}
.wap-blank-height-80{clear:both;overflow:hidden;height:80px;}
.wap-blank-height-90{clear:both;overflow:hidden;height:90px;}
.wap-blank-height-94{clear:both;overflow:hidden;height:94px;}
.wap-blank-height-100{clear:both;overflow:hidden;height:100px;}

.wap-show,#wap-show,.wap-display-block{ display:block!important;}
.pc-show,#pc-show{ display:none!important;}
.btn-width-160{ width: 120px; height: 42px; line-height:42px; padding:0; font-size: 12px; }

.wap-z-index-0{ z-index: 0!important;}
.wap-z-index-1{ z-index: 1!important;}
.wap-z-index-2{ z-index: 2!important;}

.wap-text-center{ text-align: center;}
.wap-float-none{ float: none!important}
.wap-float-left{ float: left}
.wap-border-no{ border: none!important}
.wap-border-1{ border:1px solid #d3d7dd}

.wap-position-relative{ position: relative!important};

.wap-opacity-5{ opacity: .5}

.wap-font-weight-300{ font-weight: 300}
.wap-font-weight-600{ font-weight: 600}

.wap-font-size-10{ font-size: 10px}
.wap-font-size-12{ font-size: 12px}
.wap-font-size-13{ font-size: 13px}
.wap-font-size-14{ font-size: 14px}
.wap-font-size-15{ font-size: 15px}
.wap-font-size-16{ font-size: 16px}
.wap-font-size-18{ font-size: 18px}
.wap-font-size-20{ font-size: 20px}
.wap-font-size-24{ font-size: 24px}
.wap-font-size-28{ font-size: 28px}
.wap-font-size-30{ font-size: 30px}
.wap-font-size-40{ font-size: 40px}

.wap-line-height-auto{ line-height:initial!important;}
.wap-line-height-12{ line-height:12px!important;}
.wap-line-height-22{ line-height: 22px!important;}
.wap-line-height-25{ line-height: 25px!important;}
.wap-line-height-30{ line-height: 30px!important;}
.wap-line-height-32{ line-height: 32px!important;}
.wap-line-height-35{ line-height: 35px!important;}
.wap-line-height-40{ line-height: 40px!important;}
.wap-letter-spacing-1{letter-spacing:1px}
.wap-letter-spacing-2{letter-spacing:2px}
.wap-letter-spacing-3{letter-spacing:3px}
.wap-letter-spacing-10{letter-spacing:10px}
.wap-letter-spacing-14{letter-spacing:14px}
.wap-letter-spacing-20{letter-spacing:20px}

.wap-height-100vh{height:100vh;}
.wap-height-50vh{height:50vh;}
.wap-height-30vh{height:30vh;}

.wap-width-pp-100{ width: 100%!important}
.wap-width-pp-90{ width: 90%!important}
.wap-width-pp-80{ width: 80%!important}
.wap-width-pp-70{ width: 70%!important}
.wap-width-pp-60{ width: 60%!important}
.wap-width-200{width: 200px!important}
.wap-width-100{width: 100px!important}
.wap-width-80{width: 80px!important}
.wap-width-auto{width: auto!important}

.wap-margin-auto{ margin: auto!important;}
.wap-margin-0{ margin: 0px!important;}
.wap-margin-4{ margin: 4px!important;}
.wap-margin-right-4{ margin-right: 4px!important;}
.wap-margin-right-10{ margin-right: 10px!important;}
.wap-margin-right-14{ margin-right: 14px!important;}
.wap-margin-right-20{ margin-right: 20px!important;}
.wap-margin-right-24{ margin-right: 24px!important;}
.wap-margin-right-40{ margin-right: 40px!important;}
.wap-margin-bottom-4{ margin-bottom: 4px!important;}
.wap-margin-bottom-10{ margin-bottom: 10px!important;}
.wap-margin-bottom-14{ margin-bottom: 14px!important;}
.wap-margin-bottom-20{ margin-bottom: 20px!important;}
.wap-margin-bottom-30{ margin-bottom: 30px!important;}
.wap-margin-bottom-34{ margin-bottom: 34px!important;}
.wap-margin-bottom-44{ margin-bottom: 44px!important;}

.wap-padding-top-0{ padding-top: 0px!important;}
.wap-padding-top-4{ padding-top: 4px!important;}
.wap-padding-top-10{ padding-top: 10px!important;}
.wap-padding-top-20{ padding-top: 20px!important;}
.wap-padding-top-50{padding-top: 50px!important}
.wap-padding-left-0{ padding-left: 0!important;}
.wap-padding-left-10{ padding-left: 10px;}
.wap-padding-left-20{ padding-left: 20px;}
.wap-padding-right-0{ padding-right: 0!important;}
.wap-padding-bottom-0{ padding-bottom: 0!important;}
.wap-padding-bottom-10{ padding-bottom: 10px!important;;}
.wap-padding-bottom-20{ padding-bottom: 20px!important;;}
.wap-padding-bottom-30{ padding-bottom: 30px!important;;}
.wap-padding-bottom-40{ padding-bottom: 40px!important;;}
.wap-padding-bottom-50{ padding-bottom: 50px!important;;}
.wap-padding-bottom-100{ padding-bottom: 100px!important;;}
.wap-padding-bottom-150{ padding-bottom: 150px!important;;}
.wap-padding-bottom-160{ padding-bottom: 160px!important;;}
.wap-padding-bottom-180{ padding-bottom: 180px!important;;}
.wap-padding-0{ padding: 0!important;}
.wap-padding-10{ padding: 10px!important;}
.wap-padding-lr-4{ padding-left: 4px!important; padding-right: 4px!important;}
.wap-padding-lr-20{ padding-left: 20px!important; padding-right: 20px!important;}
.wap-padding-tb-20{ padding-top: 20px!important; padding-bottom: 20px!important;}
.wap-padding-tb-30{ padding-top: 30px!important; padding-bottom: 30px!important;}
.wap-padding-tb-40{ padding-top: 40px!important; padding-bottom:40px!important;}

.wap-color-black{ color:#303133}
.wap-color-white{ color: white}
.wap-color-gray{ color:#909399}
.wap-color-gray-2{ color:#606266}
.wap-color-blue{ color:#18126a}
.wap-color-pink{ color:#f19ec2}

.wap-ul-li-width-pp-100>li{ width: 100%!important}
.wap-ul-li-width-pp-50>li{ width: 50%!important}
.wap-ul-li-width-pp-33>li{ width: 33.33%!important}
.wap-ul-li-width-pp-25>li{ width: 25%!important}
.wap-column-width-pp-100>.column{ width: 100%!important}
.wap-column-width-pp-50>.column{ width: 50%!important}
.wap-column-width-pp-33>.column{ width: 33.33%!important}
.wap-column-width-pp-25>.column{ width: 25%!important}

.wap-btn-white-link{ border:1px solid white; background: transparent; color: white!important}
.wap-btn-white-link:hover,.btn-white-link:focus{color: #514b99!important; border-color: #fff!important; background: rgba(255, 255, 255, 0.7);}

.wap-height-100vh{height:100vh;}
.wap-height-50vh{height:50vh;}
.wap-height-auto{ height: auto!important}
.wap-height-20{ height: 20px!important}
.wap-height-24{ height: 24px!important}
.wap-height-26{ height: 26px!important}
.wap-height-30{ height: 30px!important}
.wap-height-40{ height: 40px!important}
.wap-height-50{ height: 50px!important}
.wap-height-60{ height: 60px!important}
.wap-height-70{ height: 70px!important}

.table.wap-table-scroll {
    display: block;
    overflow-x: auto;
    padding-bottom: 0.75rem;
    white-space: nowrap;
}

/**/

.main-p-lr-box{padding: 0 18px;}
.main-p-tb-box{padding-top: 18px; padding-bottom: 18px;}
.main-p-tb-box-66{padding-top: 30px; padding-bottom: 30px;}

.header-box{ height: 62px; line-height: 62px;}
.main-navigation-logo-box{ top:10px; height: 40px;}
.main-navigation-logo{ width:218px; height: 40px}
.main-navigation-logo:hover .main-navigation-logo-icon{ transform: translate(90px,0);}
.main-navigation-buton-use > button{ width: 25px; height: 25px; font-size: 12px}
.main-navigation-button-menu{ width: 26px}
.main-navigation-button-menu-dash{ border-top: 1px solid;}

.main-menu-box{ width: 100%}
.main-menu-box-list-item{ font-size: 24px; margin-top: 15px;}
.main-menu-box-list-item:hover .main-menu-box-list-sub-box{ height: 80px; }
.main-menu-box-list-link{ padding-bottom: 8px;}
.main-menu-box-list-sub-link{ margin-left: 10px; padding: 0;}
.main-menu-box-list-sub-item{ font-size: 14px}

.i-menu-use-buton{ height: 26px; border-radius: 26px; padding-right: 2px;}
.i-menu-use-buton>i{ width: 22px; height: 22px;margin-left: 3px;}
.i-menu-use-buton>span{ font-size: 14px}
.main-navigation-open .i-menu-use-buton{margin-right: 8px;}
.main-menu-box>img{bottom:25%; right: 5%; width: 400px}
.main-navigation-open .main-menu-box>img{ opacity: 1; right: 5%; bottom:25%}

.main-navigation-open .main-box{transform: translateX(100%); height:100%; top:0}
.main-navigation-open #i-zwis-button{transform: translateX(100%)  scale(.6);}

#i-zwis-button{right: 50%; width: 368px; margin-right: -184px; transform: scale(.6); bottom:0}

.main-home-header-box{bottom: 18px; left: 18px; right: 18px; top: 62px;}

.home-banner-swiper-pagination{ bottom:66px;}
.swiper-pagination-bullet{ width: 33px; height: 6px; border-radius: 6px; margin: 0 3px;}

.main-home-header .i-zwis-button{ bottom:80px; right: initial; height: 48px; width: 80%;left: 10%; font-size: 18px; transform: scale(1) translateX(0); max-width: initial}
.main-home-header .i-zwis-write{ font-size: 12px; padding: 4px 5px; margin-right: 10px; font-weight: 400}
.main-home-header .i-round-box{ border-radius: 48px; width: 70px; display: inline-block;}
.main-home-header .i-round-box>i{ display: inline-block; background: #cfac92; height: 46px; width: 46px; border-radius: 100px; float:left; transform: scale(.8)}
.main-home-header .i-round-box-shadow{ width: 60px}

.main-zwis-window{ transform: scale(.7)}

.footer-box{ padding-left: 0!important; padding-right: 0!important; padding-bottom: 0!important; padding-top: 30px!important}
.footer-logo{max-width: 300px;}
.footer-title>i.iconfont{ width: 18px; height: 18px;}
.selectdown{ height: 30px; width: 30px; top:50%; margin-top: -15px; right: 0; line-height: 30px;}
.teachername{ height: 40px; width: auto; right: -1px; top:-1px; line-height: 40px!important; border-radius: 0px 40px 40px 0}

.main-link{ display: none; border-radius: 16px;}
.main-link:hover,.main-link.active{  height: 220px!important; opacity: 1;}

.main-home.skrollr-ease-out-8{transition: all .6s cubic-bezier(0, 0, 0.0, 1.0) 0s!important;}

.main-home-about .main-home-about-year{ top:46%}
.main-home-about-blurb{left:5%; bottom:60%}

.main-home-sendword-logo-left{  background-position:-250px center; background-size: auto  500px; opacity: .2}
.main-home-sendword-logo-right{ background-position:right center; background-size: auto  500px; opacity: .2; transform:translate(250px,0); }

.main-home-sendword{ padding: 30px 0;}
.main-home-sendword-box{ width: 80%; margin: auto;}
.main-home-sendword-box .main-title{ margin-bottom: 20px}

.main-home-team{ padding: 0; height: auto; }
.main-home-team-box{ padding-bottom: 100px; padding-top: 40px; display: flex; align-items: center;}
.main-home-team-box > div{ margin: 0;}
.main-home-team-box > div>b{ padding: 0 24px}
.main-home-team-box-columns .main-home-team-list{ width: 100%; padding: 0 24px!important}
.main-home-team-list>ul{ width: 100%;}
.main-home-team-list>ul>li{ float: left; padding-right: 8px}
.main-home-team-list button{font-size: 18px; width: auto; padding-right: .8em}
.main-home-team-list button.active{ width: auto}
.main-home-team-about ul{margin-left: 6%;}
.main-home-team-about{ width: 100%;  font-size: 14px;}

.home-six-swiper{ border-radius: 14px}
.home-six-swiper-pagination{ left: 0}

.main-home-teamother-img{width: 80%; margin-left: 0}
.main-home-teamother-img>b{ font-size: 40px; line-height: 50px; top:-54%}
.main-home-teamother-list{ font-size: 58px; line-height: 58px; width: 100%}
.main-home-teamother-list>li>div>div:nth-child(1){ margin-right: 0}

.main-more {font-size: 14px; padding: 4px 15px;}

.main-home-teamother{ padding-top: 100px; padding-bottom: 100px}
.main-home-news{ padding-top: 100px; padding-bottom:200px}
.main-news>span{ padding-top: 14px!important; padding-bottom: 14px!important; font-size: 12px}

.main-home-enrol{ height: 800px!important}

.main-home-news .home-news-swiper .swiper-slide{ width: 32%; padding: 0 4px;}
.main-home-news .home-news-swiper .swiper-slide:nth-child(even){ width: 44%!important;}
.main-news>img{ height: 180px}

 .main-home-prebook-left-box{ margin-left: 0; width: 90%; margin: auto; max-width: initial}
 
 .main-home-prebook-left{ width: 100%;}
 .main-home-prebook-right{ width: 100%;}
 .main-home-prebook-right-box{max-width: initial}
 .main-home-prebook-left-box .i-zwis-button-min{ transform: scale(.8)}
 .main-home-prebook-right-box-header{ display: none}

 .main-zwis-form .form-group{ padding-bottom: 0px}
 .main-zwis-form .form-label{ font-size: 14px; margin-bottom: 4px}
 .main-zwis-form .form-radio{font-size: 14px!important;}
 .main-zwis-form .form-input,.main-zwis-form .form-select{ font-size: 14px; height: 2.8em; line-height: 1.1em; padding: 0 1em}
 .main-zwis-form  input[type="date"]{ line-height: 2.5em; }

.main-home-prebook-left{ background-size: auto 30%}

.i-aleft{ display: none}

#skrollr-body{transform-style: preserve-3d;}

.wap-tr-sendword{ animation-duration: 2s!important; animation-timing-function:ease-out!important;}

.home-class-swiper .main-home-class-box{ margin: 4px;}

.man-language{ font-size: 24px;  width: 3em; height: 3em; margin: 0 0.1em; }


.main-inner-title{ font-size: 22px; }
.main-inner-box{ padding: 0 18px;}
.main-inner-box p{font-size: 14px; line-height:1.8em;}
.main-inner-navigation-box{ display: none}
.inner-swiper-pagination{ bottom:6%}
.inner-swiper-pagination .swiper-pagination-bullet{ width: 26px; height: 4px; border-radius: 4px; margin: 0 2px;}
.main-inner-more>i{ height: 4px; border-radius: 10px; width: 44px; margin-right: 2px}
.main-inner-more>span{height: 4px; border-radius: 10px; width: 4px;}

#inner-about-profile,.inner-about-profile,#inner-parent-club,.inner-parent-club{ padding: 40px 0; padding-top: 10px}
#inner-about-profile .column,.inner-about-profile .column{ width: 100%;}
.inner-about-profile-banner-box{ height: 30vh; width: 100%;}
.inner-about-profile-content{ width: 90%; margin-left: 5%}

.inner-about-target-menu{ max-width: 400px;}
.inner-about-target-button>button{ font-size:16px; padding: 0 .2em;margin-bottom: .8em}
.inner-about-target-button>button>i{ margin-right: .2em}
.inner-about-target-button>button>span{ padding-right: .2em}
.inner-about-target-button>button.active>i{width: 1em; height: 1em;}
.inner-about-target-button>button.active>span{padding-right: 2em}
.inner-about-target-face{padding-top: 34px; width: 70%}
.inner-about-target-face>img{ height: 40vh;}
.inner-about-target-face>div>img{height: 40vh;}

.inner-about-vmv-box{ font-size: 24px; }
.inner-about-vmv-block>span{ font-size: 100px;}
.inner-about-vmv-content{ font-size: 20px;}
#mission-vision-mission .inner-about-vmv-block>span{ font-size: 80px;}
#mission-vision-value .inner-about-vmv-block>span{ font-size: 110px;}

.inner-about-sendword-box img{ position: absolute; top:-70px; left: -110px;}
.inner-about-sendword-box .inner-sendword-headmaster-name{ bottom:8%; right: 6px}

.inner-about-team{ width: 33.33%; height: 380px; padding-right: 5px; padding-left: 5px; padding-bottom: 10px; position: relative!important; left: 0!important;float: left; overflow: hidden}
.inner-about-team-name{ font-size: 18px; }
.inner-about-team-img{height: 70%;}
.inner-about-team-content{ width: 75%;  left: 12%; top:24%; font-size: 14px; padding: 3% 4%; line-height: 2em; }
.inner-about-team-more{ font-size: 12px; display: none}
.inner-about-team-notes{font-size: 10px; line-height: 1.2em}

.inner-about-team-box .main-home-teamother-list>li{ margin: 0}
.inner-about-team-box .main-home-teamother-list>li>div{ padding: 0; margin-bottom: 0}

.swiper-button-next{right: -30px;}
.swiper-button-prev{left: -30px}

#inner-parent-club .inner-about-profile-banner-box,.inner-parent-club .inner-about-profile-banner-box{ height: 30vh; }
.school-home-communication .inner-about-profile-banner-box{ margin-left: 0%; width: 100%; height: 30vh; padding-top: 30px; box-sizing: border-box; padding-bottom: 30px}
#inner-parent-club .column,.school-home-communication .column,.inner-parent-club .column{ width: 100%;}

.main-more-2{ font-size: 12px}
.inner-news-school-box{ padding: 0 0px}
.inner-news-school-box .column:nth-child(1){ width: 100%; padding-bottom: 14px}
.inner-news-school-box .column:nth-child(2){ width: 20%}
.inner-news-school-box .column:nth-child(3){ width: 80%}
.inner-news-hot .inner-news-hot-date{ padding: 0 0px}
.inner-news-hot .inner-news-hot-date>b{ font-size: 40px; line-height: 1.2em}
.inner-news-hot .inner-news-hot-date>span{ font-size: 12px;}
.inner-news-hot .inner-news-hot-img{ width: 100%; height: 220px;}
.inner-news-hot .inner-news-hot-content>b{font-size: 16px; margin-bottom: 10px;}

.inner-news-school-box .inner-news .column{ width: 100%;}
.inner-news .inner-news-hot-img{ width: 100%; height: 114px;}
.inner-news .inner-news-hot-date{ display: block; width: 100%; text-align: left; padding-top: 6px;}
.inner-news .inner-news-hot-date .main-more-2{ float: right}
.inner-news .inner-news-hot-content{padding: 0}
.inner-news .inner-news-hot-content>b{font-size: 16px;}

.PagesBox ul>li{margin: 0 0}
.PagesBox ul>li>a{ font-size: 14px; width: 3em; height: 3em; line-height: 2.9em}

.inner-content-box>.columns>.column{ width: 100%}
.inner-content-box-content{ width: 100%; margin-left: 0px; height: auto; margin-bottom: 30px}
.main-join-a{ position: relative; }
.main-join-a img{ margin-right: 0px;}
.main-join-zwis{ padding: 0 10px; border-radius: 70px;}
.main-join-zwis a{ width: 140px;}
.inner-content-box-img {width: 100%;height: 30vh;}
.inner-content-box-img>img{ height: 100%}

.inner-content-box-job>div>span{ width: 100%; padding-right: 10px}

.inner-education-advantage-box{padding-left: 60px; height: 800px;}
.inner-education-advantage-swiper-content>div{ padding: 18px;}
.inner-education-advantage-swiper-content b{ font-size: 18px!important; }
.inner-education-advantage-swiper-content p{ font-size: 12px!important; line-height: 1.6em!important}
.inner-education-advantage-swiper-pagination-i{ transform: scale(.6); top:0; margin-left: 0; left: 50%; margin-left: -41.5px;} 
.inner-education-advantage-box .swiper-slide .column{ width: 100%;}
.inner-education-advantage-box .home-six-swiper-pagination{ left: -20px; transform: scale(.9)}

.inner-education-characteristic-box>.columns>.column:nth-child(1){ width: 100%; margin-bottom: 20px}
.inner-education-characteristic-list-a{ padding: .6em 10px; padding-right: 10px; }
.inner-education-characteristic-list-content>div{ margin: 10px 0; padding: 10px 0; padding-right: 10px}
.inner-education-characteristic-list-content-text{ padding: 0 10px;}
.inner-education-characteristic-list-content-text .i-characteristic{ float: left; margin-right: 30px}
.inner-education-characteristic-list-content .column{ width: 100%}

.inner-education-curriculum-img{ width: 60px;}
.inner-education-curriculum-box .column{ width: 100%}
.inner-education-curriculum-box-img{  margin-left: 0px}
.inner-education-curriculum-box-content {width:80%;padding: 30px 0;}

.inner-campus-environment-box-content,.inner-campus-psychology-box-content{ height: auto!important; margin-left: 0}
.inner-campus-environment-box .main-inner-title,.inner-campus-psychology-box .main-inner-title { position: relative!important; float: right}

.inner-campus-lodge-box-content,.inner-campus-restaurant-box-content{ height: auto!important; margin-right: 0}
.inner-campus-lodge-box .main-inner-title,.inner-campus-restaurant-box .main-inner-title { position: relative!important;}

.inner-content-address-content{ width: 100% !important; padding-right: 0 !important}
.inner-content-excellent >.columns{ display: block!important;}
.inner-content-excellent >.columns>.column{ width: 100%}

.teacher-ewm-box img{ width: 60px; height: auto; border: 5px solid white; border-radius: 4px; display: block; float: left;}

.main-navigation-teacher-ewm{ display:none;}

.wap-teacher-ewm-box{ display: block;}

.excellent-ewmbox .excellent-ewm-list:nth-child(1){ margin-left: 4%;}

.inner-content-join .inner-content-box-img,.inner-content-job .inner-content-box-img{ height:40vh !important;}

#school-uniform .main-inner-title{ position: relative; top:0; right:inherit; z-index: 2; margin-bottom: 15px;}
#school-uniform .main-inner-title>b{ color:#d2aa96 !important;}

.main-home-six-text{ width: 70%;}
.main-home-six-title{ width: 80%;}


@media screen and (max-width: 800px){

    .main-home-about{ height: 1140px;}
    .main-home-about-zwie{ display: none}
    .main-home-about-zwie-wap{ display: block; width: 100%;  position: absolute; bottom:8%; left: 0; transform: scaleX(1);}
    
}
@media screen and (max-width: 660px){
    .main-menu-box>img{right: -40%;}
    .main-navigation-open .main-menu-box>img{ right: -40%;}

    .main-home-about .main-home-about-year{ top:46%}
    .main-home-about-blurb{left:10%; bottom:60%;width: 80%;}


    .main-home-teamother{ padding-top: 40px; padding-bottom: 40px}
    .main-home-teamother>.columns>.column{ width: 100%}
    .main-home-teamother-img>b{ font-size: 22px; line-height: 30px; top:0; position: relative}
    .main-home-teamother-img{ width: 100% }
    .main-home-teamother-list{ font-size: 40px; line-height: 40px; width: 90%; margin: auto; padding-top: 30px}
    .main-home-teamother-list > li > div{ padding: 3% 0}
    .main-home-teamother-list>li>div>div:nth-child(2){ font-size: 13px;}
    .main-home-teamother-list > li > div > div:nth-child(1){ margin-right: 2%}

    .inner-about-vmv-box{ font-size: 22px; }
    .inner-about-vmv-block>span{ font-size: 50px;}
    .inner-about-vmv-content{ font-size: 14px;}
    #mission-vision-mission .inner-about-vmv-block>span{ font-size: 40px;}
    #mission-vision-value .inner-about-vmv-block>span{ font-size: 55px;}

    .inner-about-sendword-box{ width: 100%;  padding: 2% 6%; }
    .inner-about-sendword-content b{margin-bottom: 14px; margin-top:10px}
    .inner-about-sendword-box img{ position: absolute; top:-130px; left: -7%;}
    .inner-about-sendword-box .inner-sendword-headmaster-name{ bottom:4%; right: -16px}

    .inner-about-team{ height: 260px;}
    .inner-about-team-name{ font-size: 30px; }

    .inner-about-teamother-box>div{ width: 100%}
    .inner-about-team-left{ width: 100%}
    .inner-about-teamother-box .main-home-teamother-list{ padding-top: 0}

    .inner-about-us{padding:3% 3%}
    .inner-about-us>div>div{ width: 100%}
    .inner-about-us-honour{ width: 100%; background-size: 160px; display: block }
    .inner-about-us-honour>div{ width: 100%}
    .inner-about-us-honour>div:nth-child(1){ margin-bottom: 150px}
    .inner-about-us-honour-a{ padding: 14px 10px 14px 38px; width: 100%; height: 90px; margin: 4px 0; }
    .inner-about-us-honour-a>b{font-size: 16px; line-height: 1em; margin-bottom: .6em}
    .inner-about-us-honour-a>span{ font-size: 12px; line-height: 1em; }
    .inner-about-us-honour-a>i{ font-size: 24px;top:8px; left: 10px; }
	
	.inner-about-target-menu{ max-width: 100%; position: relative;}
	.inner-about-target-face{ width: 100%;}
	
	.main-home-class-box .main-home-class-title{font-size: 40px; line-height: 30px; margin-top: 40%;}
	.main-home-class-box .main-home-class-title>font{ font-size: 30px;}
	
	
}
/*wapss=========================================*/
@media screen and (max-width: 560px){

    .main-home-team-box-columns{padding-top: 8%;}
    .main-home-team-list>ul>li{  padding-right: 6px}
    .main-home-team-list button{font-size: 14px; width: auto; padding-right: .8em; padding-top: 4px; padding-bottom: 4px; margin-bottom: 1.6em;}
    .main-home-team-about{ position: relative; overflow: hidden; font-size: 12px;}
    .main-home-team-about-expert>img{height: 84%!important; border-radius: 14px; overflow: hidden}

    .main-home-about{ height: 940px;}

    .main-home-enrol{ height: 600px!important}
	
	.inner-about-vmv-title{ top:4%}
	.inner-about-vmv-content{ width: 65%; line-height: 14px; font-weight: 400 !important;bottom: 10%;}
	.inner-about-vmv-block{ width: 70%;}
	
	.inner-about-team-name{ font-size: 18px; }
	
	.main-home-class-box .main-home-class-title{font-size: 30px; line-height: 30px; margin-top: 40%;}
	.main-home-class-box .main-home-class-title>font{ font-size: 30px;}
	
	.main-home-sendword .main-title .main-home-sendword-headmaster{ transform: translate(0,0); width: 70px; position: relative !important;}
	.main-home-sendword .main-title .main-home-sendword-headmaster-name{font-size: 12px; line-height: 12px; left: -30px; top:0; width: 110px;}
	.main-home-sendword .main-title > b {width: 300px; font-size: 18px;position: absolute !important;line-height: 20px;top: 30px;left: 90px;width: 300px;}
	.main-home-sendword-box-word{margin-left: 0px; padding: 10px 0;}
	.main-home-sendword-box-word p{line-height: 18px;}
	
	.main-title>b{ font-size: 22px; max-width: 90px; line-height:22px}
	
	.main-select-box>ul{ width: 320px; background: #fff; font-size: 14px;}
	.main-select-box>ul>li{ width: 50%; float: left; margin: 0; border-bottom: 1px solid #f6eeea;}
}
@media screen and (max-width: 450px){

    .main-zwis-window{ transform: scale(.5)}

    /*.main-home-about{ height: 700px}*/
    .main-home-about-blurb{left:10%; bottom:initial; width: 80%;}
    
    .main-title{ margin: 18px}
    .main-title>b{ font-size: 22px; max-width: 90px; line-height:22px}
    .main-title>i{ width: 30px; height: 30px; }

    .main-home-class-box .main-home-class-title{font-size: 30px; line-height: 30px; margin-top: 40%;}
    .main-home-class-box .main-home-class-student{background-size: 120% auto;}
    .main-home-class-box .main-home-class-student.main-student-high{ background-position-x: -30%}
    .main-home-head{margin-top: -60px; line-height: 40px}
    .main-home-head>div{ line-height: 40px}
    .main-home-class-box{ height: 400px; }



    .main-home-sendword-logo-left{  background-position:-160px center; background-size: auto  320px; opacity: .2}
    .main-home-sendword-logo-right{ background-position:right center; background-size: auto 320px; opacity: .2; transform:translate(160px,0); }

    .main-home-sendword-box{ width: 90%; margin: auto}

    .main-home-about{ height: 640px;}

    .main-home-enrol{ height: 500px!important}
	
	.excellent-table-box{ width: 100%; overflow: auto;}
	.excellent-table-box>.excellent-table{ width: 100%; min-width: 1000px;}
    
}
@media screen and (max-width: 380px){
}	
@media screen and (max-width: 320px){
    .main-zwis-window{ transform: scale(.4)}
}
@media screen and (max-width: 310px){
}