:root{--uGapX:20px;--uGapY:20px}@keyframes verticalTo{to{transform:translateY(0)}}@keyframes horizontalTo{to{transform:translateX(0)}}@keyframes scaleTo{to{transform:scale(1)}}@keyframes rotateYTo{to{transform:rotateY(0)}}@keyframes opacity100{to{opacity:1}}@keyframes widthTo{to{width:100%}}@keyframes colorToInherit{to{color:inherit}}@keyframes shakingY{16.65%{transform:translateY(8px)}33.3%{transform:translateY(-4px)}49.95%{transform:translateY(4px)}66.6%{transform:translateY(-2px)}83.25%{transform:translateY(1px)}100%{transform:translateY(0)}}@keyframes notFoundPic{from{transform:scale(0.1) rotate(180deg)}}*,*::before,*::after{box-sizing:border-box}*{font-family:"Roboto Flex","Abril Fatface","Noto Sans TC"}html{-webkit-text-size-adjust:100%}body{margin:0;overflow-x:hidden}.status-logo{display:block;text-decoration:none;margin:0 0 49px;width:160px}@media(min-width: 375px){.status-logo{width:250px}}@media(min-width: 1200px){.status-logo{width:340px}}@media(min-width: 1921px){.status-logo{align-self:flex-start}}.status-logo img{display:block;max-width:100%;height:auto}.status-box{height:100vh;padding:40px 20px 90px}@media(min-width: 768px){.status-box{padding:91px 40px}}@media(min-width: 1200px){.status-box{padding:91px 80px}}@media(min-width: 1500px){.status-box{padding:91px 140px}}@media(min-width: 1921px){.status-box{width:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:column}}@media(min-width: 768px){.status-box.maintain .status-info-box{max-width:730px}}.status-inner{text-align:center}@media(min-width: 1921px){.status-inner{position:relative;transform:translateY(-50%);top:50%}}@media(min-width: 768px){.status-info-box{margin:0 auto;max-width:710px}}.status-info-title{color:#1e3b59;font-weight:600;font-size:22px;transform:translateY(40%);opacity:0;animation:verticalTo .7s 1.6s ease-in-out forwards,opacity100 .7s 1.6s ease-in-out forwards;margin:0 0 15px}@media(min-width: 768px){.status-info-title{font-size:26px}}@media(min-width: 1200px){.status-info-title{font-size:30px}}.status-info-description{color:#333;font-weight:500;transform:translateY(40%);opacity:0;animation:verticalTo .7s 1.9s ease-in-out forwards,opacity100 .7s 1.9s ease-in-out forwards;letter-spacing:1px}@media(min-width: 768px){.status-info-description{line-height:1.5;font-size:18px}}@keyframes uiBtn1Ani{to{transform:rotate(0)}}.status-info-btn{color:#fff;text-decoration:none;text-align:center;display:flex;align-items:center;justify-content:center;border-radius:999rem;position:relative;transition:color .2s;font-weight:500;margin:61px auto 0;min-width:100px;max-width:100%;padding:10px;transform:translateY(40%);opacity:0;animation:verticalTo .7s 2.2s ease-out forwards,opacity100 .7s 2.2s ease-out forwards}@media(min-width: 320px){.status-info-btn{min-width:160px;width:160px;min-height:48px}}@media(min-width: 576px){.status-info-btn{min-width:180px;width:180px;min-height:60px;font-size:18px}}.status-info-btn::after{background:radial-gradient(70% 100% at 33% 43%, #2A6097 0%, #1E3B59 100%);box-shadow:0 0 0 2px #1e3b59 inset;transition:background .2s ease-in;content:"";display:block;position:absolute;top:0;left:0;height:100%;z-index:0;border-radius:inherit;width:100%}@media(min-width: 1200px){.status-info-btn:hover:after{background:#1e3b59;transform:rotateX(180deg);animation:uiBtn1Ani .3s ease-out}.status-info-btn:hover i,.status-info-btn:hover .text{opacity:0;transform:rotateX(360deg);animation:uiBtn1Ani .3s ease-out,opacity100 .3s ease-in forwards}}.status-info-btn .text{backface-visibility:hidden;position:relative;z-index:1}.status-not-found-code-box{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin:0 0 20px}@media(min-width: 576px){.status-not-found-code-box{margin:0 0 30px}}@media(min-width: 768px){.status-not-found-code-box{margin:0 0 52px}}.status-not-found-code{color:#1e3b59;font-family:"Abril Fatface";font-size:120px;line-height:1;opacity:0;animation:verticalTo .8s 1.1s ease-out forwards,opacity100 .5s 1.1s ease-out forwards}@media(min-width: 375px){.status-not-found-code{font-size:170px}}@media(min-width: 576px){.status-not-found-code{font-size:220px}}@media(min-width: 768px){.status-not-found-code{font-size:300px}}.status-not-found-code:first-child{transform:translateY(50%)}.status-not-found-code:last-child{transform:translateY(-50%)}.status-not-found-pic{background:radial-gradient(70% 100% at 33% 43%, #2A6097 0%, #1E3B59 100%);aspect-ratio:1/1;border-radius:999rem;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-shrink:0;opacity:0;animation:notFoundPic .8s ease-out,opacity100 .5s forwards;width:100px}@media(min-width: 375px){.status-not-found-pic{width:120px}}@media(min-width: 576px){.status-not-found-pic{width:150px}}@media(min-width: 768px){.status-not-found-pic{margin:30px 16px 0;width:192px}}.status-not-found-pic img{display:block;height:auto;opacity:0;transform:scale(1.2);animation:opacity100 .6s .8s ease-out forwards,scaleTo .6s .8s ease-out forwards;max-width:97px;width:50.53%}.status-maintain-code-box{display:flex;align-items:flex-end;justify-content:center;flex-wrap:wrap;margin:0 0 30px}@media(min-width: 768px){.status-maintain-code-box{margin:0 0 44px}}.status-maintain-code{color:#1e3b59;font-family:"Abril Fatface";font-size:60px;opacity:0;transform:translateX(-50%);animation:horizontalTo .8s ease-out forwards,opacity100 .8s ease-out forwards;margin:0 12px 0 0;line-height:1.25}@media(min-width: 320px){.status-maintain-code{font-size:80px}}@media(min-width: 375px){.status-maintain-code{font-size:100px}}@media(min-width: 414px){.status-maintain-code{font-size:110px}}@media(min-width: 576px){.status-maintain-code{font-size:130px}}@media(min-width: 768px){.status-maintain-code{font-size:200px}}.status-maintain-pic-box{position:relative;flex-shrink:0;width:80px}@media(min-width: 576px){.status-maintain-pic-box{width:120px}}@media(min-width: 768px){.status-maintain-pic-box{width:160px}}.status-maintain-pic-box img{display:block;height:auto;max-width:100%}@keyframes tilt-shaking{0%{transform:translateX(-50%) rotate(0deg)}25%{transform:translateX(-50%) rotate(10deg)}50%{transform:translateX(-50%) rotate(0eg)}75%{transform:translateX(-50%) rotate(-10deg)}100%{transform:translateX(-50%) rotate(0deg)}}.status-maintain-pic-0{position:absolute;margin:0 auto;left:50%;transform:translateX(-50%);z-index:1;opacity:0;animation:opacity100 .3s 1s ease-in forwards,tilt-shaking .3s 1s 2 ease-out forwards;bottom:42.5%;width:78.75%;max-width:126px}.status-maintain-pic-1{opacity:0;transform:translateX(50%);animation:horizontalTo .8s ease-out forwards,opacity100 .8s ease-out forwards}