@CHARSET "UTF-8";
body{margin: 0;padding: 0;
min-width: 1000px;
width: expression_r( document.body.clientWidth < 1000 ? "1000px" : "auto" );
}
#footer { width:100%; height:100px; line-height:100px; background:#1a1a1a; color:#808080;margin-top: 21.7%;}
.bottomcenter { width:100%; height:100px; line-height:100px; text-align: right; margin:0 auto; word-spacing:4px}
.bottomcenter a { color:#808080}
.bottomcenter a:hover { color:#578001}
.codepic {position: relative;margin-left: 67.7%;margin-top: -39.8%;width:180px;height:180px;}

@media screen and (min-width:771px){
	.codepic {position: relative;margin-left: 66.3%;margin-top: -39.8%;width:180px;height:180px;}
}

@media screen and (min-width:1025px){
	.codepic {position: relative;margin-left: 66.7%;margin-top: -39.3%;width:180px;height:180px;}
}

@media screen and (min-width:1086px){
	.codepic {position: relative;margin-left: 67.5%;margin-top: -38.8%;width:180px;height:180px;}
}

@media screen and (min-width:1151px){
	.codepic {position: relative;margin-left: 67.1%;margin-top: -39.1%;width:190px;height:190px;}
}

@media screen and (min-width:1208px){
	.codepic {position: relative;margin-left: 67.1%;margin-top: -38.8%;width:200px;height:200px;}
}

@media screen and (min-width:1258px){
	.codepic {position: relative;margin-left: 67.1%;margin-top: -39%;width:210px;height:210px;}
}

@media screen and (min-width:1329px){
	.codepic {position: relative;margin-left: 67%;margin-top: -39%;width:220px;height:220px;}
}

@media screen and (min-width:1400px){
	.codepic {position: relative;margin-left: 67.3%;margin-top: -39%;width:230px;height:230px;}
}

@media screen and (min-width:1920px){
	.codepic {position: relative;margin-left: 67.1%;margin-top: -39%;width:320px;height:320px;}
}

@media screen and (min-width:2560px){
	.codepic {position: relative;margin-left: 66.5%;margin-top: -39%;width:500px;height:500px;}
}