@import"https://fonts.googleapis.com/css2?family=Chiron+GoRound+TC:wght@700&display=swap";*{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Microsoft JhengHei","微軟正黑體",sans-serif}html{scroll-behavior:smooth;overflow-x:clip}body.ov-hidden{overflow:unset}body.body.content{position:relative;overflow-x:clip}a{display:block}dialog::-ms-backdrop{background:rgba(0,0,0,.6)}dialog::backdrop{background:rgba(0,0,0,.6)}dialog[open]{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);margin:0;z-index:2}#dialog-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:1}#dialog-overlay.is-open{display:block}.hidden{display:none !important}.pic{display:block;background-size:contain;background-repeat:no-repeat;background-position:center}.pic-switch{display:block;background-size:cover;background-repeat:no-repeat}.red{color:red}.menu{background-image:url("../img/nav_bg.jpg");width:250vw;max-width:1920px;aspect-ratio:1920/101;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.menu .group{display:-webkit-box;display:-ms-flexbox;display:flex;width:100vw;max-width:768px;height:100%;margin:0 auto;padding:0 .651vw;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media(min-width: 768px){.menu .group{padding:0 5px}}.menu .group .logo{background-image:url("../img/logo.png");width:17.578vw;max-width:135px;aspect-ratio:135/66}.menu .group .links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:3.906vw}@media(min-width: 768px){.menu .group .links{gap:30px}}.menu .group .links .fb-btn{background-image:url("../img/fb.png");width:11.458vw;max-width:88px;height:11.589vw;max-height:89px}@media(hover: hover){.menu .group .links .fb-btn:hover{background-position:-11.458vw 0px}}@media(hover: hover)and (min-width: 768px){.menu .group .links .fb-btn:hover{background-position:-88px 0px}}.menu .group .links .ig-btn{background-image:url("../img/ig.png");width:11.458vw;max-width:88px;height:11.589vw;max-height:89px}@media(hover: hover){.menu .group .links .ig-btn:hover{background-position:-11.458vw 0px}}@media(hover: hover)and (min-width: 768px){.menu .group .links .ig-btn:hover{background-position:-88px 0px}}.menu .group .links .home-btn{background-image:url("../img/home.png");width:11.458vw;max-width:88px;height:11.589vw;max-height:89px}@media(hover: hover){.menu .group .links .home-btn:hover{background-position:-11.458vw 0px}}@media(hover: hover)and (min-width: 768px){.menu .group .links .home-btn:hover{background-position:-88px 0px}}.main{background-image:url("../img/bg.jpg");background-position:center 0;background-size:contain;width:250vw;max-width:1920px;aspect-ratio:1920/2475;position:absolute;top:13.151vw;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding-top:12.369vw}@media(min-width: 768px){.main{top:101px;padding-top:95px}}.main .area{width:100vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 auto}@media(min-width: 768px){.main .area{width:768px}}.main .area .title{background-image:url("../img/title.png");width:97.786vw;max-width:751px;aspect-ratio:751/261}.main .area .characters{background-image:url("../img/characters.png");width:100%;aspect-ratio:843/341;margin-bottom:14.323vw}@media(min-width: 768px){.main .area .characters{margin-bottom:110px}}.main .area .log-block{background-image:url("../img/login_block.png");background-size:100% 100%;background-position:center 0;width:100%;aspect-ratio:809/439;margin-bottom:13.021vw;position:relative}@media(min-width: 768px){.main .area .log-block{margin-bottom:100px}}.main .area .log-block .log-article-logout,.main .area .log-block .log-article-login{width:100%;height:100%;font-size:clamp(0px,4.167vw,32px);color:#56392d;padding-top:5.859vw;padding-left:5.859vw;padding-right:5.859vw;padding-bottom:6.25vw;line-height:120%}@media(min-width: 768px){.main .area .log-block .log-article-logout,.main .area .log-block .log-article-login{padding-top:45px;padding-left:45px;padding-right:45px;padding-bottom:48px}}.main .area .log-block .log-article-logout{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main .area .log-block .log-article-logout .login-btn{background-image:url("../img/login_btn.png");width:75vw;max-width:576px;height:12.369vw;max-height:95px;cursor:pointer}@media(hover: hover){.main .area .log-block .log-article-logout .login-btn:hover{background-position:0px -12.369vw}}@media(hover: hover)and (min-width: 768px){.main .area .log-block .log-article-logout .login-btn:hover{background-position:0px -95px}}.main .area .log-block .log-article-login{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.main .area .log-block .log-article-login .logout-btn{background-image:url("../img/logout_btn.png");width:40.625vw;max-width:312px;height:12.369vw;max-height:95px;-ms-flex-item-align:center;align-self:center;cursor:pointer}@media(hover: hover){.main .area .log-block .log-article-login .logout-btn:hover{background-position:0px -12.369vw}}@media(hover: hover)and (min-width: 768px){.main .area .log-block .log-article-login .logout-btn:hover{background-position:0px -95px}}.main .area .explain-block{background-image:url("../img/explain_block.png");background-size:100%;background-position:center 0;width:100%;aspect-ratio:809/470;margin-bottom:13.021vw;position:relative}@media(min-width: 768px){.main .area .explain-block{margin-bottom:100px}}.main .area .explain-block .explain-article{width:100%;height:100%;font-size:clamp(0px,1.953vw,15px);color:#56392d;padding-top:12.37vw;padding-left:7.812vw;padding-right:7.812vw;padding-bottom:8.984vw;line-height:125%}@media(min-width: 768px){.main .area .explain-block .explain-article{padding-top:95px;padding-left:60px;padding-right:60px;padding-bottom:69px}}.main .area .notify-block{background-image:url("../img/notify_block.png");background-size:100%;background-position:center 0;width:100%;aspect-ratio:809/470;margin-bottom:13.021vw;position:relative}@media(min-width: 768px){.main .area .notify-block{margin-bottom:100px}}.main .area .notify-block .notify-article{width:100%;height:100%;font-size:clamp(0px,1.953vw,15px);color:#56392d;padding-top:12.37vw;padding-left:7.812vw;padding-right:7.812vw;padding-bottom:8.984vw;line-height:125%}@media(min-width: 768px){.main .area .notify-block .notify-article{padding-top:95px;padding-left:60px;padding-right:60px;padding-bottom:69px}}.gotop{background-image:url("../img/gotop.png");width:20.443vw;max-width:157px;height:20.182vw;max-height:155px;position:fixed;top:50dvh;right:2.604vw;cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;-webkit-transition:opacity .4s ease,visibility .4s ease;transition:opacity .4s ease,visibility .4s ease}@media(min-width: 768px){.gotop{right:20px}}@media(hover: hover){.gotop:hover{background-position:-20.443vw 0px}}@media(hover: hover)and (min-width: 768px){.gotop:hover{background-position:-157px 0px}}.dialog{width:98.698vw;aspect-ratio:764/612;background-image:url("../img/gbox_block1.png");background-size:100% 100%;background-repeat:no-repeat;background-position:center 0;border-bottom-right-radius:3.906vw;overflow:visible;border:unset;padding:0vw}@media(min-width: 768px){.dialog{width:758px;border-bottom-right-radius:30px;padding:0px}}.dialog .dialog-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:13.021vw;gap:10.417vw;width:100%;height:100%}@media(min-width: 768px){.dialog .dialog-content{padding-top:100px;gap:80px}}.dialog .dialog-content .dialog-title{color:#56392d;font-family:"Chiron GoRound TC",sans-serif;font-size:clamp(0px,4.662vw,40px);font-weight:bold;text-align:center}.dialog .dialog-content .bind-btn{background-image:url("../img/bind_btn.png");width:46.354vw;max-width:356px;height:12.37vw;max-height:95px;cursor:pointer}@media(hover: hover){.dialog .dialog-content .bind-btn:hover{background-position:0px -12.37vw}}@media(hover: hover)and (min-width: 768px){.dialog .dialog-content .bind-btn:hover{background-position:0px -95px}}.dialog .dialog-content .close-btn{width:12.891vw;height:12.891vw;position:absolute;top:-7.161vw;right:0vw;padding:0vw;background-image:url("../img/x.png");cursor:pointer}@media(min-width: 768px){.dialog .dialog-content .close-btn{width:99px;height:99px;top:-55px;right:0px;padding:0px}}.dialog .dialog-content .choices{width:80%}.dialog .dialog-content .choices::after{content:unset}.dialog .dialog-content .choices .choices__inner{width:100%;height:10.617vw;border:.247vw solid #56392d;background-color:#dfcfaf;color:#56392d;padding-left:2.469vw;font-size:3.704vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media(min-width: 768px){.dialog .dialog-content .choices .choices__inner{height:86px;border:2px solid #56392d;padding-left:20px;font-size:30px}}.dialog .dialog-content .choices .choices__inner::after{content:"";border:0;width:10.617vw;height:10.617vw;min-width:44px;min-height:44px;background-image:url("../img/select_down.png");background-repeat:no-repeat;background-position:center;background-size:100% 100%;position:absolute;top:0vw;right:0vw}@media(min-width: 768px){.dialog .dialog-content .choices .choices__inner::after{width:86px;height:86px;top:0px;right:0px}}.dialog .dialog-content .choices.is-open .choices__inner::after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}