/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
body.site {
	padding: 0px;
	font-family: 'Open Sans', sans-serif!important;
}
.container {
	max-width: 2560px;
}
.abus img {
	width: 33.333333333%;
	display: block;
	float: left;
}
.staff img {
	width: 400px;
	display: block;
	float: none;
	margin: 0 auto;
	border: 1px solid #a9a9a9;
}
.messageicon{width: 200px;}
.qrcode {
    margin: 50px 0px;
    background-color: #f2f2f2;
    padding: 30px 0px;
}
div.itemImageBlock {
	height: 300px;
	background-size: cover;
	background-position: center center;
}
.honorbox h3, .albums {
	font-size: 30px
}
.album ul{
    float: none!important;
    margin: 0 auto!important;
    display: inline-flex!important;}
.tablejxtcwall100 img {
	width: 80px;
	height: 80px;
	border-radius: 50px;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
	border: 2px solid #ffffff;
}
.honorbox h5 {
	font-size: 20px;
	background-color: #ffa300;
	width: fit-content;
	padding: 1% 3%;
	color: #ffffff;
	margin: 10px auto 0px;
}
.album {
    margin: 3% 0%;
}
.opendate{width: 250px;display: inline-block;}
.showcasejxtcwall100 {
    min-height: 360px;
    padding: 50px 0px;
    max-width: 1600px;
    margin: 0 auto;
}
.cthour div{padding: 5%}
.ct{text-align: center;}
.cthour h4 {
    font-size: 22px;
}
.cthour h5 {
    font-size: 18px;
    line-height: 200%;
    background: #f2f2f2;
    width: 100%;
    padding: 1%;
}
.honorbox td {
	height: 200px;
}
.honorbox p {
    width: 70%;
    margin: 0 auto;
    font-size: 14px;
    line-height: 150%;
    display: block;
    height: 135px;
    background-color: #ececec;
    padding: 3% 3% 0%;
    font-weight: 600;
    background-position: right 90px;
    background-repeat: no-repeat;
    overflow: hidden;
	border-radius: 10px;
}
.tablejxtcwall100 td {
	text-align: center;
}
.staff {
	text-align: center;
}
.itemTitle {
	text-align: center;
	width: 100%;
	display: block;
	float: left;
	color: #ffffff;
	font-size: 30px;
	text-indent: -1em;
	line-height: 300px
}
.casegray {
	background-color: #f7f7f7;
}
.casewhite {
	background-color: #ffffff;
}
.abus h3 {
	width: 100%;
	text-align: center;
	font-size: 20px;
	padding: 1% 0%!important;
}
.abus h4 {
	text-align: center;
	font-size: 24px;
}
.abus1 {
	text-align: center;
}
.abuscase {
	padding: 10% 0%;
}
.nn_tabs-toggle-inner {
	font-size: 20px;
	font-weight: 600;
}
.partners img {
	margin: 1%;
	padding: 1%;
	height: 200px;
}
.about-us-txt {
	max-width: 1400px;
	margin: 0 auto;
}
.body .container {
	padding: 0px;
}
.about-us-txt div>p {
	font-size: 18px;
	line-height: 200%;
}
.container {
	max-width: 2560px;
}
.itemBackToTop {
	display: none;
}
body.site {
	background-color: #ffffff;
}
.nav > li > a {
    font-size: 16px;
}
.header {
	max-width: 1400px;
	margin: 0 auto;
	padding: 10px 0px;
}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
	width: 100%;
}
.footer {
	text-align: center;
	margin: 0 auto;
	padding: 1% 0%;
	line-height: 150%;
	background: #666666;
	color: #ffffff;
	font-size: 12px;
	letter-spacing: 1px;
	float: left;
	width: 100%;
}
.nav {
	margin-bottom: 0px;
}
#k2Container, .itemBody {
	padding: 0px!important;
	margin: 0px!important;
}
.navigation .nav li {
	display: inline-block;
	padding: 18px 2%;
	border-right: 1px solid #fff;
	transition: .5s all;
}
.navigation {
	border: 0px!important;
	margin-bottom: 0px;
	text-align: right;
}
.navigation .nav>li:hover {
	background-color: #CCCCCC;
}
.navigation>a, .navigation>a:hover {
	color: #666666;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 2px;
	background-color: transparent!important
}
.nav-child {
    min-width: 180px!important;
}
.nav-child a{width: 100%!important; padding: 10px 0px!important;text-transform:uppercase; text-align: center;}
.nav-child li {
    width: 100%!important;
    padding: 0px!important;
}
.indexlogo {
	margin-top: 0%;
	height: auto;
	width: 440px;
}
.w10 {
	width: 100%;
	display: block;
	float: left
}
.w10 {
	width: 10%;
	display: block;
	float: left
}
.w20 {
	width: 20%;
	display: block;
	float: left
}
.w30 {
	width: 30%;
	display: block;
	float: left
}
.w40 {
	width: 40%;
	display: block;
	float: left
}
.w50 {
	width: 50%;
	display: block;
	float: left
}
.w60 {
	width: 60%;
	display: block;
	float: left
}
.w70 {
	width: 70%;
	display: block;
	float: left
}
.w80 {
	width: 80%;
	display: block;
	float: left
}
.w90 {
	width: 90%;
	display: block;
	float: left
}
.w100 {
	width: 100%;
	display: block;
	float: left;
}
.w33 {
	width: 33.333333333%;
	display: block;
	float: left
}
.w25 {
	width: 25%;
	display: block;
	float: left
}
.body .container {
	background-color: transparent;
}
.bannerindex {
	text-align: center;
	width: 99%;
	margin: 0 auto;
	background-image: url(/images/bg1.jpg);
	background-position: center;
	background-size: cover;
}
.smalltxt {
	font-size: 0.6em;
}
.hot {
	background-color: #B90003;
	color: #ffffff;
	display: block;
	margin: 3% auto -2%;
	width: fit-content;
	float: none;
	font-size: 0.6em;
	padding: 1%;
}
.indexclass:hover {
	background-size: 130%;
	box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.3);
}
.indexclass h3, .indexclass2 h3 {
	font-size: 45px;
	font-weight: 800;
	z-index: 1111;
	position: relative;
	font-family: 'Open Sans', sans-serif!important;
	letter-spacing: -2px;
	padding: 22px!important;
	margin: 0% 0% 1%!important;
	line-height: 100%;
}



