body {
	margin: 0;
	font-family: 'BenchNine', sans-serif;
	background-color: #dce0ff;
	font-size: 18px;
}
/*slides*/
@media screen and (max-width: 500px) {
	section.slides {
		width: 100%;
		max-width: 1500px;
		margin: 0 auto;
		overflow: hidden;
		height: 300px;
		position: relative;
	}
	section.slides .logo_show_blur {
		height: 100%;
		position: absolute;
		width: 100vw;
		z-index: 01;
		background-image: -webkit-linear-gradient(-201deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 35%, #ffffff 70%, #ffffff 100%);
		background-image: -moz-linear-gradient(291deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 35%, #ffffff 70%, #ffffff 100%);
		background-image: linear-gradient(291deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 35%, #ffffff 70%, #ffffff 100%);
		background-position: 50% 50%;
		-webkit-background-origin: padding-box;
		background-origin: padding-box;
		-webkit-background-clip: border-box;
		background-clip: border-box;
		-webkit-background-size: auto auto;
		background-size: auto auto;
	}
	section.slides .wrap {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 100%;
		max-width: 1500px;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 0 20px;
	}
	section.slides .wrap .info {
		width: 100%;
		height: 100%;
		float: left;
		position: relative;
		z-index: 1;
		padding-top: 20px;
		box-sizing: border-box;
	}
	section.slides .wrap .info img {
		width: 60%;
	}
	section.slides .wrap .info p {
		font-weight: bold;
		font-size: 1.1em;
		line-height: 1.1em;
		width: 75%;
		margin: 10px 0;
	}
	section.slides .wrap .info a {
		text-decoration: none;
		font-weight: bold;
		color: white;
		background-color: #2a4164;
		padding: 5px 0;
		font-size: .8em;
		display: block;
		width: 200px;
		text-align: center;
		-webkit-box-shadow: 6px 6px 0px 0px #cffc03;
		-moz-box-shadow: 6px 6px 0px 0px #cffc03;
		box-shadow: 6px 6px 0px 0px #cffc03;
		-webkit-transform: skewX(-10deg);
		transform: skewX(-10deg);
	}
	section.slides .wrap .images {
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
	}
	section.slides .wrap .images img {
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
	}
}
@media screen and (min-width: 501px) and (max-width: 800px) {
	section.slides {
		width: 100%;
		max-width: 1500px;
		margin: 0 auto;
		overflow: hidden;
		height: 550px;
		position: relative;
	}
	section.slides .logo_show_blur {
		height: 100%;
		position: absolute;
		width: 45vw;
		z-index: 01;
		background-image: -webkit-linear-gradient(-201deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 35%, #ffffff 70%, #ffffff 100%);
		background-image: -moz-linear-gradient(291deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 35%, #ffffff 70%, #ffffff 100%);
		background-image: linear-gradient(291deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 35%, #ffffff 70%, #ffffff 100%);
		background-position: 50% 50%;
		-webkit-background-origin: padding-box;
		background-origin: padding-box;
		-webkit-background-clip: border-box;
		background-clip: border-box;
		-webkit-background-size: auto auto;
		background-size: auto auto;
	}
	section.slides .wrap {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 100%;
		max-width: 1500px;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 0 40px;
	}
	section.slides .wrap .info {
		width: 50%;
		height: 100%;
		float: left;
		position: relative;
		z-index: 1;
		padding-top: 80px;
		box-sizing: border-box;
	}
	section.slides .wrap .info img {
		width: 85%;
	}
	section.slides .wrap .info p {
		font-weight: bold;
		font-size: 1.4em;
		line-height: 1.2em;
		width: 80%;
	}
	section.slides .wrap .info a {
		text-decoration: none;
		font-weight: bold;
		color: white;
		background-color: #2a4164;
		padding: 10px 0;
		display: block;
		width: 200px;
		text-align: center;
		-webkit-box-shadow: 6px 6px 0px 0px #cffc03;
		-moz-box-shadow: 6px 6px 0px 0px #cffc03;
		box-shadow: 6px 6px 0px 0px #cffc03;
		-webkit-transform: skewX(-10deg);
		transform: skewX(-10deg);
	}
	section.slides .wrap .images {
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
	}
	section.slides .wrap .images img {
		width: 100%;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
	}
}
@media screen and (min-width: 801px) {
	section.slides {
		width: 100%;
		max-width: 2000px;
		margin: 0 auto;
		overflow: hidden;
		height: 550px;
		position: relative;
	}
	section.slides .logo_show_blur {
		height: 100%;
		position: absolute;
		width: 45vw;
		z-index: 01;
		background-image: -webkit-linear-gradient(-201deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 35%, #ffffff 70%, #ffffff 100%);
		background-image: -moz-linear-gradient(291deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 35%, #ffffff 70%, #ffffff 100%);
		background-image: linear-gradient(291deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 35%, #ffffff 70%, #ffffff 100%);
		background-position: 50% 50%;
		-webkit-background-origin: padding-box;
		background-origin: padding-box;
		-webkit-background-clip: border-box;
		background-clip: border-box;
		-webkit-background-size: auto auto;
		background-size: auto auto;
	}
	section.slides .wrap {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 100%;
		max-width: 2000px;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 0 0px 0 40px;
	}
	section.slides .wrap .info {
		width: 50%;
		height: 100%;
		float: left;
		position: relative;
		z-index: 1;
		padding-top: 30px;
		box-sizing: border-box;
	}
	section.slides .wrap .info img {
		width: 80%;
	}
	section.slides .wrap .info p {
		font-weight: bold;
		font-size: 1.6em;
		line-height: 1.2em;
		width: 80%;
	}
	section.slides .wrap .info a {
		text-decoration: none;
		font-weight: bold;
		color: white;
		background-color: #2a4164;
		padding: 10px 0;
		display: block;
		width: 200px;
		text-align: center;
		-webkit-box-shadow: 6px 6px 0px 0px #cffc03;
		-moz-box-shadow: 6px 6px 0px 0px #cffc03;
		box-shadow: 6px 6px 0px 0px #cffc03;
		-webkit-transform: skewX(-10deg);
		transform: skewX(-10deg);
	}
	section.slides .wrap .images {
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
	}
	section.slides .wrap .images img {
		width: 100%;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
	}
}
/*links*/
@media screen and (max-width: 500px) {
	section.links {
		width: 100%;
		overflow: auto;
		max-width: 1500px;
		margin: 0 auto;
		height: auto;
		background-color: #12092e;
		background-image: url(images/links_bg.png);
		background-repeat: no-repeat;
		background-position: 5% center;
		background-size: cover;
	}
	section.links .wrap {
		margin: 0 auto;
		width: 100%;
		overflow: auto;
		max-width: 750px;
		box-sizing: border-box;
		padding: 10px 0;
	}
	section.links .wrap img {
		font-size: 20px;
		height: 100%;
		line-height: 60px;
		margin: 0 auto;
		width: 65vw;
		display: block;
	}
	section.links .wrap a {
		background-color: #2a4164;
		color: white;
		text-decoration: none;
		font-weight: bold;
		font-size: 15px;
		display: block;
		width: 40vw;
		float: left;
		text-align: center;
		margin: 10px 4vw 0 4vw;
		-webkit-transform: skewX(-10deg);
		transform: skewX(-10deg);
		box-sizing: border-box;
		padding: 10px 0;
	}
	section.links .wrap a:nth-of-type(1) {
		background-color: #6600ff;
	}
	section.links .wrap a:nth-of-type(2) {
		background-color: #10945a;
	}
}
@media screen and (min-width: 501px) and (max-width: 800px) {
	section.links {
		width: 100%;
		max-width: 1500px;
		margin: 0 auto;
		height: 80px;
		background-color: #12092e;
		background-image: url(images/links_bg.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	section.links .wrap {
		margin: 0 auto;
		width: 100%;
		overflow: auto;
		max-width: 750px;
	}
	section.links .wrap img {
		float: left;
		font-size: 20px;
		height: 100%;
		margin: 15px 0 0 0;
		line-height: 60px;
		margin-right: 30px;
		width: 335px;
	}
	section.links .wrap a {
		background-color: #2a4164;
		color: white;
		text-decoration: none;
		font-weight: bold;
		font-size: 17px;
		height: 50px;
		display: block;
		width: 180px;
		float: left;
		text-align: center;
		line-height: 50px;
		margin: 14.4px 10px 0 0;
		-webkit-transform: skewX(-10deg);
		transform: skewX(-10deg);
	}
	section.links .wrap a:nth-of-type(1) {
		background-color: #6600ff;
	}
	section.links .wrap a:nth-of-type(2) {
		background-color: #10945a;
	}
}
@media screen and (min-width: 801px) {
	section.links {
		width: 100%;
		max-width: 1500px;
		margin: 0 auto;
		height: 80px;
		background-color: #12092e;
		background-image: url(images/links_bg.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	section.links .wrap {
		margin: 0 auto;
		width: 100%;
		overflow: auto;
		max-width: 750px;
	}
	section.links .wrap img {
		float: left;
		font-size: 20px;
		height: 100%;
		margin: 15px 0 0 0;
		line-height: 60px;
		margin-right: 30px;
		width: 335px;
	}
	section.links .wrap a {
		background-color: #2a4164;
		color: white;
		text-decoration: none;
		font-weight: bold;
		font-size: 17px;
		height: 50px;
		display: block;
		width: 180px;
		float: left;
		text-align: center;
		line-height: 50px;
		margin: 14.4px 10px 0 0;
		-webkit-transform: skewX(-10deg);
		transform: skewX(-10deg);
	}
	section.links .wrap a:nth-of-type(1) {
		background-color: #6600ff;
	}
	section.links .wrap a:nth-of-type(2) {
		background-color: #10945a;
	}
}
/*micro points*/
@media screen and (max-width: 500px) {
	section.micro_points {
		overflow: auto;
		width: 100%;
	}
	section.micro_points .wrap {
		overflow: auto;
		width: 100%;
		max-width: 1500px;
		margin: 0 auto;
		padding: 10px 10px;
		box-sizing: border-box;
		background-color: #0024fe;
	}
	section.micro_points .wrap .item {
		float: left;
		height: 180px;
		width: 50%;
		padding: 10px 10px;
		box-sizing: border-box;
		position: relative;
	}
	/*
	section.micro_points .wrap .item:nth-of-type(1) {
		-webkit-transform: skewX(4deg);
		transform: skewX(4deg);
	}
	section.micro_points .wrap .item:nth-of-type(2) {
		-webkit-transform: skewX(4deg);
		transform: skewX(4deg);
	}
	section.micro_points .wrap .item:nth-of-type(3) {
		-webkit-transform: skewX(-4deg);
		transform: skewX(-4deg);
	}
	section.micro_points .wrap .item:nth-of-type(4) {
		-webkit-transform: skewX(-4deg);
		transform: skewX(-4deg);
	}
*/
	section.micro_points .wrap .item .innr {
		height: 100%;
		width: 100%;
		background-image: url(images/);
		background-repeat: no-repeat;
		background-position: center;
		background-size: auto 140%;
		display: flex;
		justify-content: center;
		align-items: center;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	}
	section.micro_points .wrap .item .innr p.name {
		position: absolute;
		bottom: 0;
		text-align: center;
		color: black;
		font-weight: bold;
		font-size: 1.3em;
		line-height: 1em;
	}
	section.micro_points .wrap .item:nth-of-type(4) a.name {
		text-decoration: none;
		display: block;
		color: white;
		text-align: center;
		position: absolute;
		top: 71px;
		font-size: 2.0em;
	}
}
@media screen and (min-width: 501px) and (max-width: 800px) {
	section.micro_points {
		overflow: auto;
		width: 100%;
	}
	section.micro_points .wrap {
		overflow: auto;
		width: 100%;
		max-width: 1500px;
		margin: 0 auto;
		padding: 10px 30px;
		box-sizing: border-box;
		background-color: #0024fe;
	}
	section.micro_points .wrap .item {
		float: left;
		height: 200px;
		width: 25%;
		padding: 10px 15px;
		box-sizing: border-box;
		position: relative;
	}
	section.micro_points .wrap .item:nth-of-type(1) {
		-webkit-transform: skewX(4deg);
		transform: skewX(4deg);
	}
	section.micro_points .wrap .item:nth-of-type(2) {
		-webkit-transform: skewX(4deg);
		transform: skewX(4deg);
	}
	section.micro_points .wrap .item:nth-of-type(3) {
		-webkit-transform: skewX(-4deg);
		transform: skewX(-4deg);
	}
	section.micro_points .wrap .item:nth-of-type(4) {
		-webkit-transform: skewX(-4deg);
		transform: skewX(-4deg);
	}
	section.micro_points .wrap .item .innr {
		height: 100%;
		width: 100%;
		background-image: url(images/);
		background-repeat: no-repeat;
		background-position: center;
		background-size: auto 140%;
		display: flex;
		justify-content: center;
		align-items: center;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	}
	section.micro_points .wrap .item .innr p.name {
		position: absolute;
		bottom: 0;
		text-align: center;
		color: black;
		font-weight: bold;
		font-size: 1.5em;
	}
	section.micro_points .wrap .item:nth-of-type(4) a.name {
		text-decoration: none;
		display: block;
		color: white;
		text-align: center;
		position: absolute;
		top: 65px;
		font-size: 2.5em;
	}
}
@media screen and (min-width: 801px) {
	section.micro_points {
		overflow: auto;
		width: 100%;
	}
	section.micro_points .wrap {
		overflow: auto;
		width: 100%;
		max-width: 1500px;
		margin: 0 auto;
		padding: 10px 30px;
		box-sizing: border-box;
		background-color: #0024fe;
	}
	section.micro_points .wrap .item {
		float: left;
		height: 200px;
		width: 25%;
		padding: 10px 15px;
		box-sizing: border-box;
		position: relative;
	}
	section.micro_points .wrap .item:nth-of-type(1) {
		-webkit-transform: skewX(4deg);
		transform: skewX(4deg);
	}
	section.micro_points .wrap .item:nth-of-type(2) {
		-webkit-transform: skewX(4deg);
		transform: skewX(4deg);
	}
	section.micro_points .wrap .item:nth-of-type(3) {
		-webkit-transform: skewX(-4deg);
		transform: skewX(-4deg);
	}
	section.micro_points .wrap .item:nth-of-type(4) {
		-webkit-transform: skewX(-4deg);
		transform: skewX(-4deg);
	}
	section.micro_points .wrap .item .innr {
		height: 100%;
		width: 100%;
		background-image: url(images/);
		background-repeat: no-repeat;
		background-position: center;
		background-size: auto 140%;
		display: flex;
		justify-content: center;
		align-items: center;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	}
	section.micro_points .wrap .item .innr p.name {
		position: absolute;
		bottom: 0;
		text-align: center;
		color: black;
		font-weight: bold;
		font-size: 1.5em;
	}
	section.micro_points .wrap .item:nth-of-type(4) a.name {
		text-decoration: none;
		display: block;
		color: white;
		text-align: center;
		position: absolute;
		top: 65px;
		font-size: 2.5em;
	}
}
/*about*/
@media screen and (max-width: 500px) {
	section.about {
		overflow: auto;
		width: 100%;
	}
	section.about .wrap {
		overflow: auto;
		width: 95%;
		max-width: 1000px;
		margin: 0 auto;
		padding: 20px 0;
		box-sizing: border-box;
	}
	section.about .wrap .lf {
		float: left;
		width: 100%;
		height: 250px;
		box-sizing: border-box;
		padding: 0;
	}
	section.about .wrap .lf .innr {
		width: 100%;
		height: 100%;
		background-image: url(images/feat_lf_bg_b.png), url(images/feat_lf_bg_a.png);
		background-repeat: no-repeat;
		background-position: 50% 95%, top center;
		background-size: 80% auto, cover;
	}
	section.about .wrap .rt {
		width: 100%;
		overflow: auto;
		margin: 0;
		box-sizing: border-box;
		padding: 20px 0 0 0;
		display: block;
	}
	section.about .wrap h1 {
		font-size: 2.3em;
		line-height: 1.2em;
		margin: 10px 0 0 0;
		text-align: center;
	}
	section.about .wrap h2 {
		font-size: 1.1em;
	}
}
@media screen and (min-width: 501px) and (max-width: 800px) {
	section.about {
		overflow: auto;
		width: 100%;
	}
	section.about .wrap {
		overflow: auto;
		width: 95%;
		max-width: 1000px;
		margin: 0 auto;
		padding: 80px 0;
		box-sizing: border-box;
	}
	section.about .wrap .lf {
		float: left;
		width: 60%;
		height: 400px;
		box-sizing: border-box;
		padding: 0 20px 10px 0;
	}
	section.about .wrap .lf .innr {
		width: 100%;
		height: 100%;
		background-image: url(images/feat_lf_bg_b.png), url(images/feat_lf_bg_a.png);
		background-repeat: no-repeat;
		background-position: 50% 95%, top center;
		background-size: 80% auto, cover;
	}
	section.about .wrap .rt {
		margin: 0;
	}
	section.about .wrap h1 {
		font-size: 4.7em;
		line-height: 1em;
		margin: 0;
	}
	section.about .wrap h2 {
		font-size: 1.4em;
	}
}
@media screen and (min-width: 801px) {
	section.about {
		overflow: auto;
		width: 100%;
	}
	section.about .wrap {
		overflow: auto;
		width: 95%;
		max-width: 1000px;
		margin: 0 auto;
		padding: 80px 0;
		box-sizing: border-box;
	}
	section.about .wrap .lf {
		float: left;
		width: 60%;
		height: 400px;
		box-sizing: border-box;
		padding: 0 20px 10px 0;
	}
	section.about .wrap .lf .innr {
		width: 100%;
		height: 100%;
		background-image: url(images/feat_lf_bg_b.png), url(images/feat_lf_bg_a.png);
		background-repeat: no-repeat;
		background-position: 50% 95%, top center;
		background-size: 80% auto, cover;
	}
	section.about .wrap .rt {
		margin: 0;
	}
	section.about .wrap h1 {
		font-size: 4.7em;
		line-height: 1em;
		margin: 0;
	}
	section.about .wrap h2 {
		font-size: 1.4em;
	}
}
/*courses*/
@media screen and (max-width: 500px) {
	section.courses {
		overflow: auto;
		width: 100%;
	}
	section.courses .wrap {
		overflow: auto;
		width: 100%;
		height: 100%;
		max-width: 1200px;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 0px 0;
	}
	section.courses .wrap .fcy_bdr {
		width: 100%;
		margin: 0 auto;
		height: 5px;
		background-color: #0024fe;
	}
	section.courses .wrap h1 {
		text-align: center;
		font-size: 2em;
		box-sizing: border-box;
		padding: 20px 0 10px 0;
		margin: 0;
	}
	section.courses .wrap h2 {
		text-align: center;
		font-weight: normal;
		font-size: 1.3em;
		width: 100%;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 0 20px;
	}
	section.courses .wrap .list {
		width: 100%;
		overflow: auto;
	}
	section.courses .wrap .list .item {
		float: left;
		width: 100%;
		padding: 10px 30px;
		box-sizing: border-box;
	}
	section.courses .wrap .list .item .innr {
		width: 100%;
		height: 100%;
	}
	section.courses .wrap .list .item .innr .name {
		font-weight: bold;
		font-size: 1.5em;
		padding: 5px 0;
		display: block;
		width: auto;
		border-bottom: 5px solid #cffc03;
	}
	section.courses .wrap .list .item .innr .about {
		padding: 10px 0 0 0;
		margin: 0 0 10px 0;
		font-size: 1.1em
	}
	section.courses .wrap .list .item .innr a {
		text-decoration: none;
		color: white;
		background-color: #0024fe;
		padding: 6px 20px;
		border-radius: 100px;
		font-size: 0.9em;
		text-align: center;
		clear: both;
	}
}
@media screen and (min-width: 501px) and (max-width: 800px) {
	section.courses {
		overflow: auto;
		width: 100%;
	}
	section.courses .wrap {
		overflow: auto;
		width: 95%;
		height: 100%;
		max-width: 1200px;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 50px 0;
	}
	section.courses .wrap .fcy_bdr {
		width: 80%;
		margin: 0 auto;
		height: 10px;
		background-color: #0024fe;
	}
	section.courses .wrap h1 {
		text-align: center;
		font-size: 3em;
		box-sizing: border-box;
		padding: 20px 0 10px 0;
		margin: 0;
	}
	section.courses .wrap h2 {
		text-align: center;
		font-weight: normal;
		font-size: 1.7em;
		width: 80%;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 0 0 50px 0;
	}
	section.courses .wrap .list {
		width: 100%;
		overflow: auto;
	}
	section.courses .wrap .list .item {
		float: left;
		width: 33.33%;
		padding: 10px 30px;
		box-sizing: border-box;
	}
	section.courses .wrap .list .item .innr {
		width: 100%;
		height: 100%;
	}
	section.courses .wrap .list .item .innr .name {
		font-weight: bold;
		font-size: 1.6em;
		padding: 5px 0;
		display: block;
		width: auto;
		border-bottom: 5px solid #cffc03;
	}
	section.courses .wrap .list .item .innr .about {
		padding: 10px 0 0 0;
		margin: 0 0 40px;
		0;
		font-size: 1.3em
	}
	section.courses .wrap .list .item .innr a {
		text-decoration: none;
		color: white;
		background-color: #0024fe;
		padding: 6px 30px;
		border-radius: 100px;
		font-weight: bold;
		font-size: 1em;
		text-align: center;
		clear: both;
		margin: 20px 0 0 0;
	}
}
@media screen and (min-width: 801px) {
	section.courses {
		overflow: auto;
		width: 100%;
	}
	section.courses .wrap {
		overflow: auto;
		width: 95%;
		height: 100%;
		max-width: 1200px;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 50px 0;
	}
	section.courses .wrap .fcy_bdr {
		width: 80%;
		margin: 0 auto;
		height: 10px;
		background-color: #0024fe;
	}
	section.courses .wrap h1 {
		text-align: center;
		font-size: 3em;
		box-sizing: border-box;
		padding: 20px 0 10px 0;
		margin: 0;
	}
	section.courses .wrap h2 {
		text-align: center;
		font-weight: normal;
		font-size: 1.7em;
		width: 80%;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 0 0 50px 0;
	}
	section.courses .wrap .list {
		width: 100%;
		overflow: auto;
	}
	section.courses .wrap .list .item {
		float: left;
		width: 33.33%;
		padding: 10px 30px;
		box-sizing: border-box;
	}
	section.courses .wrap .list .item .innr {
		width: 100%;
		height: 100%;
	}
	section.courses .wrap .list .item .innr .name {
		font-weight: bold;
		font-size: 1.6em;
		padding: 5px 0;
		display: block;
		width: auto;
		border-bottom: 5px solid #cffc03;
	}
	section.courses .wrap .list .item .innr .about {
		padding: 10px 0 0 0;
		margin: 0 0 40px;
		0;
		font-size: 1.3em
	}
	section.courses .wrap .list .item .innr a {
		text-decoration: none;
		color: white;
		background-color: #0024fe;
		padding: 6px 30px;
		border-radius: 100px;
		font-weight: bold;
		font-size: 1em;
		text-align: center;
		clear: both;
		margin: 20px 0 0 0;
	}
}
/*outro*/
@media screen and (max-width: 500px) {
	section.outro {
		width: 100%;
		overflow: auto;
	}
	section.outro .wrap {
		margin: 0 auto;
		width: 95%;
		overflow: auto;
		max-width: 1200px;
		padding: 50px 0;
		box-sizing: border-box;
	}
	section.outro .wrap img {
		width: 100%;
	}
}
@media screen and (min-width: 501px) and (max-width: 800px) {
	section.outro {
		width: 100%;
		overflow: auto;
	}
	section.outro .wrap {
		margin: 0 auto;
		width: 95%;
		overflow: auto;
		max-width: 1200px;
		padding: 50px 0;
		box-sizing: border-box;
	}
	section.outro .wrap img {
		width: 100%;
	}
}
@media screen and (min-width: 801px) {
	section.outro {
		width: 100%;
		overflow: auto;
	}
	section.outro .wrap {
		margin: 0 auto;
		width: 95%;
		overflow: auto;
		max-width: 1200px;
		padding: 50px 0;
		box-sizing: border-box;
	}
	section.outro .wrap img {
		width: 100%;
	}
}