@font-face{
font-family:Aldrich-Regular;
src:url(fonts/Aldrich-Regular.ttf);
}

-ms-@font-face{
font-family:Aldrich-Regular;
src:url(fonts/Aldrich-Regular.ttf);
}

-moz-@font-face{
font-family:Aldrich-Regular;
src:url(fonts/Aldrich-Regular.ttf);
}






@font-face{
font-family:loaded;
src:url(fonts/loaded.ttf);
}

-ms-@font-face{
font-family:loaded;
src:url(fonts/loaded.ttf);
}

-moz-@font-face{
font-family:loaded;
src:url(fonts/loaded.ttf);
}







*{position:absolute;cursor:url(images/cursor.svg),auto;
scroll-behavior:smooth;}

body{width:100vw;height:100vh;margin:0vw;
overflow:hidden;}

.body{width:100vw;height:100vh;margin:0vw;
overflow-Y:scroll;overflow-X:hidden;
scroll-behavior:smooth;
background-image:url(images/1_exotic_flowers.svg);
background-size:cover;
z-index:2;
}


.body1{width:100vw;height:100vh;margin:0vw;
overflow:hidden;background:transparent;
z-index:1;
}



.b{width:10vw;height:5vh;
background-image:linear-gradient(to bottom right,darkgreen,green,darkgreen);
margin-top:0vh;
box-shadow:0px 20px 50px 10px black;
text-align:center;line-height:5vh;font-family:loaded;font-size:1vw;
color:magenta;z-index:999999999;}


.b:hover{background:white;color:green;font-size:1.1vw;
box-shadow:0px 0px 50px 0px white;}

.b1{margin-left:22.5vw;}

.b2{margin-left:33.5vw;}

.b3{margin-left:44.5vw;}

.b4{margin-left:55.5vw;}

.b5{margin-left:66.5vw;}




.open{position:absolute;
width:10vw;height:5vh;line-height:5vh;
margin-left:5vw;margin-top:11vh;
z-index:200;
background-size:100% 100%;
text-align:center;
font-size:1.1vw;
font-family:Aldrich-Regular;
transition:0.1s ease;
}


.open:hover{
border:0.1vw solid white;
color:white;
background-image:linear-gradient(to bottom,grey,black);
transition:0.1s ease;
}


.close{
position:absolute;
width:10vw;height:5vh;line-height:5vh;
margin-left:84.8vw;margin-top:11vh;
z-index:200;
background-size:100% 100%;
text-align:center;
font-size:1.1vw;
font-family:Aldrich-Regular;
transition:0.1s ease;
}

.close:hover{
border:0.1vw solid white;
color:white;
background-image:linear-gradient(to bottom,grey,black);
transition:0.1s ease;
}




.banner{position:relative;
float:left;
display:inline !important;
width:15vw;height:15vw;
margin-left:32.5vw;
margin-top:15vh;
background-size:100% 100%;
transition:1s ease;z-index:9;
animation:dance 19s infinite ease;
-webkit-animation:dance 19s infinite ease;
-ms-animation:dance 19s infinite ease;
-moz-animation:dance 19s infinite ease;
}


.banner:nth-child(even){
margin-left:5vw;
}


.banner:hover{animation-play-state:paused;transition:1s ease;cursor:zoom-in;}



@keyframes dance{
0%{transform:rotateZ(-25deg);}
10%{transform:rotateZ(25deg);transform:scale(1.1);}
20%{transform:rotateZ(-25deg);}
30%{transform:rotateZ(25deg);}
40%{transform:rotateZ(-25deg);transform:scale(1.1);}
50%{transform:rotateZ(25deg);}
60%{transform:rotateZ(-25deg);}
70%{transform:rotateZ(25deg);}
80%{transform:rotateZ(-25deg);}
90%{transform:rotateZ(25deg);transform:scale(1.1);}
100%{transform:rotateZ(-25deg);}
}





-webkit-@keyframes dance{
0%{transform:rotateZ(-25deg);}
10%{transform:rotateZ(25deg);transform:scale(1.1);}
20%{transform:rotateZ(-25deg);}
30%{transform:rotateZ(25deg);}
40%{transform:rotateZ(-25deg);transform:scale(1.1);}
50%{transform:rotateZ(25deg);}
60%{transform:rotateZ(-25deg);}
70%{transform:rotateZ(25deg);}
80%{transform:rotateZ(-25deg);}
90%{transform:rotateZ(25deg);transform:scale(1.1);}
100%{transform:rotateZ(-25deg);}
}





-ms-@keyframes dance{
0%{transform:rotateZ(-25deg);}
10%{transform:rotateZ(25deg);transform:scale(1.1);}
20%{transform:rotateZ(-25deg);}
30%{transform:rotateZ(25deg);}
40%{transform:rotateZ(-25deg);transform:scale(1.1);}
50%{transform:rotateZ(25deg);}
60%{transform:rotateZ(-25deg);}
70%{transform:rotateZ(25deg);}
80%{transform:rotateZ(-25deg);}
90%{transform:rotateZ(25deg);transform:scale(1.1);}
100%{transform:rotateZ(-25deg);}
}





-moz-@keyframes dance{
0%{transform:rotateZ(-25deg);}
10%{transform:rotateZ(25deg);transform:scale(1.1);}
20%{transform:rotateZ(-25deg);}
30%{transform:rotateZ(25deg);}
40%{transform:rotateZ(-25deg);transform:scale(1.1);}
50%{transform:rotateZ(25deg);}
60%{transform:rotateZ(-25deg);}
70%{transform:rotateZ(25deg);}
80%{transform:rotateZ(-25deg);}
90%{transform:rotateZ(25deg);transform:scale(1.1);}
100%{transform:rotateZ(-25deg);}
}











@keyframes danceOne{
0%{transform:rotateY(-25deg)scale(1);}
5%{transform:rotateY(25deg)scale(1.1);}
10%{transform:rotateY(-25deg)scale(1);}
15%{transform:rotateY(25deg)scale(1.1);}
20%{transform:rotateY(-25deg)scale(1);}
25%{transform:rotateY(25deg)scale(1.1);}
30%{transform:rotateY(-25deg)scale(1);}
35%{transform:rotateY(25deg)scale(1.1);}
40%{transform:rotateY(-25deg)scale(1);}
45%{transform:rotateY(25deg)scale(1.1);}
50%{transform:rotateY(-25deg)scale(1);}
55%{transform:rotateY(25deg)scale(1.1);}
60%{transform:rotateY(-25deg)scale(1);}
65%{transform:rotateY(25deg)scale(1.1);}
70%{transform:rotateY(-25deg)scale(1);}
75%{transform:rotateY(25deg)scale(1.1);}
80%{transform:rotateY(-25deg)scale(1);}
85%{transform:rotateY(25deg)scale(1.1);}
90%{transform:rotateY(-25deg)scale(1);}
95%{transform:rotateY(25deg)scale(1.1);}
100%{transform:rotateY(-25deg)scale(1);}
}





