@media print
{
	nav, footer, caption, #i15, #i16, iframe
	{
		display:none;
	}
}
@media (prefers-color-scheme: dark)
{
	body
	{
		background:black;
		color:white;
	}
	a
	{
		color:aqua;
	}
	td, th
	{
		background:#3C3C3C;
	}
	a:visited
	{
		color:darkblue;
	}
	.en
	{
		background:lightgray;
	}
	.btn
	{
		border:1px solid white;
	}
}
@media (prefers-color-scheme: light)
{
	body
	{
		background:lightgray;
	}
	a
	{
		color:#00009C;
	}
	td, th
	{
		background:azure;
	}
	a:visited
	{
		color:#530053;
	}
	.en
	{
		background:#E9E9E9;
	}
	.btn
	{
		border:1px solid black;
	}
}
#i00
{
	left:-5000px;
}
body
{
	background-image:url("i0.png");
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	background-position-x:left;
	background-size:150px 161px;

}
button, input, p, button, td, th, textarea, address, summary
{
	font-size:1rem;
}
h1
{
	font-size:3rem;
}
h2
{
	font-size:2rem;
}
img
{
	border:2px solid orange;
	display:block;
	width:200px;
}
table
{
	border-collapse:collapse;
	table-layout:fixed;
	margin:0 auto;
}
td, th
{
	padding:5px;
	border:1px solid black;
	overflow:hidden;
}
button
{
	padding:0;
}
.f1{font-size:20px;}
.f0{font-size:15px;}
.btn
{
	position:absolute;
	text-align:center;
}
.dis
{
	background:cornflowerblue;
	cursor:default;
	color:black;
}
.en
{
	cursor:pointer;
}
html.szmr body, html.szmr .btn, html.szmr body textarea, html.szmr body input
{
	color:white;
	background-color:black;
}
html.szmr .btn, html.szmr body textarea, html.szmr body input
{
	border:1px solid white;
}
html.szmr body .dis
{
	background:black;
}
html.szmr body td, html.szmr body th
{
	background:black;
}
html.szmr body a
{
	color:#FFFF00;
}
@media only screen and (max-width: 819px)
{
	#tart
	{
		margin-top:200px;
	}
	.btn
	{
		height:40px;
		line-height:40px;
	}
	#i00:focus
	{
		left:0;
	}
	#i00
	{
		width:calc(100% - 2px);
		top:0;
	}
	#i0,#if0
	{
		left:0%;
		width:33%;
	}
	#i1,#if2
	{
		left:33%;
		width:34%;
	}
	#i2,#if1
	{
		left:67%;
		width:calc(33% - 2px);
	}
	#i0,#i1,#i2
	{
		top:50px;
	}
	#if0,#if1,#if2
	{
		top:100px;
	}
	#i15
	{
		left:0%;
		width:50%;
	}
	#i16
	{
		left:50%;
		width:50%;
	}
	table
	{
		width:100%;
	}
}
@media only screen and (min-width: 820px)
{
	#tart
	{
		margin-top:200px;
	}
	.btn
	{
		height:32px;
		width:200px;
		line-height:32px;
	}
	#i0,#i1,#i2
	{
		top:40px;
	}
	#if0,#if1,#if2
	{
		top:80px;
	}
	#i00:focus
	{
		left:calc(50% - 101px);
	}
	#i00
	{
		top:0;
	}
	#i0, #i15, #if0
	{
		left:calc(25% - 100px);
	}
	#i1,#if2
	{
		left:calc(50% - 100px);
	}
	#i2, #i16, #if1
	{
		left:calc(75% - 100px);
	}
	table
	{
		width:80%;
	}
}