@charset "utf-8";*{margin:0;padding:0;color:#000}#parent{width:100%;text-align:center}#wrapper{width:1280px;height:720px;margin:0 auto;position:relative}#canvas{background-color:#fff;display:block;height:auto;object-fit:contain;width:100%;height:100%;text-align:center;position:relative}#preload{top:0;width:1280px;height:720px;display:block;text-align:center;position:fixed}#preload>img{top:50%;vertical-align:middle;max-height:100%;position:relative}.topic{width:100%;height:100%;top:0;left:0;cursor:pointer;position:fixed;z-index:9;display:none}.robot{top:50%;left:50%;width:420px;height:220px;display:block;position:absolute;z-index:1;background-image:url(../res/robot_Spritesheet5x5.png);animation-name:ta;animation-duration:2.5s;animation-iteration-count:infinite;animation-timing-function:step-start;transform:translate(-50%,-50%)}@keyframes ta{4%{background-position:0 0}8%{background-position:-420px 0}12%{background-position:-840px 0}16%{background-position:-1260px 0}20%{background-position:-1680px 0}24%{background-position:0 -220px}28%{background-position:-420px -220px}32%{background-position:-840px -220px}36%{background-position:-1260px -220px}40%{background-position:-1680px -220px}44%{background-position:0 -440px}48%{background-position:-420px -440px}52%{background-position:-840px -440px}56%{background-position:-1260px -440px}60%{background-position:-1680px -440px}64%{background-position:0 -660px}68%{background-position:-420px -660px}72%{background-position:-840px -660px}76%{background-position:-1260px -660px}80%{background-position:-1680px -660px}84%{background-position:0 -880px}88%{background-position:-420px -880px}92%{background-position:-840px -880px}96%{background-position:-1260px -880px}100%{background-position:-1680px -880px}}.black{top:0;width:100%;height:100%;background:rgba(0,0,0,.8);position:absolute}