-webkit-@keyframes danceOne{
0%{transform:rotateY(-25deg)scale(1);}
5%{transform:rotateY(25deg)scale(1.1);}
10%{transform:rotateY(-25deg)scale(1);}
15%{transform:rotateY(25deg)scale(1.1);}
20%{transform:rotateY(-25deg)scale(1);}
25%{transform:rotateY(25deg)scale(1.1);}
30%{transform:rotateY(-25deg)scale(1);}
35%{transform:rotateY(25deg)scale(1.1);}
40%{transform:rotateY(-25deg)scale(1);}
45%{transform:rotateY(25deg)scale(1.1);}
50%{transform:rotateY(-25deg)scale(1);}
55%{transform:rotateY(25deg)scale(1.1);}
60%{transform:rotateY(-25deg)scale(1);}
65%{transform:rotateY(25deg)scale(1.1);}
70%{transform:rotateY(-25deg)scale(1);}
75%{transform:rotateY(25deg)scale(1.1);}
80%{transform:rotateY(-25deg)scale(1);}
85%{transform:rotateY(25deg)scale(1.1);}
90%{transform:rotateY(-25deg)scale(1);}
95%{transform:rotateY(25deg)scale(1.1);}
100%{transform:rotateY(-25deg)scale(1);}
}



-ms-@keyframes danceOne{
0%{transform:rotateY(-25deg)scale(1);}
5%{transform:rotateY(25deg)scale(1.1);}
10%{transform:rotateY(-25deg)scale(1);}
15%{transform:rotateY(25deg)scale(1.1);}
20%{transform:rotateY(-25deg)scale(1);}
25%{transform:rotateY(25deg)scale(1.1);}
30%{transform:rotateY(-25deg)scale(1);}
35%{transform:rotateY(25deg)scale(1.1);}
40%{transform:rotateY(-25deg)scale(1);}
45%{transform:rotateY(25deg)scale(1.1);}
50%{transform:rotateY(-25deg)scale(1);}
55%{transform:rotateY(25deg)scale(1.1);}
60%{transform:rotateY(-25deg)scale(1);}
65%{transform:rotateY(25deg)scale(1.1);}
70%{transform:rotateY(-25deg)scale(1);}
75%{transform:rotateY(25deg)scale(1.1);}
80%{transform:rotateY(-25deg)scale(1);}
85%{transform:rotateY(25deg)scale(1.1);}
90%{transform:rotateY(-25deg)scale(1);}
95%{transform:rotateY(25deg)scale(1.1);}
100%{transform:rotateY(-25deg)scale(1);}
}


-moz-@keyframes danceOne{
0%{transform:rotateY(-25deg)scale(1);}
5%{transform:rotateY(25deg)scale(1.1);}
10%{transform:rotateY(-25deg)scale(1);}
15%{transform:rotateY(25deg)scale(1.1);}
20%{transform:rotateY(-25deg)scale(1);}
25%{transform:rotateY(25deg)scale(1.1);}
30%{transform:rotateY(-25deg)scale(1);}
35%{transform:rotateY(25deg)scale(1.1);}
40%{transform:rotateY(-25deg)scale(1);}
45%{transform:rotateY(25deg)scale(1.1);}
50%{transform:rotateY(-25deg)scale(1);}
55%{transform:rotateY(25deg)scale(1.1);}
60%{transform:rotateY(-25deg)scale(1);}
65%{transform:rotateY(25deg)scale(1.1);}
70%{transform:rotateY(-25deg)scale(1);}
75%{transform:rotateY(25deg)scale(1.1);}
80%{transform:rotateY(-25deg)scale(1);}
85%{transform:rotateY(25deg)scale(1.1);}
90%{transform:rotateY(-25deg)scale(1);}
95%{transform:rotateY(25deg)scale(1.1);}
100%{transform:rotateY(-25deg)scale(1);}
}


























.banner1{
background-image:url(images/banner1.webp);
}

.banner2{
background-image:url(images/banner2.webp);
}


.banner3{
background-image:url(images/banner3.webp);
}


.banner4{
background-image:url(images/banner4.webp);
}


.banner5{
background-image:url(images/banner5.webp);
}


.banner6{
background-image:url(images/banner6.webp);
}


.banner7{
background-image:url(images/banner7.webp);
}


.banner8{
background-image:url(images/banner8.webp);
}


.banner9{
background-image:url(images/banner9.svg);
}


.banner10{
background-image:url(images/banner10.svg);
}


.banner11{
background-image:url(images/banner11.svg);
}


.banner12{
background-image:url(images/banner12.svg);
}



.banner13{
background-image:url(images/banner13.svg);
}


.banner14{
background-image:url(images/banner14.svg);
}




.banner15{
background-image:url(images/banner15.svg);
}


.banner16{
background-image:url(images/banner16.svg);
}


.banner17{
background-image:url(images/banner17.svg);
}


.banner18{
background-image:url(images/banner18.svg);
}


.banner19{
background-image:url(images/banner19.svg);
}


.banner20{
background-image:url(images/banner20.svg);
}


.banner21{
background-image:url(images/banner21.svg);
}



.banner22{
background-image:url(images/banner22.svg);
}


.banner23{
background-image:url(images/banner23.svg);
}

.banner24{
background-image:url(images/banner24.svg);
}


.banner25{
background-image:url(images/banner25.svg);
}



.banner26{
background:transparent;}



.coffee_ball{
position:relative;
float:left;
width:30vw;height:30vw;
z-index:2;
margin-left:-5vw;margin-top:18vh;
background-image:url(images/coffee_ball.webp);
background-size:100% 100%;
}



.coffee1{
position:relative;
float:left;
width:28vw;height:28vw;
z-index:1;
margin-left:12vw;margin-top:10vh;
background-image:url(images/coffee2.webp);
background-size:100% 100%;
animation:danceOne 10s infinite ease;
-webkit-animation:danceOne 10s infinite ease;
-ms-animation:danceOne 10s infinite ease;
-moz-animation:danceOne 10s infinite ease;
}



.coffee2{
position:relative;
float:left;
width:28vw;height:28vw;
z-index:1;
margin-left:-5vw;margin-top:10vh;
margin-bottom:50vh;
background-image:url(images/coffee1.webp);
background-size:100% 100%;
animation:danceOne 10s infinite ease;
-webkit-animation:danceOne 10s infinite ease;
-ms-animation:danceOne 10s infinite ease;
-moz-animation:danceOne 10s infinite ease;
}


















.more{position:absolute;
width:0vw;height:100vh;
margin-top:0vh;
z-index:200;
background-size:100% 100%;
transition:1s ease;
overflow-X:hidden;
overflow-Y:scroll;
}


h1{
position:relative;
width:60vw;
height:auto;
color:white;
margin-left:10vw;
margin-top:15vh;
font-family:Aldrich-Regular;
font-weight:bold;
font-size:2vw;
text-shadow:1px 2px 3px black;
text-align:justify;
}


p{
position:relative;
width:60vw;
height:auto;
color:black;
margin-left:10vw;
margin-top:5vh;
font-family:Aldrich-Regular;
font-size:1vw;
font-weight:normal;
text-align:justify;
}


#p1{
text-shadow:1px 2px 3px white;
background-image:url(images/facebook.webp);
background-size:contain;
background-repeat:no-repeat;
}


#p1-2{
text-shadow:1px 2px 3px white;
background-image:url(images/facebook2.webp);
background-size:contain;
background-repeat:no-repeat;
}




.box{
position:relative;
float:left;
margin:2vw;
width:20vw;
height:20vw;
background-size:100% 100%;
border:0.1vw solid lime;
transition:0.1s ease;
}


.box:hover{
transform:scale(1.05);
border:0.1vw solid deeppink;
0.1s ease;
}



.box1{
margin-left:10vw;
background-image:url(images/box1.webp);
}


.box2{
background-image:url(images/box2.webp);
}


.box3{
background-image:url(images/box3.webp);
}







.box2-1{
margin-left:10vw;
border:0.1vw solid deeppink;
background-image:url(images/box2-1.webp);
}


