@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)}
circle {pointer-events:none}
.steap  {stroke-width:0 !important}
.streak {stroke-width:150px !important}
.parent {width:900px;height:550px;top:50px;left:50px;margin:auto auto;overflow:hidden;position:absolute;border-radius:16px;box-shadow:0 0 40px 5px rgba(0, 0, 0,.75)}
svg {position:absolute;z-index:1;width:900px;height:550px}
circle {fill:none;stroke-width:150px;transition:.3s}
.circle1 {stroke:red;transition-delay:.05s}
.circle2 {stroke:orange;transition-delay:.1s}
.circle3 {stroke:yellow;transition-delay:.15s}
.circle4 {stroke:white;transition-delay:.2s}
#svg1 circle {transition-timing-function:linear}
.slide1 {background-image:url(../gf4/1.jpg)}
.slide2 {background-image:url(../gf4/2.jpg)}
.slide3 {background-image:url(../gf4/3.jpg)}
.slide4 {background-image:url(../gf4/4.jpg)}
.slider {position:absolute;width:400%;height:100%;background:#000;display:inline-flex;overflow:hidden}
.slide1, .slide2, .slide3, .slide4 {position:absolute;background-position:center;background-size:cover;width:25%;height:100%;z-index:10;transition:1.4s}
.tran {transform:scale(1.3)}
.up1 {z-index:20}
.up2 {z-index:99}
.steap {stroke-width:0}
.streak {stroke-width:150px}
@media (max-width: 700px) {
.parent {margin-left:1%}
}
#alb {width:905px;height:130px;position:absolute;top:670px;left:45px;background:url(../gf4/alb.png)}
#arch {width:600px;height:400px;position:absolute;top:150px;left:197px;background:url(../gf4/new.gif);z-index:95}