@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)}
#ban{background:url(../gf1/ban3.jpg)}
#area{top:236px}
#move{background:url(../gf1/tyt_3.png)}
#rama{position:absolute;top:300px;left:40px;width:920px;height:430px;background:#FFF;border:solid 1px;box-shadow:0 2px 10px #222}
#gal {margin:auto;position:absolute;top:310px;left:50px;height:410px;width:900px}
#pic {width:900px;height:410px;overflow:hidden;position:relative}
#pic img {width:900px;height:410px;position:absolute;top:0;left:0;opacity:1;transition:opacity 0.5s ease-in-out}
#tmb {display:flex;justify-content:center;list-style:none;padding:0;margin-top:30px}
#tmb li {margin:0 2px;cursor:pointer;border:2px solid transparent}
#tmb li.active {border-color:red}
#tmb img {width:95px;height:65px;object-fit:cover;display:block}