@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap";:root{--primary-gold: #ffd700;--dark-bg: #0b0b0b;--darker-bg: #050505;--text-gray: #b0b0b0;--white: #ffffff;--black: #000000}.mainColor{color:#2abad4}.noteColor{color:#ff7e7e}.linkColor{color:#3fa493}.linkColor:hover{color:#358d7e}.gold{color:gold}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,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,menu,nav,section{display:block}body{line-height:1}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{list-style:none}blockquote,q{quotes:none}table{border-collapse:collapse;border-spacing:0}img{max-width:100%;height:auto}button{background:none;border:0}body{background-color:#0b0b0b;color:#fff;font-family:"Noto Sans TC",sans-serif;margin:0;overflow-x:hidden}.oswald{font-family:"Oswald",sans-serif}.text-gold{color:gold}.border-gold{border:2px solid gold}.border-white{border:2px solid #fff}.img-container img{display:block;height:auto}@media(min-width: 1200px){.container{max-width:1350px}}.main-nav{background-color:rgba(0,0,0,.9);border-bottom:1px solid #333;padding:1rem 0;z-index:1000}.nav-links{list-style:none;gap:2rem}.nav-links a{color:#fff;text-decoration:none;font-weight:500;font-size:.9rem;transition:color .3s}.nav-links a:hover{color:gold}.social-icons{display:flex;gap:10px}.hero{min-height:1002px;background-image:url("../images/mainbg.png");background-size:cover;background-position:center 0;position:relative;overflow:hidden}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.hero{background-image:url("../images/mainbg.webp")}}@media only screen and (max-width: 480px){.hero{min-height:60vh;background-position-x:53%}}.hero .overlay{position:absolute;top:0;left:0;width:100%;height:100%}#particles-js{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}#particles-js canvas{display:block}.hero-content{position:absolute;left:50%;z-index:2;width:min(96vw,707px);transform:translateX(-50%);bottom:239px;display:flex;flex-direction:column;align-items:center}@media only screen and (max-width: 480px){.hero-content{bottom:50px}}.logo2{position:absolute;top:clamp(10px,3vw,20px);right:clamp(10px,3vw,20px);z-index:3}@media only screen and (max-width: 767px){.logo2{width:180px}}@media only screen and (max-width: 480px){.logo2{display:none}}.cta-btns{position:relative;top:auto;margin-top:1.875rem;gap:8.3125rem;display:flex;justify-content:center;align-items:center}.cta-btns a{display:block}@media only screen and (max-width: 480px){.cta-btns a{width:120px;height:35px}}.cta-btns a:hover img{opacity:0}.cta-btns a:nth-of-type(1):hover{background:url(../images/register_hover.png) no-repeat 0 0/contain}@media only screen and (max-width: 767px){.cta-btns a:nth-of-type(2){display:none}}.cta-btns a:nth-of-type(2):hover{background:url(../images/download_hover.png) no-repeat 0 0/contain}.joinBtn,.downloadBtn{display:inline-flex;align-items:center;justify-content:center}@media only screen and (max-width: 767px){.downloadBtn{display:none}}.top-btn{position:fixed;right:clamp(10px,2vw,20px);bottom:clamp(10px,2vw,20px);background:rgba(0,0,0,.5);border:1px solid #2abad4;color:#2abad4;text-decoration:none;font-weight:700;z-index:999;opacity:0;pointer-events:none;transition:opacity .25s ease-out,background-color .25s ease-out;font-size:1.125rem;line-height:1;width:70px;height:70px;display:flex;align-items:center;justify-content:center}@media only screen and (max-width: 480px){.top-btn{width:45px;height:45px}}.top-btn:hover{background-color:#2abad4;color:#000;text-decoration:none}.top-btn.is-visible{opacity:1;pointer-events:auto}.main-content{background:url("../images/bg.jpg") no-repeat center top/cover;position:relative;padding:0 0 8.125rem}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.main-content{background-image:url("../images/bg.webp")}}.main-content .content{padding:8.125rem 0 0}.main-content .content .section-title{font-size:3.125rem;font-weight:700;margin:0 0 1.875rem;background:#279ab0;background:linear-gradient(to top, #279AB0 0%, #FFFFFF 50%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);line-height:1}@media only screen and (max-width: 480px){.main-content .content .section-title{font-size:2.8rem}}.main-content .content .section-text{margin:0;color:#b1c4d7;line-height:2.25rem;font-size:1.125rem}.main-content .content .kol-sub{margin:0 0 1.875rem}.main-content .content .section--sub-title{font-size:clamp(1.6rem,3.1vw,2.5rem);font-weight:700;color:#2abad4;font-style:italic;line-height:1.12}.main-content .content .section-sub{font-size:1.875rem;color:#2abad4;margin:0 0 .9375rem;font-weight:700}.main-content .content .pic{text-align:right}@media only screen and (max-width: 767px){.main-content .content .pic{padding-top:2.5rem;text-align:center}}.main-content .content .popbtn{position:relative;padding:0;overflow:hidden}.main-content .content .popbtn img{transition:.3s all ease}.main-content .content .popbtn::before{content:"";position:absolute;transition:.3s all ease;left:50%;top:50%;transform:translate(-50%, -50%);background:url(../images/play.png) no-repeat 50%/contain;width:70px;height:70px;z-index:3;opacity:1}.main-content .content .popbtn::after{content:"";position:absolute;display:block;width:100%;height:100%;top:0;left:0;transition:.3s all ease;backdrop-filter:brightness(120%);opacity:0;z-index:1}.main-content .content .popbtn:hover::before,.main-content .content .popbtn:hover::after{opacity:1}.main-content .content .popbtn:hover img{transform:scale(1.05)}@media only screen and (max-width: 767px){.main-content .content .video-btn{padding-top:2.5rem}}.main-content .content .kol-col a{display:block;position:relative;overflow:hidden}.main-content .content .kol-col a img{transition:.3s all ease;object-fit:cover;width:100%}.main-content .content .kol-col a::before{content:"";position:absolute;width:100%;height:100%;left:50%;top:50%;transform:translate(-50%, -50%) scale(1.5);transition:.3s all ease;z-index:1}.main-content .content .kol-col a:hover::before{backdrop-filter:brightness(120%)}.main-content .content .kol-col a:hover::after{bottom:3rem}.btn-more{border:1px solid #2abad4;padding:0;border-radius:0;text-decoration:none;display:flex;align-items:center;justify-content:center;width:156px;height:40px;font-size:1.125rem;font-weight:400;line-height:1;background:rgba(0,0,0,.37);color:#2abad4;white-space:nowrap;margin:2.5rem 0 0}.btn-more:hover{background:#2abad4;color:#000}.video-container{position:relative}.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:60px;height:60px;background:rgba(255,215,0,.8);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;font-size:1.5rem;cursor:pointer}.footer{border-top:1px solid #222}#avaFooter{background:#121212}#avaFooter .footer-container{transform:none}.modal{background-color:rgba(0,0,0,.5215686275);padding:clamp(48px,8vh,96px) 16px 32px;z-index:999}.modal .modal-content{border:none;background:rgba(0,0,0,0)}.modal .modal-dialog{max-width:min(1200px,100vw - 48px);margin-inline:auto;pointer-events:auto}.modal .modal-body{text-align:center;padding:0}.modal-backdrop{display:none}button.close{position:absolute;display:inline-block;width:44px;height:44px;font-size:0;right:-58px;top:0;transition:.2s;z-index:999}@media only screen and (max-width: 1200px){button.close{right:0;top:-52px}}button.close::before{content:"";position:absolute;top:50%;left:50%;width:42px;height:2px;background-color:#fff;transform:translate(-50%, -50%) rotate(45deg)}button.close::after{content:"";position:absolute;top:50%;left:50%;width:42px;height:2px;background-color:#fff;transform:translate(-50%, -50%) rotate(135deg)}#player1{max-width:min(100%,1200px);max-height:78vh}@media only screen and (max-width: 1440px){#player1{max-width:90vw;max-height:70vh}}@media only screen and (max-width: 767px){#player1{max-width:100%;max-height:62vh}}@media only screen and (max-width: 480px){.modal{padding:56px 12px 24px}.modal .modal-dialog{max-width:calc(100vw - 24px)}button.close{top:-48px;right:0;width:40px;height:40px}button.close::before,button.close::after{width:34px}}#nav-main{position:relative;min-height:80px;background-color:#131313;z-index:1000}