.box2-2{
border:0.1vw solid deeppink;
background-image:url(images/box2-2.webp);
}


.box2-3{
border:0.1vw solid deeppink;
background-image:url(images/box2-3.webp);
}


.box2-1:hover{
border:0.1vw solid white;
}


.box2-2:hover{
border:0.1vw solid white;
}


.box2-3:hover{
border:0.1vw solid white;
}





.box3-1{
margin-left:10vw;
border:0.1vw solid cyan;
background-image:url(images/box3-1.webp);
}


.box3-2{
border:0.1vw solid cyan;
background-image:url(images/box3-2.webp);
}


.box3-3{
border:0.1vw solid cyan;
background-image:url(images/box3-3.webp);
}


.box3-1:hover{
border:0.1vw solid white;
}


.box3-2:hover{
border:0.1vw solid white;
}


.box3-3:hover{
border:0.1vw solid white;
}





.box4-1{
margin-left:10vw;
border:0.1vw solid red;
background-image:url(images/box4-1.webp);
}


.box4-2{
border:0.1vw solid red;
background-image:url(images/box4-2.webp);
}


.box4-3{
border:0.1vw solid red;
background-image:url(images/box4-3.webp);
}


.box4-1:hover{
border:0.1vw solid white;
}


.box4-2:hover{
border:0.1vw solid white;
}


.box4-3:hover{
border:0.1vw solid white;
}







.box5-1{
margin-left:10vw;
border:0.1vw solid lime;
background-image:url(images/box5-1.webp);
}


.box5-2{
border:0.1vw solid lime;
background-image:url(images/box5-2.webp);
}


.box5-3{
border:0.1vw solid lime;
background-image:url(images/box5-3.webp);
}


.box5-1:hover{
border:0.1vw solid white;
}


.box5-2:hover{
border:0.1vw solid white;
}


.box5-3:hover{
border:0.1vw solid white;
}






.box6-1{
margin-left:10vw;
border:0.1vw solid #594aae;
background-image:url(images/box6-1.webp);
}


.box6-2{
border:0.1vw solid #594aae;
background-image:url(images/box6-2.webp);
}


.box6-3{
border:0.1vw solid #594aae;
background-image:url(images/box6-3.webp);
}


.box6-1:hover{
border:0.1vw solid white;
}


.box6-2:hover{
border:0.1vw solid white;
}


.box6-3:hover{
border:0.1vw solid white;
}






.box7-1{
margin-left:10vw;
border:0.1vw solid deeppink;
background-image:url(images/box7-1.webp);
}


.box7-2{
border:0.1vw solid deeppink;
background-image:url(images/box7-2.webp);
}


.box7-3{
border:0.1vw solid deeppink;
background-image:url(images/box7-3.webp);
}


.box7-1:hover{
border:0.1vw solid white;
}


.box7-2:hover{
border:0.1vw solid white;
}


.box7-3:hover{
border:0.1vw solid white;
}







.box8-1{
margin-left:10vw;
border:0.1vw solid yellow;
background-image:url(images/box8-1.webp);
}

.box8-2{
border:0.1vw solid yellow;
background-image:url(images/box8-2.webp);
}

.box8-3{
border:0.1vw solid yellow;
background-image:url(images/box8-3.webp);
}

.box8-1:hover{
border:0.1vw solid white;
}

.box8-2:hover{
border:0.1vw solid white;
}

.box8-3:hover{
border:0.1vw solid white;
}




.box9-1{
margin-left:10vw;
border:0.1vw solid cyan;
background-image:url(images/box9-1.webp);
}

.box9-2{
border:0.1vw solid cyan;
background-image:url(images/box9-2.webp);
}

.box9-3{
border:0.1vw solid cyan;
background-image:url(images/box9-3.webp);
}

.box9-1:hover{
border:0.1vw solid white;
}

.box9-2:hover{
border:0.1vw solid white;
}

.box9-3:hover{
border:0.1vw solid white;
}



.box10-1{
margin-left:10vw;
border:0.1vw solid pink;
background-image:url(images/box10-1.webp);
}

.box10-2{
border:0.1vw solid pink;
background-image:url(images/box10-2.webp);
}

.box10-3{
border:0.1vw solid pink;
background-image:url(images/box10-3.webp);
}

.box10-1:hover{
border:0.1vw solid white;
}

.box10-2:hover{
border:0.1vw solid white;
}

.box10-3:hover{
border:0.1vw solid white;
}







.box11-1{
margin-left:10vw;
border:0.1vw solid #3c545a;
background-image:url(images/box11-1.webp);
}

.box11-2{
border:0.1vw solid #3c545a;
background-image:url(images/box11-2.webp);
}

.box11-3{
border:0.1vw solid #3c545a;
background-image:url(images/box11-3.webp);
}

.box11-1:hover{
border:0.1vw solid white;
}

.box11-2:hover{
border:0.1vw solid white;
}

.box11-3:hover{
border:0.1vw solid white;
}



.box12-1{
margin-left:10vw;
border:0.1vw solid lightgrey;
background-image:url(images/box12-1.webp);
}

.box12-2{
border:0.1vw solid lightgrey;
background-image:url(images/box12-2.webp);
}

.box12-3{
border:0.1vw solid lightgrey;
background-image:url(images/box12-3.webp);
}

.box12-1:hover{
border:0.1vw solid white;
}

.box12-2:hover{
border:0.1vw solid white;
}

.box12-3:hover{
border:0.1vw solid white;
}





.box13-1{
margin-left:10vw;
border:0.1vw solid lime;
background-image:url(images/box13-1.webp);
}

.box13-2{
border:0.1vw solid lime;
background-image:url(images/box13-2.webp);
}

.box13-3{
border:0.1vw solid lime;
background-image:url(images/box13-3.webp);
}

.box13-1:hover{
border:0.1vw solid white;
}

.box13-2:hover{
border:0.1vw solid white;
}

.box13-3:hover{
border:0.1vw solid white;
}



.box14-1{
margin-left:10vw;
border:0.1vw solid firebrick;
background-image:url(images/box14-1.webp);
}

.box14-2{
border:0.1vw solid firebrick;
background-image:url(images/box14-2.webp);
}

.box14-3{
border:0.1vw solid firebrick;
background-image:url(images/box14-3.webp);
}

.box14-1:hover{
border:0.1vw solid white;
}

.box14-2:hover{
border:0.1vw solid white;
}

.box14-3:hover{
border:0.1vw solid white;
}





.box15-1{
margin-left:10vw;
border:0.1vw solid yellow;
background-image:url(images/box15-1.webp);
}

.box15-2{
border:0.1vw solid yellow;
background-image:url(images/box15-2.webp);
}

.box15-3{
border:0.1vw solid yellow;
background-image:url(images/box15-3.webp);
}

.box15-1:hover{
border:0.1vw solid white;
}

.box15-2:hover{
border:0.1vw solid white;
}

.box15-3:hover{
border:0.1vw solid white;
}



.box16-1{
margin-left:10vw;
border:0.1vw solid yellow;
background-image:url(images/box16-1.webp);
}

.box16-2{
border:0.1vw solid yellow;
background-image:url(images/box16-2.webp);
}

.box16-3{
border:0.1vw solid yellow;
background-image:url(images/box16-3.webp);
}

.box16-1:hover{
border:0.1vw solid white;
}

.box16-2:hover{
border:0.1vw solid white;
}

.box16-3:hover{
border:0.1vw solid white;
}






.box17-1{
margin-left:10vw;
border:0.1vw solid pink;
background-image:url(images/box17-1.webp);
}

