/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */
* 
body{
background-color: #FFFFFF;
}
div.mhd2{
float:left;
display: flex;
flex-wrap: wrap;
margin-top:0px;
margin-left:10px;
justify-content: left;
}
div.mhd3{
float:left;
display: flex;
flex-wrap: wrap;
justify-content: left;
}
span.mhd{
    display: inline-block;
    word-wrap: break-word;
    font-size:30px;
    color:#ffffff;
    margin-top:0px;
    margin-left:0px;
    margin-bottom:0px;
}
.btn{
	background-color: #4d3bf3;
	color: #FFFFFF;
	margin-top:5px;
	height: 33px;
	margin-left:6px;
}

div.ea3{
        display:flex;
    flex-wrap:wrap;
    justify-content: left;
    background-color:#021a35;
    color:#FFFFFF;
    font-size:30px;
    font-weight:260;
    opacity: 0.5;
}

input.profile
{
    
    padding: 10px 2px;
    width: 25%;
    border: 1px solid #E8EAED;
    border-radius: 5px;
    background: white;
    box-shadow: 0 1px 3px -2px #9098A9;
    cursor: pointer;
    font-family: inherit;
    font-size: 14px;
    transition: all 150ms ease;
}

select.profile
{
    padding: 10px 2px;
    width: 25%;
    border: 1px solid #E8EAED;
    border-radius: 5px;
    background: white;
    box-shadow: 0 1px 3px -2px #9098A9;
    cursor: pointer;
    font-family: inherit;
    font-size: 14px;
    transition: all 150ms ease;
}

#headingf{
    background-color:#143694;
    font-family:"Roboto", sans-serif;
    font-size:28px;
    color:#FFFFFF;
    height:50px;
    line-height:50px;
}
#regform1{
    font-size:14px;
    color:#2b3f78;
    padding:3px;
    background-color:#FFFFFF;
    display:block;
}
ul.a{
    list-style-position: outside;
    font-weight:250;
    padding:0;
    margin:0 0 0 1em;
}

#container {
  display:         flex;
  flex-wrap:       wrap;
  justify-content: center;
  background-color:#053a77;
}

#school-1{
    display:         flex;
    flex-wrap:       wrap;
    justify-content: center;
    background-color:#021a35;
    color:#FFFFFF;
    font-size:30px;
}

#post-1{
    width:100%;
    display:         flex;
    flex-wrap:       wrap;
    justify-content: center;
    background-color:#021a35;
}

.school-block{
    width:350px;
    font-size:14px;
    border:solid;
    border-width:20px;
    border-color:#999598;
    background-color:#ffffff;
}
#ea{
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    background-color:#053a77;
    color:#FFFFFF;
    font-size:30px;
    font-weight:260;
}
#ea2{
    display:flex;
    flex-wrap:wrap;
    justify-content: left;
    background-color:#021a35;
    color:#FFFFFF;
    font-size:26px;
    font-weight:90;
    height:30px;
}
.eablock{
    width:350px;
    font-size:14px;
    border:solid;
    border-width:20px;
    border-color:#3aafa9;
    background-color:#3aafa9;
    height:auto;
}
div.sp1{
    width:100%;
    font-size:16px;
    color:#FFFFFF;
    font-weight:400;
    background-color:#a969a1;
    height:0px;
    visibility:hidden;
}
div.sp2{
    height:50px;
    font-size:25px;
    color:#FFFFFF;
    line-height:50px;
    cursor:pointer;
}
div.sp2:hover{
    color:#c0f855;
    font-weight:bold;
}
.block {
    width:240px;
    height:40px;
    font-size:16px;
    color:#FFFFFF;
    cursor:pointer;
    background-color:#243978;
    border:solid;
    border-width:thick;
    border-color:#104882;
    line-height:27px;
    text-align:center;
}
.block:hover{
    background-color:#b58e5b;
     font-weight:bold;
}
button.navbar-toggler{
    background-color:#202c37;
    height:40px;
    line-height:25px;
}

a.dow{
    text-decoration:none;
}

div.online{
    float:left;
    width:240px;
    height:40px;
    font-size:16px;
    color:#FFFFFF;
    cursor:pointer;
    background-color:#b58e5b;
    border:solid;
    border-width:thick;
    border-color:#FFFFFF;
    line-height:25px;
}
div.online:hover{
     background-color:#104882;
     font-weight:bold;
}



div.download{
    float:left;
    width:auto;
    height:30px;
    margin-right:8px;
    margin-left:8px;
    font-size:16px;
    color:#FFFFFF;
    cursor:pointer;
    background-color:#021a35;
    border:solid;
    border-width:0;
    border-color:#053a77;

    text-align:center;
    font-weight:thin;
     
}
div.download:hover{
     font-weight:bold;
}

