body {
margin:0;
padding:0;
}
* {
font-family:sans-serif;
color:white;
}
a,h1 {
text-decoration:none;
}
li {
list-style-type: none;
}
#lwd {
margin:0;
padding:0;
width:25%;
height:350px;
left:35%;
top:300px;
position:relative;
background-color:rgba(220,220,220,0.8);
border-radius:10px;
visibility:hidden;
z-index:500;
overflow-y:auto;
}
.off {
margin:0;
padding:0;
height:20px;
left:95%;
top:0;
position:absolute;
font-size:22px;
}
#lwul {
text-align:center;
width:100%;
height:90%;
margin:0;
padding:0;
top:10%;
position:absolute;
font-size:26px;
}
#lwul li a {
color:black;
}
#TT {
visibility:hidden;
}
.ca {
z-index:200;
width:100%;
height:100%;
margin:0;
padding:0;
top:0;
position:fixed;
}
.am {
margin:0;
padding:0;
top:20%;
right:5%;
z-index:200;
position:absolute;
}
#tb {
width:100%;
height:100%;
}
.ti {
margin: 0;
padding: 0;
width: 100%;
height: 30%;
float: left;
top: 0;
z-index:100;
position:fixed;
background:linear-gradient(180deg,darkblue,#1630F5);
background-repeat: no-repeat;
background-size: 100% 100%;
}
#t {
margin-top:0;
padding:0;
width:100%;
height:5%;
min-height:55px;
min-width:320px;
top:30%;
float:left;
z-index:200;
position:fixed;
background:linear-gradient(180deg,#1630F5,darkblue);
}
#t ul {
width:80%;
left:10%;
margin:0;
padding:0;
height:100%;
display:block;
position:absolute;
align-self:center;
}
#t ul li {
width:25%;
margin:0;
padding:1% 0 0 0;
text-align:center;
font-size:xx-large;
float:left;
}
.bobg {
margin: 0;
padding: 0;
width: 100%;
height: 59%;
top: 35%;
z-index: -300;
position: absolute;
background: linear-gradient(180deg,darkblue,#1630F5);
background-attachment: fixed;
}
#bo {
margin:0;
padding:0;
width:100%;
height:55%;
top:39%;
z-index:200;
overflow-y:auto;
position:fixed;
}
#bol {
visibility:hidden;
margin:0;
padding:0;
width:0;
float:left;
left:0;
min-height:80%;
position:absolute;
}
#bor {
margin:0;
padding:0;
width:70%;
float:left;
left:15%;
min-height:80%;
position:absolute;
}
#bor ul {
width:100%;
margin:0;
padding:0;
}
#bor ul li {
width:100%;
margin:0;
text-align:center;
}
#boli {
margin:0;
padding:0;
width:90%;
min-height:20%;
float:left;
left:5%;
top:80%;
position:absolute;
}
.fo {
margin:0;
padding:0;
width:100%;
height:10%;
top:94%;
z-index:200;
position:absolute;
background:linear-gradient(180deg,#1630F5,darkblue);
}

@media only screen and (max-width: 735px) {
#bol {
display:none;
visibility:hidden;
z-index:-700;
}
#bor {
width:100%;
float:left;
left:0;
position:absolute;
}
#boli {
width:100%;
left:0;
}
#lwd {
width:100%;
height:100%;
left:0;
top:0;
position:absolute;
background-color:rgba(220,220,220,0.8);
}
.off {
height:30px;
left:93%;
font-size:28px;
}
}