#test
{
position:absolute;
top:40%;
left:20%;
font-size:1vw;
color:red;
}
.body
{
position:absolute;
height:122%;
width:100%;
top:18.5%;
left:0%;
font-size:3.5vw;
text-align:center;
color:#428BCA;

}
.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;


}
.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;
}
.form
{
position:absolute;
left:26%;
top:40%;
height:10%;
width:45%;
color:black;
font-size:1.45vw;
text-align:center;
}
.footer
{
position:fixed;
top:95%;
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;
}
#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;


}