div.more{
    width:160px;
    font-size:16px;
    color:#7d787d;
    cursor:pointer;
    border: 1px solid #a29ca2;
    border-radius: 10px;
    background-color:#00ffff;
}
div.more:hover{
     background-color:#d2d4d5;
     color:#565859;
}
div.well{
    margin-top:10px;
    justify-content:center;
}
div.box11{
    width:355px;
    background-color:#00FFFF;
    float:left;
    border:solid;
    border-color:#053a77;
    border-width:thick;
    font-size:18px;
    cursor:pointer;
    text-align:center;
    margin-right:3px;
    margin-left:3px;
    margin-bottom:20px;
}
div.box1{
    width:350px;
    height:220px;
    background-color:#FFFFFF;
    float:left;
    margin-right:3px;
    margin-left:3px;
    margin-bottom:10px;
    font-size:18px;
    cursor:pointer;
    text-align:center;
    border-radius: 20px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.4);
}
a.ic{
    text-decoration:none;
    font-size:18px;
    color:#3366ff;
    font-weight:800px;
}
a.ic:hover{
    color:#FFFFFF;
    font-weight:800px;
}
div.box1:hover{
    background-color:#daff2b;
    font-weight:800px;
}
span.tit1{
    font-size:30px;
    margin-left:6px;
    margin-right:6px;
}

div.occ{
    width:auto;
    height:auto;
    
}

@media(min-width: 100px) and (max-width: 767px) {
    span.tit1 { font-size: 20px }
}
@media only screen and (max-width: 1026px) {
    #occ {
        
    }
}

img.pp {
    max-width: 90%;
    height: auto;
    width: auto\9; /* ie8 */
}

span.sp2{
font-size:14px;
margin-left:10px;
margin-right:8px;
}
span.sp{
font-size:16px;
margin-left:5px;
margin-right:2px;
}

a.alink{
text-decoration:none;
font-size:21px;
color:#FFFFFF;
}

a.abst{
text-decoration:none;
color: #0f58ec;
font-size:14px;
}
a.abst:hover{
    font-weight:bold;
}

div.e1{
float:left;
width:12%;
font-size:14px;
color: #000000;
}
div.e2{
float:left;
width:16%;
font-size:14px;
color:#000000;
}
div.eh1{
float:left;
width:12%;
font-size:14px;
color: #FFFFFF;
}
div.eh2{
float:left;
width:16%;
font-size:14px;
color:#FFFFFF;
}
select.att{
height:33px;
margin-left:6px;
margin-top:5px;
}
input.att{
height:33px;
margin-left:6px;
margin-top:5px;
width: 125px;
}

input.att2{
height:30px;
margin-left:6px;
margin-top:6px;
width: 200px;
}

div.abs4{
float:left;
width:30%;
font-size:15px;
}
div.abs5{
float:left;
width:40%;
font-size:15px;
}
div.abs6{
float:left;
width:14.2%;
font-size:15px;
}
div.ab1{
float:left;
width:8%;
font-size:12px;
}

div.ab2{
float:left;
width:25%;
font-size:12px;
cursor:pointer;
}
div.ab2:hover{
    font-weight:800;
    cursor:pointer;
}

div.ab3{
float:left;
width:20%;
font-size:12px;
}
div.abs1{
float:left;
width:10%;
font-size:15px;
cursor:pointer;
}

div.abs2{
float:left;
width:50%;
font-size:15px;
cursor:pointer;
}
div.abs2:hover{
    font-weight:bold;
}
div.abs3{
float:left;
width:30%;
font-size:14px;
}

div.hw1{
float:left;
width:10%;
font-size:12px;
}
div.hw2{
float:left;
width:30%;
font-size:12px;
}
div.hw3{
float:left;
width:40%;
font-size:12px;
}
div.hw4{
float:left;
width:10%;
font-size:12px;
}
div.hw5{
float:left;
width:10%;
font-size:12px;
}

div.hws1{
float:left;
width:10%;
font-size:12px;
}

div.hws2{
float:left;
width:30%;
font-size:12px;
}

div.hws3{
float:left;
width:30%;
font-size:12px;
}

div.hws4{
float:left;
width:10%;
font-size:12px;
}

div.hws5{
float:left;
width:10%;
font-size:12px;
}

div.hws6{
float:left;
width:10%;
font-size:12px;
}

h1 {
    font-size:18px;
    font-weight:200;
	margin-top:5px;
    overflow:visible;
    padding:0px;
    text-align:center;
	color: #990066;
}
h2{
	font-size:18px;
	}
