@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}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}*{box-sizing:border-box;margin:0;padding:0}body{background:#0f0f18;color:#fff;font-family:"Noto Sans TC",sans-serif,Arial;font-family:"Outfit",sans-serif;background-color:#0a0a0a;color:#fff;overflow-x:hidden}.cursor-orb{position:fixed;top:0;left:0;width:14px;height:14px;border-radius:999px;pointer-events:none;z-index:99999;opacity:0;background:#b6ff85;will-change:transform,opacity,width,height;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:#fff;text-indent:.08em;transition:opacity .3s ease,width .3s ease,height .3s ease}.cursor-orb.is-go{background:url(../images/MOKOKO.png) no-repeat center center/contain;width:100px;height:100px;font-size:18px}.cursor-orb.is-go::before{opacity:1;transform:scale(1)}@media(pointer: coarse){.cursor-orb{display:none}}footer#ft{background:#000;border-top:1px solid hsla(0,0%,100%,.2039215686)}.bg-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.nav-top::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:200px;height:100%;background:url("../images/mainTitle.webp") no-repeat center center/contain}@media only screen and (max-width: 991px){.nav-top::before{display:none}}.horizontal-scroll-container{display:block;width:100%;height:auto}.horizontal-scroll-container::-webkit-scrollbar{display:none}.horizontal-scroll-container .pc-none{padding:0 12px;max-width:88%}@media only screen and (min-width: 992px){.horizontal-scroll-container .pc-none{display:none}}.bg-image{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden}.bg-image .bg1,.bg-image .bg2,.bg-image .bg3,.bg-image .bg4{position:absolute;top:0;left:0;width:105%;height:105%;background-size:cover;background-position:center}.bg-image .bg1{background:url(../images/mainBG05.jpg) no-repeat 50% 0/cover}.bg-image .bg2{background:url(../images/mainBG06.jpg) no-repeat 50% 0/cover}.bg-image .bg3{background:url(../images/mainBG07.jpg) no-repeat 50% 0/cover}.bg-image .bg4{background:url(../images/mainBG08.jpg) no-repeat 50% 0/cover}.month-section{width:100%;min-width:unset;max-width:100%;max-height:none;min-height:calc(100vh - 136px);height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:220px 0 280px;gap:3rem;border-left:none;scroll-margin-top:72px;position:relative}@media only screen and (max-width: 991px){.month-section{min-height:auto;padding:160px 0 110px;gap:4rem}}.month-section:last-child{padding-bottom:480px}@media only screen and (max-width: 991px){.month-section:last-child{padding-bottom:40px}}.month-section .card{width:fit-content;height:fit-content;background:rgba(0,0,0,0);border:none;position:relative;overflow:visible;border-radius:0;box-shadow:none;transition:filter .3s ease}.month-section .card:hover{filter:brightness(1.05)}.month-section .card.new::before{content:"NEW";color:#e5e90a;position:absolute;bottom:24px;right:24px;font-size:14px;font-weight:600;z-index:10}.month-section#may .card{max-width:none}.month-section .month-header{position:absolute;top:230px;height:fit-content;width:clamp(200px,32vw,490px);display:flex;justify-content:flex-start;z-index:20;left:15%}@media only screen and (max-width: 991px){.month-section .month-header{position:relative;top:-20px;justify-content:center;left:inherit;margin-bottom:10vw}}.month-section .month-header img{display:block;width:auto;max-width:100%;height:auto}.month-section .month-header h2{font-size:2rem;font-weight:300;color:hsla(0,0%,100%,.5)}.month-section .month-header h1{font-size:5rem;font-weight:800;line-height:1;background:linear-gradient(to right, #fff, #aaa);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.cards-container{display:flex;height:fit-content;justify-content:center;align-items:center;gap:4rem;width:100%}@media only screen and (max-width: 1600px){.cards-container{gap:1.5rem}}@media only screen and (max-width: 1200px){.cards-container{flex-direction:column}}.cards-container .column{display:flex;flex-direction:column;gap:2rem;justify-content:space-between}.cards-container .column .bottom,.cards-container .column .top{display:flex;gap:4rem}@media only screen and (max-width: 1600px){.cards-container .column .bottom,.cards-container .column .top{flex-direction:column;gap:2rem}}.cards-container .column .bottom{margin-left:8rem}.month-hero{position:relative;width:100%;overflow:visible}.month-hero.new .hero-content .content::before{content:"NEW";color:#e5e90a;position:absolute;bottom:5%;right:5%;font-size:16px;font-weight:600;z-index:10}@media only screen and (max-width: 991px){.month-hero.new .hero-content .content::before{bottom:0%;right:0%}}.month-hero .hero-bg{position:relative;z-index:1}.month-hero .hero-bg img{display:block;width:100%;height:auto}@media only screen and (max-width: 991px){.month-hero .hero-bg img{width:150%;max-width:none}}.month-hero .hero-char{position:absolute;inset:0;z-index:2;pointer-events:auto}.month-hero .hero-char img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:auto}@media only screen and (max-width: 991px){.month-hero .hero-char img{width:200%;max-width:none}}.month-hero .hero-content{position:absolute;left:50%;transform:translateX(-50%);bottom:0%;padding:32px;width:100%;background:linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 100%);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:3;gap:12px;text-align:start;transition:.3s ease}.month-hero .hero-content .content{width:50%;position:relative}@media only screen and (max-width: 991px){.month-hero .hero-content .content{width:100%}}.month-hero .hero-content .content h3{font-size:32px;line-height:1.2;color:#fff;text-align:start;width:100%;margin-bottom:16px;transition:.3s ease}@media only screen and (max-width: 991px){.month-hero .hero-content .content h3{margin:0 0 8px;font-size:24px}}.month-hero .hero-content .content p{font-size:16px;line-height:1.2;color:hsla(0,0%,100%,.68);text-align:start;width:100%;letter-spacing:.04em;transition:.3s ease}@media only screen and (max-width: 991px){.month-hero .hero-content .content p{font-size:12px}}.month-hero:hover .hero-content{padding:100px 32px 32px}.month-hero:hover .hero-content .content h3{color:#4da9f1}.month-hero:hover .hero-content .content p{color:#4da9f1}.card-grid{width:min(1280px,90vw);display:grid;align-items:start;container-type:inline-size;grid-auto-rows:min(3.4615384615vw,49.2307692308px);grid-template-columns:repeat(26, 1fr);gap:0}@media only screen and (max-width: 991px){.card-grid{display:flex;flex-direction:column;gap:1rem;align-items:center}}.roadmap-card{display:block;width:100%;transition:filter .35s ease}.roadmap-card.image-only::after{display:none}.roadmap-card.image-only .card-image{width:100%;overflow:hidden}.roadmap-card.image-only .card-image picture,.roadmap-card.image-only .card-image img{display:block;width:100%;height:auto;transition:1.5s all}.roadmap-card.image-only .card-content{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:8px;padding:100px 28px 28px;z-index:3;background:linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.6) 38%, rgba(0, 0, 0, 0) 100%);transform:none;width:100%;transition:.3s ease}.roadmap-card.image-only .card-content h3,.roadmap-card.image-only .card-content h4,.roadmap-card.image-only .card-content p{margin:0;text-align:left}.roadmap-card.image-only .card-content h4{font-size:16px;line-height:1.2;font-weight:500;color:hsla(0,0%,100%,.88);transition:.3s ease}.roadmap-card.image-only .card-content h3{font-size:24px;line-height:1.2;color:#fff;transition:.3s ease}.roadmap-card.image-only .card-content p{font-size:14px;line-height:1.2;color:hsla(0,0%,100%,.68);letter-spacing:.04em;transition:.3s ease}.roadmap-card:hover .card-content{padding:200px 28px 28px}.roadmap-card:hover .card-content h4{color:#4da9f1}.roadmap-card:hover .card-content h3{color:#4da9f1}.roadmap-card:hover .card-content p{color:#4da9f1}.roadmap-card.m05-c2 .card-content h3,.roadmap-card.m05-c6 .card-content h3{font-size:28px}.roadmap-card.m05-c4 .card-content h3,.roadmap-card.m05-c5 .card-content h3,.roadmap-card.m07-c2 .card-content h3,.roadmap-card.m07-c3 .card-content h3{font-size:24px}.roadmap-card.m05-c4 .card-content p,.roadmap-card.m05-c5 .card-content p,.roadmap-card.m07-c2 .card-content p,.roadmap-card.m07-c3 .card-content p{font-size:12px}@media only screen and (max-width: 1200px){.roadmap-card.image-only .card-content h4{font-size:14px}.roadmap-card.image-only .card-content h3{font-size:20px}.roadmap-card.image-only .card-content p{font-size:11px}}.grid-05 .m05-c1{grid-column:1/span 10;grid-row:3}.grid-05 .m05-c2{grid-column:14/span 13;grid-row:1}.grid-05 .m05-c3{grid-column:1/span 10;grid-row:14}.grid-05 .m05-c4{grid-column:14/span 6;grid-row:12}.grid-05 .m05-c5{grid-column:21/span 6;grid-row:12}.grid-05 .m05-c6{grid-column:1/span 13;grid-row:25}.grid-05 .m05-c7{grid-column:17/span 10;grid-row:21}.grid-05 .m05-c8{grid-column:17/span 10;grid-row:32}.grid-06 .m06-c1{grid-column:1/span 13;grid-row:1}.grid-06 .m06-c2{grid-column:17/span 10;grid-row:3}.grid-06 .m06-c3{grid-column:4/span 10;grid-row:12}.grid-07 .m07-c1{grid-column:1/span 10;grid-row:3}.grid-07 .m07-c2{grid-column:14/span 13;grid-row:1}.grid-07 .m07-c3{grid-column:1/span 6;grid-row:14}.grid-07 .m07-c4{grid-column:8/span 6;grid-row:14}.grid-07 .m07-c5{grid-column:17/span 10;grid-row:12}.grid-08 .m08-c1{grid-column:1/span 10}.grid-08 .m08-c2{grid-column:14/span 10;grid-row:3}.grid-08 .m08-c3{grid-column:4/span 10;grid-row:12}.grid-08 .m08-c4{grid-column:17/span 10;grid-row:14}.grid-08 .m08-c3,.grid-08 .m08-c4{margin-top:6px}.bottom-nav{position:fixed;top:80px;left:0;width:100%;height:80px;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.6431372549);z-index:1000;pointer-events:none}@media only screen and (max-width: 767px){.bottom-nav{height:60px;top:60px}}.bottom-nav .nav-list{display:flex;list-style:none;gap:2rem;align-items:center;justify-content:center;pointer-events:auto}@media only screen and (max-width: 767px){.bottom-nav .nav-list{gap:0rem;flex-wrap:nowrap;padding:0 20px;justify-content:flex-start}}.bottom-nav .nav-list li{height:fit-content}@media only screen and (max-width: 1600px){.bottom-nav .nav-list li:last-child{display:none}}.bottom-nav .nav-list .nav-link{display:inline-block;font-size:20px;font-weight:600;transition:.3s all;color:#9a9a9a}.bottom-nav .nav-list .nav-link.active,.bottom-nav .nav-list .nav-link:hover{color:#4da9f1}@media only screen and (max-width: 767px){.bottom-nav .nav-list .nav-link{padding:0 8px;font-size:16px}}.bottom-nav .nav-list button{padding:10px 20px;font-weight:600;background:#0075e3;color:#fff;transition:.3s all}.modal-backdrop.show{opacity:.8}#eventModal{padding:0 !important}#eventModal .modal-dialog.modal-dialog-centered{max-width:100%;margin:0 auto}#eventModal .modal-dialog.modal-dialog-centered .modal-content{background:rgba(0,0,0,0);height:100vh;align-items:center;justify-content:center;gap:80px;transition:.3s all;backdrop-filter:blur(2px)}#eventModal .modal-dialog.modal-dialog-centered .modal-content .modal-header{width:100%;justify-content:center;border:none}#eventModal .modal-dialog.modal-dialog-centered .modal-content .modal-header h5{font-size:80px;line-height:1;text-align:center}#eventModal .modal-dialog.modal-dialog-centered .modal-content .close-btn{position:absolute;display:inline-block;width:50px;height:50px;font-size:0;right:65px;top:64px;z-index:10}#eventModal .modal-dialog.modal-dialog-centered .modal-content .close-btn::after,#eventModal .modal-dialog.modal-dialog-centered .modal-content .close-btn::before{content:"";position:absolute;top:50%;left:50%;width:69px;height:2px;background-color:#fff;transition:1s all}#eventModal .modal-dialog.modal-dialog-centered .modal-content .close-btn::before{transform:translate(-50%, -50%) rotate(45deg)}#eventModal .modal-dialog.modal-dialog-centered .modal-content .close-btn::after{transform:translate(-50%, -50%) rotate(-45deg)}#eventModal .modal-dialog.modal-dialog-centered .modal-content .close-btn:hover::before{transform:translate(-50%, -50%) rotate(-30deg)}#eventModal .modal-dialog.modal-dialog-centered .modal-content .close-btn:hover::after{transform:translate(-50%, -50%) rotate(30deg)}#eventModal .modal-dialog.modal-dialog-centered .modal-content .modal-main{padding:0 12px;display:flex;align-items:flex-start;justify-content:center;height:fit-content;gap:60px;width:100%;position:relative}#eventModal .modal-dialog.modal-dialog-centered .modal-content .modal-main::before{content:"";position:absolute;top:48px;left:0;width:100%;height:2px;background:#4caaf2;z-index:-1}#eventModal .modal-dialog.modal-dialog-centered .modal-content .modal-main .month{display:flex;flex-direction:column;justify-content:center;align-items:center;width:17%;gap:36px}#eventModal .modal-dialog.modal-dialog-centered .modal-content .modal-main .month:nth-child(1) .title{background:url(../images/listTit2605.webp) no-repeat 0 0/contain}#eventModal .modal-dialog.modal-dialog-centered .modal-content .modal-main .month:nth-child(2) .title{background:url(../images/listTit2606.webp) no-repeat 0 0/contain}#eventModal .modal-dialog.modal-dialog-centered .modal-content .modal-main .month:nth-child(3) .title{background:url(../images/listTit2607.webp) no-repeat 0 0/contain}#eventModal .modal-dialog.modal-dialog-centered .modal-content .modal-main .month:nth-child(4) .title{background:url(../images/listTit2608.webp) no-repeat 0 0/contain}#eventModal .modal-dialog.modal-dialog-centered .modal-content .modal-main .month .title{width:123px;height:64px;opacity:0}#eventModal .modal-dialog.modal-dialog-centered .modal-content .modal-main .month .detail{display:flex;gap:40px}#eventModal .modal-dialog.modal-dialog-centered .modal-content .modal-main .month .detail ul li{font-size:20px;line-height:28px;color:#fff;font-weight:400;margin-bottom:16px;text-align:center;opacity:0}#eventModal .modal-dialog.modal-dialog-centered .modal-content .modal-main .month .detail ul li a{text-decoration:none;color:#fff;line-height:1.4;transition:.3s all}#eventModal .modal-dialog.modal-dialog-centered .modal-content .modal-main .month .detail ul li a:hover{color:#4caaf2}#eventModal .modal-dialog.modal-dialog-centered .modal-content .modal-main .month .detail ul li a.new{position:relative}#eventModal .modal-dialog.modal-dialog-centered .modal-content .modal-main .month .detail ul li a.new::after{content:"";position:absolute;top:0px;right:-16px;width:6px;height:6px;background:#ffe86c;transform:rotate(45deg)}@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}