body{background:#e8e8e8}.container{margin:0 auto}.li{line-height:none!important}.wrap{position:relative;margin:3em 0}.frame{overflow:hidden}.frame ul{list-style:none;height:100%;padding:0;font-size:20px;margin:0}.frame ul li{height:100%;padding:0;color:#ddd;text-align:center;margin:0 7px 0 0;background:#333;cursor:pointer;width:200px;line-height:2;float:left}.frame ul li.active{color:#fff;background:#a03232;line-height:2}.scrollbar{height:2px;margin:0 0 1em;background:#ccc;line-height:0}.scrollbar .handle{height:100%;background:#292a33;cursor:pointer;width:100px}.scrollbar .handle .mousearea{height:20px;position:absolute;top:-9px;left:0;width:100%}.pages{list-style:none;padding:0;text-align:center;margin:20px 0}.pages li{height:14px;overflow:hidden;text-indent:-999px;margin:0 4px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);border-radius:10px;background:#fff;cursor:pointer;width:14px;display:inline-block}.pages li:hover{background:#aaa}.pages li.active{background:#666}.controls{text-align:center;margin:25px 0}.oneperframe{height:300px;line-height:300px}.oneperframe ul li{width:1140px}.oneperframe ul li.active{background:#333}.crazy ul li:nth-child(2n){margin:0 4px 0 20px;width:100px}.crazy ul li:nth-child(3n){margin:0 10px 0 5px;width:300px}.crazy ul li:nth-child(4n){margin:0 30px 0 2px;width:400px}