.body
{
position:absolute;
height:122%;
width:100%;
top:18.5%;
left:0%;
font-size:3.5vw;
text-align:left;
color:#428BCA;

}
.f1
{
position:absolute;
left:10%;
top:15%;
height:10%;
width:45%;
color:#428BCA;
font-size:1.45vw;
text-align:left;
}
.head
{
position:fixed;
height:15%;
width:100%;
top:0%;
background-color:white;
left:0%;
font-size:1.2vw;
}
.middle
{
position:fixed;
height:3.5%;
width:30%;
top:15%;
background-color:white;
left:0%;
}

.middlee
{
position:fixed;
height:3.5%;
width:70%;
top:15%;
background-color:white;
left:30%;
font-size:1.5vw;
}

.middle1
{
position:absolute;
height:100%;
width:33%;
top:0%;
background-color:white;
left:0%;
text-align:center;

color:#428BCA;
font-size:1.5vw;

}
.middle1:hover
{

background-color:#428BCA;
color:white;
font-size:1.5vw;

}
.middle2
{
position:absolute;
height:100%;
width:33%;
top:0%;
background-color:white;
color:#428BCA;
left:33%;
text-align:center;
font-size:1.5vw;

}
.middle2:hover
{

background-color:#428BCA;
color:white;
font-size:1.5vw;

}
.middle3
{
position:absolute;
height:100%;
width:34%;
top:0%;
background-color:white;
color:#428BCA;
left:66%;
text-align:center;
font-size:1.5vw;

}
.middle3:hover
{

background-color:#428BCA;
color:white;
font-size:1.5vw;


}
#middle4
{
position:absolute;
height:100%;
width:21.5%;
top:0%;
background-color:white;
color:#428BCA;
right:0%;
text-align:center;
font-size:1.5vw;

}
#middle4:hover,#r1:hover
{
color:white;
background-color:#428BCA;
font-size:1.5vw;


}


#middle5
{
position:absolute;
height:100%;
width:20%;
top:0%;
background-color:white;
color:#428BCA;
right:20%;
text-align:center;
font-size:1.5vw;

}
#middle5:hover,#r2:hover
{
color:white;
background-color:#428BCA;
font-size:1.5vw;


}




#middle6
{
position:absolute;
height:100%;
width:20%;
top:0%;
background-color:white;
color:#428BCA;
right:40%;
text-align:center;
font-size:1.5vw;

}
#middle6:hover,#r3:hover
{
color:white;
background-color:#428BCA;
font-size:1.5vw;


}



#middle7
{
position:absolute;
height:100%;
width:20%;
top:0%;
background-color:white;
color:#428BCA;
right:60%;
text-align:center;
font-size:1.5vw;

}
#middle7:hover,#r4:hover
{
color:white;
background-color:#428BCA;
font-size:1.5vw;


}
















.middlee1
{
position:fixed;
top:18.5%;
left:0%;
height:40%;
width:60%;
background-color:#428BCA;
visibility:hidden;
}
.middlee2
{
position:fixed;
top:18.5%;
left:0%;
height:40%;
width:60%;
background-color:white;
visibility:hidden;

}
.middlee3
{
position:fixed;
top:18.5%;
left:0%;
height:40%;
width:60%;
background-color:#428BCA;
visibility:hidden;
}

.hcorner
{
position:absolute;
top:0%;
right:0%;
height:100%;
background-color:#428BCA;
text-align:center;
width:15%;
color:white;
font-size:1.2vw;
}
.hcornerr
{
position:absolute;
top:0%;
right:17%;
height:100%;
background-color:#428BCA;
text-align:center;
width:15%;
color:white;
font-size:1.2vw;
}

.footer
{
position:fixed;
top:100%;
left:0%;
height:5%;
width:100%;
background-color:white;
}
.form2
{
height:auto;
position:absolute;
top:20%;
left:20%;
width:80%;
font-size:1.5vw;
text-align:left;

}
.span
{
height:10%;
width:20%;
}
#ee
{
visibility:hidden;
}
#ccc
{
visibility:hidden;
}
#ca
{
visibility:hidden;

}
#nn1
{
visibility:hidden;
}
#nn2
{
visibility:hidden;
}
#pp
{
visibility:hidden;
}