.red{color: #df1417;}
.white{
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
	color: #ffffff;
}
.h3bb{
	border-bottom: 10px solid #ffffff30;}

.h3bt{
	border-top: 10px solid #ffffff30;}
.indexclass p, .indexclass2 p {
    font-size: 17px;
    line-height: 190%;
    width: 90%;
    margin: 0 auto;
    letter-spacing: 0px;
    font-weight: 600;
    overflow: hidden;
    z-index: 1111;
    position: relative;
    margin-bottom: 10px;
    border-radius: 5px;
    color: #000000;
}
.indexclass ul {
	font-size: 15px;
	line-height: 200%;
	width: 90%;
	margin: 0 auto;
	letter-spacing: 0px;
	font-weight: 600;
	overflow: hidden;
	z-index: 1111;
	position: relative;
	margin-bottom: 10px;
	border-radius: 5px;
	max-width: 750px;
}
.indexclass2 ul {
    font-size: 15px;
    line-height: 200%;
    width: 100%;
    margin: 0 auto;
    letter-spacing: 0px;
    font-weight: 600;
    overflow: hidden;
    z-index: 1111;
    position: relative;
    margin-bottom: 10px;
    border-radius: 5px;
    max-width: 900px;
}
.indexclass li {
	width: 100%;
	float: none;
	list-style: none;
	padding: 1% 0%;
	margin: 5px auto;
	background: #ffffff;
	border-radius: 10px;
}
.afterschool img {
	width: 30px;
	margin-right: 1%;
}
.indexclass2 li {
    float: left;
    list-style: none;
    width: 48%;
    padding: 1% 0%;
    margin: 5px 1%;
    background: #ffffff;
    border-radius: 10px;
	text-align: left;
	text-indent: 1em;
}
.indexclass li {
	width: 100%;
	float: none;
	list-style: none;
	padding: 1% 0%;
	margin: 5px auto;
	background: #ffffff;
	border-radius: 10px;
}
.readmore {
    width: 50%;
    padding: 1%;
    background-color: #515b6d;
    border-radius: 5px;
    color: #ffffff;
    display: block;
    margin: 0 auto;
    z-index: 1111;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: .5s all;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 16px;
    border: 1px solid #ffffff96;
}
.readmore:hover {
	background-color: #666666;
	cursor: pointer;
	color: #ffffff;
}
.summer {
    width: 98%!important;
    display: block!important;
    float: left!important;
    text-align: center;
    padding: 3% 2%;
}
.trans {
        background: transparent!important;
    padding: 0px!important;
    WIDTH: 48%!important;
    float: left!important;
    margin: 1%!important;
}
.sptxt {
    color: #df1417;
    font-weight: 800;
}
.enroll {
    width: calc(50% + 115px);
    height: 100px;
    position: absolute;
    text-align: right;
    margin-top: 207px;
    pointer-events: none;
    z-index: 99999;
}
.enroll2 {
	width: calc(50% + 121px);
	height: 100px;
	position: absolute;
	text-align: right;
	margin-top: 535px;
	pointer-events: none;
	z-index: 999;
}
.catItemDateCreated{display: none;}
.indexclass {
    width: 48%;
    float: left;
    height: 780px;
    padding: 0%;
    margin: 0.5%;
    text-align: center;
    transition: all .5s;
    border-radius: 20px;
    background-position: center center;
    background-size: 130%;
    overflow: hidden;
    background-color: #6dbef5;
}
.indexclass2 {
    width: 97%;
    float: left;
    height: fit-content;
    padding: -0.5%;
    margin: 0.5%;
    text-align: center;
    transition: all .5s;
    border-radius: 20px;
    background-position: center center;
    background-size: 115%;
    background-color: #93d3ff;
}
.c01a {
	background-image: url(/images/class/01-2.jpg)
}
.c02a {
	background-image: url(/images/class/02-2.jpg)
}
.c03a {
	background-image: url(/images/class/03-2.jpg)
}
.c04 {
	background-image: url(/images/class/04.jpg)
}
.c05 {
	background-image: url(/images/class/05.jpg)
}
.c06 {
	background-image: url(/images/class/06.jpg)
}
.productw {
	width: 98%;
	float: left;
	height: 350px;
	padding: 0.5%;
	margin: 0.5%;
	text-align: center;
	transition: all .5s;
	border-radius: 5px;
	background-position: center center;
	background-size: 100%;
}
.productw:hover {
	background-color: #E8E8E8;
	background-size: 120%;
	box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.3);
}
.prodcut {
	max-width: 1400px;
	margin: 0 auto
}
.productw {
	max-width: 1900px;
	margin: 0 auto
}
.program {
	width: 100%;
	display: block;
	float: left;
	text-align: center;
	margin: 30px auto 0px;
	padding: 50px 0%;
	background-color: #ffffff;
}
.pcase {
	max-width: 800px;
	margin: 0 auto;
}
.pcase div {
	width: 33.333333%;
	display: block;
	float: left;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	padding: 2% 0%;
}
.about-us-box {
	background-color: #0099ff;
	color: #fff;
}
.usbox {
	padding: 10%;
	line-height: 150%;
	font-size: 17px;
}
.ctarea {
	background: #ffffff;
	text-align: center;
	padding: 1% 0%;
}
.ctarea a {
	margin: 1%;
}
.wuse {
	display: block;
}
.puse {
	display: none;
}
.missioncase {
	background-image: url(/images/Our-Mission.jpg);
	background-size: cover;
	height: 430px;
}
.newsimg{display: none;}
.brand{width: 350px}
.brand img{width: 100%;}
@media (max-width: 500px) {
.navbar .btn-navbar {
	color: #000;
	border-color: #b9b9b9;
	background: #000000;
}
	
.brand{width: auto}
.header .brand {
	float: left;
	margin-left: 4%;
}
	.indexclass2 {
    width: 97%;
    float: left;
    margin: 0.5% 1.5%;
}
.navbar {
	float: right;
	margin-right: 10px;
}
.navbar .btn-navbar .icon-bar {
	background-color: #797979;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}
.indexlogo {
	margin-left: -25%;
	margin-top: 40%;
	width: 50%;
}
	.honorbox td {
    height: 200px;
    width: 100%!important;
    display: block;
    float: left;
}
.indexclass {
	width: 90%;
	float: left;
	height: fit-content;
	padding: 2%;
	margin: 3%;
}
.enroll {
	width: calc(8% + 78px);
	height: 77px;
	text-align: right;
	margin-top: 290px;
}
.indexclass h3, .productw h3 {
	font-size: 26px;
	line-height: 90%;
}
.enroll2 {
	width: calc(10% + 74px);
	height: 100px;
	margin-top: 860px;
	right: 0px;
}
.indexclass {
	background-size: 140%;
}
	.honorbox p {
    height: fit-content;
    padding: 3%;
}
.honorbox td {
    height: fit-content;
}
	.indexclass2 li {
    width: 90%;
    margin: 5px 5%;
}
.readmore {
	width: 75%;
	padding: 3%;
}
.pcase div {
	width: 21.333333%;
	font-size: 12px;
	font-weight: 600;
	padding: 6%;
}
	.honorbox h5 {
    margin: 10px auto;
}
.w50 {
	width: 100%;
}
.usbox {
	font-size: 14px;
}
.footerleft {
	display: none;
}
.ctarea a {
	margin: 1% 4%;
}
.header {
	padding: 5px 0px;
	position: fixed;
	z-index: 999999999;
	background: #ffffff;
	width: 100%;
	margin-top: -3px;
}
.navigation .nav li {
	display: block;
	padding: 18px 0%;
	border-right: 0px;
	transition: .5s all;
	text-align: center;
	background: #f4f6f7;
}
.nav-collapse .nav > li.active > a {
	color: #000;
}
.wuse {
	display: none
}
.puse {
	display: block;
}
.mfooter {
	width: 100%;
	display: block;
	position: fixed;
	bottom: 0px;
	background-color: #232323;
	padding: 10px 0px;
	z-index: 999999;
}
.mfooter a {
	margin: 0% 5%;
}
.w33 {
    width: 95%;
    overflow: hidden;
    margin: 0 2.5%;
}
.sigProLinkWrapper a{width: 90%;}
}