html { height:100%; }
body { width:100%; height:100%; overflow:hidden; margin:0; padding:0; background-color:#000000; font-family:"Microsoft YaHei"; font-size:13px; color:#fff; }
a:link { color:#FFF; text-decoration:none; }
a:visited { color: #FFF; text-decoration:none; }
a:hover { color: #f00; text-decoration:underline; }
ul, li { list-style-type:none }
#container { position: absolute; height: 100%; width: 100%; overflow:hidden; }
#output { width: 100%; height: 100%; overflow:hidden; }
.color { width: 120px; height: 20px; margin: 0 auto; position: fixed; left: 50%; margin-left: -60px; bottom: 20px; }
.color li { float: left; margin: 0 5px; width: 20px; height: 20px; background: #ccc; box-shadow: 0 0 4px #FFF; list-style: none; cursor: pointer; }
 .color li:nth-child(1) {
 background: #002c4a;
}
 .color li:nth-child(2) {
 background: #35ac03;
}
 .color li:nth-child(3) {
 background: #ac0908;
}
 .color li:nth-child(4) {
 background: #18bbff;
}