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