@charset "utf-8";
/* CSS Document */

@media only screen and (min-width: 1200px) and (max-width: 4000px){
	.achievementbox{ width:24%;}
	.menubg{background:#eca50a;}
	.menuarea{display:block;}
	.menuarea ul li{padding:15px 25px;}
	.menuareabgfortab{display:none;}
	.homecolumn{ height:166px; border-right:1px dotted #FFFFFF ;}
	.footerarea1{display:none;}
}

@media only screen and (min-width: 1024px) and (max-width: 1199px){
	.achievementbox{ width:23.8%;}
	.banner2area{width:100%; height:auto; overflow:hidden;}  
	.banner2area img{width:100%;}
	.teaching {width:100%; margin:auto;}
	.teachingpic{padding-top:2px; padding-bottom:20px;width:100%;}  
	.teachingpic img{width:100%;}
	.banner1area{width:100%; height:auto; overflow:hidden;} 
	.banner1area img{width:100%;}
	.bannercaption{display:none;}
	.menubg{background:#eca50a;}
	.menuarea{display:block;}
	.menuarea ul li{padding:15px 25px;}
	.menuareabgfortab{display:none;}
	.homecourseboxarea{border-bottom: 1px solid #cccccc; padding: 20px 0 40px; width: 100%; overflow:hidden;}
    .homecoursediv{width:22.8%; float:left; margin:0 16px 0 0; position:relative;}
    .homecoursedivbox{padding:20px 0 50px 0;}
	.homecolumn{height:185px; border-right:1px dotted #FFFFFF ;}
	.footerarea1{display:none;}
    
}

@media only screen and (min-width: 966px) and (max-width: 1023px) {
	.logoarea{width:100%;}
	.logoarea img{width:100%;}
	.achievementbox{ width:23.5%;}
	.banner2area{width:100%; height:auto; overflow:hidden;}  
	.banner2area img{width:100%;}
	.teaching {width:100%; margin:auto;}
	.teachingpic{padding-top:2px; padding-bottom:20px;width:100%;} 
	.teachingpic img{width:100%;}
    .banner1area{width:100%; height:auto; overflow:hidden;} 
	.banner1area img{width:100%;}
	.bannercaption{display:none;}
	.menubg{background:#eca50a;}
	.menuarea{display:block;}
	.menuarea ul li{padding:15px 12px;}
	.menuareabgfortab{display:none;}
	.announceheadbg{background:#a83344;}
    .announcehead{font-family:"gothic"; font-size:15px; text-align:center; color:#FFFFFF; border:2px solid #FFFFFF; width:155px; margin:55px auto;
	 padding:10px 0 10px 0; background:#892836;}
	 .homecolumn{height:198px; border-right:1px dotted #FFFFFF ;}
	.footerarea1{display:none;}
}

@media only screen and (min-width: 768px) and (max-width: 965px) {
	.logoarea{width:100%;}
	.logoarea img{width:100%;}
	.achievementbox{ width:31.8%;}
	.banner2area{width:100%; height:auto; overflow:hidden;} 
	.banner2area img{width:100%;}
	.teaching {width:100%; margin:auto;}
	.teachingpic{padding-top:2px; padding-bottom:20px;width:100%;}
    .teachingpic img{width:100%;}
	.banner1area{width:100%; height:auto; overflow:hidden;} 
	.banner1area img{width:100%;}
	.bannercaption{display:none;}
	.menubg{background:#eca50a;}	
	.menuarea{display:block;}
	.menuarea ul li{padding:15px 12px;}
	.menuareabgfortab{display:none;}
	.announceheadbg{background:#a83344;}
    .announcehead{font-family:"gothic"; font-size:15px; text-align:center; color:#FFFFFF; border:2px solid #FFFFFF; width:155px; margin:55px auto;
	 padding:10px 0 10px 0; background:#892836;}
	 .homecolumn{height:198px; border-right:1px dotted #FFFFFF ;}
	 .footerarea1{display:none;}
}

@media only screen and (min-width: 640px) and (max-width: 767px) {
	.logoarea{width:223px; margin:20px auto;}
	.logoarea img{width:100%;}
	.topbarbox{width:100%; margin-bottom:5px;}
	.achievementbox{ width:48%;}
	.banner2area{width:100%; height:auto; overflow:hidden;} 
	.banner2area img{width:100%;}
	.teaching {width:100%; margin:auto;}
	.teachingpic{padding-top:2px; padding-bottom:20px;width:100%;}
    .teachingpic img{width:100%;}
	.banner1area{width:100%; height:auto; overflow:hidden;} 
	.banner1area img{width:100%;}
	.bannercaption{display:none;}
	.menubg{background:none;}
	.menuarea{display:none;}
	.menuareabgfortab{display:block;}
	.announcengarea{display:none;}
	.announceheadbg{display:none;}
    .announcehead{display:none;}
	.newsarea{display:none;}
    .newsbtn{display:none;}
	.parahead1{width:100%; border-left:3px solid #f3092a; padding:0 3px 0 10px; font-family:"impact"; font-size:25px; color:#000000; margin-bottom:10px;margin-top:20px;}
	.parahead2{width:100%; border-left:3px solid #f3092a; padding:0 3px 0 10px; font-family:"impact"; font-size:25px; color:#000000; margin-bottom:10px;margin-top:50px;}
	.footerarea{display:none;}
	.homecolumn{display:none;}
	.infrasliding img{width:100%;margin-bottom:30px;}

	.footerarea1{display:block;}

    
}

@media only screen and (min-width: 603px) and (max-width: 639px) {
	.logoarea{width:223px; margin:20px auto;}
	.logoarea img{width:100%;}
	.topbarbox{width:100%; margin-bottom:5px;}
	.achievementbox{ width:48%;}
	.banner2area{width:100%; height:auto;; overflow:hidden;} 
	.banner2area img{width:100%;}
	.teaching {width:100%; margin:auto;}
	.teachingpic{padding-top:2px; padding-bottom:20px;width:100%;}
    .teachingpic img{width:100%;}
	.banner1area{width:100%; height:auto; overflow:hidden;} 
	.banner1area img{width:100%;}
	.bannercaption{display:none;}
	.menubg{background:none;}
	.menuarea{display:none;}
	.menuareabgfortab{display:block;}
	.announcengarea{display:none;}
	.announceheadbg{display:none;}
    .announcehead{display:none;}
	.newsarea{display:none;}
    .newsbtn{display:none;}
	.parahead1{width:100%; border-left:3px solid #f3092a; padding:0 3px 0 10px; font-family:"impact"; font-size:25px; color:#000000; margin-bottom:10px;margin-top:20px;}
	.parahead2{width:100%; border-left:3px solid #f3092a; padding:0 3px 0 10px; font-family:"impact"; font-size:25px; color:#000000; margin-bottom:10px;margin-top:50px;}
	.footerarea{display:none;}
	.homecolumn{display:none;}
	.infrasliding img{width:100%;margin-bottom:30px;}
	.footerarea1{display:block;}

}

@media only screen and (min-width: 568px) and (max-width: 602px) {
	.logoarea{width:223px; margin:20px auto;}
	.logoarea img{width:100%;}
	.topbarbox{width:100%; margin-bottom:5px;}
	.achievementbox{ width:48%;}
	.banner2area{width:100%; height:auto; overflow:hidden;}
	.banner2area img{width:100%;}
	.teaching {width:100%; margin:auto;}
	.teachingpic{padding-top:2px; padding-bottom:20px;width:100%;}
    .teachingpic img{width:100%;}
	.banner1area{width:100%; height:auto; overflow:hidden;} 
	.banner1area img{width:100%;}
	.bannercaption{display:none;}
	.menubg{background:none;}
	.menuarea{display:none;}
	.menuareabgfortab{display:block;}
	.announcengarea{display:none;}
	.announceheadbg{display:none;}
    .announcehead{display:none;}
	.newsarea{display:none;}
    .newsbtn{display:none;}
	.parahead1{width:100%; border-left:3px solid #f3092a; padding:0 3px 0 10px; font-family:"impact"; font-size:25px; color:#000000; margin-bottom:10px;margin-top:20px;}
	.parahead2{width:100%; border-left:3px solid #f3092a; padding:0 3px 0 10px; font-family:"impact"; font-size:25px; color:#000000; margin-bottom:10px;margin-top:50px;}     
	.footerarea{display:none;}
	.homecolumn{display:none;}
	.infrasliding img{width:100%;margin-bottom:30px;}
	.footerarea1{display:block;}

}

@media only screen and (min-width: 480px) and (max-width: 567px) {
	.logoarea{width:223px; margin:20px auto;}
	.logoarea img{width:100%;}
	.topbarbox{width:100%; margin-bottom:5px;}
	.achievementbox{ width:47%;}
	.banner2area{width:100%; height:auto; overflow:hidden;}  
	.banner2area img{width:100%;}
	.teaching {width:100%; margin:auto;}
	.teachingpic{padding-top:2px; padding-bottom:20px;width:100%;}
    .teachingpic img{width:100%;}
	.banner1area{width:100%; height:auto; overflow:hidden;} 
	.banner1area img{width:100%;}
	.bannercaption{display:none;}
	.menubg{background:none;}
	.menuarea{display:none;}
	.menuareabgfortab{display:block;}
	.announcengarea{display:none;}
	.announceheadbg{display:none;}
    .announcehead{display:none;}
	.newsarea{display:none;}
    .newsbtn{display:none;}	
	.parahead1{width:100%; border-left:3px solid #f3092a; padding:0 3px 0 10px; font-family:"impact"; font-size:25px; color:#000000; margin-bottom:10px;margin-top:20px;}
	.parahead2{width:100%; border-left:3px solid #f3092a; padding:0 3px 0 10px; font-family:"impact"; font-size:25px; color:#000000; margin-bottom:10px;margin-top:50px;}    
	.footerarea{display:none;}
	.homecolumn{display:none;}
	.infrasliding img{width:100%;margin-bottom:30px;}
	.footerarea1{display:block;}

}

@media only screen and (min-width: 360px) and (max-width: 479px) {
	.logoarea{width:223px; margin:20px auto;}
	.logoarea img{width:100%;}
	.topbarbox{width:100%; margin-bottom:5px; text-align:center;}
	.achievementbox{ width:46%;}
	.banner2area{width:100%; height:auto; overflow:hidden;}  
	.banner2area img{width:100%;}
	.teaching {width:100%; margin:auto;}
	.teachingpic{padding-top:2px; padding-bottom:20px;width:100%;}
    .teachingpic img{width:100%;}
	.banner1area{width:100%; height:auto; overflow:hidden;} 
	.banner1area img{width:100%;}
	.bannercaption{display:none;}
	.menubg{background:none;}
	.menuarea{display:none;}
	.menuareabgfortab{display:block;}
	.announcengarea{display:none;}
	.announceheadbg{display:none;}
    .announcehead{display:none;}
	.newsarea{display:none;}
    .newsbtn{display:none;}
	.parahead1{width:100%; border-left:3px solid #f3092a; padding:0 3px 0 10px; font-family:"impact"; font-size:25px; color:#000000; margin-bottom:10px;margin-top:20px;}
	.parahead2{width:100%; border-left:3px solid #f3092a; padding:0 3px 0 10px; font-family:"impact"; font-size:25px; color:#000000; margin-bottom:10px;margin-top:50px;}
	.footerarea{display:none;}
	.homecolumn{display:none;}
	.infrasliding img{width:100%;margin-bottom:30px;}
	.footerarea1{display:block;}

}

@media only screen and (min-width: 320px) and (max-width: 359px) {	
	.logoarea{width:223px; margin:20px auto;}
	.logoarea img{width:100%;}
	.topbarbox{width:100%; margin-bottom:5px; text-align:center;}
	.achievementbox{ width:46%;}
	.banner2area{width:100%; height:auto; overflow:hidden;}
	.banner2area img{width:100%;}
	.teaching {width:100%; margin:auto;}
	.teachingpic{padding-top:2px; padding-bottom:20px;width:100%;}
    .teachingpic img{width:100%;}
	.banner1area{width:100%; height:auto; overflow:hidden;} 
	.banner1area img{width:100%;}
	.bannercaption{display:none;}
	.menubg{background:none;}
	.menuarea{display:none;}
	.menuareabgfortab{display:block;}
	.announcengarea{display:none;}
	.announceheadbg{display:none;}
    .announcehead{display:none;}
	.newsarea{display:none;}
    .newsbtn{display:none;}
	.parahead1{width:100%; border-left:3px solid #f3092a; padding:0 3px 0 10px; font-family:"impact"; font-size:25px; color:#000000; margin-bottom:10px;margin-top:20px;}
	.parahead2{width:100%; border-left:3px solid #f3092a; padding:0 3px 0 10px; font-family:"impact"; font-size:25px; color:#000000; margin-bottom:10px;margin-top:50px;}
	.footerarea{display:none;}
	.homecolumn{display:none;}
	.infrasliding img{width:100%;margin-bottom:30px;}
	.footerarea1{display:block;}
}

@media only screen and (min-width: 240px) and (max-width: 319px) {
	.logoarea{width:223px; margin:20px auto;}
	.logoarea img{width:100%;}
	.topbarbox{width:100%; margin-bottom:5px; text-align:center;}
	.banner2area{width:100%; height:auto; overflow:hidden;}  
	.banner2area img{width:100%;}
	.teaching {width:100%; margin:auto;}
	.teachingpic{padding-top:2px; padding-bottom:20px;width:100%;}
    .teachingpic img{width:100%;}
	.banner1area{width:100%; height:auto; overflow:hidden;} 
	.banner1area img{width:100%;}
	.bannercaption{display:none;}
	.menubg{background:none;}
	.menuarea{display:none;}
	.menuareabgfortab{display:block;}
	.announcengarea{display:none;}
	.announceheadbg{display:none;}
    .announcehead{display:none;}
	.newsarea{display:none;}
    .newsbtn{display:none;}
	.parahead1{width:100%; border-left:3px solid #f3092a; padding:0 3px 0 10px; font-family:"impact"; font-size:25px; color:#000000; margin-bottom:10px;margin-top:20px;}
	.parahead2{width:100%; border-left:3px solid #f3092a; padding:0 3px 0 10px; font-family:"impact"; font-size:25px; color:#000000; margin-bottom:10px;margin-top:50px;}
	.footerarea{display:none;}
	.homecolumn{display:none;}
	.infrasliding img{width:100%;margin-bottom:30px;}
	.footerarea1{display:block;}
	
}

/***** optional *****/

@media only screen and (min-width: 150px) and (max-width: 239px) {
.banner2area{width:100%; height:300px; overflow:hidden;}
	.banner2area img{width:100%;}
	.teaching {width:100%; margin:auto;}
	
	.teachingpic{padding-top:2px; padding-bottom:20px;width:100%;} .teachingpic img{width:100%;}
	.infrasliding{width:100%;margin-bottom:30px;}
}