.bu{
	background-color:#990000;
	font-size:12px;
	font-weight:bold;
	padding:3px;
	color:#FFFFFF;
	border-radius:4px;
	visibility:hidden;
	margin-left:-5px;
}
.bu2{
	background-color:#990000;
	font-size:12px;
	font-weight:bold;
	padding:3px;
	color:#FFFFFF;
	border-radius:4px;
	visibility:hidden;
	margin-left:-5px;
}

.bu3{
	background-color:#990000;
	font-size:14px;
	font-weight:bold;
	padding:3px;
	color:#FFFFFF;
	border-radius:4px;
	visibility:hidden;
	margin-left:-5px;
}
.bu4{
	background-color: #de0a0a;
	font-size:11px;
	font-weight:bold;
	padding:3px;
	color:#FFFFFF;
	border-radius:4px;
	visibility:hidden;
	margin-left:-5px;
}

#home{
font-size:23px;
color:#FFFFFF;
}
#bell{
font-size:20px;
color: #66FFCC;
margin-left:0px;
margin-right:0px;
}
.fa{
font-size:100px;
color: #3366FF;
}
.con{
width:100%;
}
.con2{
    height:100px;
}
div.add{
width:100%;
}
div.dps{
width:100%;
}
.lin{
color:#0000CC;
font-size:11px;
}
.lin2{
color: #006699;
font-size:16px;
text-decoration:none;
}

div.lin3{
color:#FFFFFF;
font-size:17px;
background-color: #6666CC;
border-radius:5px 5px 5px 5px;
width:35%;
height:15%;
cursor:pointer;
}
div.lin3:hover{
    background-color:#2954ab;
    font-weight:bold;
}
#call{
font-size:21px;
color:#FFFFFF;
text-align:left;
}

.divs1{
float:center;
width:auto;padding:4px;
font-size:14px;
font-weight:bold;
background-color:#f0f0f0;
color: #43749b;
border-style:solid;
border-width:thin;
border-color:#7F7F7F;
cursor:pointer;
}
.divs1:hover{
    background-color:#b58e5b;
    color:#FFFFFF;
}
.divs2{
float:center;
width:auto;padding:4px;
font-size:16px;
background-color: #00719c;
color: #FFFFFF;
border-style:solid;
border-width:thin;
border-color:#7F7F7F;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

.divs22{
float:center;
width:auto;padding:4px;
font-size:13px;
color: #000000;
}

#cmiti{
width:100%;
background-color:#3366FF;

}

#mitihead
{
float:left;
width:14.2%;
color:#FFFFFF;
}
div.mitibody
{
float:left;
width:14.2%;
background-color:#FFFFFF;
}
.curr0{
	width:5%;
	font-size:15px;
	float:left;	
	padding:4px;
}
.curr1{
	width:19%;
	font-size:15px;
	float:left;	
	padding:4px;
}

.curr00{
    display:         flex;
    flex-wrap:       wrap;
	background-color:#00719c;
	color:#FFFFFF;
    height:auto;
}
.curr11{
	background-color:#ebd6fe;
}
.divs3{
	width:32%;
	font-size:15px;
	float:left;	
	padding:4px;
}
.divs33{
	width:32%;
	font-size:15px;
	float:left;	
	background-color:#00719c;
	color:#FFFFFF;
	padding:4px;
}

.divs5{
	width:50%;
	float:left;	
	font-size:13px;
}
.divs6{
	width:100%;
	float:center;	
	font-size:15px;
	background-color: #FF0000;
	color:#FFFFFF;
	font-weight:bold;
	padding-right:10px;
}
.divs7{
	width:100%;
	float:center;	
	font-size:19px;
	background-color:#3333FF;
	color:#FFFFFF;
	font-weight:0;
	padding-left:10px;
}
.divs8{
	width:100%;
	float:center;	
	font-size:15px;
	background-color: #F0F0F0;
	font-weight:0;
	
}
.ndivs8{
	width:100%;
	float:center;	
	font-size:15px;
	background-color: #BCDEDE;
	font-weight:500;
	padding-right:10px;
}
.divs4{
	text-align: center;
	width:100%;
	margin-top:10px;
	font-weight:bold;
	font-size:15px;
}
.newdiv{
float:center;
width:100%;
padding:4px;
font-size:18px;
background-color: #762352;
color: #FFFFFF;
margin-bottom:10px;
}
.newdiv2{
float:center;
width:auto;padding:10px;
font-size:16px;
background-color: #00719c;
color: #FFFFFF;
border-style:solid;
border-width:thin;
border-color:#00719c;
font-weight:bold;

}
.newhw{
float:center;
width:98%;
font-size:12px;
background-color: #18bc9c;
color: #FFFFFF;
font-weight:bold;
height:auto;
}
#vi{
visibility:hidden;
font-weight:bold;
height:0px;
}
#vi2{
visibility:hidden;
font-weight:bold;
height:0px;
}
#vi3{
visibility:hidden;
font-weight:bold;
height:0px;
}
#vi4{
visibility:hidden;
font-weight:bold;
height:0px;
}
#vi5{
visibility:hidden;
font-weight:bold;
height:0px;
}
#vi6{
visibility:hidden;
font-weight:bold;
height:0px;
}
#c1,#x1,#x2,#x3{
visibility:hidden;
font-weight:bold;
}
#c2{
visibility:hidden;
font-weight:bold;
}
#c3{
visibility:hidden;
font-weight:bold;
}

