 
 
@media screen and (max-width:1131px){
.wrapper-block{width:100%; margin:0 auto;}
.top-left{width:65%; margin:0}	
.scrollerWrapper { width:50%  }
.top-right{width:35%; margin:12px 0 0 0}
.top-r-btm{position:absolute; right:0px; bottom:-40px; width:35%;}
.top-r-btm .flex-two .eff-l{position:absolute; width:30px; height:40px; background:#d90765; left:-17px; top:-13px; transform:rotate(-35deg)} 
.top-r-btm .flex-two:nth-of-type(1) a{font-size:1em}
.flex-two{display:block; width:48%; margin:0 auto 7px auto;} 
	 
 
 } 
 
 
 
 
@media screen and (max-width:960px){
.wrapper-block{width:99%; margin:0 auto; padding:0 5px}
.top-left{width:50%; margin:0}	
.scrollerWrapper { width:50%  }
.top-right{width:48%; margin:12px 0 0 0}
.top-r-btm{position:absolute; right:0px; bottom:-50px; width:30%;}
.top-r-btm .flex-two .eff-l{position:absolute; width:30px; height:57px; background:#d90765; left:-19px; top:-12px; transform:rotate(-35deg)} 
.top-r-btm .flex-two:nth-of-type(1) a{font-size:1em}
.flex-two{display:block; width:48%; margin:0 auto 7px auto;} 
.notice{ width:100%;height:98%; padding:0 20px 0 20px; margin-bottom:20px; }
.notic-inner marquee{height:200px;}
.course-t-inner{ text-align:center; display:block}
.course-t-boxes{ width:18%;  margin:10px auto} 
.testim-inner .txt{float:none; width:99%;}
 
 } 
 
 @media screen and (max-width:801px){
	.wrapper-block{width:98%; margin:0 auto; padding:0 5px}
.top-left{float:none; width:99%; margin:45px auto 0 auto; padding:5px}
.top-left-head{display:inline-block;margin:0 2px 0 0;}
.scrollerWrapper {  }
.top-right{float:none; display:block; width:99%; margin:3px auto;}
.top-right ul li{margin:0 10px 5px 10px}
.top-r-btm .flex-two:nth-of-type(1){display:none}
.header-top .h-t-m{position:relative}
.header-top{text-align:center}
.logo-l{display:inline-block; vertical-align:middle; margin:0 auto 10px auto; background:#fff; border-radius:100%;}
.logo-l img{width:120px;}
.logo-txt{display:block; margin-bottom:20px}
.logo-txt h2{font-size:2.7em; line-height:35px; margin-bottom:5px; padding-bottom:5px;} 
.header-top .h-t-m h3:before{display:none} 
.menu-main{position:fixed; width:100%; top:0; padding:0; z-index:99999}

 
 }
 
 
 @media screen and (max-width:601px){
.wrapper-block{width:98%; margin:0 auto; padding:0 5px}
.top-left{float:none; width:99%; margin:45px auto 0 auto; padding:5px}
.top-left-head{display:inline-block;margin:0 2px 0 0;}
.scrollerWrapper { width:99%  }
.top-right{float:none; display:block; width:99%; margin:3px auto;}
.top-right ul li{margin:0 10px 5px 10px}
.top-r-btm .flex-two:nth-of-type(1){display:none}
.header-top .h-t-m{position:relative}
.header-top{text-align:center}
.logo-l{display:inline-block; vertical-align:middle; margin:0 auto 10px auto; background:#fff; border-radius:100%;}
.logo-l img{width:120px;}
.logo-txt{display:block; margin-bottom:20px}
.logo-txt h2{font-size:2.7em; line-height:35px; margin-bottom:5px; padding-bottom:5px;} 
.header-top .h-t-m h3:before{display:none}

.menu-main{position:fixed; width:100%; top:0; padding:0; z-index:99999}

.slide-notice{display:block; position:relative; height:auto; width:100%; background:#fff; z-index:1;}
.slide-notice .flex-box .flex-two:nth-of-type(1){width:99%; margin:0 auto 10px auto}
.slide-notice .flex-box .flex-two:nth-of-type(2){width:99%; margin:0 auto 10px auto}
.notice{ width:100%;height:150px; padding:0 20px 0 20px; margin-bottom:20px; }
.notic-inner marquee{height:150px;}
.etc .flex-five{display:inline-block; width:48%; margin:0 auto 10px auto}
.etc h3{font-size:1em; color:#d90765; text-transform:none}

.three-content{width:100%}
.three-content h3{ width:97%; position:absolute; left:5px; bottom:5px;  /*background:rgba(217,7,101,0.8);*/  color:#fff; padding:5px 10px; box-sizing:border-box;border-radius:10px; text-align:left}
.full-dard img{margin-bottom:-10px}
.full-d-txt{width:99%; text-align:center; padding:10px; padding-top:0}
.imageContainer{float:left; padding:10px; width:45%;}
.course-t-inner{display:block; text-align:left}
.course-t-boxes{width:48%; margin:5px auto} 
.testim-inner .txt{float:none; width:99%;}
.testim-inner img{float:none; width:160px; margin:0 auto 10px auto}
.testim h3 a{position:relative;top:-3px; left:5px; font-size:0.4em; padding:0; border:none}
.testim h3 a:hover{background:none}
.testim-inner .txt  dt span{ display:block;}
.facilities .flex-two{position:relative;width:99%; margin:0; text-align:center} 
.social .flex-box .flex-three{width:32%; display:inline-block; vertical-align:middle; margin:0 auto}
.social a{display:block; text-align:center}
.copy-s{text-align:center}
.copy-l{float:none; display:block; margin:5px 0 10px 0}
.copy-r{float:none; display:block;}
.gall-sub-all .imageContainer{width:45%; float:none; display:inline-block; vertical-align:middle; }
/* ------------------------- */
 

.flex-box{ display: block !important;justify-content: space-around;-webkit-flex-flow: column wrap; flex-flow: column wrap;}
.flex-two{display:block; width:99%; margin:0 auto 7px auto;}
.flex-three{display:block; width:99%; margin:0 auto 7px auto}
.flex-four{display:block; width:99%; margin:0 auto 7px auto}
.flex-five{display:block; width:99%; margin:0 auto 7px auto}

 
 }

