*	{ box-sizing:border-box; }
html	{ overflow-Y:hidden; }
body	{ position:absolute; background:#333; }

#tb1	{ z-index:2; width:100%; height:100%; background:white; margin:auto auto; background:white; }
#tb2	{ z-index:2; width:100%; height:11vh; background:white; margin:auto auto; background:#000066; }
#logo1	{ height:10vh; aspect-ratio:3/2; min-width:60px; }
#logo2	{ position:absolute; height:12vh; width:85px; margin:0 0 0 10px; }
#logo3	{ height:12vh; aspect-ratio:1; margin:2px 0 0 7px; min-height:50px; }
.gac	{ font-size:calc(1.5vw + 8px); color:white; text-align:left; white-space:nowrap; }
.pro	{ font-size:calc(1.5vw + 8px); width:100%; color:white; padding:0 5px 0 5px; text-align:center; overflow:hidden; }
.upd	{ font-size:calc(1.5vw + 8px); color:white; padding-right:20px; text-align:right; white-space:nowrap; }
#yell	{ width:100%; height:.70vh; background:#FFE100; border-bottom:1px solid black; }
#blue	{ width:0;    height:100%; background:#6699FF; }

#tb3	{ width:100%; left:0; height:100%; background:white; margin:auto auto; background:#FFF; }
#col1	{ width:30%; padding:15px 10px 20px 20px; }
#col2	{ width:40%; padding:15px 10px 20px 10px; }	
#col3	{ width:30%; padding:15px  0px 20px 10px; }	

#both	{ z-index:2; position:absolute; margin:0 0 0 -52px; }
#gps	{ z-index:2; position:absolute; margin:-5px 0 0 -5px; }
.panel	{ width:100%; height:100%; margin:0; border-radius:10px; padding:10px; background:rgb(245,245,245); border:1px solid #6699CC; }
#leader	{ display:inline-block; z-index:2; font-size:calc(.3vw + 8px); white-space:nowrap; margin-left:10px; padding:3px 6px 3px 6px; background-Color:#00FF00; border: 1px solid #00CC00; border-radius:7px; }

.b	{ float:left; background:white; background:rgb(245,245,245); border:1px solid #6699CC; border-radius:7px; margin:0 0 7px 7px; padding:.6vw; }
.b img	{ height:8vw; aspect-ratio:1; border:1px solid #999; border-radius:7px; margin-right:15px; }
.btbl td{ font-size:calc(0.7vw + 7px); }
.bfish	{ font-size:calc(1.0vw + 8px); font-weight:bold; padding-right:10px; }
.bldr	{ font-size:calc(0.4vw + 8px); white-space:nowrap; padding:4px 8px 4px 8px; background-Color:#00FF00; border: 1px solid #00CC00; border-radius:7px; } 

.q	{ clear:both; width:calc(100% - 20px); margin-bottom:12px; border-radius:10px; padding:10px; background:rgb(245,245,245); border:1px solid #6699CC; cursor:pointer; }
.q img	{ width:100%; min-width:50px; height:auto; border:1px solid #999; border-radius:7px; }
.qtbl	{ font-size:calc(.7vw + 7px); }
.qfish	{ font-size:calc(.7vw + 8px); font-weight:bold; }
.qaname	{ font-size:calc(.5vw + 5px); margin-top:7px; }
.qldr	{ float:left; z-index:2; font-size:calc(.3vw + 6px); margin-top:calc((.3vw + 14px) * -1); padding:3px 6px 3px 6px; background-Color:#00FF00; border: 1px solid #00CC00; border-radius:7px; }