@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:middle}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{position:relative;overflow-x:hidden}html{font-size:16px}@media only screen and (max-width: 767px){html{font-size:14px}}@media only screen and (max-width: 480px){html{font-size:12px}}ol,ul,button{margin:0;padding:0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*:focus,a:hover,a:active,a:focus,button:focus{text-decoration:none;outline:none}button,a{border:none;font-size:unset;padding:0;margin:0;background:rgba(0,0,0,0);background-color:none;outline:none;border:none}img{max-width:100%;height:auto}.tab-content>.tab-pane{height:0;display:block;opacity:0;pointer-events:none}.tab-content>.active{height:auto;opacity:1;pointer-events:auto}.nav-tabs .nav-link,.nav-tabs a.nav-link,.nav-tabs a.nav-link.active,.nav-pills .nav-link,.nav-pills a.nav-link,.nav-pills a.nav-link.active{padding:0;background:rgba(0,0,0,0);background-color:none}.tab-pane{display:none}.tab-pane.active{display:block}body{background:#003c8e;color:#fff;font-family:"Noto Sans TC",sans-serif,Arial;font-size:1rem;letter-spacing:0;font-weight:500;line-height:1}footer#ft{background:#000;border-top:1px solid hsla(0,0%,100%,.2039215686)}#particles-js{position:fixed;width:100%;top:0;left:0;z-index:999;pointer-events:none}@media only screen and (max-width: 768px){#particles-js{display:none}}#header{position:relative;background:url(../images/bg.jpg) no-repeat center top;background-size:cover;margin-top:80px;min-height:1000px;width:100%}@media only screen and (max-width: 991px){#header{margin-top:60px}}@media only screen and (max-width: 480px){#header{min-height:100vh}}@media only screen and (max-width: 380px){#header{min-height:120vh}}#header::before{content:"";position:absolute;left:50%;transform:translateX(-746px);bottom:-10px;background:url(../images/char-01.png) no-repeat center center/contain;max-width:568px;width:100%;aspect-ratio:568/678;z-index:2}@media only screen and (max-width: 767px){#header::before{width:70vw;left:-27px;transform:none}}#header::after{content:"";position:absolute;left:50%;transform:translateX(158px);bottom:23px;background:url(../images/char-02.png) no-repeat center center/contain;max-width:774px;width:100%;aspect-ratio:774/590;z-index:2}@media only screen and (max-width: 767px){#header::after{width:70vw;right:0;bottom:0;transform:none}}#header .title{text-align:center;position:absolute;left:50%;top:5.5rem;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:30px;z-index:9;max-width:660px;width:100%}@media only screen and (max-width: 767px){#header .title{width:90vw}}#header .title .detail{display:flex;flex-direction:column;gap:60px;width:100%}@media only screen and (max-width: 767px){#header .title .detail{gap:30px}}#header .title .detail .date p{font-weight:600;font-size:1.1875rem;line-height:1.6;color:#dce9ff;text-align:center}@media only screen and (max-width: 767px){#header .title .detail .date p{font-size:16px}}#header .title .detail .d-flex{justify-content:center;align-items:center;gap:20px}#header .title .detail .d-flex a{display:flex;flex-direction:row;justify-content:center;align-items:center}@media only screen and (max-width: 767px){#header .title .detail .d-flex a.dl{display:none}}#header .title .detail .d-flex a.dl:hover{background:url(../images/btn-gamestart_on.png) no-repeat 0 0/contain}@media only screen and (max-width: 767px){#header .title .detail .d-flex a{width:120px}}#header .title .detail .d-flex a:hover{background:url(../images/btn-reg_on.png) no-repeat 0 0/contain}#header .title .detail .d-flex a:hover img{opacity:0}.detail h4{font-family:"Noto Serif TC";font-size:24px;line-height:1.8;text-align:center;vertical-align:middle;letter-spacing:.04em;margin:0}@media only screen and (max-width: 767px){.detail h4{font-size:18px}}.detail h4 span{line-height:1.4;color:#ffbe46;vertical-align:baseline}.detail h5{font-family:"Noto Serif TC";font-weight:500;font-size:18px;line-height:1.8;letter-spacing:.04em;margin:0}@media only screen and (max-width: 767px){.detail h5{font-size:18px}}.Yellow{color:#ffbe46}section{position:relative;z-index:1;text-align:center;padding-bottom:80px}@media only screen and (max-width: 767px){section{padding-bottom:40px}}section p{font-size:1.1875rem;font-weight:400;line-height:2rem;letter-spacing:0}section h3{font-size:0;line-height:1}section .content-container{max-width:1440px;margin:0 auto;display:flex;align-items:center;flex-direction:column;gap:40px;position:relative;z-index:10}@media only screen and (max-width: 1600px){section .content-container{padding:0 12px;gap:12px}}section#s1{background-size:cover}section#s1 .content-01{padding:2.5rem 0;width:100%;background:repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0, rgba(255, 255, 255, 0.1) 1px, transparent 1px, transparent 9px),linear-gradient(180deg, #20272e 0%, #121820 100%);border:8px solid #5d666b;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.08);border-radius:5px;display:flex;align-items:center;flex-direction:column;gap:20px}@media only screen and (max-width: 1200px){section#s1 .content-01{padding:2.5rem}}section#s1 .content-01 h3{font-size:40px;font-weight:900;color:#0063d3;margin:0}@media only screen and (max-width: 767px){section#s1 .content-01 h3{font-size:32px}}section#s1 .content-01 .detail{display:flex;justify-content:center;gap:50px}@media only screen and (max-width: 1200px){section#s1 .content-01 .detail{flex-wrap:wrap}}@media only screen and (max-width: 600px){section#s1 .content-01 .detail{flex-direction:column}}section#s1 .content-01 .detail .step{width:300px;aspect-ratio:300/240;display:flex;align-items:center;padding:3.4rem 0 0;gap:30px;background:url(../images/s1frame.png) no-repeat 0 0/contain;flex-direction:column;position:relative}@media only screen and (max-width: 1200px){section#s1 .content-01 .detail .step{gap:15px;justify-content:center;padding:0;flex:0 0 45%;max-width:45%;width:100%}}@media only screen and (max-width: 600px){section#s1 .content-01 .detail .step{width:80vw;max-width:100%;flex:0 0 100%}}section#s1 .content-01 .detail .step:nth-of-type(3),section#s1 .content-01 .detail .step:nth-of-type(4){gap:20px}@media only screen and (max-width: 1200px){section#s1 .content-01 .detail .step:nth-of-type(2)::after{display:none}}@media only screen and (max-width: 600px){section#s1 .content-01 .detail .step:nth-of-type(2)::after{display:block}}section#s1 .content-01 .detail .step::after{content:"";position:absolute;background:url(../images/arrow.png) center center no-repeat;width:32px;height:40px;right:-2.6rem;top:50%;transform:translateY(-50%);z-index:5}@media only screen and (max-width: 600px){section#s1 .content-01 .detail .step::after{right:0;left:0;margin:0 auto;transform:rotate(90deg);bottom:-45px;top:auto}}section#s1 .content-01 .detail .step:last-child::after{display:none}section#s1 .content-01 .detail .step .title{line-height:1}section#s1 .content-02{width:100%;position:relative}section#s1 .content-02 .carousel{overflow:hidden;position:relative;z-index:5}@media only screen and (max-width: 767px){section#s1 .content-02 .carousel{border-radius:40px}}section#s1 .content-02 .carousel .carousel-indicators{background:url(../images/dots_BG.png) no-repeat 0 0/contain;max-width:184px;align-items:center;width:100%;aspect-ratio:184/60;margin:0 auto;bottom:27px}@media only screen and (max-width: 767px){section#s1 .content-02 .carousel .carousel-indicators{bottom:3px}}@media only screen and (max-width: 600px){section#s1 .content-02 .carousel .carousel-indicators{display:none}}section#s1 .content-02 .carousel .carousel-indicators li{background:url(../images/dots.png) no-repeat 0 0/contain;width:30px;height:40px;border:none;opacity:1;margin:0}section#s1 .content-02 .carousel .carousel-indicators li.active{background:url(../images/dots_on.png) no-repeat 0 0/contain}section#s1 .content-02 .carousel .carousel-control-next,section#s1 .content-02 .carousel .carousel-control-prev{opacity:1;width:11%}section#s1 .content-02 .carousel .carousel-control-next:hover .carousel-control-next-icon,section#s1 .content-02 .carousel .carousel-control-next:hover .carousel-control-prev-icon,section#s1 .content-02 .carousel .carousel-control-next:active .carousel-control-next-icon,section#s1 .content-02 .carousel .carousel-control-next:active .carousel-control-prev-icon,section#s1 .content-02 .carousel .carousel-control-prev:hover .carousel-control-next-icon,section#s1 .content-02 .carousel .carousel-control-prev:hover .carousel-control-prev-icon,section#s1 .content-02 .carousel .carousel-control-prev:active .carousel-control-next-icon,section#s1 .content-02 .carousel .carousel-control-prev:active .carousel-control-prev-icon{background:url(../images/arrow_right_hover.png) no-repeat 0 0/contain}section#s1 .content-02 .carousel .carousel-control-next-icon{background-image:url(../images/arrow_right.png);background-size:contain;width:120px;height:120px}@media only screen and (max-width: 767px){section#s1 .content-02 .carousel .carousel-control-next-icon{width:80px;height:80px}}section#s1 .content-02 .carousel .carousel-control-prev-icon{background-image:url(../images/arrow_right.png);background-size:contain;width:120px;height:120px;transform:rotate(180deg)}@media only screen and (max-width: 767px){section#s1 .content-02 .carousel .carousel-control-prev-icon{width:80px;height:80px}}section#s1 .content-03{background:repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0, rgba(255, 255, 255, 0.1) 1px, transparent 1px, transparent 9px),linear-gradient(180deg, #20272e 0%, #121820 100%);border:8px solid #5d666b;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.08);border-radius:5px;display:flex;padding:2.5rem 0;width:100%;justify-content:center;align-items:center}@media only screen and (max-width: 1440px){section#s1 .content-03{padding:2.5rem;flex-direction:column;gap:60px}}section#s1 .content-03 .title{max-width:524px;width:100%}@media only screen and (max-width: 767px){section#s1 .content-03 .title{width:100%}}section#s1 .content-03 .title h3{margin:0 0 2rem 2rem}section#s1 .content-03 .title span{color:#d3ff68;vertical-align:baseline}section#s1 .content-03 .title .detail{position:relative;display:flex;justify-content:flex-end;text-align:left}@media only screen and (max-width: 600px){section#s1 .content-03 .title .detail{justify-content:center}}section#s1 .content-03 .title .detail::before{content:"";background:url(../images/s3img01.png) no-repeat 0 0;max-width:254px;width:100%;aspect-ratio:254/195;position:absolute;left:-20px;top:50%;transform:translateY(-50%)}@media only screen and (max-width: 600px){section#s1 .content-03 .title .detail::before{display:none}}section#s1 .content-03 .title .detail p{line-height:2.375rem}section#s1 .content-03 .title .detail p span::before{content:"";background:url(../images/coin-01.png) no-repeat 0 0/contain;width:33px;height:33px;display:inline-block;vertical-align:middle;margin-right:3px}section#s1 .content-03 .title .detail p span:nth-of-type(2)::before{background:url(../images/coin-02.png) no-repeat 0 0/contain}section#s1 .content-03 .content{margin:0 auto;display:flex;gap:20px}@media only screen and (max-width: 767px){section#s1 .content-03 .content{padding:0px;gap:40px;flex-direction:column}}section#s1 .content-03 .content .event-item{display:flex;flex-direction:column;gap:15px;background:url(../images/s3frame.png) no-repeat 0 0/contain;width:360px;aspect-ratio:360/320;padding:1.25rem 0 0;position:relative}@media only screen and (max-width: 600px){section#s1 .content-03 .content .event-item{width:100%}}section#s1 .content-03 .content .event-item:last-child{gap:20px}section#s1 .content-03 .content .event-item:last-child::before{content:"";background:url(../images/s3img02.png) no-repeat 0 0/contain;width:155px;height:194px;position:absolute;left:100%;top:-55px}section#s1 .content-03 .content .event-item p{font-size:1.125rem}section#s1 .content-04{width:100%}section#s1 .content-04 .tab-content{overflow:hidden}section#s1 .content-04>ul li{width:50%}section#s1 .content-04>ul li button{background:#4a607d;border:6px solid #11141b;width:100%;padding:1.5rem;color:#6d83a0;transition:.3s all;border-radius:5px 5px 0 0;height:100%;position:relative}section#s1 .content-04>ul li button::before{content:"";width:49px;height:49px;background-position:0 0;background-repeat:no-repeat;background-size:contain;display:inline-block;vertical-align:middle;margin-right:7px}@media only screen and (max-width: 767px){section#s1 .content-04>ul li button::before{width:29px;height:29px;margin:0 0 5px}}section#s1 .content-04>ul li button.active{background:#d3ff68;border-color:#2c364f}section#s1 .content-04>ul li #pills-01-tab::before{background-image:url(../images/coin-01.png)}section#s1 .content-04>ul li #pills-02-tab::before{background-image:url(../images/coin-02.png)}section#s1 .content-04 #pills-01 .package-notice,section#s1 .content-04 #pills-02 .package-notice{position:relative}section#s1 .content-04 #pills-01 .package-notice::before,section#s1 .content-04 #pills-02 .package-notice::before{content:"";position:absolute;left:2%;top:-80%;background:url(../images/deco-03.png) no-repeat center center;background-size:contain;width:193px;height:211px}@media only screen and (max-width: 1440px){section#s1 .content-04 #pills-01 .package-notice::before,section#s1 .content-04 #pills-02 .package-notice::before{display:none}}section#s1 .content-04 #pills-01 .package-notice::after,section#s1 .content-04 #pills-02 .package-notice::after{content:"";position:absolute;right:0%;top:-60%;background:url(../images/deco-04.png) no-repeat center center;background-size:contain;width:231px;height:174px}@media only screen and (max-width: 1440px){section#s1 .content-04 #pills-01 .package-notice::after,section#s1 .content-04 #pills-02 .package-notice::after{display:none}}section#s1 .content-04 #pills-02 .content{padding:2.5rem 5rem}section#s1 .content-04 #pills-02 .package-notice::before{background-image:url(../images/deco-05.png);width:177px;height:230px;left:8%}section#s1 .content-04 #pills-02 .package-notice::after{background-image:url(../images/deco-06.png);width:280px;height:240px;right:6%}section#s1 .content-04 .content{background:url(../images/s4particle.jpg) repeat 0 0;border-width:0px 6px 6px 6px;border-style:solid;border-color:#2c364f;border-radius:0px 0px 5px 5px;padding:2.5rem 7rem;gap:40px;display:flex;flex-direction:column}@media only screen and (max-width: 767px){section#s1 .content-04 .content{gap:20px;padding:2.5rem 2rem}}section#s1 .content-04 .content .inside{display:flex;flex-wrap:wrap;width:fit-content;gap:40px;align-content:flex-start;align-items:flex-start;justify-content:center;margin:0 auto}@media only screen and (max-width: 768px){section#s1 .content-04 .content .inside{flex-wrap:wrap;gap:20px}}section#s1 .content-04 .content .inside .items{width:172px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}@media only screen and (max-width: 767px){section#s1 .content-04 .content .inside .items{width:72px}}section#s1 .content-04 .content .inside .items img.h-80{min-height:80px}section#s1 .content-04 .content .inside .items p{letter-spacing:0;color:#d3ff68;line-height:1.375rem}@media only screen and (max-width: 767px){section#s1 .content-04 .content .inside .items p{font-size:14px}}section#s1 .content-04 .content .inside .items span{color:#015ed7;font-size:14px;line-height:1.2;font-weight:800;background:#fff;border-radius:50px;padding:0 4px 2px 4px}section#s1 .package-notice{max-width:788px;margin:0 auto;padding:5rem 0}section#s1 .package-notice .title{text-align:center;margin:0 0 2.5rem}section#s1 .package-notice ul{text-align:left}section#s1 .package-notice ul li{color:#98b5d1;display:list-item;line-height:2rem;position:relative;font-size:1.1875rem;text-indent:-10px}section#s1 .package-notice ul li::before{content:".";font-size:1rem;position:absolute;left:-0.75rem;top:-0.25rem}@keyframes heartbeat{0%{transform:scale(1);transform-origin:center center;animation-timing-function:ease-out}10%{transform:scale(0.91);animation-timing-function:ease-in}17%{transform:scale(0.98);animation-timing-function:ease-out}33%{transform:scale(0.87);animation-timing-function:ease-in}45%{transform:scale(1);animation-timing-function:ease-out}}.falling-leaves{height:100%;width:100%;position:absolute;top:0;left:0;background-size:cover;overflow:hidden;pointer-events:none;z-index:101}.leaf-scene{position:absolute;top:0;left:0;height:100%;width:100%;transform-style:preserve-3d}.leaf-scene div{position:absolute;top:0;left:0;width:12px;height:17px;background:url(../images/petal.png) no-repeat;background-size:100%;transform-style:preserve-3d;backface-visibility:visible}