@charset "utf-8";
@import url("comClass.css");
@import url("comCamp.css");
@import url("comAct.css");
@import url("comParner.css");
.section {
	clear: both;
	position: relative;
	padding-top: var(--section-padding-tb);
	padding-bottom: var(--section-padding-tb);
	width: 1280px;
	margin-right: auto;
	margin-left: auto;
}
.subbg{background-color:var(--sub-color);}
@media screen  and (max-width: 1280px) {
.section {
	width: 90%;
	clear: both;
	float: left;
	padding-right: 5%;
	padding-left: 5%;
}
}
/*COMMOM-===========================*/
.section-bigT{
	float:left;
	clear:both;
	font-size:var(--txt-subigtitle);
	margin-bottom:var(--blcokb-padding-tb)
}
.section-bigT.nomb{margin-bottom:0px}
.section-subT{
	float:left;
	clear:both;
	color:#7ca4a6;
	font-size:var(--txt-stitle);
	margin-bottom:var(--blcokb-padding-tb)}
/*COMMOM-===========================*/
/*wrapper-news========================*/
/*ads*/
#ad2{
	float: left;
	clear: both;
	width: 100%;
	position:relative
}
#ad2 img,#ad1 img{
	width: 100%;
}
#ad2 .slides > li {
	height: auto;}
/*adsEND*/	
.wrapper-news{
	clear: both;
	width: 80%;
	padding:var(--section-padding-tb) 0px;
	margin:0px 10%
}
.col-news-t{
	float:left;
	width:100px;}
.col-news-list{
	float:left;
	width:calc(60% - 200px);
	margin:0px 50px}
.col-news-ad{
	float:left;
	width:40%;
	position:relative}

.listnews{
	width:100%;
	float:left;
	clear:both;
	margin:30px 0px}
.listnews li{
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 30px;
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: var(--sublight-gray);	
}

.box-date{
	color:var(--gray);
	font-size:0.9em}
.box-cata{
	margin-left:5px;
	color:var(--sub-color);
	padding:1px
	}
.box-cata:hover{
	color:#ffffff;
	background-color:var(--sub-color);
	}
.box-news-t{
	float:left;
	clear:both;
	width:100%;
	color:var(--dark-gary);
	margin:10px 0px;
	font-size:1.250em;}
.box-news-t span{
	color:var(--gray)
}
.listnews li:hover .box-news-t span{
	color:var(--main-color)
}
.box-des{
	float:left;
	clear:both;
	width:100%;
	color:var(--gray);
	font-size:0.9em}
