@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@200..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:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}*[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button,a{border:none;font-size:unset;padding:0;margin:0;background:rgba(0,0,0,0);background-color:none;outline:none;border:none}*:focus,a:hover,a:active,a:focus,button:focus{text-decoration:none;outline:none}img{display:block;margin:0 auto;max-width:100%;height:auto}*,*::before,*::after{margin:0;box-sizing:border-box;outline:none}body,html{position:relative;margin:0 auto;width:100%;min-width:360px;max-width:1920px;overflow-x:hidden;font-family:"Noto Sans TC",sans-serif;background:#000}a{display:block}picture{display:block;width:100%}button{all:unset}button:focus{outline:none}footer#ft{margin-top:40px}@media screen and (min-width: 576px){footer#ft{margin-top:80px}}@media screen and (min-width: 1200px){footer#ft{margin-top:0}}@media screen and (min-width: 1400px){footer#ft{margin-top:20px}}.nav-top::before{content:"";position:absolute;top:0;left:50%;display:none;max-width:226px;width:100%;height:100%;background:url("../images/listTitle.png") center center/contain no-repeat}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.nav-top::before{background:url("../images/listTitle.webp") center center/contain no-repeat}}.nav-top::before{transform:translateX(-50%)}@media screen and (min-width: 992px){.nav-top::before{display:block}}.mobile-topbar{position:fixed;top:60px;left:0;z-index:50;display:block;width:100%}@media screen and (min-width: 992px){.mobile-topbar{top:80px}}@media screen and (min-width: 1200px){.mobile-topbar{display:none}}.nav-top-banner{display:block;max-height:100px;overflow:hidden;padding:16px 0;background:#0b1a2c;transition:max-height .3s ease,padding .3s ease,opacity .3s ease}@media screen and (min-width: 992px){.nav-top-banner{display:none}}.nav-top-banner img{display:block;width:100%;max-width:226px;margin:0 auto}.nav-top-banner.is-hidden{max-height:0;padding:0;opacity:0}.month-topnav{display:flex;align-items:center;width:100%;background:rgba(6,18,36,.7)}@media screen and (min-width: 1200px){.month-topnav{display:none}}.month-topnav .nav-link{flex:1;display:block;padding:12px 0;color:#c8d8ef;font-size:15px;font-weight:500;text-align:center;text-decoration:none;border-radius:4px;transition:color .3s ease,background-color .3s ease}.month-topnav .nav-link.active{color:#56a1ff;background-color:rgba(107,166,255,.12)}.horizontal-scroll-container{position:relative;width:100%;height:auto;padding:0 20px;padding-top:200px}@media screen and (min-width: 992px){.horizontal-scroll-container{padding-top:160px}}@media screen and (min-width: 1200px){.horizontal-scroll-container{height:100vh;padding-top:120px;padding-left:320px;padding-right:0}.horizontal-scroll-container::after{content:"";position:absolute;top:0;right:0;z-index:10;width:200px;height:100%;background:linear-gradient(to left, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0) 100%);pointer-events:none}}@media screen and (min-width: 1400px){.horizontal-scroll-container{padding-top:160px}.horizontal-scroll-container::after{width:300px}}.timeline-index{position:fixed;top:120px;left:70px;z-index:100;display:none;flex-direction:column;gap:38px;width:240px;overflow-y:auto;padding:0 0 100px 0;scrollbar-width:none;-ms-overflow-style:none}@media screen and (min-width: 1200px){.timeline-index{display:flex;max-height:calc(100vh - 200px)}}@media screen and (min-width: 1400px){.timeline-index{max-height:calc(90vh - 200px);top:160px}}.timeline-index::-webkit-scrollbar{display:none}.timeline-index .index-month{display:flex;flex-direction:column;gap:20px}.timeline-index .index-link{display:inline-flex;align-items:center;width:fit-content;padding:0;text-decoration:none}.timeline-index .index-date{position:relative;display:inline-block;width:117px;margin-top:0}.timeline-index .index-date-img{display:block;width:100%}.timeline-index .index-date-img.index-date-img-active{position:absolute;top:0;left:0;opacity:0;transition:opacity .3s ease}.timeline-index .index-link:hover .index-date-img-active,.timeline-index .index-link.active .index-date-img-active{opacity:1}.timeline-index .index-list{display:flex;flex-direction:column;gap:15px;list-style:none}.timeline-index .new .index-item::before{content:"";position:absolute;top:3px;left:0;display:block;width:3px;height:3px;background:#fd3bff;transform:rotate(45deg)}.timeline-index .index-item{position:relative;padding-left:10px}.timeline-index .index-item .index-item-link{display:block;text-decoration:none;transition:.3s color}.timeline-index .index-item .index-item-link .index-item-title{margin:0;color:#8d8c93;font-size:16px;line-height:22px;font-weight:400;transition:.3s color}.timeline-index .index-item .index-item-link:hover .index-item-title,.timeline-index .index-item .index-item-link.active .index-item-title{color:#ececec;font-weight:500}.bg-image{position:fixed;top:0;left:0;z-index:0;width:100vw;height:100vh;overflow:hidden}.bg-image .bg1,.bg-image .bg2,.bg-image .bg3,.bg-image .bg4{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center}.bg-image .bg1{background:url(../images/1BG.jpg) center top/cover no-repeat}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.bg-image .bg1{background:url(../images/1BG.webp) center top/cover no-repeat}}.bg-image .bg2{background:url(../images/2BG.jpg) center top/cover no-repeat}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.bg-image .bg2{background:url(../images/2BG.webp) center top/cover no-repeat}}.bg-image .bg3{background:url(../images/3BG.jpg) center top/cover no-repeat}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.bg-image .bg3{background:url(../images/3BG.webp) center top/cover no-repeat}}.bg-image .bg4{background:url(../images/4BG.jpg) center top/cover no-repeat}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.bg-image .bg4{background:url(../images/4BG.webp) center top/cover no-repeat}}.timeline-track-wrap{position:relative;display:block;height:auto;overflow:visible;max-width:600px;margin:0 auto}@media screen and (min-width: 1200px){.timeline-track-wrap{display:flex;align-items:center;height:100vh;overflow:hidden;max-width:none;margin:0}}.timeline-month-label{display:none}@media screen and (min-width: 1200px){.timeline-month-label{display:block;position:absolute;top:0;left:0;z-index:5;width:240px}}@media screen and (min-width: 1400px){.timeline-month-label{width:280px}}.timeline-month-label .month-label-img{position:absolute;top:0;left:0;width:100%;opacity:0;pointer-events:none;transition:opacity .4s ease}.timeline-month-label .month-label-img.active{opacity:1}.month-divider{display:block;width:140px;height:auto;margin:40px auto 0}@media screen and (min-width: 576px){.month-divider{width:200px}}@media screen and (min-width: 1200px){.month-divider{display:none}}.timeline-track{display:flex;flex-direction:column;align-items:stretch;gap:30px;width:100%;height:auto;padding-top:0;box-sizing:border-box}@media screen and (min-width: 1200px){.timeline-track{flex-direction:row;align-items:start;gap:20px;width:max-content;height:100%;padding-top:120px}}@media screen and (min-width: 1400px){.timeline-track{gap:40px}}.timeline-track .timeline-card-slot{flex-shrink:0;opacity:.5;transition:opacity .25s ease}.timeline-track .timeline-card-slot.active{opacity:1;transition:opacity .25s ease}.timeline-track .timeline-card-slot.month-gap-start{margin-left:0}@media screen and (min-width: 1200px){.timeline-track .timeline-card-slot.month-gap-start{margin-left:160px}}.card{position:relative;display:block;width:100%;height:auto;vertical-align:top;background:rgba(0,0,0,0);outline:none}@media screen and (min-width: 1200px){.card{display:inline-block;width:auto}}.card:not([target]){cursor:default}.card:focus,.card:active,.card:focus-visible{outline:none}.card.new::before{content:"";position:absolute;top:0;left:0;z-index:10;width:50px;height:50px;background:url(../images/flageNew.png) center center/contain no-repeat}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.card.new::before{background:url(../images/flageNew.webp) center center/contain no-repeat}}@media screen and (min-width: 576px){.card.new::before{width:80px;height:80px}}.card .card-shadow{display:none;overflow:hidden;pointer-events:none}@media screen and (min-width: 1200px){.card .card-shadow{display:block}}.card .card-shadow img{display:block;width:100%;height:auto;transition:transform .5s ease}.card .card-image{position:relative;z-index:1;display:block;width:100%;height:auto;overflow:hidden;vertical-align:top}@media screen and (min-width: 1200px){.card .card-image{display:inline-block;width:auto}}.card .card-image picture{display:block;width:100%;vertical-align:top}@media screen and (min-width: 1200px){.card .card-image picture{display:inline-block;width:auto}}.card .card-image::before{content:"";position:absolute;bottom:0;left:0;z-index:1;width:100%;height:50%;background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.95) 100%);pointer-events:none;transition:height .5s ease}.card .card-image::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;box-shadow:inset 0 0 5px hsla(0,0%,100%,.5);pointer-events:none}.card .card-image img{display:block;width:100%;height:auto;max-height:none;transition:transform .5s ease}@media screen and (min-width: 1200px){.card .card-image img{width:auto;max-height:400px}}@media screen and (min-width: 1400px){.card .card-image img{max-height:500px}}.card:hover .card-image::before{height:70%}.card:hover .card-image img,.card:hover .card-shadow img{transform:scale(1.08)}.card .card-content{position:absolute;bottom:20px;z-index:5;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%}@media screen and (min-width: 576px){.card .card-content{bottom:40px;padding-left:40px}}@media screen and (min-width: 1200px){.card .card-content{align-items:start}}@media screen and (min-width: 1400px){.card .card-content{gap:4px}}.card .card-content h3{margin:0;padding-bottom:4px;color:#fff;font-size:24px;font-weight:600;text-align:left}@media screen and (min-width: 576px){.card .card-content h3{padding-bottom:8px;font-size:32px}}@media screen and (min-width: 1400px){.card .card-content h3{padding-bottom:12px;font-size:36px}}.card .card-content h4{margin-bottom:-4px;color:#ddd;font-size:18px;font-weight:400}@media screen and (min-width: 576px){.card .card-content h4{margin:0;font-size:24px}}@media screen and (min-width: 1400px){.card .card-content h4{font-size:28px}}.card .card-content p{color:#ddd;font-size:13px;font-weight:400;text-align:left}@media screen and (min-width: 576px){.card .card-content p{font-size:16px}}@media screen and (min-width: 1400px){.card .card-content p{font-size:20px}}