@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@800&family=Roboto:wght@100;300&display=swap);[data-v-4c9577b2]{box-sizing:border-box;transform-style:preserve-3d}.error-page[data-v-4c9577b2]{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Noto Sans TC,sans-serif}[dir] .error-page[data-v-4c9577b2]{background:url(../img/404_bg.c929898b.webp) fixed}.info[data-v-4c9577b2]{color:#fff}[dir] .info[data-v-4c9577b2]{text-align:center}.info h2[data-v-4c9577b2]{color:#fff;font-size:2.5rem}.info p[data-v-4c9577b2]{color:#fff;font-size:16px}[dir] .info p[data-v-4c9577b2]{margin-bottom:3rem}.btn[data-v-4c9577b2]{z-index:1;overflow:hidden;position:relative;font-size:1em;letter-spacing:2px;transition:.2s ease;font-weight:700}[dir] .btn[data-v-4c9577b2]{background:transparent;padding:8px 50px;border-radius:30px;cursor:pointer;margin:5px 0}.btn.primary[data-v-4c9577b2]{color:#7cb9ff}[dir] .btn.primary[data-v-4c9577b2]{border:4px solid #7cb9ff}.btn.primary[data-v-4c9577b2]:before{content:"";position:absolute;top:0;width:0;height:100%;z-index:-1;transition:.2s ease}[dir] .btn.primary[data-v-4c9577b2]:before{background:#7cb9ff}[dir=ltr] .btn.primary[data-v-4c9577b2]:before{left:0}[dir=rtl] .btn.primary[data-v-4c9577b2]:before{right:0}.btn.primary[data-v-4c9577b2]:hover{color:var(--white);transition:.2s ease}[dir] .btn.primary[data-v-4c9577b2]:hover{background:#7cb9ff}.btn.primary[data-v-4c9577b2]:hover:before{width:100%}@property --swing-x{initial-value:0;inherits:false;syntax:"<integer>"}@property --swing-y{initial-value:0;inherits:false;syntax:"<integer>"}.h1-404{font-size:clamp(5rem,40vmin,20rem);font-family:Open Sans,sans-serif;letter-spacing:1rem;--x:calc(50% + var(--swing-x)*0.5*1%);color:transparent}[dir] .h1-404{margin:0;margin-bottom:1rem;transform:translateZ(0);background:radial-gradient(#e6e6e6,#7a7a7a 45%) var(--x) 100%/200% 200%;-webkit-background-clip:text}[dir=ltr] .h1-404{text-shadow:-5px -5px hsla(0,0%,98%,.5058823529411764)}[dir=ltr] .h1-404,[dir=rtl] .h1-404{-webkit-animation:swing 2s ease-in-out infinite alternate;animation:swing 2s ease-in-out infinite alternate}[dir=rtl] .h1-404{text-shadow:5px -5px hsla(0,0%,98%,.5058823529411764)}.h1-404:after{content:"404";position:absolute;top:0;color:#000;filter:blur(1.5vmin)}[dir=ltr] .h1-404:after{left:0;transform:scale(1.05) translate3d(0,12%,-10vmin) translate(calc(var(--swing-x, 0)*0.05*1%),calc(var(--swing-y)*0.05*1%))}[dir=ltr] .h1-404:after,[dir=rtl] .h1-404:after{-webkit-animation:swing 2s ease-in-out infinite alternate;animation:swing 2s ease-in-out infinite alternate}[dir=rtl] .h1-404:after{right:0;transform:scale(1.05) translate3d(0,12%,-10vmin) translate(calc(var(--swing-x, 0)*0.05*1%*-1),calc(var(--swing-y)*0.05*1%))}@-webkit-keyframes swing{0%{--swing-x:-100;--swing-y:-100}50%{--swing-y:0}to{--swing-y:-100;--swing-x:100}}@keyframes swing{0%{--swing-x:-100;--swing-y:-100}50%{--swing-y:0}to{--swing-y:-100;--swing-x:100}}