html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,img{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{font-family:"Noto Sans TC",sans-serif;background-color:#faf7ef}img{max-width:100%;height:auto;vertical-align:bottom}.header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 45px;background-color:#faf7ef}.logo a{display:inline-block;width:175px}.sns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sns span{font-size:1.75rem;margin-right:13px;color:#565656}.sns a{display:inline-block;width:55px;margin:0 13px 0 0}.sns a:hover{opacity:.9}.sns a:last-of-type{margin-right:0}@media screen and (max-width:960px) and (orientation:landscape){.header{padding:10px 20px}.logo a{width:140px}.sns a{width:40px;margin:0 10px 0 0}.sns span{font-size:1.3rem}}@media screen and (max-width:767px){.header{padding:10px 20px}.logo a{width:140px}.sns a{width:40px;margin:0 10px 0 0}.sns span{font-size:1.3rem}}@media screen and (max-width:576px){.header{padding:10px 15px}.logo a{width:120px}.sns a{width:30px;margin:0 8px 0 0}.sns span{font-size:1.1rem;margin-right:8px}}@media screen and (max-width:321px){.header{padding:10px}.logo a{width:90px}.sns span{font-size:.8rem}}.footer{background-color:#0066ae;color:#fff;text-align:center;font-style:italic;height:56px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:576px){.footer{height:45px;font-size:.8rem}}.border_top{height:54px;background-image:url(../images/top_border1.png);background-size:contain;background-repeat:repeat-x}.banner{background-color:#faf7ef;height:calc(100vh - 56px - 54px);background-image:url(../images/bg.png);background-size:cover;background-repeat:no-repeat;background-position:50% 40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.topic{margin-left:13vw;margin-top:3vw;width:46.4%;background-image:url(../images/bannerx2.png);background-repeat:no-repeat;background-size:contain;padding-top:27.2%}.game_start_btn{display:inline-block;margin:20px 0;max-width:330px;width:18%}.game_start_btn:hover{opacity:.8}.view_count{position:absolute;bottom:10px;color:#fff}@media screen and (max-width:1440px) and (orientation:landscape){.topic{margin-left:10vw;margin-top:8vw;width:50%;padding-top:30%}.game_start_btn{width:20%}}@media screen and (max-width:1367px) and (orientation:landscape){.topic{margin-left:10vw;margin-top:8vw;width:46%;padding-top:30%}.game_start_btn{width:20%}}@media screen and (max-width:1280px) and (orientation:portrait){.banner{background-position:40% 40px}.topic{width:75%;margin-top:10vw;padding-top:48%}.game_start_btn{margin:5% 0;max-width:100%;width:35%}}@media screen and (max-width:960px) and (orientation:portrait){.banner{background-image:url(../images/bg_mobile1.png);background-size:contain;background-repeat:no-repeat;background-position:30% bottom}.topic{width:80%;padding-top:48%;margin:10% 0 0 20vw}}@media screen and (max-width:960px) and (orientation:landscape){.topic{margin-left:10vw;margin-top:2vw;width:38%;padding-top:23%}}@media screen and (max-width:767px) and (orientation:portrait){.topic{margin:8vh auto 10%;background-image:url(../images/banner_mobile.png)}.game_start_btn{width:50%;margin-left:30px}.banner{background-position:center bottom}}@media screen and (max-width:576px){.banner{height:calc(100vh - 137px);background-position:center 125%}.border_top{height:30px}.topic{width:90%;padding-top:57%;margin:5vh auto 3%}.game_start_btn{width:45%;margin:2% 0 2% 18%}}@media screen and (max-width:321px){.banner{height:calc(100vh - 127px)}}