body{
	background:#f5f5f5;
	color:#555;
	font-family:'Roboto-Regular';
	font-size:14px;}
body a,body li{
	transition:0.5s all ease;
	-webkit-transition:0.5s all ease;
	   -moz-transition:0.5s all ease;
	     -o-transition:0.5s all ease;
	    -ms-transition:0.5s all ease;
		text-decoration:none;}
body a{
	color:#000}
a:hover,a:focus{
	text-decoration:none;}
a:focus,select:focus{
	outline:none;}
.container{
    margin-right:auto;
    margin-left:auto;
	/*width:990px;*/
    width:1366px;
}
.container:before{
	content:" ";
	display:table;}
.container:after{
	clear:both;}
/*=== START WEBSITE ===*/
header{
	position:relative;
	width:100%;
	top:0;}
#wrapper{
	background:#2c3d9e;
	border-top:3px solid #fff;
	height:65px;
	padding:0;
	position:relative;
	width:100%;
	z-index:9999;}
.logo,.head-right{
	float:left;
	height:62px;}
.head-right{
	float:right;}
.top-menu{
	padding-top:23px;}
.top-menu li{
	background:#fff;
	border-radius:7px 7px 0px 0px;
	display:inline-table;
	padding:10px 20px;}
.top-menu li:hover{
	background:#01975d;}
.top-menu li:hover a{
	color:#fff;}
/*=== SLIDER ===*/
#slider{
	background:#eee url(../imgs/loading-pink.gif) no-repeat center;
	height:574px;
	position:relative;
	width:100%;}
#slider2{
	background:url("../imgs/slideshow-01.jpg") no-repeat scroll 100% top / 100% auto;
	display:table;
	width:100%;}
.colore{
	background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    height:300px;}
/*=== Mavigation ===*/
#navigation{
	background:#871317;
	border-bottom:2px solid #2c3d9e;
	display:table;
	margin-top:-53px;
	position:relative;
	width:100%;
	z-index:999;}
#inner #navigation{
	margin-top:0px;}
#nav > li{
	border-left:1px solid #03ad6b;
	border-right:1px solid #007e4d;
	float:left;
	font-size:16px;
	padding:15px 25px;
	position:relative;}
#nav > li a{
	color:#fff;}
#nav > li:first-child{
	border-left:0px;}
#nav > li:last-child{
	border-right:0px;}
#nav > li:hover,
#nav > li.active{
	background:#2c3d9e;}
#nav > li ul{
	background:#fff none repeat scroll 0 0;
    border:1px solid #ccc;
    display:none;
	left:0;
    margin-top:17px;
    padding:0;
    position:absolute;
	z-index:9999;
	width:200px;
	bottom:52px;}
#nav > li > ul > li{
	border-bottom:1px solid #ccc;
    border-top:1px solid #f1f1f1;
    float:none;
    font-family:"Roboto-Regular";
	font-size:14px;
    line-height:20px;
    padding:7px 10px;
    text-align:left;
    width:auto;}
#nav > li > ul > li a{
	color:#000;}
#nav > li:hover > ul{
	display:block;}
#nav > li > ul > li:hover{
	background:#2c3d9e;}
#nav > li > ul > li:hover a{
	color:#fff;}
/*=== START MIDDLE ===*/
#middle{
	background:#eee;
	display:table;
	margin-bottom:90px;
	width:100%;}
#middle .container{
	background:#fff;
	padding-top:15px;
	/*padding-bottom:15px;*/
	margin-bottom:10px;
	width:1367px;}
.middle-small{
	display:table;
	width:990px;}
/*index news row*/
.news-row,.about-rwo,
.wel-row,.gallery-row,
.birth-day-row{
	display:table;
	padding:0;
	margin-bottom:10px;
	width:100%;}
.news-head{
	background:#2c3d9e;
	height:62px;
	float:left;
	margin-right:28px;
	width:100px;}
.news-head{
	color:#fff;
	font-size:16px;
	font-family:'Roboto-Medium';
	line-height:62px;
	font-weight:normal;
	text-align:center;
	position:relative;}
.news-head::after {
    border-left:0 solid transparent;
    border-right:23px solid transparent;
    border-top:62px solid #2c3d9e;
    content:"";
    position:absolute;
    right:-23px;
    top:0;}
