<style>
div  {display:block; vertical-align:middle; height:4vw;  font-family:Arial; font-size:3vw;}

.B   {display:inline-block;font-size:3.8vw; font-family:Arial; border:1px solid pink; background-color:#ffeeff; height:5.8vw; padding-top:1vw; width:95%; text-align:center; cursor:pointer; margin-bottom:2vw;}

.C   {display:block; font-size:4vw; font-family:Arial; background-color:white; height:4.8vw; width:90%; text-align:center; margin-bottom:2vw; color:blue;}

.H   {display:block; position:fixed; top:0; width:100vw; height:60vw; }

.T   { display:inline-block; 
     font-size:4vw; font-family:Arial; 
     background-color:#ffeecc; 
     height:4vw; line-height:4vw; 
     padding:2vw; margin:2vw;  
     text-align:center; cursor:pointer; color:blue; 
     border-radius:20%;
     border: 0.4vw solid #fff; 
     box-shadow: 0 0 2.8vw rgba(155, 155, 155, 0.5); }

.com {width:95%; text-align:justify; color:brown; font-size:4vw; line-height:4.4vw;}

.tbl {width:100vw;}

.lside  {display:none; font-family:Impact; font-size: 4.5vw; color:gray; cursor:pointer; height:8vw; line-height:8vw; width:14.8vw; text-align:center;}

.center {font-family:Arial; font-size: 5.5vw; color:#A3D5CB; vertical-align=top; cursor:pointer; height:8.3vw; width:68vw; background-color:white;}

.img {display:inline-block; height:7.5vw; padding-top:1vw;}

.dq  {display:inline-block; font-family:Arial; font-size: 6vw; color:#A3D5CB; line-height:10vw; vertical-align:top; background-color:white; }

.rside  {display:none; font-family:Impact; font-size: 4.5vw; color:gray; cursor:pointer; height:8vw; line-height:8vw; width:16vw; text-align:center;}

.go {font-size:5vw; padding:2.5vw; width:6em; background-color:cyan; cursor:pointer; display:block;}

.inf  {display:none; position:fixed; top:9vw; left:0; overflow-y:scroll; width:90%; height:90vh; background-color:#ffffff; padding:5vw; font-family:Arial; font-size:4vw;}

.inft {font-family:Arial; font-size:8vw; color:#A3D5CB;}

.intro {display:block; position:fixed; top:23vw; left:0; overflow-y:scroll; width:100%; height:100%; background-color:white;}

.list {position:fixed; max-width:100%; top:4vw; height:90%; overflow-y:auto;}

.tx  {display:block; position:absolute; top:24vw; background-color:white; width:95%; height:1000px; font-family:Arial; font-size:4vw; line-height:4vw; background-color:white; overflow-y:auto; z-index:3;}

.pr  {max-width:80%; height:auto; padding-left:0vw;}

.pb  {padding-left:0vw;}

.hqt {font-family:Arial; font-size:5vw; line-height:7vw; color:gray; font-weight:550;}

.mlyr {width:90%; font-family:Arial; font-size:4vw; line-height:5vw; color:gray; padding-left:3vw;}

.clyr {position:fixed; display:none; width:96%; top:9vw; height:90%; overflow-y:auto; font-family:Arial; font-size:5vw; line-height:5.5vw; font-weight:300; padding:2vw; background-color:white; z-index:0;}

.btn {display:inline-block; background-color:#dbf7ae; cursor:pointer; height:7vw; font-size:4vw; line-height:6vw; text-align:center; border-radius:30%; font-weight:400; font-family:Arial;
}

.md  {display:none; width:100%; height:7vw; left:0; top:0; background-color:white;}

audio::-webkit-media-controls-panel {
  border-radius:1%;
  height:9vw;
}
audio::-webkit-media-controls-play-button {
  background-color: #aaffaa;
  border-radius: 25%;
  height:9vw;
}

.ol  {display:none; width:100%; height:15vw; left:0; top:8vw; margin:0; padding:0; z-index:6; background-color-white;}

.plays {font-family:Arial; font-size:3.5vw; font-weight:400;}

.pickfile {display:inline-block;font-size:4vw; font-family:Arial; border:2px dotted lightgray; background-color:#ffeeff; }

.mn {display:inline-block; width:95%; font-family:Arial; font-size:4vw; font-weight:400;}

m    {font-family:Arial; font-size:3vw; line-height:3vw; color:black;}
P    {font-family:Arial; font-size:4vw; color:black;}
td   {font-family:Arial; font-size:4vw; color:black; }
a    {text-decoration:none; cursor:pointer; scroll-margin-top:20vh; }
a:link{ color:blue; }
a:visited { color:blue; }
html {scroll-behavior:fast;}
span {scroll-margin-top:20vh;}
c    {color:blue;}
g    {background-color:dbf7ae;}
d    {color:E179C8;}
f    {color:brown; font-size:4vw; font-weight:400; line-height:4vw;}
h2   {font-size:6vw; color:blue;}
::-webkit-scrollbar { display: none; }

.wrapper {
  min-height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.content {
  flex: 1; /* Push footer down */
}

.footer {
  vertical-align:top;
  height: 16vw;
  width:100%;
}
</style>
