@charset "utf-8";
/* CSS Document */
body{
	width:1000px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	font-family:Arial, Helvetica, sans-serif;
}
#top{
	text-align:center;
	background-color:#FFC;
}
#logbt{
	display:inline-block;
	width:75px;
	border:1px #FFF solid;
	text-decoration:none;
	color:#FFF;
}
#top h1,h2,h3,h4{
	color:#00F;
	margin:0px;
	font-size:18px;
}


#menu{
	position:relative;
	width:100%;
	height:auto;
	background-color:#030;
}
#slider-frame{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
}
#menulist{
	//position:absolute;
	top:3px;
	width:100%;
	height:auto;
	background-color:#030;
	
}
#title_page{
	width:100%;
	height:auto;
	margin-top:-97px;
}
#mbt{
	display:table-cell;
	width:120px;
	margin-left:2px;
	text-decoration:none;
	color:#FFF;
	border:1px solid #FFF;
	border-radius:5px;
	text-align:center;
	padding:5px;
	vertical-align:central;
	vertical-align:middle;
}
#mbt:hover{
	color:#FFF;
	background-color:#F00;
	border:1px solid #FFF;
	border-radius:5px;
	text-align:center;
	vertical-align:central;
	vertical-align:middle;
}

#mobilemenu{
	display:none;
}


#menu-slider{
	width:100%;
	height:auto;
	background-color:#0fa1da;
	overflow:hidden;
}
/*
#menu-slider > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}
*/
#slider-frame{
	/*margin-top:-51px;*/
}
#maincontain {
	width:100%;
	height:auto;
	overflow:auto;
	padding-top:15px;
	margin-top:10px;
}
#contain_left{
	width:20%;
	float:left;
	margin-left:16px;

}
#contain_middle{
	width:55%;
	height:100%;
	float:left;
	padding-left:2%;
	padding-right:2%;
	text-align:justify;
	color:#FFF;
}
#contain_right{
	width:17%;
	float:left;
	color:#FFF;
	border:1px #FFFFFF solid;
	padding:3px;
	margin-right:16px;
}
.imp{
	width:98%;
}
#containbt{
	display:block;
	width:100%;
	text-decoration:none;
	background-color:#3CF;
	color:#FFF;
	border:1px #FFFFFF solid;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:3px;
	margin-bottom:3px;
	text-align:center;
}

#contain_left_other{
	width:15%;
	float:left;
	margin-left:10px;
}

#contain_right_other{
	width:76%;
	float:left;
	color:#FFF;
	border:1px #FFFFFF solid;
	margin:5px;
	margin-left:5px;
	padding-left:5px;
	padding-right:5px;
}

#contain_left_contact{
	width:55%;
	float:left;
	margin-left:2px;
}

#contain_right_contact{
	width:40%;
	float:left;
	color:#FFF;
	border:1px #FFFFFF solid;
	margin:5px;
	margin-left:20px;
	padding-left:5px;
	padding-right:5px;
}


#succstudent{
	font-size:large;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
}

/* Student Scroll*/

#student{
	clear:both;
	width:100%;
	height:146px;
	overflow:hidden;
	border-top:1px #000 solid;
	border-bottom:1px #000 solid;
}

#studentcroll{
	width:2968px;
	height:100%;
	position:relative;
	left:0px;
	-webkit-animation: bookslide 30s; /* Chrome, Safari, Opera */
    animation: bookslide 30s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
}

#studentcroll img{
	display:inline-block;
	width:106px;
	overflow:hidden;
}


@-webkit-keyframes bookslide {
    from { left:0px;}
    to { left:-1920px;}
}

/* Standard syntax */
@keyframes bookslide {
    from { left:0px;}
    to { left:-1920px;}
}
#bookscroll:hover {
	animation-play-state:paused;
	-webkit-animation-play-state:paused;
}

/* End Student Scroll*/

/* Apply Buttom */
#applyblock{
	width:100%;
	margin-top:3px;
	margin-bottom:3px;
	text-align:center;
	background-color:#CCC;
	padding-top:5px;
	padding-bottom:5px;
}
#applybt{
	display:inline-block;
	width:auto;
	height:auto;
	padding:10px;
	background-color:#3CF;
	border:1px #FFFFFF solid;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
}

#contain2{
	width:97%;
	height:auto;
	background-color:#666;
	overflow:auto;
	padding:15px;
}

#notice{
	width:40%;
	height:100%;
	float:left;
	border:1px #FFFFFF solid;
	margin-right:10px;
}
#notice h2{
	color:#FFF;
}
#notice li{
	color:#FF9;
	list-style-image:url(images/drop.png);
	margin-top:3px;
	margin-bottom:3px;
}
#vdo{
	width:50%;
	height:auto;
	float:left;
	border:1px #FFFFFF solid;
}
#vdo iframe{
	width:100%;
	height:315px;
}

#ftr
{
	width:100%;
	background:#505153;
	text-align:center;
	color:#FFF;
}

@media screen and (max-width:800px){
body{
	width:100%;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	font-family:Arial, Helvetica, sans-serif;
}

#top h1{
	color:#FFF;
	margin:0px;
	font-size:14px;
}
#top h3{
	color:#FFF;
	margin:0px;
	font-size:12px;
}
#menu{
	position:relative;
	width:100%;
	height:auto;
	margin-bottom:0px;
	/*background-color:#8ed8f8;*/
}
#menulist{
	display:block;
}

#mbt{
	display:block;
	width:100%;
	margin-left:2px;
	text-decoration:none;
	color:#FFF;
	border:0px solid #FFF;
	border-radius:5px;
	text-align:center;
	vertical-align:central;
	vertical-align:middle;
}

#mobilemenu{
	display:none;
}
#jumpMenu{
  background: transparent;
  width:100%;
  font-size: 16px;
  border: 1px solid #ccc;
  height: 34px;
}

#contain_left{
	width:90%;
	float:none;
	margin-left:10px;
}
#contain_middle{
	width:90%;
	height:100%;
	float:none;
	padding-left:5%;
	padding-right:5%;
	text-align:justify;
	color:#FFF;
}
#contain_right{
	clear:both;
	width:80%;
	float:none;
	color:#FFF;
	border:1px #FFFFFF solid;
	padding-left:3px;
}

#contain_left_other{
	width:90%;
	float:none;
	margin-left:5px;
}

#contain_right_other{
	width:90%;
	float:none;
	color:#FFF;
	border:1px #FFFFFF solid;
	margin:5px;
	padding-left:3px;
	padding-right:3px;
}

#contain_left_contact{
	width:100%;
	float:left;
	margin-left:0px;
}

#contain_right_contact{
	width:100%;
	float:left;
	color:#FFF;
	border:1px #FFFFFF solid;
	margin:5px;
	margin-left:0px;
	padding-left:0px;
	padding-right:0px;
}

#contain2{
	width:100%;
	height:auto;
	background-color:#666;
	overflow:auto;
	padding:1px;
}

#notice{
	width:100%;
	height:auto;
	float:none;
	border:1px #FFFFFF solid;
	margin-right:0px;
}

#vdo{
	width:100%;
	height:auto;
	float:left;
	border:1px #FFFFFF solid;
}
#vdo iframe{
	width:100%;
	height:auto;
}
	
}