@charset "utf-8";html,body,p,ul,li,td{margin:0;padding:0}ul,li{list-style-type:none}html {font-size:100%; } body {font-family:Arial, Helvetica, sans-serif;font-size:1.1em;line-height:1.6em;background:url(../gf0/tlo.gif) fixed}
img{float:left}
.header {width:1000px;height:156px;position:relative;margin:0 auto;background:url(../gf0/0.jpg)}
#data{width:1000px;height:156px;position:absolute;top:-2px;left:-1px;background:url(../gf0/dat.png);z-index:20}
#menu{width:960px;position:absolute;top:5px;left:17px;z-index:50}
#nav{font-family:"Tahoma",Verdana,Arial,sans-serif;font-size:17px;height:34px;margin:0 auto;text-shadow:0 0px 1px #000;width:962px}
#nav li{float:left;height:34px;position:relative;width:98px;margin-left:10px;border-radius:25px;z-index:9}
#nav > li:first-child{margin-left:0px}
#nav li a{color:#fff;display:block;line-height:32px;text-align:center;text-decoration:none;background:#d00;box-shadow:inset 0 0 20px #000;border-radius:25px;transition:background .1s ease-in}
@keyframes animation {
0% {transform:scale(1)}
30% {transform:scale(1.2)}
100% {transform:scale(1)}
}
#nav li > a:hover {font-size:17px;color:#ff8;background:#0d0;box-shadow:inset 0 0 20px #000;animation-name:animation;animation-duration:0.3s;animation-timing-function:linear;animation-direction:normal;animation-play-state:running;animation-fill-mode:forwards;border-radius:8px}
#roll > p {display:block;float:left;position:absolute;top:40px;width:100px;height:100px;z-index:9;animation:rotator 7s linear infinite}
#roll > p:nth-child(1) {animation-delay:3000ms;left:0px;background:url(../gf0/z.png)}
#roll > p:nth-child(2) {animation-delay:3300ms;left:61px;background:url(../gf0/e.png)}
#roll > p:nth-child(3) {animation-delay:3600ms;left:120px;background:url(../gf0/r.png)}
#roll > p:nth-child(4) {animation-delay:3900ms;left:185px;background:url(../gf0/o.png)}
#roll > p:nth-child(5) {animation-delay:4200ms;left:264px;background:url(../gf0/w.png)}
#roll > p:nth-child(6) {animation-delay:4500ms;left:345px;background:url(../gf0/k.png)}
#roll > p:nth-child(7) {animation-delay:4800ms;left:408px;background:url(../gf0/a.png)}
@keyframes rotator {
0% {transform:rotate(0)}
10% {transform:rotate(360deg)}
100% {transform:rotate(360deg)}
}
#mid{font-size:1em;width:1000px;height:900px;background:url(../gf0/9.png);margin:0 auto;position:relative;padding:20px 0}
#area{width:425px;height:45px;background:#dd0;position:absolute;top:18px;left:286px;box-shadow:6px 6px 6px 0 rgba(100, 100, 100, 0.8) inset,-6px -6px 6px 0 rgba(255, 255, 255, .8) inset;border:1px solid #cc0;border-radius:20px;overflow:hidden}
#move{position:absolute;left:430px;width:270px;height:45px;animation:move 6s linear infinite;background:url(../gf8/tyt21.png)}
@keyframes move {95%, 100% {transform:translate(-700px)}}
#arrow{position:absolute;width:86px;height:90px;left:914px;background:url(../gf0/back.png)}
#pre{position:absolute;width:1000px;height:90px;top:850px;background:url(../gf0/pre.png)}
#viewport{margin:0 auto;position:relative;width:1000px;height:160px;overflow:hidden}
.layer{position:absolute;width:1400px;height:370px;background-size:cover;background-position:center;top:0;left:0;overflow:hidden}
.next{background:url(../gf0/1.jpg);z-index:2;pointer-events:auto}
@font-face {font-family:"stint";src:url("../fonts/stint.ttf") format("truetype")}
#zas{width:960px;height:311px;position:absolute;top:99px;left:20px;background:url(../gf8/zas.png)}
#tlo{width:960px;height:380px;position:absolute;top:440px;left:20px;background:url(../gf8/01.png)}
#jssor{position:absolute;top:440px;left:20px;width:960px;height:380px;margin:0 auto;overflow:hidden;font-family:stint;font-size:67px}
#p0{position:absolute}
#p1{position:absolute;top:118px;left:-68px;width:488px;height:210px;background:url(../gf8/02.png)}
#p2{position:absolute;top:21px;left:649px;width:560px}
#p3{position:absolute;top:670px;left:-120px;width:560px}
#a0{filter:alpha(opacity=70);opacity:.7;display:block;width:100%;height:100%}
#a1{position:absolute;top:-230px;left:660px;width:180px;height:99px;background:url(../gf8/only.png)}
#a2{position:absolute;top:110px;left:630px;width:250px;height:57px;background:url(../gf8/nas.png)}
#a3{position:absolute;top:208px;left:620px;width:260px;height:100px;background:url(../gf8/foty.png)}
#a4{position:absolute;top:208px;left:620px;width:260px;height:100px;background:url(../gf8/gry.png)}
#a5{position:absolute;top:208px;left:620px;width:260px;height:100px;background:url(../gf8/konks.png)}
#a6{position:absolute;top:208px;left:620px;width:260px;height:100px;background:url(../gf8/event.png)}
#a7{position:absolute;top:208px;left:620px;width:260px;height:100px;background:url(../gf8/info1.png)}
#a8{position:absolute;top:208px;left:640px;width:277px;height:107px;background:url(../gf8/more.png)}
#a9{position:absolute;top:149px;width:480px;height:40px;background:url(../gf8/test.png)}
#p4{position:absolute;top:16px;left:320px;width:650px;height:370px;overflow:hidden}
#b0{position:absolute;top:-50px;left:275px;width:225px;height:52px;background:url(../gf8/aspc.png)}
#b1{position:absolute;top:76px;left:640px;width:480px;height:40px;background:url(../gf8/test3.png)}
#b2{position:absolute;top:133px;left:640px;width:480px;height:40px;background:url(../gf8/test4.png)}
#b3{position:absolute;top:190px;left:640px;width:480px;height:40px;background:url(../gf8/test5.png)}
#b4{position:absolute;top:32px;left:35px;width:272px;height:260px;background:url(../gf8/git.gif)}
#b5{position:absolute;top:320px;width:640px;height:40px;background:url(../gf8/site.png)}
#b6{position:absolute;top:20px;left:640px;width:300px;height:340px;background:rgba(255,255,255,.6);overflow:hidden}
#b7{position:absolute;width:240px;height:80px;width:300px;overflow:hidden}
#b8{position:absolute;top:15px;left:20px;width:151px;height:23px;background:url(../gf8/alls.png)}
#b9{position:absolute;top:40px;left:-199px;width:162px;height:23px;background:url(../gf8/brow.png)}
#c0{position:absolute;top:110px;left:680px;width:200px;height:250px}
#c1{position:absolute;width:230px;height:230px}
#c2{position:absolute;top:65px;left:68px;width:85px;height:85px;background:url(../gf8/oper.png)}
#c3{position:absolute;top:54px;left:75px;width:85px;height:85px;background:url(../gf8/safa.png)}
#c4{position:absolute;top:56px;left:75px;width:85px;height:85px;background:url(../gf8/inex.png)}
#c5{position:absolute;top:67px;left:77px;width:85px;height:85px;background:url(../gf8/ffox.png)}
#c6{position:absolute;top:76px;left:73px;width:85px;height:85px;background:url(../gf8/chro.png)}
#c7{position:absolute;top:8px;left:27px;width:230px;height:100px;background:url(../gf8/board.png)}
#c8{position:absolute;top:106px;left:160px;width:420px;height:182px;border:solid 9px #f0f;border-radius:15px;background:url(../gf8/taki.png)}
#c9{position:absolute;top:19px;left:265px;width:370px;height:300px;background:url(../gf8/sys.gif)}