body{color: #1c1c1c;background-color: #f5f5f5;}
.container h3{font-size: 30px;}
.reason .container{margin-top: 3%;background-color: #fff;box-shadow: 0 0 14px rgba(24,25,67,.18);}
.reason section,.reason ul{display: inline-block;vertical-align: top;}
.reason section{width: 30%;color: #fff;padding: 3%;background: url(images/bg.jpg) no-repeat top center;background-size: cover;}
.reason section h4{font-size: 40px;font-weight: normal;padding-top: 35px;padding-bottom: 10px;background: url(images/icon.png) no-repeat left top;}
.reason section p{font-size: 16px;line-height: 26px;}
.reason ul{width: 56%;padding-left: 4%;padding-right: 4%;}
.reason li{display: inline-block;width: 28%;margin-right: 8%;vertical-align: top;}
.reason li h5{display: inline-block;font-size: 22px;padding: 80px 30px 10px 10px;position: relative;}
.reason li h5:after{position: absolute;content: '';top: 70%;right: 0;bottom: 0;width: 1px;background-color: #fc31fc;-webkit-transform: rotate(30deg);-moz-transform: rotate(30deg);-ms-transform: rotate(30deg);-o-transform: rotate(30deg);transform: rotate(30deg);}
.reason li:first-of-type h5{background: url(images/icon1.png) no-repeat left top;background-size: 80px;}
.reason li:nth-of-type(2) h5{background: url(images/icon2.png) no-repeat left top;background-size: 80px;}
.reason li:last-of-type h5{background: url(images/icon3.png) no-repeat left top;background-size: 80px;}
.reason li p{font-size: 14px;line-height: 20px;padding-left: 10px;}
.reason a,.programme li>a{display: block;width: 350px;height: 64px;line-height: 64px;font-size: 24px;color: #fff;font-weight: bold;margin: 3% auto 0;box-shadow: 0 0 45px rgba(252,49,252,.85);background-color: #fc31fc;border-radius: 32px;text-align: center;}

.programme .tabs {background-color: #fff;box-shadow: 0 12px 20px rgba(79,25,67,.1);z-index: 10;}
.programme .tabs.active{position: fixed;top: 105px;left: 0;width: 75%;padding-left: 12.5%;padding-right: 12.5%;}
.programme .tabs li{display: inline-block;font-size: 24px;width: 25%;line-height: 80px;text-align: center;position: relative;cursor: pointer;}
.programme .tabs li.active{font-weight: bold;}
.programme .tabs li.active:after{position: absolute;content: '';bottom: 0;left: 10%;width: 80%;height: 8px;background-color: #1f1347;}
.programme .introduction li{padding-left: 5%;padding-right: 5%;background-color: #fff;margin-top: 20px;padding-bottom: 4%;}
.programme .introduction li section{margin-bottom: 3%;}
.programme .introduction li section h4{display: inline-block;width: 150px;font-size: 24px;color: #1f1347;line-height: 10px;margin-left: 50px;padding-top: 25px;margin-bottom: 15px;border-bottom: 8px solid #fc31fc;text-indent: 5px;position: relative;}
.programme .introduction li section h4:before{position: absolute;left: -50px;top: 0;content: '';width: 50px;height: 50px;}
.programme .introduction li section:first-of-type h4:before{background: url(images/icon4.png) no-repeat left center;}
.programme .introduction li section:nth-of-type(2) h4:before{background: url(images/icon5.png) no-repeat left center;}
.programme .introduction li section:nth-of-type(3) h4:before,.programme .introduction li:last-of-type section:nth-of-type(2) h4:before{background: url(images/icon6.png) no-repeat left center;}
.programme .introduction li section:nth-of-type(4) h4:before{background: url(images/icon7.png) no-repeat left center;}
.programme .introduction li section:nth-of-type(5) h4:before{background: url(images/icon8.png) no-repeat left center;}
.programme .introduction li .info{padding-left: 50px;padding-top: 20px;padding-bottom: 10px;background-color: #f5f5f5;}
.programme .introduction li .info h5{font-size: 18px;padding-bottom: 10px;padding-left: 20px;position: relative;}
.programme .introduction li .info h5:before{position: absolute;content: '';left: 0;top: 7px;width: 10px;height: 10px;background-color: #1f1347;}
.programme .introduction li .info h5+p{padding-left: 20px;}
.programme .introduction li .info p{font-size: 14px;line-height: 24px;margin-bottom: 10px;}
.programme .introduction li:first-of-type .major p{text-decoration: underline;}
.programme .introduction li .major p span{display: inline-block;width: 100px;color: #fff;font-weight: bold;line-height: 24px;background-color: #1f1347;padding-left: 35px;margin-right:10px;position: relative;}
.programme .introduction li .major p span:before{position: absolute;content: '';left: 15px;width: 8px;top: 8px;height: 8px;background-color: #fff;border-radius: 50%;}
.programme .introduction li .major p i{display: inline-block;min-width: 60px;padding-left: 8px;padding-right: 8px;line-height: 24px;background-color: #c9c9c9;text-align: center;margin-bottom: 5px;margin-right: 5px;}
.programme .introduction li .school .info{position: relative;}
.programme .introduction li .school p{display: inline-block;width: 10%;min-width: 112px;margin-right: 3%;vertical-align: top;text-align: center;}
.programme .introduction li .school p img{display: block;margin-bottom: 10px;}
.programme .introduction li .school a{position: absolute;right: 2%;top: calc(50% - 25px);width: 150px;line-height: 50px;font-size: 15px;color: #fff;background-color: #1f1347;text-align: center;}
.programme .introduction li .school a:before{position: absolute;content: '...';left: -30%;top: 0;width: 30%;line-height: 40px;font-size: 24px;color: #1c1c1c;letter-spacing: 3px;font-weight: bold;}
.programme li>a{margin: 4% auto 0;}
.programme li>p{font-size: 14px;line-height: 22px;width: 80%;margin-left: 10%;text-align: center;margin-bottom: 3%;}
.programme li .person .info h5,.programme li .person .info p{display: inline-block;width: 45%;padding-left: 20px;vertical-align: top;}
.service li{display: inline-block;width: 30%;margin-right: 5%;margin-bottom: 3%;position: relative;}
.service li p{position: absolute;font-size: 24px;top: 0;left: 0;bottom: 0;width: 100%;padding-top: 8%;text-align: center;}
.service li p:after{position: absolute;content: '';bottom: 22%;width: 40px;left: calc(50% - 20px);height: 5px;background-color: #1f1347;}
.service li:hover p{font-weight: bold;color: #fff;background-color: #fc31fc;}
.service li:hover p:after{background-color: #fff;}

.register{
	padding-top: 18%;
	padding-bottom: 3%;
	margin-top: -16%;
	background: url(images/bg2.jpg) repeat-x top left;
	background-size: 35%;
}
.register form{width: 960px;margin-left: calc(50% - 480px);background-color: #fff;text-align: center;padding-top: 3%;padding-bottom: 2%;}
.register form img{width: 600px;margin-bottom: 2%;}
.register p{
	display: inline-block;
	width: 640px;
	height: 70px;
	font-size: 24px;
	line-height: 70px;
	margin-bottom: 20px;
	text-indent: 20px;
	border-radius: 5px;
	background-color: #f2f2f2;
	text-align: left;
}
.register p input{
	width: calc(100% - 150px);
	font-size: 24px;
	height: 70px;
	line-height: 70px;
	text-indent: 10px;
	vertical-align: top;
}
.register p.tj{
	width: 350px;
	text-indent: 0;
	text-align: center;
	background-color: #fc31fc;
	border-radius: 35px;
	margin-top: 15px;
	box-shadow: 0 0 45px rgba(252,45,252,.85);
}
.register p.tj input{
	font-size: 24px;
	color: #fff;
	font-weight: bold;
}