*{box-sizing:border-box;}

html,body{height:100%;}
body{display:flex;flex-direction:column;}
#content{flex: 1 0 auto;}
#copywrite{flex-shrink:0;}

body{background:#fefefe;color:#444;margin:0;padding:0;letter-spacing:0.5px;font-weight:400;line-height:110%;font:16.5px Verdana;}
h1{text-align:center;font-size:40px;font-size:calc(1.4vw + 16px);line-height:calc(1.4vw + 18px);margin:50px auto;padding:0;color:#000;}
h2{width:100%;text-align:center;font-weight:normal;font-size:20px;font-size:calc(14px + .9vw);margin:-20px 0 30px 0;padding:0;}
h3{font-size:18px;margin:19px 0 17px;}
h4{border-top:0.8px #900 solid;color:#900;text-align:left;margin:40px 0 24px 0;padding:8px;font-size:18px;}
a{outline:0;color:#26d;}
p{overflow:hidden;}
hr{height:0.5px;border:none;color:gray;background-color:gray;}
#header{position:fixed;top:0;left:0;text-align:center;width:100%;color:white;line-height:59px;border-bottom:2px #444 solid;border-top:3px #900 solid;background:#37d;z-index:999999;}
#header span{display:inline-block;padding-left:calc(100px - 10vw);}
#header span a{display:inline-block;color:white;font-size:16px;font-size:calc(0.3vw + 13px);}
#content{letter-spacing:1.5px;background:#fdfdfd;width:70%;width:calc(60% + 110px);padding:80px 0 20px 0;margin:0 auto;line-height:30px;}
#content ol, #content ul {margin-left:3%;}
.i a{text-align:left;display:block;padding:2px 0;margin:0 1%;overflow:hidden;line-height:40px;text-overflow:ellipsis;white-space:nowrap;font-size:90%;}
.i{column-count: 3;}
@media (max-width:1500px){.i{column-count: 2;}}
@media (max-width:900px){.i{column-count:initial;margin-left:calc(20% - 80px);}}
@media (max-width:450px){.i{margin-left:0;}.i a{letter-spacing:initial;}}
#logoheader{display:none;}
#menuicon{box-sizing:initial;transition:top 1s ease-in-out;position:fixed;top:24px;left:4%;cursor:pointer;cursor:hand;display:block;border-bottom:10.5px double white;border-top:3.5px solid white;content:"";height:4px;width:25px;z-index:1000000;}
#menu{position:fixed;transform:translateX(-380px);top:62px;transition:transform 250ms ease-in-out,top 1s ease-in-out;width:340px;border-top:2px #37d solid;border-right:2px #000 solid;border-bottom:2px #000 solid;border-bottom-right-radius:3px;background:#fff;padding:0 5px 60px 5px;height:90vh;overflow-y:scroll;z-index:999999;}
#menu a{color:#228;display:block;}
#menucheckbox{display:none;}
#menucheckbox:checked~#menu{transform:translateX(0);}
#menucheckbox:checked~#menuicon{border-bottom: 12px double transparent;border-top:4px solid transparent;}
#menucheckbox:checked~#menuicon:before{content:'';position:absolute;top:-11px;left:0;padding:0;z-index:20;background:white;display:block;width:3px;height:30px;transform:rotateZ(45deg);margin:0 0 0 11px;}
#menucheckbox:checked~#menuicon:after{content:' ';position:absolute;top:-11px;left:0;padding:0;z-index:20;background:white;display:block;width:3px;height:30px;transform:rotateZ(-45deg);margin:0 0 0 11px;}
.nearlistcontainer a{font-size:14px;display:block;line-height:16px;padding:8px 3px 8px 30px;}
#copywrite{position:relative;clear:both;background:#37d;font-size:10px;color:white;line-height:16px;text-align:center;border-top:2px black solid;letter-spacing:1.5px;padding:5px 0;margin-top:40px;}
#copywrite a{color:white;}
#login {display:block;position:absolute;right:0;top:0;}
#login form input {background:#37d;width:20px;border:0;float:right;display:block;}
#login form input:focus {outline-width:0;background:#37d;}
#login a {display:block;width:20px;height:20px;text-decoration:none;cursor:default;}
@media (max-width:680px){#header span{display:none;}#header span a{transform:scaleY(1.15);}#logoheader{display:block;width:100%;text-align:center;}#logoheader a{display:inline-block;padding:3px 0;letter-spacing:2px;font-weight:bold;color:#fff;text-shadow:1px 1px #000;text-decoration:none;font-size:18px;font-size:calc(0.7vw + 17px);line-height:18px;}}