#app{background-color:#000}.version{z-index:999;top:.625rem;right:.625rem;font-weight:500;font-size:.8125rem}.title,.version{position:absolute}.title{margin-left:5%;width:90%;color:#454545;font-weight:700;font-size:2rem;z-index:9999;opacity:1;line-height:1.02em;pointer-events:none!important}.subtitle{line-height:.9em;font-weight:300;font-size:1.25rem;color:#8a8f94}.panel{margin-top:5%;margin-right:5%;right:0;line-height:1.8;width:18.75rem;max-height:37.5rem;box-shadow:#454545;background-color:hsla(0,0%,100%,.516);border-radius:.3125rem;backdrop-filter:blur(.625rem);padding:1.25rem;overflow:auto}.footer,.panel{position:absolute;z-index:9999;color:#454545}.footer{margin-left:5%;bottom:1.25rem;width:90%;font-size:.9375rem;pointer-events:none!important;opacity:1;font-weight:300}.footer,.title.home{text-align:center}.head-enter{opacity:0}.head-enter-active{transition:opacity 2s .8s}.theme-github{--shade-color:#8a8f94;--primary-color:#454545;--accent-color:#454545}a{color:#5484f8}.title>a{text-decoration:none}.z-canvas{background-color:#fff!important}#app{position:fixed;width:100%;height:100%}@media (min-width:1281px) and (orientation:landscape){.title.home,.title.other{text-align:center;top:5rem;font-size:2.5rem!important}.footer{line-height:1.5em}.pos,.sub-label,.z-label .inside{font-size:1.125rem!important}}@media (min-width:1281px) and (orientation:portrait){.title.home,.title.other{text-align:center;top:23.75rem;font-size:2.5rem!important}.pos,.sub-label,.z-label .inside{font-size:1rem!important}}@media (min-width:1025px) and (max-width:1280px){.title.home,.title.other{text-align:center;top:3.125rem;font-size:2.5rem!important}.footer{line-height:1.5em}.pos,.z-label .inside{font-size:.8125rem!important}}@media (width:375px) and (orientation:portrait){.title.other{font-size:1.5625rem!important}.title.home,.title.other{text-align:center;top:2.5rem}.footer{line-height:.5em}}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.title.home,.title.other{text-align:center;top:13.75rem}.pos,.z-label .inside{font-size:.8125rem!important}}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.title.home,.title.other{text-align:center;top:3.125rem}.footer{line-height:1.5em}.pos,.z-label .inside{font-size:.8125rem!important}}@media (width:812px) and (height:375px){.title.other{text-align:left;margin-left:1.875rem;font-size:1.125rem;width:30%;top:5vh}.title.home{text-align:left;margin-left:1.75rem;top:5vh;width:45%}.footer{text-align:left;margin-left:1.25rem;font-size:.9375rem;width:30%;line-height:1.5em}}@media (width:823px) and (height:411px){.title.other{font-size:1.125rem;width:30%}.title.home,.title.other{text-align:left;margin-left:1.75rem;top:5vh}.title.home{width:45%}.footer{text-align:left;margin-left:1.25rem;font-size:.9375rem;width:30%;line-height:1.5em}}@media (min-width:481px) and (max-width:767px){.title.other{margin-left:1.875rem;width:30%}.title.home,.title.other{text-align:left;font-size:1.5625rem;top:5vh}.title.home{margin-left:1.125rem;width:40%}.footer{text-align:left;margin-left:1.25rem;font-size:.9375rem;width:30%;line-height:1.5em}.pos,.z-label .inside{font-size:.8125rem!important}}@media (min-width:320px) and (max-width:480px){.title.other{text-align:center;top:calc(.625rem + 5vh)}.title.home{top:2.5rem}.footer{line-height:.5em}.pos,.z-label .inside{font-size:.8125rem!important}}@font-face{font-family:font01;src:url(../fonts/DATA-font01.a63aaf00.TTF)}.mains{min-height:100%;width:100%;background-image:url(../img/bg.413b76b8.png);background-size:100%;color:#fff;z-index:-2;justify-content:center}.mains,.mains .myheader{overflow:hidden;align-items:center;display:flex}.mains .myheader{position:relative;margin:0 auto;margin-top:1.875rem}.mains .myheader .myheader-title{font-size:1.7rem;font-weight:800}.mains .mycontent{display:flex;flex-direction:column;align-items:center}.mains .box-body{border-radius:.625rem;height:12.5rem;width:15rem;outline:.0625rem solid #fff;float:left;margin-right:.75rem;margin-bottom:.75rem;text-align:center;position:relative;cursor:pointer;overflow:hidden;color:#446ca0;background-color:#fff;transition:all .5s linear}.mains .box-body .rowBg{position:absolute;width:100%;height:100%;top:0;left:0;transition:all .5s linear}.mains .box-body .rowicon{position:relative;margin:2.5rem 0 0;width:3.125rem;height:3.125rem;z-index:3}.mains .box-body .box-body-title{position:relative;font-weight:600;z-index:10}.mains .box-body .box-body-detail{margin-top:.5rem;position:relative;z-index:3}.mains .box-body:hover{box-shadow:.3125rem .3125rem .625rem #484848;transform:scale(1.05);transition:all .5s ease-in-out;transform:perspective(50rem) translateZ(6.25rem);z-index:999}.mains .box-body:hover .rowBg{transform:scale(1.3);transition:all .5s ease-in-out}.mains .bodycneter{width:28.25rem}.mains .myfooter{position:fixed;bottom:0;text-align:center;width:100%;background-color:hsla(0,0%,100%,.2);padding:.25rem 0;font-size:.75rem;font-weight:100}