*{box-sizing:border-box;}
html {scroll-behavior:smooth;}
body {font-size:20px; background-color:#1e81b0; color:#ffffff}     
#section1,#section2,#section3,#section4 {color:white; background-color:black;}
button.b {background-color:black; color:white ;border:none; padding:10px 10px;
    text-decoration:none; display:inline-block;
    margin:4px 2px; cursor:pointer; -webkit-transition-duration:0.4s; transition-duration:0.4s;
    }
.h {width:100%; float:left; padding:10px; border:1px double white; margin-bottom:5px;}
.d {font-size:20px;}
.d {float:left; padding:10px; border:1px double white; margin-bottom:5px; display:table-cell; vertical-align:top;}  
.ddd {float:left; padding:10px; border:1px double white; margin-bottom:5px; display:table-cell; vertical-align:top;}  
.ddd {text-align:center;}
.dh {display:table; width:100%;}

.y {color:yellow;}
.sideR {text-align:right; padding-right:10px; padding-top:10px;}
.sideL {text-align:left; padding-left:10px; padding-top:10px;}
.sideCO {text-align:left; padding-left:10px; padding-top:10px;}
.fixTR {position:fixed; top:0px; left:0px;}
.snext {color:white;}
iframe {border:0px; border-radius:10px; box-shadow: 0 0 10px #000; width:95%; height:400px;}
iframe img {width:100%;}
table {width:100%;}
table,th,td {border:1px solid black;}
td {padding-left:5px; text-align:left; vertical-align:top;}

table.t1,th.t1,td.t1 {border:0px;}
td.t2 {color:yellow; font-weight:bolder;}
td.t3 {text-align:right; padding-right:5px;}
td.t4 {background-color:white;}

img.smallest {width:25px; height:25px; border-radius:10px;}
img.small {border-radius:10px;}
img.medium {width:100px; height:100px; border-radius:10px;}     
img.large {width:150px; height:150px; border-radius:10px;}
div.waitwarn {position:fixed; width:250px; height:50px; border:3px solid green; padding:10px; 
    background-color:yellow; text-align:center; color:black; display:none;}
div.dtadmin {position:fixed; top:0; left:95px; color:black; background-color:yellow; font-size:200%;} 
li {text-align:left; line-height:150%; list-style-type:square;}

/*  https://www.w3schools.com/howto/howto_css_dropdown_navbar.asp */
.dropdown {float:left; overflow:hidden;} /*  */
.dropdown .dropbtn {border:none; outline:none; color:white; background-color:inherit; margin:7px;}
.dropdown:hover .dropbtn {background-color:red;}
.dropdown-content {display:none; position:absolute; background-color:#f9f9f9;
    min-width:90px; box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); z-index:1;}
.dropdown-content a {float:none; color:black; padding: 12px 16px; text-decoration:none; display:block; text-align:left;}
.dropdown-content a:hover {background-color:#ddd;}
.dropdown:hover .dropdown-content {display:block;}
a:link,a:visited,a:hover,a:active {text-decoration:none; color:white;} 

@media screen and (max-width:600px) { /* For Mobile */
    .PC {display:none;}
    button.b {width:200px; font-size:20px;} 
    .sideCO {text-align:left;}
    img.small {width:40px; height:40px;}
    .d {width:100%;} .dd {width:50%;} .ddd {width:100%;}
}  
@media screen and (min-width:601px) { /* For PC */
    .Mobile {display:none;}
    button.b {width:150px; font-size:30px;} 
    .sideCO {text-align:right;}
    img.small {width:50px; height:50px;}
    .d {width:50%;} .dd {width:25%;} .ddd {width:25%;}
}