@charset "utf-8";.logo,.logo a img,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.game,.header{box-shadow:0 0 8px rgba(32,43,74,.32);position:relative;overflow:hidden}.game,.game .thumb,.header,.logo,.logo a,.logo a img{position:relative}.about article,.game,.game .intro h3,.game .thumb,.header,.tags h3,.wrap{overflow:hidden}.footer,.header,.logo,.swiper-slide,.tags h3,.tags span,.topnav{text-align:center}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1;font-family:Roboto,Arial,sans-serif;font-size:.9rem;background-color:#f5f5f5;color:#555;margin:0 auto;max-width:1600px}.header,.topnav a,h1{font-size:1.2rem;font-weight:500}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*,:after,:before{margin:0;padding:0;outline:0;-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;-ms-box-sizing:border-box!important;box-sizing:border-box!important}a{text-decoration:none;color:#ccc;font-weight:500;transition:background-color 1s}h1{line-height:1.6rem}img{border:none}.logo{margin:15px auto 10px;width:100%;height:100%}.logo a{display:inline-block;width:auto;height:100%;padding:5px}.logo a img{width:320px;height:52px;margin:0 auto;font-size:0;max-width:280px;max-height:45px}.topnav{margin:0 20px 20px;display:flex;justify-content:space-evenly;flex-wrap:wrap}.topnav a{line-height:2.4rem;white-space:nowrap;color:#000;margin:0 8px}.topnav a:hover{color:#008ace}.header{display:block;padding:10px;background:#f9f9f9;border:1px solid #aaa;border-radius:5px;margin:10px 20px;line-height:2rem;color:#500}.wrap{display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:0 10px}.wrap div.popular{width:100%;float:left;height:100%;padding:10px 0 0}.swiper,.whfull{width:100%;height:100%}.swiper-slide{font-size:18px;background:0 0;display:flex;justify-content:center;align-items:center;padding:10px 0 28px}.swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}.grid,.taggrid{display:grid;grid-template-columns:1fr;margin:10px}.game{display:block;padding:10px;background:#f9f9f9;border:1px solid #aaa;border-radius:5px;margin:10px}.game .thumb{padding:56.25% 0 0;display:block;width:100%;height:0;margin:0}.about ul li,.game .intro{margin-top:10px}.game .thumb img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;margin:auto;font-size:0;border-radius:5px}.game .intro{display:block;position:relative;color:#555}.game .intro h3{position:relative;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:1rem;line-height:1.4rem;max-height:1.4rem;font-weight:500}.game .intro span{font-size:.9rem;margin-top:6px;display:block;line-height:1.3rem;font-weight:400}.game:not(.nohover):hover,.tags:hover{background:#e8ffef}.pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin:10px;padding-top:5px}.about,.tags{padding:10px;margin:10px}.pagination>a,.pagination>span{background-color:#fff;color:#000;display:flex;justify-content:center;align-items:center;font-size:.95rem;margin:0 3px 5px;min-width:40px;padding:0 10px;height:40px;border:1px solid #b9b9b9;text-decoration:none;position:relative;border-radius:4px;font-weight:400}.about article,.tags{position:relative;background:#f9f9f9;box-shadow:0 0 8px rgba(32,43,74,.32)}.pagination>span{pointer-events:none}.pagination>a:hover{background-color:#eee}.pagination>span.page-active{background-color:#e8ffef;color:#444}.tags{display:flex;justify-content:flex-start;align-items:center;height:80px;border:1px solid #aaa;border-radius:5px}.tags img,.tags span{width:60px;border-radius:5px;height:60px}.tags span{flex-grow:0;flex-shrink:0;font-size:1.6rem;line-height:60px}.tags img{flex-grow:0;flex-shrink:0;font-size:0}.tags h3{font-size:1rem;line-height:20px;height:60px;font-weight:500;position:relative;display:flex;align-items:center;justify-content:center;padding-left:10px;color:#555;width:100%}.about,.about p,.footer{display:block}.about{position:relative}.about article{display:block;padding:20px;border:1px solid #aaa;border-radius:5px}.about h3{font-size:1.2rem;font-weight:500;line-height:1.6rem;margin-top:20px}.about p,.about ul li a{color:#555;font-size:.9rem;position:relative}.about p{line-height:1.4rem;margin-top:8px}.about ul li a{display:inline-block;line-height:1.2rem}.footer{position:relative;margin:10px auto;padding:5px;line-height:1.8rem}.footer a{text-transform:capitalize;color:#000}.footer a:hover{text-decoration:underline}@media (min-width:321px){.logo a img{max-width:100%;max-height:100%}}@media (min-width:481px){.taggrid{grid-template-columns:1fr 1fr}}@media (min-width:640px){.grid{grid-template-columns:1fr 1fr}.taggrid{grid-template-columns:1fr 1fr 1fr}.wrap div.popular{width:50%}}@media (min-width:768px){.taggrid{grid-template-columns:1fr 1fr 1fr 1fr}}@media (min-width:960px){.grid{grid-template-columns:1fr 1fr 1fr}.taggrid{grid-template-columns:1fr 1fr 1fr 1fr 1fr}}@media (min-width:1280px){.grid{grid-template-columns:1fr 1fr 1fr 1fr}.taggrid{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}}