.news-show{
	background:#ededed;
	float:left;
	height:62px;
	position:relative;
	width:800px;}
.news-show::after {
    border-bottom:62px solid #ededed;
    border-left:23px solid transparent;
    border-right:0 solid transparent;
    content:"";
    left:-23px;
    position:absolute;
    top:0;}
.notice-slider{
	display:block;
	float:right;
	height:62px;
	padding-top:9px;
	width:100%;}
.newsticker-jcarousellite{ 
	width:100%;}
.newsticker-jcarousellite ul li{ 
	display:block; 
	list-style:none; 
	margin-bottom:5px;
	padding-bottom:1px;}
.news1{
	height:62px;
	position:relative;}
.news2{
	background:transparent url("../imgs/notice-bg.png") no-repeat scroll center bottom;
	height:24px;
	line-height:19px;
	margin-bottom:5px;
	text-align:center;
	width:100%;}
.new-img{
	float:left;	
	height:22px;
	margin-top:-24px;
	position:absolute;
	width:28px;
	z-index:9999;}
.new-img img{
	z-index:9999;
	position:relative}
.news-right{
	color:#000;
	font-weight:normal;
	font-size:12px;
	float:left;
	height:20px;
	margin-left:24px;
	text-align:center;
	width:100%;
	overflow:hidden;}
.news-link {
    background:url("../imgs/right-news.png") no-repeat scroll left top;
    float:left;
    height:62px;
    position:relative;
    width:44px;}
.news-link a {
    background:url("../imgs/news-plus.png") no-repeat scroll left bottom;
    bottom:0;
    color:#fff;
    font-size:17px;
    height:62px;
    position:;
    right:0;
    width:42px;
	display:table;
    z-index:999;
	cursor:pointer;
}
/*index about row*/
.about-rwo,.wel-row,
.birth-day-row{
	margin-bottom:30px;
	padding:15px 0px;}
.colm-01{
	border-right:2px dotted #cccccc;
	float:left;
	width:50%;}
.siimg{
	border-right:2px solid #2c3d9e;
	float:left;
	height:126px;
	margin-right:10px;
	width:140px;}
.siimg img{
	height:126px;
	width:140px;}
.abcontent{
	float:left;
	width:301px;}
.abcontent p{
	color:#1e1e1e;
	line-height:22px;
	height:90px;
	overflow:hidden;}
.read{
	background:url(../imgs/round.jpg) no-repeat right;
	color:#2c3d9e;
	float:right;
	padding-right:13px;}
.read:hover{
	color:#000;}
.colm-01:nth-child(2){
	border-right:0px dotted #cccccc;
	width:49.5%}
.center{
	width:96.5%;
	margin-left:0;}	
.colm-01:nth-child(2) .center{
	float:right;
	width:97.5%;}
/*=== INDEX TOPPER ===*/
#toppers,#toppers2,
#birthday,#birthday2{
	float:left;
	width:100px;}
#toppers,#toppers2,
#birthday,#birthday2{
	left:0px; 
	overflow:hidden;
	position:relative; 
	visibility:visible; 
	width:100%;
	z-index:2; }
#toppers ul,#toppers2 ul,
#birthday ul,#birthday2 ul{
	left:-900px;
	list-style-type:none;
	margin:0px;
	padding:0px; 
	position:relative;  
	width:1200px;
	z-index:1;}
#topper ul li,#toppers2 ul li,
#birthday ul li,#birthday2 ul li{
	float:left;
	height:140px;
	overflow:hidden;  
	width:95px;}
#toppers .title,#toppers2 .title,
#birthday .title,#birthday2 .title{
	font-size:12px;
	font-weight:bold;
	padding:5px;}
.title2{
	cursor:pointer;
	font-size:14px;
	font-weight:bold;
	padding:5px;}
.desc{
	font-weight:normal;
	display:none;}
.title2:hover .desc{
	border:#000 thin solid;
	display:block;
	width:100px;}
#toppers p,#toppers2 p,
#birthday p,#birthday2 p{
	margin-top:-10px;}