.box17-2{
border:0.1vw solid pink;
background-image:url(images/box17-2.webp);
}

.box17-3{
border:0.1vw solid pink;
background-image:url(images/box17-3.webp);
}

.box17-1:hover{
border:0.1vw solid white;
}

.box17-2:hover{
border:0.1vw solid white;
}

.box17-3:hover{
border:0.1vw solid white;
}



.box18-1{
margin-left:10vw;
border:0.1vw solid cyan;
background-image:url(images/box18-1.webp);
}

.box18-2{
border:0.1vw solid cyan;
background-image:url(images/box18-2.webp);
}

.box18-3{
border:0.1vw solid cyan;
background-image:url(images/box18-3.webp);
}

.box18-1:hover{
border:0.1vw solid white;
}

.box18-2:hover{
border:0.1vw solid white;
}

.box18-3:hover{
border:0.1vw solid white;
}






.box19-1{
margin-left:10vw;
border:0.1vw solid brown;
background-image:url(images/box19-1.webp);
}

.box19-2{
border:0.1vw solid brown;
background-image:url(images/box19-2.webp);
}

.box19-3{
border:0.1vw solid brown;
background-image:url(images/box19-3.webp);
}

.box19-1:hover{
border:0.1vw solid white;
}

.box19-2:hover{
border:0.1vw solid white;
}

.box19-3:hover{
border:0.1vw solid white;
}



.box20-1{
margin-left:10vw;
border:0.1vw solid grey;
background-image:url(images/box20-1.webp);
}

.box20-2{
border:0.1vw solid grey;
background-image:url(images/box20-2.webp);
}

.box20-3{
border:0.1vw solid grey;
background-image:url(images/box20-3.webp);
}

.box20-1:hover{
border:0.1vw solid white;
}

.box20-2:hover{
border:0.1vw solid white;
}

.box20-3:hover{
border:0.1vw solid white;
}




.box21-1{
margin-left:10vw;
border:0.1vw solid grey;
background-image:url(images/box21-1.webp);
}

.box21-2{
border:0.1vw solid grey;
background-image:url(images/box21-2.webp);
}

.box21-3{
border:0.1vw solid grey;
background-image:url(images/box21-3.webp);
}

.box21-1:hover{
border:0.1vw solid white;
}

.box21-2:hover{
border:0.1vw solid white;
}

.box21-3:hover{
border:0.1vw solid white;
}





.box22-1{
margin-left:10vw;
border:0.1vw solid grey;
background-image:url(images/box22-1.webp);
}

.box22-2{
border:0.1vw solid grey;
background-image:url(images/box22-2.webp);
}

.box22-3{
border:0.1vw solid grey;
background-image:url(images/box22-3.webp);
}

.box22-1:hover{
border:0.1vw solid white;
}

.box22-2:hover{
border:0.1vw solid white;
}

.box22-3:hover{
border:0.1vw solid white;
}




.box23-1{
margin-left:10vw;
border:0.1vw solid grey;
background-image:url(images/box23-1.webp);
}

.box23-2{
border:0.1vw solid grey;
background-image:url(images/box23-2.webp);
}

.box23-3{
border:0.1vw solid grey;
background-image:url(images/box23-3.webp);
}

.box23-1:hover{
border:0.1vw solid white;
}

.box23-2:hover{
border:0.1vw solid white;
}

.box23-3:hover{
border:0.1vw solid white;
}







.box24-1{
margin-left:10vw;
border:0.1vw solid grey;
background-image:url(images/box24-1.webp);
}

.box24-2{
border:0.1vw solid grey;
background-image:url(images/box24-2.webp);
}

.box24-3{
border:0.1vw solid grey;
background-image:url(images/box24-3.webp);
}

.box24-1:hover{
border:0.1vw solid white;
}

.box24-2:hover{
border:0.1vw solid white;
}

.box24-3:hover{
border:0.1vw solid white;
}





.box25-1{
margin-left:10vw;
border:0.1vw solid grey;
background-image:url(images/box25-1.webp);
}

.box25-2{
border:0.1vw solid grey;
background-image:url(images/box25-2.webp);
}

.box25-3{
border:0.1vw solid grey;
background-image:url(images/box25-3.webp);
}

.box25-1:hover{
border:0.1vw solid white;
}

.box25-2:hover{
border:0.1vw solid white;
}

.box25-3:hover{
border:0.1vw solid white;
}





























.bot{
position:relative;
float:left;
width:100vw;height:20vh;
margin-left:0vw;
margin-top:50vh;
background:transparent;
}






table{
position:relative;
width:76vw;
height:69vh;
margin-left:10vw;
margin-top:5vh;
text-align:center;
text-indent:1vw;
border:1vw solid lime;
background:rgba(0,0,0,0.5);
}


tr{
position:relative;
float:left;
margin-left:1.7vw;
margin-top:3vh;
background:white;
border:0.1vw solid lime;
width:70vw;
height:7vh;
}



th{
position:relative;
float:left;
margin:0vw;
display:inline !important;
color:lime;
width:23vw;
height:7vh;
line-height:7vh;
font-size:1.2vw;font-weight:normal;
font-family:Aldrich-Regular;
text-shadow:1px 2px 3px black;
}


td{
position:relative;
float:left;
margin:0vw;
display:inline !important;
padding-top:1vh;
color:black;
width:23vw;
height:auto;
font-size:1vw;font-weight:normal;
font-family:Aldrich-Regular;
}



