@charset "utf-8";
*{		margin:0;
		padding:0;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
		-webkit-box-sizing:border-box;}
	
body{	font-size:0.625em;
		color:#000;
		font-family:"Arial";
		background-color:#898a8a;;
		
}

html {
	width:100%;
	height:100%;}
a{		text-decoration:none;}


li{	float:left;}


ul{	list-style:none;}

li{	line-height:1.2;}

img{	border:0;}



.clear{	clear:both;}

.container{		width:100%;
				margin:auto;
				position:relative;}
				
				
.container .container1{ width:960px;
						margin:auto;
						position:relative;
						box-shadow:0 0 10px black;
						background-color:#fe5d02;}				
/*--------------------header-------------------*/

/*.container .headerWrapper{	width:100%;
							margin:auto;
							height:auto;
							position:relative;
							background:#ffd200;}*/
				

							
.container .headerWrapper .header{		width:960px;
										margin:auto;
										position:relative;
										}							

.container .headerWrapper .header .right {width:485px;
										position:relative;
										float:right;
										height:auto;
										margin:auto;
										margin-top:10px;
										margin-right:0;
										}

.container .headerWrapper .header .right h1{	float:left;
											margin-left:5px;
											font-size:1.6em;}
											
										

.container .headerWrapper .header .right p{	font-size:1.4em;
											padding:1px;
											float:left;
											text-align:center;
											}

.container .headerWrapper .header .right p:hover{	text-decoration:underline;}


 .icons{
width:120px;
height:40px;
position:relative;
float:right;
padding-right:10px;


}

.icons li{
float:left;
padding-left:2px;
}

.icons a{
display:block;
width:33px;
height:34px;
}

.icons .btn1{
background:url(../images/icons.png) no-repeat 0 0;
}
.icons .btn2{
background:url(../images/icons.png) no-repeat 50% 0;
}
.icons .btn3{
background:url(../images/icons.png) no-repeat 100% 0;
}

.icons .btn1:hover{
background:url(../images/icons.png) no-repeat 0 100%;
}
.icons .btn2:hover{
background:url(../images/icons.png) no-repeat 50% 100%;
}
.icons .btn3:hover{
background:url(../images/icons.png) no-repeat  100% 100%;
}							


.container .headerWrapper .header .right .icons .btn1{
background:url(../images/icons.png) no-repeat 0 0;
}
.container .headerWrapper .header .right .icons .btn2{
background:url(../images/icons.png) no-repeat 50% 0;
}
.container .headerWrapper .header .right .icons .btn3{
background:url(../images/icons.png) no-repeat 100% 0;
}

.container .headerWrapper .header .right .icons .btn1:hover{
background:url(../images/icons.png) no-repeat 0 100%;
}
.container .headerWrapper .header .right .icons .btn2:hover{
background:url(../images/icons.png) no-repeat 50% 100%;
}
.container .headerWrapper .header .right .icons .btn3:hover{
background:url(../images/icons.png) no-repeat  100% 100%;
}


.container .headerWrapper .header .left {	width:290px;
										position:relative;
										margin:auto;
										float:left;
										margin:10px 0;
										cursor:pointer;
										background:url(../images/Umabel-Education_logo.png) no-repeat left center;
										background-size:34%;}

.container .headerWrapper .header .left h2{		float:left;
												width:330px;
												font-size:1.6em;
												margin:1px 100px;
												position:relative;}
											
										
/*--------------------banner-------------------*/
/*.container .bannerWrapper{		width:100%;
								position:relative;
								margin:auto;
								background-image:linear-gradient(#fe5d02,#ff7200);
								background-image:-moz-linear-gradient(#fe5d02,#ff7200);
								background-image:-o-linear-gradient(#fe5d02,#ff7200);
								background-image:-wekite-linear-gradient(#fe5d02,#ff7200);
								background-image:-ms-linear-gradient(#fe5d02,#ff7200);
								}*/

.container .bannerWrapper  .banner{	width:960px;
									min-height:350px;
									position:relative;
									margin:auto;
									overflow:hidden;}

.container .bannerWrapper .banner .gallery1{width:95000px;
										min-height:350px;
										
										position:relative;
										margin-bottom:-50px;}

					
.container .bannerWrapper .banner .gallery1 ul li{float:left;
											}
					
.container .bannerWrapper .banner .tabs{width:12%;
										height:12px;
										position:absolute;
										z-index:99;
										margin-top:325px;
										margin-left:837px;
										}

.container .bannerWrapper .banner .tabs ul li{width:10%;
height:12px;
float:left;
margin-left:5px;
background-color:white;
cursor:pointer;}												

.container .bannerWrapper .banner .tabs ul li:hover,.container .bannerWrapper .banner .tabs ul li.active{
background-color:orange;
}

/*-------------------------nav-------------------*/
.container .nav{width:960px;
				height:40px;
				margin:auto;
				position:relative;
				background-color:#28bdd3;
				margin-top:-5px;}


.container .nav ul li ul li{	float:none;}

.container .nav ul li a{display:block;		
					color:#000;
					line-height:40px;
					font-size:1.6em;
					padding:0 16px;
					font-weight:bold;}


.container .nav ul li ul{	position:absolute;
						display:none;
						}


.container .nav ul li:hover ul{display:block;
						margin:auto;
						z-index:100;
						border-radius:5px;
						}
						
.container .nav ul li ul li:hover ol{background-color:#28bdd3;
						display:block;
						font-size:0.710em;
							font-weight:normal;}

.container .nav ul li ul li ol  {background-color:#28bdd3;
						display:none;
						list-style:none;
						margin:auto;
						position:absolute;
						margin-left:175px;
						width:100%;
						font-size:1.0em;
						padding:3px 0;
						margin-top:-26px;
					
						transition: all 0.5s;
						-webkit-transition: all 0.5s ;
						-moz-transition: all 0.5s ;
						-ms-transition: all 0.5s ;
						-o-transition: all 0.5s ;
						}	

.container .nav ul li ul li ol li a {background-color:#28bdd3;
						padding:3px 15px;
						line-height:1.2;
						font-size:1.2em;
						transition: all 0.5s;
						-webkit-transition: all 0.5s ;
						-moz-transition: all 0.5s ;
						-ms-transition: all 0.5s ;
						-o-transition: all 0.5s ;
						}						

.container .nav ul li ul li a{background-color:#28bdd3;
						padding:3px 15px;
						line-height:1.2;
						font-size:1.2em;
						transition: all 0.5s;
						-webkit-transition: all 0.5s ;
						-moz-transition: all 0.5s ;
						-ms-transition: all 0.5s ;
						-o-transition: all 0.5s ;
						
						}
						
						
						
.container .nav ul li a:hover{/*background-color:#b9bfc0;*/
						border-radius:0px 0px 0 0;
						text-decoration:underline;
						color:#FFF;}
.container .nav ul li a:hover,.container .nav ul li a.active{/*background-color:#b9bfc0;*/
text-decoration:underline;
						color:#FFF;}

/*-------------------content------------------*/

.container .content{	width:960px;
					margin:auto;
					background:#fff;
					position:relative;
					
					
					padding:10px 0 5px 0;}


.container .content .animate{	width:960px;
								height:auto;
								margin:auto;
								background:#ffd200;
								}
								
.container .content .rightClass{width:50%;
								height:auto;
								float:right;
								padding:29px;
								margin-top:10px;
								position:relative;
								}								

.container .content .rightClass ul li{	font-size:1.4em;
									}
ol li{	font-size:1.4em;
									padding-top:5px;
									padding-bottom:5px;}									

input[id="text"]{
	width:100px;
	height:30px;
	line-height:30px;
	border:none;
	background-color:#ef5b31;
	color:#000000;
	font-weight:bold;
	cursor:pointer;
	border-radius:5px;
	float:right;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;}	


.container .content .rightClass .txt{margin:10px 5px;
									float:right;
									}


.container .content .rightClass .rightClass1{	width:100%;
											height:auto;
											margin:auto;
											float:right;
											position:relative;
											padding-right:10px;}	


.container .content .rightClass .rightClass1 ol li{	font-size:1.4em;
									padding-top:5px;
									padding-bottom:5px;}


.container .content .leftClass{	width:49%;
								margin:auto;
								float:left;
								padding:30px;
								margin-top:10px;
								position:relative;
								}


.container .content .leftClass  ul li{	font-size:1.4em;
										padding:11px 0;
									}	
									
.wrapperStyle{	width:100%;
					height:100%;
					position:absolute;
					background-color:rgba(0,0,0,0.8);
					z-index:930;
					top:0;
					display:none;}
					
.innerBoxStyle{	width:600px;
					height:400px;
					position:absolute;
					background-color:red;
					z-index:999;
					display:none;
					}
					
					
					
.innerBox input{float:right;
			background:#fff;}																
	
/*--------------------footer----------------*/
/*.footerWrapper{				width:100%;
							margin:auto;
							height:80px;
							position:relative;
							background:#ffd200;
							clear:both;
							margin-top:10px;}*/
							
.footerWrapper .footer{		width:960px;
							margin:auto;
							height:80px;
							position:relative;
							/*background:#ffd200;*/}

.footerWrapper .footer .icons{
width:122px;
height:68px;
position:relative;
float:right;
padding-top:10px;


}


.footerWrapper .footer .icons li{
float:left;
padding-left:5px;
}

.footerWrapper .footer .icons a{
display:block;
width:33px;
height:34px;
}

.footerWrapper .footer .icons .btn1{
background:url(../images/icons.png) no-repeat 0 0;
}
.footerWrapper .footer .icons .btn2{
background:url(../images/icons.png) no-repeat 50% 0;
}
.footerWrapper .footer .icons .btn3{
background:url(../images/icons.png) no-repeat 100% 0;
}

.footerWrapper .footer .icons .btn1:hover{
background:url(../images/icons.png) no-repeat 0 100%;
}
.footerWrapper .footer .icons .btn2:hover{
background:url(../images/icons.png) no-repeat 50% 100%;
}
.footerWrapper .footer .icons .btn3:hover{
background:url(../images/icons.png) no-repeat  100% 100%;
}							

.footerWrapper .footer ul li a{display:block;		
					color:#000;
					font-size:1.2em;
					padding:15px 10px;
					text-align:center;
					font-weight:normal;}
					
					
.footerWrapper .footer  h1{display:block;		
					color:#000;
					font-size:1.2em;
					margin-top:40px;
					margin-left:-245px;
					float:left;
					text-align:center;
					font-weight:normal;}