body,li,ul{margin:0;padding:0}a{text-decoration:none}#container{left:0;right:0;top:0;bottom:0;position:fixed;overflow:hidden;min-width:500px}#control .panel{position:absolute;width:100%;background-color:rgba(64,64,64,.5);z-index:2;overflow:hidden;transition:1s ease-out}.control_hide .top{top:-40px}.control_show .top{top:0}#control .top{height:40px;color:#fff}#control .top .title{font-family:simhei;font-size:24px;line-height:40px;margin:0 20px}#control .top .description{font-size:12px}#control .top .close{background:url(img/control-close.png);width:20px;height:20px;right:20px;top:10px;position:absolute;cursor:pointer}.control_show .bottom{bottom:0}.control_hide .bottom{bottom:-80px}#control .bottom{height:80px}#control .bottom .wrapper{width:10000px;position:relative;transition:1s ease-out}#control .bottom .wrapper a{border:1px solid #fff;float:left;margin:10px 0 0 5px;display:block;width:150px;color:#fff;height:60px;cursor:pointer;text-align:center;vertical-align:bottom;border-radius:3px;background-color:rgba(0,0,0,.5);line-height:60px}#control .bottom .triangle{position:absolute;border-color:transparent transparent #fff;border-style:solid;border-width:0 50px 10px;height:0;width:0;left:50%;margin:0 0 0 -50px}.slide{width:100%;height:100%;position:relative;list-style:none;z-index:0}.hide{display:none}#main{width:100%;height:100%;position:relative}#preloader{background:url("img/horizontal-line-1px.gif"),url("img/horizontal-line-2px.gif"),url("img/vertical-line-1px.gif"),url("img/vertical-line-2px.gif"),url("img/dots-1px.gif"),url("img/dots-2px.gif"),url("img/cross-1px.gif"),url("img/cross-2px.gif"),url("img/boxes-5px.png"),url("img/white-grid-45px.png"),url("img/convergence-45px.png"),url("img/breathing-block.gif");width:0;height:0;display:inline-block}#test-solid-red{background-color:red}#test-solid-green{background-color:#0f0}#test-solid-blue{background-color:#00f}#test-solid-yellow{background-color:#ff0}#test-solid-cyan{background-color:#0ff}#test-solid-magenta{background-color:#f0f}#test-solid-white{background-color:#fff}#test-solid-black{background-color:#000}#test-horizontal-line-1px{background:url("img/horizontal-line-1px.gif") center center #000}#test-horizontal-line-2px{background:url("img/horizontal-line-2px.gif") center center #000}#test-vertical-line-1px{background:url("img/vertical-line-1px.gif") center center #000}#test-vertical-line-2px{background:url("img/vertical-line-2px.gif") center center #000}#test-dots-1px{background:url("img/dots-1px.gif") center center #000}#test-dots-2px{background:url("img/dots-2px.gif") center center #000}#test-cross-1px{background:url("img/cross-1px.gif") center center #000}#test-cross-2px{background:url("img/cross-2px.gif") center center #000}#test-pattern{background:url("img/boxes-5px.png") top left no-repeat,url("img/boxes-5px.png") top right no-repeat,url("img/boxes-5px.png") bottom left no-repeat,url("img/boxes-5px.png") bottom right no-repeat,url("img/boxes-5px.png") center center no-repeat #000}#test-white-grid{background:url("img/white-grid-45px.png") center center #000}#test-convergence{background:url("img/convergence-45px.png") center center #000}#test-contrast-white{background-color:#fff;color:#000}#test-contrast-black{background-color:#000;color:#fff}.test-contrast table{border-collapse:collapse;position:relative;left:10%;top:10%;height:80%;width:80%;text-align:center;border-spacing:0}.test-contrast table td{width:10%;padding:0}.test-contrast table .color td{height:22%}.test-contrast table .ruler td{height:2.2%;border:1px grey;border-style:none solid}.test-contrast i{font-size:10px;font-style:normal}#test-saturation img,.test-gradient img{width:100%;height:100%}#test-stability table{border:2px solid #fff;height:100%;width:100%;border-spacing:0}#test-stability table td{border:6px solid #000;background:url("img/breathing-block.gif") center center #000}#test-gradient-red{background-color:red}#test-gradient-green{background-color:#0f0}#test-gradient-blue{background-color:#00f}#test-gradient-white{background-color:#fff}#test-last{background-color:#000;text-align:center;color:#fff}#test-center{padding:50px}#welcome{margin:0;height:100%;width:100%;position:fixed;background-color:#fff;overflow:auto}#welcome .wrapper{max-width:750px;margin:48px auto 30px;position:relative;display:flex;flex-wrap:wrap}#welcome .twikoo{max-width:1200px;margin:auto auto 30px;padding:15px;border:1px solid #ccc}.tk-footer{visibility:hidden}#welcome .top{height:480px}#welcome .left{width:300px;border-right:2px dashed #000;left:0}#welcome .left table{margin:0 auto;border-spacing:0;border:3px solid #000;position:relative;top:12px}#welcome .left table td{font-family:SimHei,Arial,Helvetica,sans-serif;text-align:center;width:240px}#welcome .left table thead{font-size:72px;background-color:#fff;color:#000}#welcome .left table tbody{font-size:48px;background-color:#000;color:#fff}#welcome .left table .online{position:absolute;right:-8px;top:-5px;display:block;font-size:14px;background-color:#3d7;width:40px;height:18px;line-height:18px;border-radius:5px;color:#fff}#welcome .left table .version{position:absolute;right:0;bottom:0;display:block;font-size:10px;text-align:right;padding:3px;width:40px;color:#fff}#welcome .left .start{color:#fff;height:40px;line-height:40px;width:200px;background-color:#3d7;margin:80px auto;display:block;box-shadow:0 0 20px rgba(79,209,143,.6);transition:.5s}#welcome .left .start:hover{background-color:#2c6;box-shadow:0 0 20px rgba(79,209,143,.9)}#welcome .button{text-align:center;font-family:SimHei,Arial,Helvetica,sans-serif;font-size:18px;cursor:pointer}#welcome .right{width:420px;right:0;padding:12px}#welcome .right .disclaimer,#welcome .right .seo{font-size:9px;color:#ddd}#resolution_tips{background-color:rgba(0,0,0,.75);border-radius:20px;color:#fff;font-family:arial;font-size:48px;height:120px;left:50%;line-height:120px;margin:-60px -150px;position:absolute;text-align:center;top:50%;width:300px;z-index:1}