.listnews a{color:var( --link-color)}
.listnews a:hover {color:#000000}

.col-date{flex: 0 0 80px;color:var(--light-gray);
font-size:0.8em}
.col-title{flex: 1 1 auto;color:var(--drak-gray)}
.col-cata{
	flex: 0 0 80px;
	margin-right: 10px;
	background-color: var(--main-color);
	color: #ffffff;
	font-size: 0.8em;
	text-align: center;
}
.col-date,.col-title,.col-cata{padding:5px}

.listnews li:hover{
	color:var(--main-color)}


@media screen  and (max-width: 1000px) {
.col-news-t{
	float:left;
	width:100%;}
.col-news-list{
	float: left;
	width: calc(100% - 0px);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.col-news-ad{
	float:left;
	width:100%;
	position:relative}

}

@media screen  and (max-width: 500px) {
.listnews li{
	flex-wrap:wrap}
.col-title{flex: 0 0 100%;}
}
@media screen  and (max-width: 500px) {

.box-news-t{
	    font-size: 1.1em;
	}
	}
/*wrapper-class====================================*/
.wrapper-class{
	float: left;
	clear: both;
	width: 90%;
	background-image: url(../img/index/bg-class.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	margin:var(--section-padding-tb) 0px;
	padding:var(--section-padding-tb) 5%;
}
.wrapper-class-dec1{
	width: 25%;
	position: absolute;
	left: -15%;
	top: -50%;
}
.wrapper-class-dec2{
	width: 25%;
	position: absolute;
	right: -17%;
	bottom: -100px;
}
.wrapper-classlist{
	clear:both;
	width:calc(100% - 10%);
	background-color:#5D5D5D;
	margin:0px auto}
	
.wrapper-class .owl-stage{display: flex;}
.wrapper-class .owl-item{
    display: flex;
    flex: 1 0 auto;
    height: 100%;
	background-image: url(../img/all/line-w.png);
	background-repeat: repeat-y;
	background-position: right top;
}
.wrapper-class .item{
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch;
	width:90%;
	margin:0px 5%
}
.wrapper-class .item:hover .box-class-chT{
		color: #6fe9c8;
	}
.wrapper-class .item:hover .box-class-level{
		color: #ffffff;
		background-color:var(--main-color);
	}
.wrapper-class .item:hover .box-class-pic{
	opacity:0.5}
@media screen and (max-width: 800px) {
.wrapper-class .owl-item{
	background-image: url(../img/all/0.png);
}
}
/*wrapper-ad2===================================*/
.wrapper-ad2{
	width:80%;
	float:left;
	clear:both;
	margin:var(--blcokb-padding-tb) 10%
	}
/*wrapper-camp======================================*/
.wrapper-camp{
	float:left;
	clear:both;
	width:100%;
	margin:var(--section-padding-tb) 0px;}
.wrapper-camp .owl-stage{display: flex;}
.wrapper-camp .owl-item{
    display: flex;
    flex: 1 0 auto;
    height: 100%;
}
.wrapper-camp .item{
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch;
	width:calc(100% - 2px);
	margin:0px 1px
}
/*wrapper-discover=========================
*/
.wrapper-discover{
	float:left;
	clear:both;
	width:100%;
	margin:var(--section-padding-tb) 0px;}
.box-dis-dec{
	float: left;
	clear: both;
	width: 100%;
	background-color: #122c66;
	padding-top: 80px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top:30px
}
.col-sun{flex: 0 0 100px;
text-align:right;
}
.col-cloud{flex: 0 0 100px;
text-align:left;
margin-left:250px}
.wrapper-dis-cont{
	float: left;
	clear: both;
	width: 80%;
	margin:0px 10%
}
.col-dis-w1,.col-dis-w2{
	flex: 0 1 auto;
	width:calc(50% - 100px);
	margin:var(--blcok-padding-tb) 0px}
.col-dis-slogan{flex: 0 0 200px;}
.box-dic-s-pic{
	position: absolute;
	margin-top: -190px;
	width: 400px;
	margin-left: -200px;
	left: 50%;
}
.box-dis-t{
	float: left;
	clear: both;
	width: 100%;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: var(--sub-color);
	}
.col-dic-t-num{flex: 0 0 50px;}
.col-dic-t-num span{
	color: #ffffff;
	background-color: var(--sub-color);
	border-radius: 50%;
	width:40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display:block;
	font-weight:bold
}
.col-dic-t-w{flex:1 1 auto;}
.col-dic-t-w .ch{
	font-size: var(--txt-title);
	color: var(--sub-color);
	font-family: 'Noto Serif TC', serif;
	font-weight: bold;
}
.col-dic-t-w .en{font-size: var(--txt-stitle);color: var(--subtitle-color);color:var(--sub-color)}
.box-dis-des{
	float: left;
	clear: both;
	width: 100%;
	margin-top: 30px;
	font-size: 1.1em;
	line-height: 1.8em;
	}
.row-dis{
	margin:var(--blcok-padding-tb) 0px}
@media screen  and (max-width: 1280px) {	
.wrapper-dis-cont{
	width: 90%;
	margin:0px 5%
}
}
@media screen  and (max-width: 799px) {
.col-dis-w1,.col-dis-w2{
	flex: 0 1 auto;
	width:calc(50% - 20px);}
.col-dis-slogan{flex: 0 0 40px;}	
.box-dic-s-pic{
	position: absolute;
	margin-top: -190px;
	width: 400px;
	margin-left: -200px;
	left: 50%;
}
}
@media screen  and (max-width: 500px) {
.wrapper-dis-cont{
	flex-wrap:wrap;}
.col-dis-slogan{
	flex: 0 0 100%;
	order:1;
	background-color:#A4A4A4}
.col-dis-w1{
	flex: 0 0 100%;
	order:2;
	}
.col-dis-w2{
	flex: 0 0 100%;
	order:3;
	}
.box-dic-s-pic{
	margin-top: -190px;
	width: 100%;
	margin-left:0px;
	left: 0%;
}
}
@media screen  and (max-width: 420px) {
.box-dic-s-pic{
	margin-top: -160px;
	width: 100%;
	margin-left:0px;
	left: 0%;
}
}
/*wrapper-teacher==========================*/
.wrapper-teacher{
	float:left;
	clear:both;
	width:100%;
	margin:var(--section-padding-tb) 0px;}
.col-tea-p{
	flex: 0 0 70%;	
	}
.col-tea-w{
	flex: 0 0 30%;
	}
.box-tea-w{
	width:600px;
	background-color:#f8f8f8;
	padding:100px;
	margin-left:-400px;
	float:left;
	clear:both;
	}
.box-tea-des{
	float: left;
	clear: both;
	width:100%;
	font-size: 1.1em;
	line-height: 1.8em;
}
@media screen  and (max-width: 1200px) {
.box-tea-w .section-bigT br{
	display:none}
.col-tea-p{
	flex: 0 0 50%;
	background-image: url(../img/index/bg-teacher.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:cover;
	 align-self: stretch;
	}
.col-tea-p img{
	display:none}
.col-tea-w{
	flex: 0 0 50%;
	background-color:#f8f8f8;
	}
.box-tea-w{
	width:calc(100% - 100px);
	padding:50px;
	margin-left:0px;
	}
}
@media screen  and (max-width: 1000px) {
.col-tea-p{
	background-image: url(../img/index/bg-teacher2.jpg);
	background-size:contain
	}
}
@media screen  and (max-width:750px) {
	.wrapper-teacher{flex-wrap:wrap;
	}
	.col-tea-p,.col-tea-w{flex: 0 0 100%;}
	.col-tea-p{
	height: 300px;
	background-size: 100% auto;
	background-position: center;
}
.box-tea-w{
	width:calc(100% - 10%);
	padding:30px 5%;
	margin-left:0px;
	}
}
/*wrapper-recruit========================*/
.wrapper-recruit{
	max-width:800px;
	margin:var(--blcok-padding-tb) auto;
}
.wrapper-recruitin:before{
	content: "";
	width: 10px;
	height: 200px;
	display: block;
	margin-top: -250px;
	margin-left: -5px;
	background-color: var(--sub-color);
	position: absolute;
	left: 50%;
}
.wrapper-recruitin{
	float:left;
	clear:both;
	width:calc(100% - 102px);
	padding:50px;
	border:solid 1px var(--sub-color)}
@media screen  and (max-width: 750px) {
	.wrapper-recruitin:before{
	content: "";
	width: 10px;
	height:80px;
	display: block;
	margin-top: -120px;
	margin-left: -5px;
}
}
/*wrapper-act===================================*/
.wrapper-act{
	float:left;
	clear:both;
	width:100%;
	margin:var(--section-padding-tb) 0px;}
.col-act-t{
	float:left;
	width:15%;margin:0px 5%;}
.col-act-w{	float:left;width:75%;}
.actlist .owl-stage{display: flex;}
.actlist .owl-item{
    display: flex;
    flex: 1 0 auto;
    height: 100%;
}
.actlist .item{
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch;
	width:calc(100% - 2px);
	margin:0px 1px;
	align-self: flex-end;
}
.box-act .ratio-4-3{
	background-size:contain;
}
@media screen  and (max-width: 800px) {
.col-act-t{
	width: 90%;
	clear: both;
	float: left;
	margin-top: 0px;
	margin-right: 5%;
	margin-bottom: 0px;
	margin-left: 5%;
	text-align:center;
	margin-bottom:30px;
}
.col-act-t .icon-all{
	margin-right:auto;
	margin-left:auto;}
.col-act-t .box_pagetitle{
	margin:0px auto}
.col-act-w{clear: both;
	float: left;width:100%;}
.col-act-t	.box_pagetitle:before{
	background-position: center;
}
.col-act-t	.box_pagetitle .tdes{
	text-align:center;
	margin-right:auto;
	margin-left:auto;
}
}
/*wrapper-parenr=========================*/
.wrapper-parenr{
	float:left;
	clear:both;
	width:90%;
	background-color:#f4f4f4;
	padding:var(--section-padding-tb) 5%
	}