@charset "UTF-8";

body main {
	width: 100%;
	height: auto;
}
main .slider {
	position: relative;
}
main .slider .sliderimg {
	width: 100%;
	background-color: hsla(0,0%,93%,1.00);
}
main .slider .imgslider div  {
	width: 100%;
	height: 400px;
}
main .slider #imgslider .imgslide{
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
}
main .slider .slidertxt {
	position: absolute;
	top: 240px;
	z-index: 100;
	background-color: hsla(0,0%,75%,0.91);
	border-radius: 4px;
}
main .slider .slidertxt .txtbox {
	width: 300px;
	height: auto;
}
main .slider .slidertxt .txtbox h1 {
	display: block;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-bottom: 1px solid hsla(59,100%,50%,1.00);
}
main .slider .slidertxt .txtbox p {
	text-align: justify;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
main .slider .boxs {
	position: absolute;
	width: 100%;
	z-index: 1111;
	bottom: 0px;
	display: none;
}
main .slider .boxs .box {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.slider .boxs .box .innerbox {
	height: 200px;
	width: 100%;
	background-color: hsla(0,0%,0%,0.39);
	border-radius: 5px;
}
.boxs .box .innerbox .sign {
	width: 40%;
	float: left;
	height: 200px;
	text-align: center;
	line-height: 200px;
	font-size: 100px;
	color: hsla(0,0%,100%,1.00);
}
.boxs .box .innerbox  h3  {
	display: block;
	width: 60%;
	font-size: large;
	float: right;
	height: 50px;
	line-height: 50px;
	padding-right: 10%;
	text-align: center;
	color: hsla(0,0%,100%,1.00);
}
.boxs .box .innerbox p  {
	display: block;
	width: 60%;
	float: right;
	text-align: center;
	color: hsla(53,41%,84%,1.00);
	padding-right: 10%;
}
main .sec2 {
	display: block;
	height: auto;
	padding-top:35px;
	padding-bottom: 35px;
}
main .sec2 .sectitle {
	border-bottom: 1px solid hsla(0,0%,94%,1.00);
	overflow-y: auto;
}
main .sec2 .sectitle h1 {
	float: right;
}
main .sec2 .courseslider {
	height: auto;
	float: left;
	width: 100%;
}
main .sec2 .courseslider .course {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	float: right;
}
.sec2 .courseslider .course .innerbox  {
	width: 100%;
	position: relative;
	border-bottom: 2px solid #e6e6e6;
}
.sec2 .courseslider .course .innerbox:hover  {
	background-color: rgba(58, 58, 58, 0.09);
}
.sec2 .courseslider .course .innerbox p{
	width: 90%;
	min-height:70px;
	display:block;
	margin:0 auto;
	text-align:justify;
	border-top: 1px solid #dab61b;
	padding-top: 10px;
	border-bottom: 1px solid #dab61b;
	padding-bottom: 10px;
	color: #a6a6a6;
}
.course .innerbox img {
	width: 100%;
    float: none;
    margin: 0px 0px 10px 0px;
    border-radius: 4px 4px 0px 0px;
}
.course .innerbox h4  {
	width: 100%;
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: medium;
	color: #2a2a2a;
	text-align: center;
}
.course .innerbox h5 a{
	width: 100%;
	display: block;
	font-size: medium;
	color: #EACB00;
	text-align: center;
	border-top: 1px solid #D69B0F;
	padding-top: 10px;
	
}
.course .innerbox h5 a:hover{
	color: #FFB000;
	text-decoration:none;
}
.course .innerbox p {
	color: #434343;
	text-align: left;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
main .sec3 {
	width: 100%;
	padding-top: 80px;
/* 	background-image: url(../images/index/sec3.jpg); */
	padding-bottom: 80px;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    background-color: #222629;
    background-size: cover;
}
.sec3  .infoform {
	width: 400px;
	height: auto;
	background-color: rgba(255, 255, 255, 0.3);
	margin-left: auto;
	margin-right: auto;
	float: right;
}
.sec3 .infoform .titlebox {
	background-color: rgba(255, 182, 6, 0.51);
	height: 175px;
	width: 100%;
	border-bottom-right-radius: 50% 25%;
	border-bottom-left-radius: 50% 25%;
	line-height: 175px;
	color: #FFFFFF;
	text-align: center;
	font-size: xx-large;
}
.sec3 .infoform .form-signup {
	width: 75%;
	padding-top: 30px;
	margin-left: auto;
	margin-right: auto;
}
.sec3 .infoform .form-signup input {
	width: 100%;
	height: 40px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
	font-size: large;
	color: #535353;
	margin-bottom: 15px;
	text-align:center;
}
.sec3 .infoform .form-signup .submitbtn {
	background-color: #000000;
	color: #FFFFFF;
	border: 1px solid hsla(0,0%,100%,0.00);
	transition: all 1s;
}
.sec3 .infoform .form-signup .submitbtn:hover {
	background-color: #ffb606;
	color: #141414;
}
.sec3 .txtbox {
	width: auto;
	height: 140px;
	font-size: xx-large;
	line-height: 140px;
	color: hsla(0,0%,100%,1.00);
	text-align: center;
	float: left;
}
main .sec4 {
	padding-top: 30px;
}
main .sec4 .boxtitle {
	margin-bottom: 30px;
}
main .sec4 .boxtitle h2 {
	text-transform: uppercase;
	color: #393939;
}
main .sec4 .boxtitle h6 {
	text-transform: capitalize;
	color: #9B9B9B;
}
main .sec4 .event {
	border-top: 1px solid #D6D6D6;
	padding-top: 50px;
	padding-bottom: 50px;
}

main .sec4 .event .date h1 {
	color: #FFCF00;
	width: 100%;
	border-right: 1px solid #D6D6D6;
	font-size: 70px;
	text-align:center;
}
main .sec4 .event h2 {
	color: #FFCF00;
	
}
main .sec4 .event .date h3 {
	color: #FFCF00;
	
	text-align:center;
}
main .sec4 .event .innerbox  {
	padding-right: 60px;
	padding-left: 60px;
}
.event .innerbox .title h2   {
	font-size: x-large;
}
.event .innerbox .title h6 {
	color: #8F8F8F;
}
.event .innerbox .text   {
	font-size: large;
	color: #909090;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: justify;
}
main .sec5 {
	width: 100%;
	background-image: url(../images/index/sec5-bg.png);
	padding-top: 50px;
	padding-bottom: 50px;
}
main .sec5 .boxtitle {
	margin-bottom: 30px;
	color:#FFFFFF;
}
main .sec5 .boxtitle h2 {
	text-transform: uppercase;
	color: #DEDEDE;
}
main .sec5 .boxtitle h5 {
	text-transform: capitalize;
	color: #DEDEDE;
}
main .sec5 .news {
	width: 100%;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	position: relative;
}
main .sec5 .news .img-title {
	position: relative;
}
main .sec5 .news .img-title img   {
}
main .sec5 .news .img-title .title {
	width: 75%;
	height: auto;
	background-color: hsla(42,90%,52%,0.79);
	text-align: center;
	color: #FFFFFF;
	line-height: 40px;
	margin-left: auto;
	margin-right: auto;
	/* [disabled]transform: rotate(90deg); */
	position: absolute;
	left: 12%;
	bottom: -20px;
	left: 12.5%;
}
main .sec5 .news .glossary {
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: hsla(0,0%,100%,1.00);
	font-size: large;
	padding-top: 20px;
}
main .sec6 {
	overflow-y: auto;
	padding-bottom: 30px;
}
main .sec6 h1 {
	display: block;
	width: 100%;
	height: 60px;
	line-height: 60px;
	font-size: xx-large;
	text-align: center;
}
main .sec6 h3 {
	display: block;
	width: 100%;
	text-align: center;
}
main .sec6 h5 {
	color: hsla(0,0%,55%,1.00);
	width: 100%;
	text-align: center;
}
main .sec6 .text {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 40px;
	color: hsla(0,0%,34%,1.00);
	font-size: large;
}
main .sec6 .getmail {
	width: 700px;
	background-image: url(../images/index/sec6-bg.jpg);
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
	padding-bottom: 40px;
}
main .sec6 .getmail p {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 40px;
	color: hsla(0,0%,34%,1.00);
	font-size: large;
}
.sec6 .getmail .form {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	overflow-y: auto;
}
.sec6 .getmail .form input {
	width: 80%;
	height: 50px;
	padding-left: 30px;
	padding-right: 30px;
	float: left;
}
.sec6 .getmail .form .mail-submit-btn {
	float: left;
	width: 20%;
	height: 50px;
	background-color: #F2B016;
	border: 1px solid hsla(0,0%,0%,0.00);
	text-align:center;
}
.sec6 .getmail form .subbtn:hover  {
	background-color: #896207;
	color: hsla(0,0%,100%,1.00);
}


@media (max-width:992px){
main .slider .boxs {
	position: static;
	width: 100%;
	z-index: 1111;
	background-color: hsla(0,0%,90%,1.00);
	display: none;
}
.sec3  .infoform {
	width: 90%;
	height: auto;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	float: none;
}
.sec3 .txtbox {
	width: 100%;
	height: 140px;
	font-size: xx-large;
	line-height: 140px;
	color: hsla(0,0%,100%,1.00);
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
main .sec6 .getmail {
	width: 90%;
	background-color:hsla(0,0%,96%,1.00);
	box-shadow: 5px 5px 5px hsla(0,0%,48%,1.00);
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
	padding-bottom: 40px;
}
main .sec6 .getmail form input{
	width:65%;
}
main .sec6 .getmail form .subbtn{
	width:35%;
}
}

@media (max-width: 770px){
main .sec2 .courseslider .course {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	float: none;
}

main .sec4 .event .date {
	color: #FFCF00;
	width: 80%;
	margin: 0 auto;
	font-size: 70px;
}

}