.notc{
width:100%;
float:center;
font-size:15px;
color:#000033;
text-align:center;
background-color:#FFFFFF;
padding:10px;
border-style:solid;
border-width:thin;
border-color:#ffffff;
cursor:pointer;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
.notc:hover{
        background-color:#8fff68;
        color:#ffffff;
        font-weight:700;
}

.notice{
width:100%;
float:center;
font-size:15px;
color:#000033;
text-align:left;
background-color:#FFFFFF;
padding:10px;
border-style:solid;
border-width:thin;
border-color:#ffffff;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
.notice3{
width:100%;
float:left;
padding:10px;
}
.newnotice{
width:100%;
float:center;
font-size:15px;
text-align:left;
background-color: #EAEAEA;
padding:10px;
border-style:solid;
border-width:thin;
border-color:#EAEAEA;
border-radius:15px 15px 15px 15px;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

.newnotice2{
width:100%;
float:center;
font-size:15px;
text-align:left;
background-color: #66FFCC;
padding:10px;
border-style:solid;
border-width:thin;
border-color:#66FFCC;
border-radius:15px 15px 15px 15px;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

#cal{
visibility:visible;
font-weight:bold;
font-size:15px;
}
#cal{background-color:#993300;}

.absall{
width:95%;
float:left;
}
.staff1{
width:35%;
font-size:16px;
float:left;
}
.staff2{
width:65%;
float:left;
font-size:18px;
color:#000000;
}

#fa{
color:#FFFFFF;
font-size:20px;
}

#inu{
visibility:hidden;
width:100%;
font-size:14px;
color:#990066;
margin-top:10px;
font-weight:bold;
}
.gr{
width:33%;
float:left;
font-size:16px;
color:#666666;
}
.mdall{
position:relative;
width:100%;
padding-right:15px;
padding-left:15px;
display:block;
justify-content:center;
}
.footer{
    bottom: 0px; 
    left: 0px; 
    z-index: 10000; 
    width: 100%; 
    height: 3.3em; 
    position: fixed; 
    margin-bottom: 0px;
	background-color:#762352;
	text-align:center;
	color:#FFFFFF;
	font-size:15px;
	visibility:hidden;
	text-align:left;
	line-height:3.3em;
}

div.banner{
    float:right;
    height:30%;
    width:30%;
    z-index:1000000;
    background-color:#3366FF;
    margin-top:-100px;
}

.footer2{
    bottom: 0px; 
    left: 0px; 
    z-index: 10000; 
    width: 100%; 
    height: 3.3em; 
    position: fixed; 
    margin-bottom: 0px;
	background-color:#762352;
	text-align:center;
	color:#FFFFFF;
	font-size:15px;
	visibility:hidden;
	text-align:center;
	line-height:3.3em;
}
a.not1{
    text-decoration:none;
}
span.login{
margin-left:5px;
margin-right:5px;
font-size:13px;
color:#FFFFFF;
}
div.st{
margin-top:15px;
margin-bottom:15px;
color:#990066;
}
div.st2{
    color:#ef123b;
font-size:14px;
font-weight:bold;
}
#logi{
font-size:17px;
color: #66FF99;
margin-left:8px;
}
#logi2{
font-size:17px;
color: #66FF99;
margin-left:8px;
margin-right:3px;
}
#logi3{
font-size:17px;
color: #0066CC;
margin-left:8px;
margin-right:3px;
}
#logi4{
font-size:17px;
color: #0066CC;
margin-left:0px;
margin-right:3px;
}
#logi5{
font-size:17px;
color: #FFFFFF;
margin-left:0px;
margin-right:3px;
}
div.f{
width:100%;
}
#nar{
	margin-left:15px;
	}
#login{
height:50px;
color:#66FF99;
}
nav.navbar{
    width:100%;
    padding:5px;
    background-color: #021a35;
}