@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)}
#brd{position:absolute;top:20px;left:20px;background:#bdf;width:960px;height:821px;border-radius:15px} 
#shd{position:absolute;top:83px;left:188px;width:588px;height:650px;background:url(../gf7/shd.png)} 
#area{top:18px}
#move{background:url(../gf7/bar.png)}
#wrap {min-height:100%;height:100%;min-width:560px;overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:center}
#imgs {position:relative;width:560px;height:600px;margin-top:104px;overflow:hidden;z-index:1}
#imgs.visible {overflow:visible}
#imgs div {overflow:hidden}
#imgs img {width:100%;height:100%;display:block}
#navs {display:flex;justify-content:center;gap:8px;margin:35px auto 0;flex-wrap:wrap}
#navs a {width:90px;height:45px;border:2px solid #000;background:#0F0;transition:background 600ms ease;cursor:pointer;border-radius:30px}
#navs .active {background:#f00}
@media (max-width:540px) {
body {overflow:hidden}
#imgs {width:100%;height:100%;margin:0;border-radius:0}
#imgs img {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);min-height:100%;height:auto}}