.aside1{position:absolute;
width:0vw;height:100vh;
margin-left:100vw;
margin-top:0vw;
z-index:99;
background-image:radial-gradient(white,#89b24bff);
transition:1s ease;
}



.open1{
background-image:radial-gradient(white,#89b24bff);
color:black;
border:0.1vw solid lime;
}


.more1{
margin-left:100vw;
background-image:radial-gradient(white,#89b24bff);
}






.closeAside1{position:absolute;
width:10vw;height:5vh;line-height:5vh;
z-index:300;
background-image:radial-gradient(white,#89b24bff);
text-align:center;
color:black;
font-size:1.2vw;
font-family:Aldrich-Regular;
border:0.1vw solid lime;
transition:0.1s ease;
}


.closeAside1:hover{
color:white;
background-image:linear-gradient(to bottom,grey,black);
border:0.1vw solid white;
transition:0.1s ease;
}



.BANNERSmonitor1{position:absolute;
width:70vw;height:40vw;
margin-left:15vw;margin-top:7vh;
z-index:99;
background-image:url(images/BANNERSmonitor1.webp);
background-size:100% 100%;
}







.aside2{position:absolute;
width:0vw;height:100vh;
margin-left:-100vw;
margin-top:0vw;
z-index:99;
background-image:radial-gradient(white,#ee509bff);
background-size:100% 100%;
transition:1s ease;
}


.closeAside2{position:absolute;
width:10vw;height:5vh;line-height:5vh;
z-index:300;
background-image:radial-gradient(white,#ee509bff);
background-size:100% 100%;
text-align:center;
color:black;
font-size:1.2vw;
font-family:Aldrich-Regular;
border:0.1vw solid deeppink;
transition:0.1s ease;
}


.closeAside2:hover{
color:deeppink;
background-image:linear-gradient(to bottom,grey,black);
border:0.1vw solid deeppink;
transition:0.1s ease;
}



.open2{
background-image:radial-gradient(white,#ee509bff);
color:black;
border:0.1vw solid deeppink;
}


.more2{
margin-left:-100vw;
background-image:radial-gradient(white,#ee509bff);;
}





.BANNERSmonitor2{position:absolute;
width:70vw;height:40vw;
margin-left:15vw;margin-top:7vh;
z-index:99;
background-image:url(images/BANNERSmonitor2.webp);
background-size:100% 100%;
}





.aside3{position:absolute;
width:0vw;height:100vh;
margin-left:100vw;
margin-top:0vw;
z-index:99;
background-image:radial-gradient(white,#1599fdff);
background-size:100% 100%;
transition:1s ease;
}


.closeAside3{position:absolute;
width:10vw;height:5vh;line-height:5vh;
z-index:300;
background-image:radial-gradient(white,#1599fdff);
background-size:100% 100%;
text-align:center;
color:black;
font-size:1.2vw;
font-family:Aldrich-Regular;
border:0.1vw solid cyan;
transition:0.1s ease;
}


.closeAside3:hover{
color:cyan;
background-image:linear-gradient(to bottom,grey,black);
border:0.1vw solid cyan;
transition:0.1s ease;
}



.open3{
background-image:radial-gradient(white,#1599fdff);
color:black;
border:0.1vw solid cyan;
}


.more3{
margin-left:100vw;
background-image:radial-gradient(white,#1599fdff);
}







.BANNERSmonitor3{position:absolute;
width:70vw;height:40vw;
margin-left:15vw;margin-top:7vh;
z-index:99;
background-image:url(images/BANNERSmonitor3.webp);
background-size:100% 100%;
}






.aside4{position:absolute;
width:0vw;height:100vh;
margin-left:-100vw;
margin-top:0vw;
z-index:99;
background-image:radial-gradient(white,red);
background-size:100% 100%;
transition:1s ease;
}


.closeAside4{position:absolute;
width:10vw;height:5vh;line-height:5vh;
z-index:300;
background-image:radial-gradient(white,red);
background-size:100% 100%;
text-align:center;
color:red;
font-size:1.2vw;
font-weight:normal;
font-family:Aldrich-Regular;
border:0.1vw solid red;
transition:0.1s ease;
}


.closeAside4:hover{
color:red;
background-image:linear-gradient(to bottom,grey,black);
border:0.1vw solid red;
transition:0.1s ease;
}


.open4{
background-image:radial-gradient(white,red);
color:black;
border:0.1vw solid red;
}


.more4{
margin-left:-100vw;
background-image:radial-gradient(white,red);
}





.BANNERSmonitor4{position:absolute;
width:70vw;height:40vw;
margin-left:15vw;margin-top:7vh;
z-index:99;
background-image:url(images/BANNERSmonitor4.webp);
background-size:100% 100%;
}








.aside5{position:absolute;
width:0vw;height:100vh;
margin-left:100vw;
margin-top:0vh;
z-index:99;
background-image:radial-gradient(white,#61872eff);
background-size:100% 100%;
transition:1s ease;

}


.closeAside5{position:absolute;
width:10vw;height:5vh;line-height:5vh;
z-index:300;
background-image:radial-gradient(white,#61872eff);
background-size:100% 100%;
text-align:center;
color:white;
font-size:1.2vw;
font-weight:normal;
font-family:Aldrich-Regular;
border:0.1vw solid lime;
transition:0.1s ease;
}


.closeAside5:hover{
color:lime;
background-image:linear-gradient(to bottom,grey,black);
border:0.1vw solid lime;
transition:0.1s ease;
}


.open5{
background-image:radial-gradient(white,#61872eff);
color:black;
border:0.1vw solid lime;
}


.more5{
margin-left:100vw;
background-image:radial-gradient(white,#61872eff);
}



.BANNERSmonitor5{position:absolute;
width:70vw;height:40vw;
margin-left:15vw;margin-top:7vh;
z-index:99;
background-image:url(images/BANNERSmonitor5.webp);
background-size:100% 100%;
}





.aside6{position:absolute;
width:0vw;height:100vh;
margin-left:-100vw;
margin-top:0vh;
z-index:99;
background-image:radial-gradient(white,#a53c9bff);
background-size:100% 100%;
transition:1s ease;

}


.closeAside6{position:absolute;
width:10vw;height:5vh;line-height:5vh;
z-index:300;
background-image:radial-gradient(white,#a53c9bff);
background-size:100% 100%;
text-align:center;
color:white;
font-size:1.2vw;
font-weight:normal;
font-family:Aldrich-Regular;
border:0.1vw solid #594aae;
transition:0.1s ease;
}


.closeAside6:hover{
color:white;
background-image:linear-gradient(to bottom,grey,black);
border:0.1vw solid #594aae;
transition:0.1s ease;
}



.open6{
background-image:radial-gradient(white,#a53c9bff);
color:black;
border:0.1vw solid #594aae;
}


.more6{
margin-left:-100vw;
background-image:radial-gradient(white,#a53c9bff);
}




.BANNERSmonitor6{position:absolute;
width:70vw;height:40vw;
margin-left:15vw;margin-top:7vh;
z-index:99;
background-image:url(images/BANNERSmonitor6.webp);
background-size:100% 100%;
}





.aside7{position:absolute;
width:0vw;height:100vh;
margin-left:100vw;
margin-top:0vh;
z-index:99;
background-image:radial-gradient(white,#701e75ff);
background-size:100% 100%;
transition:1s ease;

}


.closeAside7{position:absolute;
width:10vw;height:5vh;line-height:5vh;
z-index:300;
background-image:radial-gradient(white,#701e75ff);
background-size:100% 100%;
text-align:center;
color:white;
font-size:1.2vw;
font-weight:normal;
font-family:Aldrich-Regular;
border:0.1vw solid deeppink;
transition:0.1s ease;
}


.closeAside7:hover{
color:deeppink;
background-image:linear-gradient(to bottom,grey,black);
border:0.1vw solid deeppink;
transition:0.1s ease;
}


.open7{
background-image:radial-gradient(white,#701e75ff);
color:white;
text-shadow:1px 2px 3px black;
border:0.1vw solid deeppink;
}


.more7{
margin-left:-100vw;
background-image:radial-gradient(white,#701e75ff);
}



.BANNERSmonitor7{position:absolute;
width:70vw;height:40vw;
margin-left:15vw;margin-top:7vh;
z-index:99;
background-image:url(images/BANNERSmonitor7.webp);
background-size:100% 100%;
}







.aside8{position:absolute;
width:0vw;height:100vh;
margin-left:-100vw;
margin-top:0vh;
z-index:99;
background-image:radial-gradient(white,#8a0e3bff);
background-size:100% 100%;
transition:1s ease;

}


.closeAside8{position:absolute;
width:10vw;height:5vh;line-height:5vh;
z-index:300;
background-image:radial-gradient(white,#8a0e3bff);
background-size:100% 100%;
text-align:center;
color:white;
font-size:1.2vw;
font-weight:normal;
font-family:Aldrich-Regular;
border:0.1vw solid yellow;
transition:0.1s ease;
}


.closeAside8:hover{
color:yellow;
background-image:linear-gradient(to bottom,grey,black);
border:0.1vw solid yellow;
transition:0.1s ease;
}


.open8{
background-image:radial-gradient(white,#8a0e3bff);
color:white;
text-shadow:1px 2px 3px black;
border:0.1vw solid yellow;
}


.more8{
margin-left:-100vw;
background-image:radial-gradient(white,#8a0e3bff);
}



.BANNERSmonitor8{position:absolute;
width:70vw;height:40vw;
margin-left:15vw;margin-top:7vh;
z-index:99;
background-image:url(images/BANNERSmonitor8.webp);
background-size:100% 100%;
}





.aside9{position:absolute;
width:0vw;height:100vh;
margin-left:100vw;
margin-top:0vh;
z-index:99;
background-image:radial-gradient(white,#f6b203ff);
background-size:100% 100%;
transition:1s ease;

}


.closeAside9{position:absolute;
width:10vw;height:5vh;line-height:5vh;
z-index:300;
background-image:radial-gradient(white,#f6b203ff);
background-size:100% 100%;
text-align:center;
color:white;
font-size:1.2vw;
font-weight:normal;
font-family:Aldrich-Regular;
border:0.1vw solid cyan;
transition:0.1s ease;
}


.closeAside9:hover{
color:cyan;
background-image:linear-gradient(to bottom,grey,black);
border:0.1vw solid cyan;
transition:0.1s ease;
}



.open9{
background-image:radial-gradient(white,#f6b203ff);
color:white;
text-shadow:1px 2px 3px black;
border:0.1vw solid cyan;
}


.more9{
margin-left:100vw;
background-image:radial-gradient(white,#f6b203ff);
}



.BANNERSmonitor9{position:absolute;
width:70vw;height:40vw;
margin-left:15vw;margin-top:7vh;
z-index:99;
background-image:url(images/BANNERSmonitor9.webp);
background-size:100% 100%;
}





.aside10{position:absolute;
width:0vw;height:100vh;
margin-left:-100vw;
margin-top:0vh;
z-index:99;
background-image:radial-gradient(white,#e43a05ff);
background-size:100% 100%;
transition:1s ease;

}


.closeAside10{position:absolute;
width:10vw;height:5vh;line-height:5vh;
z-index:300;
background-image:radial-gradient(white,#e43a05ff);
background-size:100% 100%;
text-align:center;
color:white;
font-size:1.2vw;
font-weight:normal;
font-family:Aldrich-Regular;
border:0.1vw solid pink;
transition:0.1s ease;
}


.closeAside10:hover{
color:pink;
background-image:linear-gradient(to bottom,grey,black);
border:0.1vw solid pink;
transition:0.1s ease;
}



.open10{
background-image:radial-gradient(white,#e43a05ff);
color:white;
text-shadow:1px 2px 3px black;
border:0.1vw solid pink;
}


.more10{
margin-left:-100vw;
background-image:radial-gradient(white,#e43a05ff);
}



.BANNERSmonitor10{position:absolute;
width:70vw;height:40vw;
margin-left:15vw;margin-top:7vh;
z-index:99;
background-image:url(images/BANNERSmonitor10.webp);
background-size:100% 100%;
}







.aside11{position:absolute;
width:0vw;height:100vh;
margin-left:100vw;
margin-top:0vh;
z-index:99;
background-image:radial-gradient(white,#b1587aff);
background-size:100% 100%;
transition:1s ease;

}


.closeAside11{position:absolute;
width:10vw;height:5vh;line-height:5vh;
z-index:300;
background-image:radial-gradient(white,#b1587aff);
background-size:100% 100%;
text-align:center;
color:white;
font-size:1.2vw;
font-weight:normal;
font-family:Aldrich-Regular;
border:0.1vw solid #3c545a;
transition:0.1s ease;
}


.closeAside11:hover{
color:white;
background-image:linear-gradient(to bottom,grey,black);
border:0.1vw solid #3c545a;
transition:0.1s ease;
}



.open11{
background-image:radial-gradient(white,#b1587aff);
color:white;
text-shadow:1px 2px 3px black;
border:0.1vw solid #3c545a;
}


.more11{
margin-left:100vw;
background-image:radial-gradient(white,#b1587aff);
}



.BANNERSmonitor11{position:absolute;
width:70vw;height:40vw;
margin-left:15vw;margin-top:7vh;
z-index:99;
background-image:url(images/BANNERSmonitor11.webp);
background-size:100% 100%;
}





.aside12{position:absolute;
width:0vw;height:100vh;
margin-left:-100vw;
margin-top:0vh;
z-index:99;
background-image:radial-gradient(white,#f629beff);
background-size:100% 100%;
transition:1s ease;

}


.closeAside12{position:absolute;
width:10vw;height:5vh;line-height:5vh;
z-index:300;
background-image:radial-gradient(white,#f629beff);
background-size:100% 100%;
text-align:center;
color:white;
font-size:1.2vw;
font-weight:normal;
font-family:Aldrich-Regular;
border:0.1vw solid lightgrey;
transition:0.1s ease;
}


.closeAside12:hover{
color:lightgrey;
background-image:linear-gradient(to bottom,grey,black);
border:0.1vw solid lightgrey;
transition:0.1s ease;
}




.open12{
background-image:radial-gradient(white,#f629beff);
color:white;
text-shadow:1px 2px 3px black;
border:0.1vw solid lightgrey;
}


.more12{
margin-left:-100vw;
background-image:radial-gradient(white,#f629beff);
}



.BANNERSmonitor12{position:absolute;
width:70vw;height:40vw;
margin-left:15vw;margin-top:7vh;
z-index:99;
background-image:url(images/BANNERSmonitor12.webp);
background-size:100% 100%;
}





.aside13{position:absolute;
width:0vw;height:100vh;
margin-left:100vw;
margin-top:0vh;
z-index:99;
background-image:radial-gradient(white,#0e481dff);
background-size:100% 100%;
transition:1s ease;

}


.closeAside13{position:absolute;
width:10vw;height:5vh;line-height:5vh;
z-index:300;
background-image:radial-gradient(white,#0e481dff);
background-size:100% 100%;
text-align:center;
color:white;
font-size:1.2vw;
font-weight:normal;
font-family:Aldrich-Regular;
border:0.1vw solid lime;
transition:0.1s ease;
}


.closeAside13:hover{
color:lime;
background-image:linear-gradient(to bottom,grey,black);
border:0.1vw solid lime;
transition:0.1s ease;
}



.open13{
background-image:radial-gradient(white,#0e481dff);
color:white;
text-shadow:1px 2px 3px black;
border:0.1vw solid lime;
}


.more13{
margin-left:100vw;
background-image:radial-gradient(white,#0e481dff);
}



.BANNERSmonitor13{position:absolute;
width:70vw;height:40vw;
margin-left:15vw;margin-top:7vh;
z-index:99;
background-image:url(images/BANNERSmonitor13.webp);
background-size:100% 100%;
}






.aside14{position:absolute;
width:0vw;height:100vh;
margin-left:-100vw;
margin-top:0vh;
z-index:99;
background-image:radial-gradient(white,#f55f05ff);
background-size:100% 100%;
transition:1s ease;

}


.closeAside14{position:absolute;
width:10vw;height:5vh;line-height:5vh;
z-index:300;
background-image:radial-gradient(white,#f55f05ff);
background-size:100% 100%;
text-align:center;
color:white;
font-size:1.2vw;
font-weight:normal;
font-family:Aldrich-Regular;
border:0.1vw solid firebrick;
transition:0.1s ease;
}


.closeAside14:hover{
color:firebrick;
background-image:linear-gradient(to bottom,grey,black);
border:0.1vw solid firebrick;
transition:0.1s ease;
}



.open14{
background-image:radial-gradient(white,#f55f05ff);
color:white;
text-shadow:1px 2px 3px black;
border:0.1vw solid firebrick;
}


.more14{
margin-left:-100vw;
background-image:radial-gradient(white,#f55f05ff);
}



.BANNERSmonitor14{position:absolute;
width:70vw;height:40vw;
margin-left:15vw;margin-top:7vh;
z-index:99;
background-image:url(images/BANNERSmonitor14.webp);
background-size:100% 100%;
}






.aside15{position:absolute;
width:0vw;height:100vh;
margin-left:100vw;
margin-top:0vh;
z-index:99;
background-image:radial-gradient(white,#68132cff);
background-size:100% 100%;
transition:1s ease;

}


.closeAside15{position:absolute;
width:10vw;height:5vh;line-height:5vh;
z-index:300;
background-image:radial-gradient(white,#68132cff);
background-size:100% 100%;
text-align:center;
color:white;
font-size:1.2vw;
font-weight:normal;
font-family:Aldrich-Regular;
border:0.1vw solid yellow;
transition:0.1s ease;
}


.closeAside15:hover{
color:yellow;
background-image:linear-gradient(to bottom,grey,black);
border:0.1vw solid yellow;
transition:0.1s ease;
}



.open15{
background-image:radial-gradient(white,#68132cff);
color:white;
text-shadow:1px 2px 3px black;
border:0.1vw solid yellow;
}


.more15{
margin-left:100vw;
background-image:radial-gradient(white,#68132cff);
}



.BANNERSmonitor15{position:absolute;
width:70vw;height:40vw;
margin-left:15vw;margin-top:7vh;
z-index:99;
background-image:url(images/BANNERSmonitor15.webp);
background-size:100% 100%;
}






.aside16{position:absolute;
width:0vw;height:100vh;
margin-left:-100vw;
margin-top:0vh;
z-index:99;
background-image:radial-gradient(white,#542b42ff);
background-size:100% 100%;
transition:1s ease;

}


.closeAside16{position:absolute;
width:10vw;height:5vh;line-height:5vh;
z-index:300;
background-image:radial-gradient(white,#542b42ff);
background-size:100% 100%;
text-align:center;
color:white;
font-size:1.2vw;
font-weight:normal;
font-family:Aldrich-Regular;
border:0.1vw solid yellow;
transition:0.1s ease;
}


.closeAside16:hover{
color:yellow;
background-image:linear-gradient(to bottom,grey,black);
border:0.1vw solid yellow;
transition:0.1s ease;
}



.open16{
background-image:radial-gradient(white,#542b42ff);
color:white;
text-shadow:1px 2px 3px black;
border:0.1vw solid yellow;
}


.more16{
margin-left:-100vw;
background-image:radial-gradient(white,#542b42ff);
}


.BANNERSmonitor16{position:absolute;
width:70vw;height:40vw;
margin-left:15vw;margin-top:7vh;
z-index:99;
background-image:url(images/BANNERSmonitor16.webp);
background-size:100% 100%;
}








.aside17{position:absolute;
width:0vw;height:100vh;
margin-left:100vw;
margin-top:0vh;
z-index:99;
background-image:radial-gradient(white,#3fa4d3ff);
background-size:100% 100%;
transition:1s ease;

}


.closeAside17{position:absolute;
width:10vw;height:5vh;line-height:5vh;
z-index:300;
background-image:radial-gradient(white,#3fa4d3ff);
background-size:100% 100%;
text-align:center;
color:white;
font-size:1.2vw;
font-weight:normal;
font-family:Aldrich-Regular;
border:0.1vw solid pink;
transition:0.1s ease;
}


.closeAside17:hover{
color:pink;
background-image:linear-gradient(to bottom,grey,black);
border:0.1vw solid pink;
transition:0.1s ease;
}



.open17{
background-image:radial-gradient(white,#3fa4d3ff);
color:white;
text-shadow:1px 2px 3px black;
border:0.1vw solid pink;
}


.more17{
margin-left:100vw;
background-image:radial-gradient(white,#3fa4d3ff);
}



.BANNERSmonitor17{position:absolute;
width:70vw;height:40vw;
margin-left:15vw;margin-top:7vh;
z-index:99;
background-image:url(images/BANNERSmonitor17.webp);
background-size:100% 100%;
}





.aside18{position:absolute;
width:0vw;height:100vh;
margin-left:-100vw;
margin-top:0vh;
z-index:99;
background-image:radial-gradient(white,#bfd107ff);
background-size:100% 100%;
transition:1s ease;

}


.closeAside18{position:absolute;
width:10vw;height:5vh;line-height:5vh;
z-index:300;
background-image:radial-gradient(white,#bfd107ff);
background-size:100% 100%;
text-align:center;
color:white;
font-size:1.2vw;
font-weight:normal;
font-family:Aldrich-Regular;
border:0.1vw solid cyan;
transition:0.1s ease;
}


.closeAside18:hover{
color:cyan;
background-image:linear-gradient(to bottom,grey,black);
border:0.1vw solid cyan;
transition:0.1s ease;
}




.open18{
background-image:radial-gradient(white,#bfd107ff);
color:white;
text-shadow:1px 2px 3px black;
border:0.1vw solid cyan;
}


.more18{
margin-left:-100vw;
background-image:radial-gradient(white,#bfd107ff);
}


.BANNERSmonitor18{position:absolute;
width:70vw;height:40vw;
margin-left:15vw;margin-top:7vh;
z-index:99;
background-image:url(images/BANNERSmonitor18.webp);
background-size:100% 100%;
}








.aside19{position:absolute;
width:0vw;height:100vh;
margin-left:100vw;
margin-top:0vh;
z-index:99;
background-image:radial-gradient(white,#5f331aff);
background-size:100% 100%;
transition:1s ease;

}


.closeAside19{position:absolute;
width:10vw;height:5vh;line-height:5vh;
z-index:300;
background-image:radial-gradient(white,#5f331aff);
background-size:100% 100%;
text-align:center;
color:white;
font-size:1.2vw;
font-weight:normal;
font-family:Aldrich-Regular;
border:0.1vw solid brown;
transition:0.1s ease;
}


.closeAside19:hover{
color:brown;
background-image:linear-gradient(to bottom,grey,black);
border:0.1vw solid brown;
transition:0.1s ease;
}




.open19{
background-image:radial-gradient(white,#5f331aff);
color:white;
text-shadow:1px 2px 3px black;
border:0.1vw solid brown;
}


.more19{
margin-left:100vw;
background-image:radial-gradient(white,#5f331aff);
}


.BANNERSmonitor19{position:absolute;
width:70vw;height:40vw;
margin-left:15vw;margin-top:7vh;
z-index:99;
background-image:url(images/BANNERSmonitor19.webp);
background-size:100% 100%;
}





.aside20{position:absolute;
width:0vw;height:100vh;
margin-left:-100vw;
margin-top:0vh;
z-index:99;
background-image:radial-gradient(white,#b87222ff);
background-size:100% 100%;
transition:1s ease;

}


.closeAside20{position:absolute;
width:10vw;height:5vh;line-height:5vh;
z-index:300;
background-image:radial-gradient(white,#b87222ff);
background-size:100% 100%;
text-align:center;
color:white;
font-size:1.2vw;
font-weight:normal;
font-family:Aldrich-Regular;
border:0.1vw solid grey;
transition:0.1s ease;
}


.closeAside20:hover{
color:white;
background-image:linear-gradient(to bottom,grey,black);
border:0.1vw solid grey;
transition:0.1s ease;
}



.open20{
background-image:radial-gradient(white,#b87222ff);
color:white;
text-shadow:1px 2px 3px black;
border:0.1vw solid grey;
}


.more20{
margin-left:-100vw;
background-image:radial-gradient(white,#b87222ff);
}



.BANNERSmonitor20{position:absolute;
width:70vw;height:40vw;
margin-left:15vw;margin-top:7vh;
z-index:99;
background-image:url(images/BANNERSmonitor20.webp);
background-size:100% 100%;
}








.aside21{position:absolute;
width:0vw;height:100vh;
margin-left:-100vw;
margin-top:0vh;
z-index:99;
background-image:radial-gradient(white,#87c602ff);
background-size:100% 100%;
transition:1s ease;

}


.closeAside21{position:absolute;
width:10vw;height:5vh;line-height:5vh;
z-index:300;
background-image:radial-gradient(white,#87c602ff);
background-size:100% 100%;
text-align:center;
color:white;
font-size:1.2vw;
font-weight:normal;
font-family:Aldrich-Regular;
border:0.1vw solid grey;
transition:0.1s ease;
}


.closeAside21:hover{
color:white;
background-image:linear-gradient(to bottom,grey,black);
border:0.1vw solid grey;
transition:0.1s ease;
}



.open21{
background-image:radial-gradient(white,#87c602ff);
color:white;
text-shadow:1px 2px 3px black;
border:0.1vw solid grey;
}


.more21{
margin-left:-100vw;
background-image:radial-gradient(white,#87c602ff);
}



.BANNERSmonitor21{position:absolute;
width:70vw;height:40vw;
margin-left:15vw;margin-top:7vh;
z-index:99;
background-image:url(images/BANNERSmonitor21.webp);
background-size:100% 100%;
}






.aside22{position:absolute;
width:0vw;height:100vh;
margin-left:100vw;
margin-top:0vh;
z-index:99;
background-image:radial-gradient(white,#2a6b09ff);
background-size:100% 100%;
transition:1s ease;

}


.closeAside22{position:absolute;
width:10vw;height:5vh;line-height:5vh;
z-index:300;
background-image:radial-gradient(white,#2a6b09ff);
background-size:100% 100%;
text-align:center;
color:white;
font-size:1.2vw;
font-weight:normal;
font-family:Aldrich-Regular;
border:0.1vw solid grey;
transition:0.1s ease;
}


.closeAside22:hover{
color:white;
background-image:linear-gradient(to bottom,grey,black);
border:0.1vw solid grey;
transition:0.1s ease;
}



.open22{
background-image:radial-gradient(white,#2a6b09ff);
color:white;
text-shadow:1px 2px 3px black;
border:0.1vw solid grey;
}


.more22{
margin-left:100vw;
background-image:radial-gradient(white,#2a6b09ff);
}


.BANNERSmonitor22{position:absolute;
width:70vw;height:40vw;
margin-left:15vw;margin-top:7vh;
z-index:99;
background-image:url(images/BANNERSmonitor22.webp);
background-size:100% 100%;
}





.aside23{position:absolute;
width:0vw;height:100vh;
margin-left:-100vw;
margin-top:0vh;
z-index:99;
background-image:radial-gradient(white,#04a6b6ff);
background-size:100% 100%;
transition:1s ease;

}


.closeAside23{position:absolute;
width:10vw;height:5vh;line-height:5vh;
z-index:300;
background-image:radial-gradient(white,#04a6b6ff);
background-size:100% 100%;
text-align:center;
color:white;
font-size:1.2vw;
font-weight:normal;
font-family:Aldrich-Regular;
border:0.1vw solid grey;
transition:0.1s ease;
}


.closeAside23:hover{
color:white;
background-image:linear-gradient(to bottom,grey,black);
border:0.1vw solid grey;
transition:0.1s ease;
}



.open23{
background-image:radial-gradient(white,#04a6b6ff);
color:white;
text-shadow:1px 2px 3px black;
border:0.1vw solid grey;
}


.more23{
margin-left:-100vw;
background-image:radial-gradient(white,#04a6b6ff);
}


.BANNERSmonitor23{position:absolute;
width:70vw;height:40vw;
margin-left:15vw;margin-top:7vh;
z-index:99;
background-image:url(images/BANNERSmonitor23.webp);
background-size:100% 100%;
}






.aside24{position:absolute;
width:0vw;height:100vh;
margin-left:100vw;
margin-top:0vh;
z-index:99;
background-image:radial-gradient(white,#df2e23ff);
background-size:100% 100%;
transition:1s ease;

}


.closeAside24{position:absolute;
width:10vw;height:5vh;line-height:5vh;
z-index:300;
background-image:radial-gradient(white,#df2e23ff);
background-size:100% 100%;
text-align:center;
color:white;
font-size:1.2vw;
font-weight:normal;
font-family:Aldrich-Regular;
border:0.1vw solid grey;
transition:0.1s ease;
}


.closeAside24:hover{
color:white;
background-image:linear-gradient(to bottom,grey,black);
border:0.1vw solid grey;
transition:0.1s ease;
}



.open24{
background-image:radial-gradient(white,#df2e23ff);
color:white;
text-shadow:1px 2px 3px black;
border:0.1vw solid grey;
}


.more24{
margin-left:100vw;
background-image:radial-gradient(white,#df2e23ff);
}


.BANNERSmonitor24{position:absolute;
width:70vw;height:40vw;
margin-left:15vw;margin-top:7vh;
z-index:99;
background-image:url(images/BANNERSmonitor24.webp);
background-size:100% 100%;
}







.aside25{position:absolute;
width:0vw;height:100vh;
margin-left:-100vw;
margin-top:0vh;
z-index:99;
background-image:radial-gradient(white,#fcc801ff);
background-size:100% 100%;
transition:1s ease;

}


.closeAside25{position:absolute;
width:10vw;height:5vh;line-height:5vh;
z-index:300;
background-image:radial-gradient(white,#fcc801ff);
background-size:100% 100%;
text-align:center;
color:white;
font-size:1.2vw;
font-weight:normal;
font-family:Aldrich-Regular;
border:0.1vw solid grey;
transition:0.1s ease;
}


.closeAside25:hover{
color:white;
background-image:linear-gradient(to bottom,grey,black);
border:0.1vw solid grey;
transition:0.1s ease;
}



.open25{
background-image:radial-gradient(white,#fcc801ff);
color:white;
text-shadow:1px 2px 3px black;
border:0.1vw solid grey;
}


.more25{
margin-left:-100vw;
background-image:radial-gradient(white,#fcc801ff);
}


.BANNERSmonitor25{position:absolute;
width:70vw;height:40vw;
margin-left:15vw;margin-top:7vh;
z-index:99;
background-image:url(images/BANNERSmonitor25.webp);
background-size:100% 100%;
}



























































.txtHead{
position:absolute;
width:34vw;height:auto;
margin-left:48.5vw;margin-top:19vh;
z-index:99;
text-align:center;
font-family:Aldrich-Regular;
color:white;font-size:1.5vw;
text-shadow:1px 2px 3px black;
}



.txtBox{
position:absolute;
width:25vw;height:30vh;
margin-left:57.5vw;margin-top:27vh;
z-index:99;
text-align:justify;
color:white;font-size:0.9vw;
font-family:Aldrich-Regular;
overflow:scroll;
text-shadow:1px 2px 3px black,1px 2px 3px black;
}










.txtBox::-webkit-scrollbar{width:0vw;visibility:hidden;}

.txtBox::-webkit-scrollbar-thumb{width:0vw;visibility:hidden;}


.more::-webkit-scrollbar{width:0vw;visibility:hidden;}

.more::-webkit-scrollbar-thumb{width:0vw;visibility:hidden;}



::-webkit-scrollbar{background:green;width:1vw;}

::-webkit-scrollbar-thumb{background:magenta;}