.ratio>*,.ratio>*>*{height:100%;width:100%}.mosaic-container,body{background-color:var(--black)}.mosaic,.nav.hide{pointer-events:none}.ratio>*>*,img{max-width:100%}.btn,a,a:active,a:focus,a:hover{outline:0}.btn,img{vertical-align:middle}.btn,a{text-decoration:none}.btn.more .btn-text,.container-arrow-button .arrow-button,.content-card,a{color:var(--white)}:root{--primary:#ff6400;--secondary:#fec72c;--thirth:#fec72c;--white:#fff;--black:#000;--social-yt:#ff0000;--social-fb:#1877f2;--social-ig:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);--social-igc:#f800b2;--social-line:#06c755}*,::after,::before{box-sizing:border-box}html{font-size:18px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:'Noto Sans TC','Microsoft JhengHei',Roboto,'Helvetica Neue',sans-serif;font-weight:300;line-height:1.7;min-width:320px;overflow-x:hidden}.btn.more .btn-text,h1,h2,h3{line-height:1.6;font-weight:700}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}dl,ol,p,ul{margin-top:0;margin-bottom:16px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul{margin:0;padding:0;list-style-type:none}b,strong{font-weight:700}small{font-size:80%}a{background-color:transparent}img{border-style:none}::-webkit-scrollbar{display:none}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:56.25%;content:''}.ratio>*{position:absolute;top:0;left:0}.ratio>*>*{display:block;position:static;min-height:100%;object-fit:cover;object-position:center}.text-truncate{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.flex-center-xy{display:flex;justify-content:center;align-items:center}.btn-gamania-group,.btn.more,.logo,.mosaic-wrapper,.thumbs-slides .swiper-slide{user-select:none}.mosaic-container{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;z-index:9999;opacity:1;transition:opacity 2s}.mosaic-container.fade-out{opacity:0;pointer-events:none}.mosaic-wrapper{position:relative;width:250px;height:auto}.mosaic-wrapper img{width:100%;height:100%;object-fit:contain}@media only screen and (max-width:575px){.mosaic-wrapper{width:190px}}.mosaic{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(10,1fr)}.square{background:rgba(0,0,0,0);transition:background .5s}.fade{background:#000!important}.bg-slide,.swiper-slide{background-size:cover;background-position:center}.swiper-button-next,.swiper-button-prev{display:none}[data-animate]{opacity:0;-webkit-transition:.8s ease-out;transition:.8s ease-out}[data-animate=bottom]{-webkit-transform:translate3d(0,16px,0);transform:translate3d(0,16px,0)}[data-animate=left]{-webkit-transform:translate3d(-16px,0,0);transform:translate3d(-16px,0,0)}.bg-slide.swiper-slide-active [data-animate]{opacity:1;transform:none}.bg-slide.swiper-slide-active .content-card__header{transition-delay:0.6s}.bg-slide.swiper-slide-active .content-wrap p{transition-delay:1.5s}.content-card__body{margin-bottom:30px;padding:0 30px;position:relative}.content-wrap{position:relative;max-height:calc(50vh - 60px);padding-right:15px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.3) transparent}.content-wrap::-webkit-scrollbar{width:6px;display:block}.content-wrap::-webkit-scrollbar-track{background:0 0}.content-wrap::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.3);border-radius:3px}.content-wrap::-webkit-scrollbar-thumb:hover{background-color:rgba(255,255,255,.5)}@property --top-fade{syntax:"<length>";inherits:false;initial-value:0}@property --bottom-fade{syntax:"<length>";inherits:false;initial-value:0}@keyframes scrollfade{0%{--top-fade:0}100%,15%{--top-fade:3rem}0%,85%{--bottom-fade:3rem}100%{--bottom-fade:0}}.scrollfade{overflow-y:scroll;mask:linear-gradient(to bottom,#0000,#ffff var(--top-fade) calc(100% - var(--bottom-fade)),#0000);animation:scrollfade;animation-timeline:--scrollfade;scroll-timeline:--scrollfade y}.bg-slide.swiper-slide-active .btn.more{transition-delay:2.5s}.container{max-width:1280px;padding:0 15px;margin:0 auto}.bg-slide::before{content:'';position:absolute;inset:0;background-color:rgba(0,0,0,.4)}.bg-slide{background-repeat:no-repeat;position:relative;width:100vw;height:100vh;padding-left:15px;padding-right:15px;overflow-y:hidden}.nav{position:fixed;width:100%;padding:15px 0;z-index:20;transition:.3s ease-in-out;transform:translateY(0)}.nav.hide{opacity:0;transform:translateY(-100%)}.nav::after{content:'';position:absolute;top:100%;width:100%;height:1px;background:linear-gradient(to right,rgba(200,200,200,.2) 0,rgba(255,255,255,0) 50%)}.nav .container{display:flex;justify-content:space-between;align-items:center;max-width:100%}.menu a,.nav .logo{display:inline-block}.nav .logo{width:290px;margin:0}.logo.ratio::before{padding-top:15%}.nav .logo.ratio img{object-fit:contain}.menu{display:flex}.menu a{min-width:9rem;padding:.5rem;text-align:center}.content-card{max-width:900px}.content-wrapper{position:relative;padding-top:12vh;z-index:1}.content-card .title{display:inline-flex;align-items:center;font-size:clamp(18.5px, 2.5vw, 32px);font-weight:700;margin:0;white-space:nowrap}.content-card__header{display:flex;align-items:center;margin-bottom:20px}.content-card .logo{margin-right:15px}.inner{background-color:var(--white)}.content-card .logo>.inner{padding:15px}.content-card .logo img{width:100%;height:auto}.content-card .logo.nn{width:200px}.content-card .logo.wl{width:250px}.content-card .logo.tcn,footer .logo{width:180px}.content-card .logo.way4{width:80px}.content-card .title::before{content:'';display:block;width:1px;height:60px;background:var(--white);margin-right:15px;-webkit-transform:translateY(2px);transform:translateY(2px)}.home-slider{height:100vh;width:100%;margin:0 auto}.swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}.thumbs-slides{position:absolute;right:12px;bottom:80px;width:30vw;height:240px;margin-right:15px;padding-left:15px;cursor:pointer}.thumbs-slides .swiper-slide{position:relative;width:100%;height:100%;background:var(--black);filter:grayscale(100%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;opacity:.7}.thumbs-slides .swiper-slide::before{content:'';position:absolute;display:block;width:100%;height:50%;background:linear-gradient(to bottom,rgba(0,0,0,.6) 50%,rgba(255,255,255,0) 100%);z-index:2}.thumbs-slides .swiper-slide-thumb-active{position:relative;filter:grayscale(0%);opacity:1}.thumbs-slides .swiper-slide img{transition:.5s;-webkit-transition:.5s}.thumbs-slides .swiper-slide:hover img{-webkit-filter:brightness(1.3);filter:brightness(1.3)}.thumbs-slides .swiper-slide .logo-wrap{display:flex;align-items:center;position:absolute;top:18px;left:50%;width:80%;height:40px;background:var(--white);-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:2}.btn.more .btn-text,footer .copyright{top:50%;text-align:center;white-space:nowrap}.thumbs-slides .swiper-slide .logo-wrap.outline{background:0 0;border:1px solid var(--white)}.thumbs-slides .swiper-slide .thumb-logo{width:75%;margin:0 auto;z-index:2}.thumbs-slides .swiper-slide .thumb-logo.nn{width:75%}.thumbs-slides .swiper-slide .thumb-logo.wl{width:85%}.thumbs-slides .swiper-slide .thumb-logo.tcn{width:60%}.thumbs-slides .swiper-slide .thumb-logo.wn{width:30%}.thumbs-slides .swiper-slide.tcn img{object-position:center 70%!important;background-position:center 70%!important}.swiper-slide-thumb-active .progress-bar-container{position:absolute;top:0;width:100%;height:3px;background-color:transparent;z-index:19}.swiper-slide-thumb-active .progress-bar{height:100%;width:0%;background:orange;-webkit-transition:width linear;transition:width linear}.container-arrow-button{width:3.125rem;height:3.125rem;transform:translate(-160%,0);transition:transform .6s cubic-bezier(.58, 0, .28, .99) 1s;width:fit-content}.container-arrow-button svg path{fill:var(--white)}.container-arrow-button svg circle{stroke:var(--white)}.btn{position:relative;display:inline-block;cursor:pointer;border:0;background:0 0;padding:0;font-size:inherit;font-family:inherit}.btn.more{width:155px;height:auto}.btn.more .circle{position:relative;display:block;margin:0;width:40px;height:40px;background:var(--white);-webkit-border-radius:50px;border-radius:50px;-webkit-transition:.45s cubic-bezier(.65, 0, .076, 1);transition:.45s cubic-bezier(.65, 0, .076, 1)}.btn.more .circle .icon,.btn.more .circle .icon.arrow{-webkit-transition:.45s cubic-bezier(.65, 0, .076, 1)}.btn.more .circle .icon{position:absolute;top:0;bottom:0;margin:auto;background:var(--white);transition:.45s cubic-bezier(.65, 0, .076, 1)}.btn.more .circle .icon.arrow{left:5px;width:18px;height:2px;background:0 0;transition:.45s cubic-bezier(.65, 0, .076, 1)}.btn.more .circle .icon.arrow::before{position:absolute;content:'';top:-4px;right:0;width:10px;height:10px;border-top:2px solid #222;border-right:2px solid #222;transform:rotate(45deg)}.btn.more .btn-text{position:absolute;left:0;right:0;padding:12px 0;margin:0 0 0 30px;font-size:19px;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:.45s cubic-bezier(.65, 0, .076, 1);transition:.45s cubic-bezier(.65, 0, .076, 1)}.btn.more:hover .circle{width:100%}.btn.more:hover .circle .icon.arrow{background:#222;transform:translate(16px,0)}.btn.more:hover .btn-text{color:#222}.nav-mobile{cursor:pointer;display:none}.bar{display:block;width:36px;height:4px;margin:6px auto;background-color:var(--white);transition:.2s}.nav-mobile.mb-active .bar:nth-child(2){opacity:0}.nav-mobile.mb-active .bar:first-child{transform:translateY(11px) rotate(45deg)}.nav-mobile.mb-active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mb-overlay{position:absolute;overflow:hidden;display:none;top:74px;left:0;right:0;width:100%;transition:transform .4s;background-color:#222;flex-direction:column;transform:translateY(0) translateX(0)}.mb-overlay li{width:100%;padding:10px}footer{position:absolute;left:0;bottom:0;width:100%;height:55px;margin:0;background:var(--black);z-index:10}footer .container{position:relative;display:flex;justify-content:flex-end;align-items:center;max-width:100%;width:100%;height:100%}footer .copyright{position:absolute;left:50%;color:#eee;font-size:13px;font-size:clamp(12px, 3vmin, 13px);letter-spacing:.5px;margin:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.gamania-group{position:relative;width:36px;height:36px;overflow:hidden}.btn-gamania-group{position:absolute;inset:0;width:100%;height:100%;-webkit-border-radius:50px;border-radius:50px;border:1px solid #fff;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpath%20style%3D%22fill%3A%23000%22%20d%3D%22M33%2C33.6c-.8.8-1.7%2C1.7-2.6%2C2.4-.9.7-1.9.8-2.6.2-.7-.5-.7-1.4-.3-2.4.2-.5.5-1%2C.8-1.6-3.4.9-7.1-.5-7.5-4.3-.4-4%2C3-7.3%2C6.6-8.4%2C0-.7%2C0-1.5.1-2.4.9%2C0%2C1.8%2C0%2C2.8%2C0-.2.8-.4%2C1.5-.6%2C2.3%2C1.7.6%2C3.2%2C1.2%2C4%2C2.9%2C1.2%2C2.5%2C0%2C5.6-1.8%2C7.5-.8.9-1.6%2C1.8-2.4%2C2.8-.3.4-.7%2C1-.3%2C1.3.2.1.9-.3%2C1.2-.6%2C1-1%2C1.9-2.1%2C2.9-3.1.7-.7%2C1.4-1.3%2C2.2-1.9.9-.6%2C2-1.1%2C3.1-.9.9-2.2%2C1.4-4.7%2C1.4-7.2C40%2C9%2C31%2C0%2C20%2C0S0%2C9%2C0%2C20s9%2C20%2C20%2C20%2C13.8-4%2C17.3-9.9c-.4%2C0-.8.2-1.3.5-1.2.7-2.1%2C2-3%2C3%22/%3E%3Cpath%20style%3D%22fill%3A%23000%22%20d%3D%22M31.3%2C25.2c-.2-.7-.9-1.8-.9-1.8%2C0-.1-.2-.2-.3-.3-1.2-1.1-3-1.1-4.3-.3-1.4.9-2.3%2C2.6-1.8%2C4.3.4%2C1.5%2C1.5%2C2.4%2C3%2C2.6%2C1.2.2%2C2.3-.3%2C3.3-1.3%2C1-1%2C1.4-2.1%2C1.1-3.3%22/%3E%3C/svg%3E") center no-repeat #fff}.orientation-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--black);z-index:99999}.orientation-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;max-width:100%;color:var(--white);padding:10px}.orientation-message .icon-container{margin:10px 20px 0 0}.orientation-message .icon-container img{width:70px;height:auto}.orientation-message .text-container{flex:1}.orientation-message .title{font-size:26px;font-weight:700;color:var(--primary)}.orientation-message p{font-size:15px;margin:0}@media only screen and (max-width:767px) and (orientation:landscape){.orientation-overlay{display:block}body{overflow:hidden}}@media only screen and (min-width:1200px){.bg-slide{animation:50s ease-in-out infinite bgZoom}@keyframes bgZoom{0%,100%{background-size:100%}50%{background-size:110%}}.content-card__body{border-radius:15px;padding:20px 25px;transition-duration:1s}.content-card:hover .content-card__body{background-color:rgba(0,0,0,.4)}}@media (min-width:768px) and (max-width:1024px){.content-card .title{font-size:4vmin}.content-wrapper{padding-top:12vh}.content-card{padding-left:70px}.content-card .btn-wrap{margin-left:25px}.thumbs-slides{width:60vw;height:18vh;margin:0;padding:0 15px;z-index:10}.thumbs-slides .swiper-wrapper{flex-direction:row}.thumbs-slides .swiper-slide{width:calc(33.333% - 10px);margin-right:10px}}@media only screen and (max-width:1024px){.autoplay-progress{display:none}}@media only screen and (min-width:993px){.btn-wrap{margin-left:30px}}@media only screen and (max-width:992px){.nav-mobile{display:block}.menu{display:none}.mb-overlay{display:block;margin-top:15px}.content-card h1{font-size:19.2px}.autoplay-progress{bottom:120px}}@media only screen and (max-width:767px){.nav{padding:10px 0;transition:.3s ease-in-out}.nav .logo{width:200px}.content-card__header{display:block;margin-bottom:15px}.content-card .logo>.inner{padding:10px}.content-card .logo.nn{width:125px}.content-card .logo.wl{width:140px}.content-card .logo.tcn{width:105px}.content-card .logo.way4{width:60px}.content-card .title::before{width:8vmin;height:1px}.content-card__body{padding:0;margin-left:30px;margin-bottom:20px}.content-card__body p{font-size:16px}.content-wrap{max-height:53vh}.swiper-slide-active .container{padding-right:5px}.swiper-slide-active .content-wrap::-webkit-scrollbar{width:3px}.content-card .btn-wrap{margin-left:7px;-webkit-transform:scale(.85,.85);transform:scale(.85,.85)}.thumbs-slides{position:absolute;bottom:0;left:auto;right:auto;width:100%;height:55px;margin:0;padding:0 15px;z-index:10}.thumbs-slides .swiper-slide .logo-wrap{top:10px;width:100%;height:8vmin;padding:5px}.thumbs-slides .swiper-slide{width:calc(50% - 10px);margin-right:10px;background:0 0}.thumbs-slides .swiper-slide .logo-wrap+img,.thumbs-slides .swiper-slide::before{display:none}.content-wrapper{padding-top:18vmin}footer{position:relative;bottom:auto;left:auto;width:100%;height:auto;padding:20px 0}footer .container{flex-direction:column;justify-content:center;gap:10px;height:auto}footer .logo{width:170px;margin:0 auto}footer .gamania-group{width:28px;height:28px;margin-top:5px}footer .copyright{position:static;font-size:11px;margin:0;transform:none}.swiper-button-next,.swiper-button-prev{display:flex;width:40px;height:40px;background:rgba(0,0,0,.5);border-radius:50%;color:var(--white);top:auto;bottom:20px;margin:0}.swiper-button-next:after,.swiper-button-prev:after{font-size:14px}.swiper-button-next{right:15px}.swiper-button-prev{right:65px;left:auto}.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}}@media only screen and (max-width:320px){.content-card .logo>.inner{padding:10px}.content-card__body{margin-bottom:20px}.content-wrap{max-height:50vh}.content-card .btn-wrap{-webkit-transform:scale(.8,.8);transform:scale(.8,.8)}}