@charset "utf-8"; html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, big, del, em, font, img, ins, q, s, small, strong, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tr, th, td {margin:0;padding:0;vertical-align:baseline}:focus{outline:0} ol, 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} img{float:left} a{color:#e00;text-decoration:none;outline:none} a:hover{text-decoration:none}
body{width:1000px;height:940px;background:url(../gf0/9.png);-ms-touch-action:none;touch-action:none}
#hrl{position:absolute;top:212px;left:20px;width:960px}
#ban{position:absolute;width:1000px;height:217px}
#area{width:425px;height:45px;background:#dd0;position:absolute;top:18px;left:285px;box-shadow:6px 6px 6px 0 rgba(100,100,100,.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 5s linear infinite}
@keyframes move{95%, 100%{transform:translate(-700px)}}
#pre{position:absolute;top:850px;width:1000px;height:90px;background:url(../gf0/pre.png)}
#arrow{position:absolute;width:86px;height:90px;left:914px;background:url(../gf0/back.png)}
#move{background:url(../gf3/tyt11.png)}
.anim{animation-name:zoom;animation-duration:.5s;width:920px;height:608px;position:absolute}
@keyframes zoom{
0% {transform:scale(0)}
100% {transform:scale(1)}}
s{animation-name:zoomInDown;animation-duration:3s;animation-fill-mode:both;animation-delay:.2s;background:url(../gf3/test.png);visibility:hidden;position:absolute;top:99px;left:140px;width:611px;height:201px;border-radius:93px;opacity:0}
@keyframes zoomInDown{
1% {opacity:0;visibility:visible}
12% {transform:translateY(0px)}
16% {transform:translateY(-129px)}
20% {transform:translateY(0px)}
24% {transform:translateY(-99px)}
28% {transform:translateY(0px)}
32% {transform:translateY(-75px)}
36% {transform:translateY(0px)}
40% {transform:translateY(-52px)}
44% {transform:translateY(0px)}
48% {transform:translateY(-35px)}
52% {transform:translateY(0px)}
56% {transform:translateY(-20px)}
60% {transform:translateY(0px)}
64% {transform:translateY(-10px)}
68% {transform:translateY(0px)}
72% {transform:translateY(-5px)}
76% {transform:translateY(0px)}
80% {transform:translateY(-3px)}
84% {transform:translateY(0px)}
88% {transform:translateY(-2px)}
92% {transform:translateY(0px)}
96% {transform:translateY(-1px)}
100% {transform:translateY(0px);opacity:1;visibility:visible;box-shadow:0px 8px 20px rgba(0,0,0,.5)}}