body,html{user-select:none;font-family:Arial,Helvetica,sans-serif;font-size:100%;margin:0;background-color:#000;
		color:lightgray;-webkit-text-size-adjust:none;text-align:center}
#html.mobile{width:100vw}
#body.mobile{display:block;width:100vw;overflow:auto}
/* Hide scrollbar for Chrome, Safari and Opera */
::-webkit-scrollbar {display: none}
#body::-webkit-scrollbar {width: 5 !important}
#body{-ms-overflow-style: none;  /* IE and Edge */}
#html{scrollbar-width: none;  /* Firefox */}
a{text-decoration:none;outline:0}
#body.pc #navbar{flex:0 0 auto;padding-top:.7em; margin-left:2em;margin-right:2em; border-bottom:1px solid gray;font-size:.8rem;}
#body.mobile #navbar{flex:0 0 auto;padding-top:.7em; margin-left:2em;margin-right:2em; border-bottom:1px solid gray;font-size:.9rem;}
#navbar > a{padding-left:4%;padding-right:4%;padding-bottom:.7em;color:lightgray;display:inline-block}
#navbar > a:hover{color:#dc143c}
#header{margin:0 0 auto}
#title{-webkit-user-select:text;-ms-user-select:text;user-select:text;z-index:100;-ms-flex:0 0 auto;
		-webkit-box-flex:0 0 auto;-webkit-flex:0 0 auto;flex:0 0 auto;text-align:center;margin:0;
		padding-top:.5rem;font-family:verdana,sans-serif;font-size:1rem;letter-spacing:.13rem;background:rgba(0,0,0,.3);color:#a9a9a9}
#title.measure{white-space:nowrap;overflow:visible}
#title > a:hover{color:#dc143c}
#title > a{text-decoration:none;display:inline-block;color:inherit}
#pdficon{display:inline-block}
.pdf:hover{border:2px #dc143c solid;height:18px;cursor:pointer}
#buttons {position:absolute ;top:.4rem; right:5px;}		
.button .buttontext {font-size:.7rem;white-space:nowrap;visibility:hidden;opacity:1;pointer-events:none;
		width:auto;background-color:#fff;color:#000;text-align:center;border-radius:6px;padding:5px;
		position:fixed;bottom:2px;right:5px;opacity:0;visibility:hidden;border:1px solid pink}
.button:hover .buttontext {visibility: visible; opacity: 1;transition: opacity 2s ease-in-out;}
h {font-family: verdana,sans-serif;font-weight: bolder;font-size: 3em; font-size: 8.7vw;
	color: silver}
#container {position:fixed;top:0;left: 50%;transform: translate(-50%, 0%);background-color: hsla(150, 0%, 0%, .6);
	width: 100%;padding-top:.5em;padding-right:1em;padding-left:1em}
.image {}
.image img{position:fixed;top:0px; right: 0px;left: 0px;width: 100%;z-index: -1}
p {color: white;font-size: .8em;position:absolute;bottom: 10px;left: 50%;transform: translate(-50%, 0%)}

#thumb {margin-top: 14px;margin-bottom: 20px}

#body.pc .thumb img {max-width: 100px;max-height:100px;border:1px black solid;margin-top:0;margin-bottom:0px;margin-right:20px;margin-left:20px}

#body.mobile .thumb img {max-width:144px;max-height:144px;border:1px black solid;margin-top:0;margin-bottom:0px;margin-right:20px;margin-left:20px}

.thumb img:hover {border: 1px crimson solid;  cursor: pointer;}
.thumb{ display:inline-block}
#body.pc .thumb span{font-size:.7rem}
#body.mobile .thumb span{font-size:1rem}	
.thumb span{color: gray;display: block;width: 144px;margin-top: -4px;margin-right: 10px;margin-left: 10px;
		padding-bottom: 1.4em;text-decoration: none}
.thumb:hover span{ visibility: visible;text-decoration: none;color: crimson}


#thumbnail {margin-top:14px;}
.thumbnail{ display:inline-block}

#body.pc .thumbnail img {max-width: 101px;max-height:101px;margin-top:14px;margin-bottom:0px;margin-right:20px;margin-left:20px}

#body.pc .thumbnail:hover img{max-width: 125px;max-height:125px;margin-top:-14px;margin-bottom:0px;margin-right:12px;margin-left:12px}

#body.pc .thumbnail span{font-size:.8rem;width: 125px;margin-right: 17px;margin-left: 17px}

#body.pc .thumbnail:hover span{font-size:.8rem;width: 125px;margin-right: 17px;margin-left: 17px;margin-top:0px}

#body.mobile .thumbnail img {max-width:125px;max-height:125px;border:1px black solid;margin-top:0;margin-bottom:0px;margin-right:17px;margin-left:17px}

#body.mobile .thumbnail:hover img {border:1px crimson solid;}

#body.mobile .thumbnail span{font-size:1rem;width: 125px;margin-right: 20px;margin-left: 20px}

.thumbnail {display:inline-block}
	
.thumbnail span{color: gray;display: block;margin-top: -4px;padding-bottom: 1.4em;text-decoration: none}

.thumbnail:hover span{ visibility: visible;text-decoration: none;color: crimson}

#s{height:0;display:none;visibility:hidden}