.optmenubtn {
	z-index:110;
	position:fixed;
	top:0px;
	right:0px;
	padding:20px;
	width:32px;
	height:24px;
	cursor:pointer;
	background-position:center;
	background-repeat:no-repeat;
	margin:.1em .5em;
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAhklEQVRIS2NkYGBQB+JgIOYFYnqCz0DL1jICiaqzZ88m6uvrq9DT9osXL94xNjaeD3JA+58/fyroaTnMLhYWlo5B4YCqc+fOJerp6dE1Ci5dunTHyMgIHAUDlQg/Ae1eB3LAgIJRBwxkGhgtiBhGC6LRgghUAo4WRKMF0aBokAx4k2xkt4gAp0BbCW1OwNAAAAAASUVORK5CYII=');
};
.optmenubtn:hover:{
	background-color:rgba(255,255,255,.5)
}
.optmenubody {
	z-index:90;
	display:none;
	position:fixed;
	top:0px;
	right:0px;
	left:0px;
	padding:60px 5% 5% 5%;
	background-color:#F7F7F7;
	color:#666;
	box-shadow:0px 0px 24px rgba(0,0,0,.8);
	text-align:left;
}
.optmenubody H1{
	margin:0em;padding:.5em;
	font-size:.8em;
}
.optmenubody UL LI A{
	display:block;
	padding:1em;
}
BODY {
	margin:55px 0px;
	padding:0px 26px;
}
@media screen and (min-aspect-ratio: 1/1) and (min-width : 400px) {
	BODY {margin:20px 30% 20px 0px;padding:40px 26px;}
	.optmenubody {
		left:70%;
		bottom:0;
		padding:60px 0 0 0;
		box-shadow:8px 0px 25px -6px rgba(0,0,0,.8) inset;
	}
}
.optmenubar {
	background-color:#222;
	position:fixed;
	line-height:44px;
	color:#fff;
	top:0;
	left:0;
	right:0;
	height:44px;
	box-shadow:0px 0px 12px rgba(0,0,0,.8);
	z-index:95;
	padding-left: 20px;
	text-align:left;
}
.optmenubg {
	display:none;
	background-color:rgba(255,255,255,.5);
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:88;
}