#toppers ul,#toppers2 ul,
#birthday ul,#birthday2 ul{
	float:left; 
	margin:0px; 
	padding:0px;
	width:100px;}
/*css for*/
#toppers li,#toppers2 li,
#birthday li,#birthday2 li{
	display:block;
	list-style:none;  
	float:left;
	font-family:Arial;
	font-size:12px;
	height:160px !important;
	margin-left:5px;
	width:95px; }
#toppers li a,#toppers2 li a,
#birthday li a,#birthday2 li a{
	color:blue;
	text-decoration:none;}
#toppers li a:hover,#toppers2 li a:hover,
#birthday li a:hover,#birthday2 li a:hover{
	text-decoration:underline;}
.previous2,.previous3,
.previous-birth,.previous-birth2{
	cursor:pointer; 
	float:left;
	margin-left:18px;
	position:absolute;
	top:60px;
	z-index:9999;
	outline:none;}
.next2,.next1,
.next-birth,.next-birth2{
	cursor:pointer;
	float:left;
	margin-left:18px;
	outline:none;
	position:relative!important;
	top:60px;
	z-index:9999;}
.imgstu{  
	border:2px solid #2f4795;
	height:105px;
	width:90px;}
.stuname{	
	color:#000;
	font-weight:normal;
	font-size:11px;
	font-family:Arial;
	font-weight:bold;
	height:14px;
	margin-top:5px;
	overflow:hidden;
	text-align:center;
	text-transform:capitalize;
	width:100px;}
.std-class{
	color:#333;
	float:left; 
	font-family:Arial;
	font-size:12px;
	text-align:center;
	font-weight:bold;  
	height:16px;
	text-align:center;
	text-transform:capitalize!important;  
	width:100%;}
/*.colm-02*/
.wel-row{
	margin-bottom:0px;}
.colm-02{
	float:left;
	width:792px;}
.wel-row h1{
	border-bottom:1px dashed #d3d2d2;
	padding-bottom:10px;}
.colm-02 p{
	height:148px;
	overflow:hidden;}
/*.colm-03*/
.colm-03{
	background:#ededed;
	padding:8px;
	float:right;
	width:172px;}
.colm-03 h4{
	text-align:center;}
.topper-01{
	/*float:left;*/
	position:relative;
	width:50%;}
.topper-02{
	position:relative;
	width:100%;}
/*bith-day row*/
.birth-day-row{
	background:#f5f5f5;
	margin-bottom:0px;}
.colm-bith{
	border-right:1px solid #eee;
	float:left;
	width:320px;}
#birthday .stuname,
#birthday2 .stuname{
	font-size:12px;}
.colm-thought .center{
	margin-right:0px;
	margin-left:auto;}
.colm-thought{
	border-right:0px;
	float:right;
	width:665px;}
.colm-thought h3{
	text-align:center;}
.italic{
	font-size:16px;}
/*index gallery-row*/
.gallery-row{
	background:#01975d;
	padding:10px 0px;}
.gallery-row h3{
	color:#fff;}
.gallery-row li{
	float:left;
	font-size:15px;
	color:#fff;
	text-align:center;
	width:20%;}
.gallery-row li a{
	color:#fff;}
/*=== FOOTER ===*/
footer{
	background:#3a3a3a;
	bottom:0;
	padding:15px 0px;
	position:fixed;
	z-index:-1;
	width:100%;}
.fnav{
	display:table;
	width:100%;}
.fnav li{
	float:left;}
.fnav li:first-child a{
	padding-left:0;}
.fnav li:last-child a{
	border-right:0;}
.fnav li a{
	color:#fff;
	border-right:1px solid #fff;
	padding:0px 15px;}
.fnav li a:hover{
	color:#000;
	border-color:#000;}
.cod{
	color:#999;
	display:table;
	padding-top:10px;
	width:100%;}
.cod > li{
	float:left;}
.cod > li:last-child{
	float:right;}
.cod > li a{
	color:#CCCCCC;}
/*=== SOCIAL FIXED MENU ===*/
#fixed-menu{
	position:fixed;
	top:20%;
	right:-45px;
	z-index:9999;}
.social:hover{
	margin-left:-12px;
	transition:all 0.6s;
	transition:0.5s;}
/*=== END INDEX PAGE ==*/