body {
	margin:8px; 
	font-family:arial;
	font-size:0.88em; 
	background-color:#fff;
	//max-width:980px;
	min-width:320px;
	margin-left:auto;
	margin-right:auto;
	padding:8px;
	
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;

}
/*
@media screen and ( max-width:500px) and (max-device-width:500px){
	body{font-size:1em;}
}	
*/

.ad1{
	clear:both;
	margin-top:0px;
	margin-bottom:0px;
	width:320px;
	height:100px;
	margin-left:auto;
	margin-right:auto;
	background:#bdf;
}

#top {
	margin-top:4px;
	margin-bottom:12px;
	width:100%;
	height:90px;
	background-image:url(Top.jpg);
	background-repeat:no-repeat;
	background-color:#99a3ad;
}

.panel {
	float:left;
	width:100%;
//	max-width:980px;
	background-color:#fff;
}

.text{
	float:left;
	margin:8px;
}

img, canvas, video, iframe {
	float:right;
	margin-left:8px;
	margin-top:8px;
	margin-bottom:8px;
}

h1{
	font-size:1.8em;
}

h4{
	font-size:2.2em;
	text-align:center;
}


.clear{
clear:all;
}

.code{
	font-family:"Courier New", courier, monospace;
	color:#345;
	font-size:14px;
}

.left{
	float:left;
	margin-right:8px;
	margin-top:8px;
	margin-bottom:8px;
}

.right{
	float:right;
}

#example{
	width:200px;
	height:200px;
	margin-top:60px;
	margin-left:auto;
	margin-right:auto;
}