*{margin:0;padding:0px;line-height:1.5; font-family:Arial;font-size:16px;box-sizing:border-box}
body{background:navy;}
a{text-decoration:none;padding:5px;color:indianred;}
p{color:navy;padding:10px 0; font-size:0.9em}
form p{padding:10px 0;color:#f0f; font-size:0.9em}
span{color:blue;}
hr{border:1px solid navy;}
h3{background:navy;color:#fff;text-align:center;line-height:2;width:100%;max-width:720px;}
h4{text-align:center;margin:10px 0;width:100%}
fieldset{width:90%; margin:auto;padding:10px;border-radius:7px}
button, .button{padding:6px 12px;background:indianred;
	color:#fff;font-weight:bold;border:1px solid #fff;}
textarea{height:70px;width:100%; max-width:360px;float:left;overflow:hidden;resize:none;
	border:1px solid #ddd; padding:3px;font-size:0.8em;color:blue;}
table{border-collapse:collapse;width:100%;}
td{border:1px solid #eee;color:#00f;padding:3px;}
input{width:100%;max-width:360px;padding:5px;margin:1px 0;border-radius:5px;
	border:3px solid #ddd; color:#00f;}
select{padding:6px;border:3px solid #ddd;margin:1px 0; color:#00f;background:#fff;}
r, .red{color:#f0a}
flr{float]:right}
g{color:green;}
input[type=radio]{width:15px; height:15px;display:inline}
.outer{background:indianred;padding:15px 0;width:100%;text-align:center}
.outer a{color:#eef}
.outer3{background:#fcc;padding:15px 0;width:100%;}
.inner{width:100%;max-width:500px;margin:auto;}
.inner2{width:100%;max-width:650px;margin:auto;background:#fee;padding:20px;}
.pad5{padding:10px 17px;}
.pad2{padding:5px;}
.subtitle{text-align:center;padding:20px 10px;color:navy;font-weight:bold;font-size:1.4em}
.style{font-family:Georgia;font-weight:bold;font-size:1.4em;margin:15px 0;}
.hid{display:none}
.fl{float:left}
.w33{float:left;width:33.3%;color:#fff;text-align:center}
.w25{float:left;width:25%;color:#fff;text-align:center;margin:0}
.opa7{opacity:0.7}
#head{clear:both;padding:10px;color:#fff;background:indianred; 
	margin-top:10px;font-size:1.4em;text-align:center;}
/*#menu p{text-align:right;line-height:1;float:right;border-bottom:1px solid #aaa;width:100%}*/
#front{display:block;color:navy;padding:0;margin:auto;text-align:center;font-size:1.1em;background:#eef; border:1px solid;}
#menubut{font-size:1.2em;position:fixed;right:10px;top:10px;width:30px;
	text-align:center;	color:#fff;border-radius:5px;border:3px solid #fff;line-height:1;
	padding: 3px 2px}
#note{display:none;color:#eff;position:fixed;top:0px;left:0;height:100vh;width:100%;
	background:#123;padding:15px}
.l2r{
-webkit-animation: l2r 1s cubic-bezier(0, 0, 0.3, 1); }
@-webkit-keyframes l2r {
0%{-webkit-transform:translateX(-550px);}
100% {-webkit-transform: translateX(0px);}
}