#loading,#loading .content,#loading>::after{width:100%;height:100%}.description,.popup{left:0;top:0;opacity:0}body{font-family:"Noto Sans TC",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.wrap{width:100%;height:100vh}canvas{width:100%}#loading{position:fixed;top:0;left:0;z-index:999}#loading>::after{position:absolute;content:'';left:0;top:0;z-index:1;background:#fff;transition:background .3s ease-out}#loading .content{position:absolute;display:flex;justify-content:center;align-items:center;left:0;top:0}.loader{width:48px;height:48px;display:block;margin:15px auto;position:relative;z-index:2;color:#fff;box-sizing:border-box;animation:1s linear infinite rotation}.loader::after,.loader::before{content:'';box-sizing:border-box;position:absolute;width:24px;height:24px;top:50%;left:50%;transform:scale(.5) translate(0,0);background-color:#00a0e9;border-radius:50%;animation:1s ease-in-out infinite animloader}.loader::before{background-color:#d6000f;transform:scale(.5) translate(-48px,-48px)}.popup{position:fixed;display:flex;visibility:hidden;justify-content:center;align-items:center;width:100%;height:100vh;z-index:9999}.popup .content{width:calc(100% - 32px);max-width:600px;padding:3rem .5rem;background-color:#fff;border-radius:25px;text-align:center}.popup .content p{font-size:1.25rem;line-height:1.5rem;letter-spacing:1px;text-indent:1px;color:#2c2c2c}.popup .content a{display:inline-block;padding:.45rem 1rem;margin-top:1rem;font-size:1rem;line-height:1.25rem;color:#fff;background-color:#2c2c2c;border-radius:5px;text-decoration:none}.description{position:absolute;width:1px;height:1px}@keyframes rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes animloader{50%{transform:scale(1) translate(-50%,-50%)}}