@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{background:none;border:none}li{list-style:none}*{margin:0;padding:0}input,textarea{background:none;border:none}a{text-decoration:none}a,html{color:#fff}html{font-family:Noto Sans TC,serif;font-size:16px}h3{font-family:Noto Sans TC;font-size:42px;font-weight:700;letter-spacing:8.4px;margin-bottom:15px}h3,h4{color:#fff}h4{font-family:Bebas Neue;font-size:2.5rem;letter-spacing:.25rem}h5{font-family:Noto Sans TC;font-size:1.75rem;font-weight:500;letter-spacing:.3rem}.f784,h5{color:#fff}.f784{font-family:Bebas Neue;font-size:78px;font-weight:400;letter-spacing:7.8px}.f325{color:#fff;font-size:2rem;font-weight:500}.f173,.f325{font-family:Noto Sans TC;letter-spacing:.4rem}.f173{color:#dcdcdc;font-size:1rem;font-weight:300;line-height:28px}.taj{text-align:justify}.f5{font-size:5rem;letter-spacing:1rem}.f2{font-size:2rem;letter-spacing:.3rem}.f175{font-size:1.75rem;letter-spacing:.35rem}.f15{font-size:1.5rem;letter-spacing:.15rem}.f125{font-size:1.25rem;letter-spacing:.25rem}.f1{font-size:1rem;letter-spacing:.2rem}.w7{font-weight:700}.w5{font-weight:500}.w3{font-weight:300}.cw{color:#fff}.cw1{color:#dcdcdc}.cb{color:#1a1e22}@media screen and (max-width:1200px){html{font-size:12px}}@media screen and (max-width:768px){html{font-size:10px}}.submit-form-btn{background-color:#a0f5ee;color:#000;font-family:Noto Sans TC;font-size:17px;font-weight:300;letter-spacing:3.4px;padding:11px;text-align:center;width:60%}.submit-form-btn:active{opacity:.8}nav{align-items:center;border-bottom:1px solid #dcdcdc;display:flex;justify-content:space-between;padding:34px 111px 26px;position:relative}nav img{height:32px;width:120px;z-index:2}nav .menu{display:flex;position:absolute;right:90px;top:22px;z-index:300}nav .menu .burger-cross{position:absolute;transition:1s ease-in;z-index:2}nav .menu .burger{transition:1s linear}nav .menu button{border:1px solid #fff;border-radius:20px;color:#fff;font-size:17px;font-weight:300;letter-spacing:3.4px;margin-left:23px;padding:8px 24px}nav .menu button:hover{background-color:#f66a1a;border:1px solid #f66a1a}.contact{background-color:#000;height:100vh;min-width:300px;overflow-y:scroll;padding:36px 44px;position:fixed;right:0;top:0;transform:translateX(100%);transition:all 1s;visibility:hidden;width:30vw;z-index:999}.contact.active{transform:translateX(0);visibility:visible}.contact .contact-header{display:flex;justify-content:space-between;margin-bottom:30px}.contact .contact-header p{color:#fff;font-family:Noto Sans TC;font-size:2rem;font-weight:300;letter-spacing:6.4px}.contact .contact-header .burger-cross{width:40px}.contact .contact-form{padding-bottom:100px}.contact .contact-form form{display:flex;flex-direction:column}.contact .contact-form form .text-input-area{display:flex;justify-content:space-between}.contact .contact-form form .text-input{border-bottom:1px solid #dcdcdc;margin-bottom:25px;padding:10px}.contact .contact-form form .text-input,.contact .contact-form form .text-input::placeholder{color:#fff;font-family:Noto Sans TC;font-size:17px;font-weight:300;letter-spacing:3.4px}.contact .contact-form form .short{width:45%}.contact .contact-form form .long{width:100%}.contact .contact-form form .radio{display:flex;flex-direction:column;margin-top:20px}.contact .contact-form form .radio p{margin-bottom:10px}.contact .contact-form form .radio div{display:flex;flex-wrap:wrap;justify-content:space-between}.contact .contact-form form .radio div label{border:1px solid #dcdcdc;color:#fff;margin-bottom:10px;padding:14px;width:44%}.contact .contact-form form .radio div label input{margin:5px}.contact .contact-form form .radio div label input::placeholder{color:#fff;font-family:Noto Sans TC;font-size:17px;font-weight:300;letter-spacing:3.4px}.contact .contact-form form span{margin-top:20px}.contact .contact-form form textarea{border:1px solid #fff;height:200px;margin-top:20px;padding:10px;resize:none;width:100%}.contact .contact-form form textarea,.contact .contact-form form textarea::placeholder{color:#fff;font-family:Noto Sans TC;font-size:17px;font-weight:300;letter-spacing:3.4px}.contact .contact-form form button{align-self:center;margin-top:36px}.menu-view{background-color:#000;height:100vh;left:0;opacity:0;overflow-y:scroll;position:fixed;top:0;transition:all .6s linear;visibility:hidden;width:100vw;z-index:99}.menu-view.active{opacity:1;visibility:visible}.menu-view ul{color:#fff;min-width:150px;width:30%}.menu-view ul li{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:7px;width:100%}.menu-view ul li .accordion{align-items:center;display:flex;font-family:Noto Sans TC;font-size:2.3rem;font-weight:300;letter-spacing:.4rem;min-width:300px;width:100%}.menu-view ul li .accordion span{font-family:Bebas Neue;font-size:2.625rem;letter-spacing:.2625rem;margin-right:20px}.menu-view ul li .accordion a{color:#fff}.menu-view ul li .accordion a:hover{color:#66fcf1}.menu-view ul li .accordion .plus{align-items:center;display:flex;height:20px;justify-content:center;margin-left:30px;transition:.5s linear;width:20px}.menu-view ul li .accordion .plus div{align-items:center;display:flex;height:15px;justify-content:center;width:15px}.menu-view ul li ul{overflow:hidden;transition:height .5s linear}.menu-view ul li ul li{font-family:Noto Sans TC;font-size:1.5rem;font-weight:300;letter-spacing:.3rem;padding:9px 24px;transition:opacity .5s linear}.menu-view ul li ul li:hover{color:#a0f5ee}.menu-view ul li:hover .accordion{border-bottom:1px solid #fff;color:#a0f5ee;transition:.3s linear}.menu-view .menu-lists{margin:10% 30%}@media screen and (max-width:768px){nav{padding:0 12px}nav img{height:auto;margin:12px;width:57px}nav .menu{right:20px;top:10px}nav .menu svg{height:20px;width:20px}nav .menu button{display:none}.menu-view{opacity:0;overflow-y:scroll;transition:all .6s linear;visibility:hidden;z-index:30}.menu-view.active{opacity:1;visibility:visible}.menu-view ul li .accordion{min-width:250px}.menu-view .menu-lists{margin:10% 20%}}footer{background-color:#000;display:flex;justify-content:center;padding:63px;position:relative}footer .copyright{bottom:160px;color:#ababab;font-size:12px;font-weight:350;left:-150px;letter-spacing:1.2px;line-height:2;position:fixed;transform:rotate(-90deg);z-index:2}footer .wrapper{align-items:flex-start;color:#fff;display:flex;flex-direction:column;max-width:1210px;width:100%}footer .wrapper .contact-us{font-family:Bebas Neue,sans-serif;font-size:118px;font-weight:400;letter-spacing:11.8px;margin:0 0 40px}footer .wrapper section{display:flex;width:100%}footer .wrapper section .info{margin-right:5%;min-width:320px}footer .wrapper section .info p{letter-spacing:1.5px;margin-bottom:17px;text-align:left}footer .wrapper section .info p span{letter-spacing:1.5px;margin-right:30px}footer .wrapper section .map{display:flex;flex-wrap:wrap}footer .wrapper section .map ul{align-items:flex-start;display:flex;flex-direction:column;font-family:Noto Sans TC,sans-serif;margin-bottom:50px;width:120px}footer .wrapper section .map ul .title{color:#fff;cursor:pointer;font-size:17px;font-weight:350;letter-spacing:1.7px;padding:0 10px}footer .wrapper section .map ul .title:hover{color:#585858}footer .wrapper section .map ul .title a{color:#fff}footer .wrapper section .map ul .title a:hover{color:#585858}footer .wrapper section .map ul hr{border:1px solid #585858;margin-bottom:14px;width:100%}footer .wrapper section .map ul li{cursor:pointer;font-size:15px;font-weight:300;letter-spacing:3px;padding:5px 10px;text-align:left}footer .wrapper section .map ul li:hover{color:#585858}@media screen and (max-width:768px){footer{padding:50px}footer .copyright{position:static;transform:rotate(0deg);z-index:0}footer .wrapper .contact-us{font-size:56px;letter-spacing:5.6px}footer .wrapper section{display:flex;flex-direction:column-reverse}footer .wrapper section .info{min-width:320px}footer .wrapper section .info p{font-size:10px;font-weight:350;letter-spacing:1px;margin-bottom:17px;text-align:left}footer .wrapper section .map{display:flex;flex-wrap:wrap}footer .wrapper section .map ul{align-items:flex-start;display:flex;flex-direction:column;font-family:Noto Sans TC,sans-serif;margin-bottom:50px;margin-right:20px;padding:0;width:120px}footer .wrapper section .map ul .title{font-size:12px;letter-spacing:1.2px}footer .wrapper section .map ul li{font-size:10px;letter-spacing:1px}}.preloader-active{height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:999999}.preloader-active .preloader-area-wrap{align-items:center;background-color:#1a1e22;display:block;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:999999}.preloader-active .preloader-area-wrap .img-loader{animation:rotate-center .6s linear infinite both;border:5px solid #66fcf1;border-left-color:#0000;border-radius:50%;display:block;height:60px;position:absolute;transition:all .3s;width:60px;z-index:2}@keyframes rotate-center{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.lets-talk{align-items:center;background-image:url(/static/media/gradient-2.219b8d196b3ae5b00986.jpeg);background-size:cover;display:flex;flex-direction:column;height:70vh;justify-content:center;padding:30px;position:relative;width:100vw;z-index:2}.lets-talk p{color:#fff;font-family:Noto Sans TC,sans-serif;font-size:28px;font-weight:700;letter-spacing:2.8px;margin-bottom:8px}.lets-talk .vertical-line{border:1px solid #fff;display:inline-block;height:144px;margin-top:40px}.lets-talk .background-decoration{animation:breath 6s ease-in infinite;color:#a0f5ee66;font-family:Bebas Neue,sans-serif;font-size:168px;left:50%;letter-spacing:16.8px;opacity:.2;position:absolute;text-align:left;text-align:center;top:40%;transform:translateX(-50%);width:100%}@keyframes breath{0%{opacity:.2}50%{opacity:.5}to{opacity:.2}}@media screen and (max-width:768px){.lets-talk{align-items:center;display:flex;flex-direction:column;height:70vh;justify-content:center;padding:0;position:relative;z-index:2}.lets-talk p{font-size:20px;letter-spacing:2px}.lets-talk .vertical-line{border:1px solid #fff;display:inline-block;height:100px;margin-top:0}.lets-talk .background-decoration{font-size:60px;letter-spacing:6px;top:45%}}.marquee-container-text{overflow:hidden;width:100%}.marquee-container-text .marquee-content-text{animation:marquee-text 10s linear infinite;display:flex;white-space:nowrap}.marquee-container-text .marquee-content-text div{color:#fff;font-family:Bebas Neue;font-size:8.5rem;letter-spacing:.85rem;margin-right:100px;opacity:.2}@keyframes marquee-text{0%{transform:translateX(0)}to{transform:translateX(-936px)}}.marquee-container-img{margin-bottom:4%;overflow:hidden}.marquee-container-img .marquee-content-img{display:flex;justify-content:space-around;transform:translateX(-100vw);white-space:nowrap;width:300vw}.marquee-container-img .marquee-content-img .marquee-img-wrapper{aspect-ratio:1.6;opacity:.6;width:5vw}.marquee-container-img .marquee-content-img .marquee-img-wrapper img{height:100%;max-height:100%;max-width:100%;width:100%}.marquee-container-img .left{animation:marquee-img-left 15s linear infinite}.marquee-container-img .right{animation:marquee-img-right 15s linear infinite}@keyframes marquee-img-left{0%{transform:translateX(-200vw)}to{transform:translateX(-100vw)}}@keyframes marquee-img-right{0%{transform:translateX(0)}to{transform:translateX(-100vw)}}.banner-title{align-items:center;border-bottom:1px solid #dcdcdc;display:flex;justify-content:space-between;padding:0 50px}.banner-title .main-title{position:relative}.banner-title .main-title p{bottom:50px;color:#fff;font-family:Noto Sans TC;font-size:2rem;letter-spacing:.4rem;position:absolute;right:-50px}.banner-title .stroke{-webkit-text-stroke:1px #a0f5ee;text-stroke:1px #a0f5ee;color:#0000;font-family:Bebas Neue,sans-serif;font-size:10rem;letter-spacing:1rem;margin-right:3%;opacity:.4;text-transform:capitalize}@media screen and (max-width:1200px){.banner-title .main-title svg{width:160px}}@media screen and (max-width:768px){.banner-title{height:100px;padding:0 15px}.banner-title .main-title{position:relative}.banner-title .main-title svg{width:50px}.banner-title .main-title p{bottom:78px;color:#fff;font-size:16px;left:30px;letter-spacing:3.2px;line-height:18px;position:absolute;width:120px}.banner-title .stroke{font-size:4.8rem;letter-spacing:.48rem}}.blockchain-banner{align-items:center;display:flex;flex-direction:column;margin:5% 0}.blockchain-banner .title{font-size:5rem;letter-spacing:1rem;text-align:center}.blockchain-banner .title .gradient-color{-webkit-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text}.blockchain-banner .title .purple{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#5d46c8 46.92%,#9183d7 97.1%);background-clip:text;-webkit-background-clip:text}.blockchain-banner .title .blue-purple{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#8025f5,#5da7ec 87.85%);background-clip:text;-webkit-background-clip:text}.blockchain-banner .title .pink{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#df3aa3 34.51%,#e173be 83.22%);background-clip:text;-webkit-background-clip:text}.blockchain-banner p{margin-top:2%;max-width:1100px;text-align:center;text-align:justify;width:80%}.blockchain-intro{margin-bottom:10%}.blockchain-intro ul{display:flex;justify-content:space-evenly}.blockchain-intro ul li{width:20%}.blockchain-intro ul li .picture{border-radius:20px}.blockchain-intro ul li .picture svg{width:100%}.blockchain-intro ul li .main,.blockchain-intro ul li .main p{margin:20px 0}@media screen and (max-width:1200px){.blockchain-banner .title{font-size:2rem}.blockchain-intro ul{align-items:center;display:flex;flex-direction:column}.blockchain-intro ul li{align-items:center;display:flex;justify-content:space-around;width:80%}.blockchain-intro ul li .picture{width:30%}.blockchain-intro ul li .picture img{width:100%}.blockchain-intro ul li .main{width:50%}}.slider-container ul li{align-items:center;display:flex;flex-direction:column}.slider-container ul li section{align-items:center;display:flex;justify-content:center;padding:50px}.slider-container ul li section .timeline{margin-right:8%;position:relative}.slider-container ul li section .timeline .star{animation:show .5s ease-in-out;position:absolute;transform:translateX(-50%)}.slider-container ul li section .timeline .vertical-line{border-left:1px solid #b6fbff;height:400px}.slider-container ul li section .content{display:flex;justify-content:space-between;width:80%}.slider-container ul li section .content .main{animation:show 1s ease-in;display:flex;flex-direction:column;width:35vw}.slider-container ul li section .content .main h1{color:#fff;font-family:Bebas Neue;font-size:7.5rem;font-weight:400;letter-spacing:.75rem}.slider-container ul li section .content .main h2{color:#f66a1a;font-family:Noto Sans TC;font-size:2.2rem;font-weight:500;letter-spacing:.4rem}.slider-container ul li section .content .main p{color:#dcdcdc;font-family:Noto Sans TC;font-size:17px;font-weight:300;letter-spacing:3.4px;margin-top:50px;width:100%}@keyframes show{0%{opacity:.7}30%{opacity:.7}to{opacity:1}}.slider-container ul li section .content .img-area{position:relative;width:40%}.slider-container ul li section .content .img-area img{width:100%}.slider-container ul li section .content .img-area .man{left:10%;position:absolute;top:5%}.slider-container ul li .prev-next{margin-top:20px;position:relative;width:250px}.slider-container ul li .prev-next .arrow-left{display:flex;justify-content:flex-end;left:0;position:absolute;top:0;width:100px}.slider-container ul li .prev-next .arrow-left div{border-top:2px solid #dcdcdc;width:60px}.slider-container ul li .prev-next .arrow-left:before{border:solid #dcdcdc;border-width:2px 2px 0 0;content:"";height:10px;transform:translate(90%,-50%) rotate(225deg);width:10px}.slider-container ul li .prev-next .arrow-right{display:flex;justify-content:flex-end;position:absolute;right:0;top:0;width:100px}.slider-container ul li .prev-next .arrow-right div{border-top:2px solid #dcdcdc;width:60px}.slider-container ul li .prev-next .arrow-right:after{border:solid #dcdcdc;border-width:2px 2px 0 0;content:"";height:10px;transform:translate(-90%,-50%) rotate(45deg);width:10px}@media screen and (max-width:768px){.slider-container ul li section .content{align-items:center;display:flex;flex-direction:column;width:100%}.slider-container ul li section .content .main{width:100%;width:60vw}.slider-container ul li section .content .main h1{font-size:5.5rem}.slider-container ul li section .content .main h2{font-size:2rem;letter-spacing:.2rem;min-height:80px}.slider-container ul li section .content .main p{margin-top:0;min-height:150px}.slider-container ul li section .content .img-area{padding:30px;position:relative}}.cooperation .wrapper{margin:auto;width:90%}.cooperation .wrapper ul{display:flex;flex-wrap:wrap;gap:30px 2%;margin:5% auto}.cooperation .wrapper ul li{align-items:center;background-color:#fff;display:flex;flex-grow:1;height:170px;justify-content:center;width:300px}.cooperation .wrapper ul li img{max-height:100%;max-width:100%}@media screen and (max-width:1200px){.cooperation .wrapper ul{gap:30px 5%}.cooperation .wrapper ul li{height:150px;width:250px}}@media screen and (max-width:768px){.cooperation .wrapper ul li{height:75px;width:100px}}.core-technology .banner{padding:0 60px}.core-technology .banner h3{color:#fff;font-family:Noto Sans TC;font-size:2.75rem;font-weight:700;letter-spacing:.5rem;margin-bottom:15px}.core-technology .banner h4{color:#dcdcdc;font-family:Noto Sans TC;font-size:1.5rem;font-weight:300;letter-spacing:.3rem}.core-technology .banner .line{border-left:1px solid #dcdcdc;height:4.5rem;margin:30px;transform:rotate(15deg);width:1px}.core-technology .banner p{color:#dcdcdc;font-family:Noto Sans TC;font-size:1.5rem;font-weight:300;letter-spacing:.2rem;line-height:30px;margin:0 10px}.core-technology .banner .cube{margin-bottom:80px;margin-top:180px}.core-technology .tool-area{background-image:url(/static/media/gradient-4.99f8fea26ea93b0b1a4f.png);background-position:50%;background-size:cover;height:100vh;width:100%}.core-technology .tool-area,.core-technology .tool-area .wrapper{align-items:center;display:flex;justify-content:center}.core-technology .tool-area .wrapper p{color:#dcdcdc;font-family:Noto Sans TC;font-size:1.5rem;font-weight:300;letter-spacing:.3rem;line-height:2.5rem;width:40%}.core-technology .tool-area .wrapper .left-dec{padding:3px;position:relative}.core-technology .tool-area .wrapper .left-dec .infinity{left:-222px;position:absolute;top:-92px}.core-technology .tool-area .wrapper .left-dec .pyramid{left:-123px;position:absolute;top:-184px}.core-technology .tool-area .wrapper .left-dec .hexagon{left:-117px;position:absolute;top:-9px}.core-technology .tool-area .wrapper .right-dec{padding:3px;position:relative}.core-technology .tool-area .wrapper .right-dec .beta-sheet{position:absolute;right:-119px;top:-175px}.core-technology .tool-area .wrapper .right-dec .cube{position:absolute;right:-287px;top:-97px}.core-technology .tool-area .wrapper .right-dec .wave{position:absolute;right:-142px;top:-31px}.core-technology .enviroment{align-items:center;display:flex;flex-direction:column;padding:100px 0}.core-technology .enviroment div{display:flex;gap:30px;justify-content:space-around;margin-bottom:60px;margin-top:15px;width:80%}.core-technology .enviroment div .web{align-items:center;background:linear-gradient(180deg,#000,#00000005);border-radius:30px;display:flex;flex-direction:column;justify-content:flex-start;padding:5%;width:50%}.core-technology .enviroment div .web img{width:100%}.core-technology .enviroment div .web p{color:#dcdcdc;font-family:Noto Sans TC;font-size:1rem;font-weight:300;letter-spacing:.2rem;line-height:1.6;text-align:justify;width:100%}.core-technology .enviroment div .web p span{color:#f66a1a}.core-technology .enviroment div .large,.core-technology .enviroment div .large p{width:100%}@media screen and (max-width:768px){.core-technology .enviroment div{align-items:center;display:flex;flex-direction:column}.core-technology .enviroment div .web{width:80%}}.home-wrapper{background:#1a1e22;font-family:Noto Sans TC,sans-serif;overflow:hidden;position:relative;width:100vw}.home-wrapper:before{left:50px}.home-wrapper:after,.home-wrapper:before{background-color:#dcdcdc;content:"";display:block;height:100vh;position:fixed;width:1px}.home-wrapper:after{right:50px;top:0}.home-wrapper .dec-green{position:fixed;transform:translate(-30%,-25%);width:30%;z-index:0}.home-wrapper .dec-orange{position:fixed;right:0;top:63%;width:30%;z-index:0}@keyframes rotate{0%{transform:rotate(0deg);transform-origin:1500px 1500px}to{transform:rotate(1turn);transform-origin:1500px 1500px}}.home-wrapper .more{align-items:center;color:#fff;display:flex;font-family:Bebas Neue,sans-serif;justify-content:center;margin-top:5%}.home-wrapper .more a,.home-wrapper .more span{font-size:2.25rem;letter-spacing:.225rem;margin-right:14px}.home-wrapper .more a:hover,.home-wrapper .more:hover{color:#f66a1a}.home-wrapper .banner{align-items:center;display:flex;flex-direction:column;overflow:hidden;padding-bottom:10%;padding-top:10%;position:relative}.home-wrapper .banner .banner-logo{animation:flash-light 10s linear infinite;background:linear-gradient(90deg,#1a1e22,#fff,#1a1e22);background-repeat:no-repeat;background-size:80%;color:#1a1e22;height:244px;margin:5% 0;overflow:hidden}@keyframes flash-light{0%{background-position:-500%}to{background-position:500%}}@keyframes typing{0%{width:0}}@keyframes caret{50%{border-right-color:#0000}}.home-wrapper .banner .banner-typing{animation:typing 4s steps(13) infinite,caret .307s steps(1) infinite;border-right:.05em solid;color:#fff;font-size:2rem;overflow:hidden;white-space:nowrap;width:415px}.home-wrapper .banner .banner-typing span{display:inline-block;letter-spacing:.6rem;padding-left:4px;width:126px}.home-wrapper .banner .onoff{border:1px solid #fff;border-radius:15px;display:block;height:72px;position:relative;width:25px}.home-wrapper .banner .onoff .circle{animation:slide-down 2s ease-in-out infinite;background-color:#ababab;border-radius:50%;display:block;height:13px;left:50%;position:absolute;top:10px;transform:translateX(-50%);width:13px}@keyframes slide-down{0%{top:10px}to{top:50px}}.home-wrapper .banner .social-media{bottom:30vh;color:#fff;display:flex;flex-direction:column;height:200px;justify-content:space-between;position:absolute;right:10px}.home-wrapper .banner .social-media svg:hover{opacity:.4}.home-wrapper .rev-x{align-items:center;background-image:url(/static/media/blue-black.87504ff6453825a6f43f.png);background-position:bottom;background-size:cover;display:flex;flex-direction:column;min-height:100vh;overflow:hidden;position:relative;z-index:1}.home-wrapper .rev-x .rev-x-logo{margin-top:200px;max-width:500px;opacity:0;width:60%}.home-wrapper .rev-x .fade-in{opacity:1;transition:all 1s linear}.home-wrapper .rev-x h2{color:#fff;font-size:2rem;font-weight:500;letter-spacing:.4rem}.home-wrapper .rev-x p{color:#dcdcdc;font-size:1rem;font-weight:300;letter-spacing:.2rem;line-height:2;text-align:center}.home-wrapper .rev-x .more{align-items:center;color:#fff;display:flex;font-family:Bebas Neue,sans-serif;justify-content:center;margin-top:100px}.home-wrapper .rev-x .more span{font-size:2.25rem;letter-spacing:.225rem;margin-right:14px}.home-wrapper .rev-x .more:hover{color:#f66a1a}.home-wrapper .rev-x .phone1{max-width:405px;position:absolute;right:5%;top:0;transform:translateY(-50%);width:20%}.home-wrapper .rev-x .phone2{bottom:0;left:10%;max-width:415px;position:absolute;transform:translateY(50%);width:20%}.home-wrapper .what-we-do{height:100vh}.home-wrapper .what-we-do .marquee-container{margin-top:100px;overflow:hidden;width:100%}.home-wrapper .what-we-do .marquee-container .marquee-content{animation:marquee 10s linear infinite;display:flex;white-space:nowrap}.home-wrapper .what-we-do .marquee-container .marquee-content svg{margin-right:100px}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-1672px)}}.home-wrapper .what-we-do .main{height:100vh;position:absolute;width:100%}.home-wrapper .what-we-do .main .service{align-items:flex-end;background-position:50%;background-size:cover;border-radius:30px;color:#fff;display:flex;font-size:1.5rem;font-weight:700;justify-content:flex-start;letter-spacing:.3rem;position:absolute}.home-wrapper .what-we-do .main .service .text-wrapper{align-items:flex-start;background:linear-gradient(180deg,#02212400,#021b24 50%);border-radius:30px;display:flex;flex-direction:column;height:100px;line-height:2;padding:20px;text-align:left;width:100%}.home-wrapper .what-we-do .main .service .text-wrapper span{color:#fff9;display:none;font-size:1.25rem;font-weight:300;letter-spacing:.25rem}.home-wrapper .what-we-do .main .service .text-wrapper .line{border:1px solid #fff;bottom:30px;opacity:0;position:absolute;width:0}.home-wrapper .what-we-do .main .service:hover .text-wrapper{align-items:center;height:80%;justify-content:center;opacity:.8;position:relative;transition:.5s linear}.home-wrapper .what-we-do .main .service:hover .text-wrapper span{display:block}.home-wrapper .what-we-do .main .service:hover .text-wrapper .line{border:1px solid #fff;bottom:30px;opacity:1;position:absolute;transition:.5s linear;width:100px}.home-wrapper .what-we-do .main .web3{height:60vh;left:15%;top:-100px;width:30%}.home-wrapper .what-we-do .main .CRM-member{height:30vh;right:25%;top:-50px;width:25%}.home-wrapper .what-we-do .main .ticket{height:30vh;right:23%;top:30vh;width:25%}.home-wrapper .why-us{display:flex;flex-direction:column}.home-wrapper .why-us .wrapper{align-self:flex-end;background-image:url(/static/media/gradient-1.84bd214b45092bf6c7f7.png);background-size:cover;display:flex;justify-content:center;padding:10% 0;position:relative;width:90%}.home-wrapper .why-us .wrapper .title{color:#a0f5ee;font-family:Bebas Neue,sans-serif;font-size:10rem;left:-3%;letter-spacing:1rem;opacity:.2;position:absolute;text-align:left;top:-10%;transform:translateX(100vw)}.home-wrapper .why-us .wrapper .translate{transform:translate(0);transition:all 1.5s linear}.home-wrapper .why-us .wrapper ul{display:flex;flex-direction:column}.home-wrapper .why-us .wrapper ul li{align-items:center;display:flex;margin-top:9%}.home-wrapper .why-us .wrapper ul li img{width:20%}.home-wrapper .why-us .wrapper ul li .main{align-items:flex-start;color:#fff;display:flex;flex-direction:column;margin-left:10%}.home-wrapper .why-us .wrapper ul li .main h4{font-size:1.75rem;font-weight:500}.home-wrapper .why-us .wrapper ul li .main p{font-size:1rem;font-weight:400;margin-top:11px}.home-wrapper .news{align-items:center;display:flex;justify-content:center;padding:10%;position:relative}.home-wrapper .news ul{color:#dcdcdc;width:80%}.home-wrapper .news ul li{align-items:center;border-bottom:1px solid #888;display:flex;padding:1% 0}.home-wrapper .news ul li .title{border:1px solid #dcdcdc;padding:1% 3%}.home-wrapper .news ul li .news-title{flex-grow:1;max-width:35%}.home-wrapper .news ul li p{letter-spacing:.2rem;margin-right:5%}.home-wrapper .news ul li .arrow{display:flex;justify-content:flex-end;min-width:25px;width:15%}.home-wrapper .news ul li .arrow div{border-top:1px solid #dcdcdc;width:100%}.home-wrapper .news ul li .arrow:after{border:solid #dcdcdc;border-width:1px 1px 0 0;content:"";height:6px;transform:translate(-90%,-50%) rotate(45deg);width:6px}.home-wrapper .news ul li:hover{color:#66fcf1;transition:.5s linear}.home-wrapper .news ul li:hover .title{background-color:#66fcf1;border:1px solid #66fcf1;color:#1a1e22;transition:.5s linear}.home-wrapper .news ul li:hover .arrow{width:15%}.home-wrapper .news ul li:hover .arrow div{border-top:1px solid #dcdcdc;transition:.5s linear;width:25%}.home-wrapper .news .news-decoration{-webkit-text-stroke:1px #a0f5ee;text-stroke:1px #a0f5ee;color:#0000;font-family:Bebas Neue,sans-serif;font-size:10rem;letter-spacing:16.8px;opacity:.4;position:absolute;right:5%;top:10%;transform:rotate(90deg)}@media screen and (max-width:1600px){.news-decoration{display:none}}@media screen and (max-width:1200px){.home-wrapper .banner .banner-logo{scale:.6}.home-wrapper .banner .banner-typing{width:306px}.home-wrapper .banner .banner-typing span{letter-spacing:.49rem;padding-left:0;width:92px}.home-wrapper .rev-x{min-height:80vh}}@media screen and (max-width:768px){.home-wrapper:before{left:10px}.home-wrapper:after,.home-wrapper:before{background-color:#dcdcdc;content:"";display:block;height:100vh;position:fixed;width:1px}.home-wrapper:after{right:10px;top:0}.home-wrapper .more span{font-size:1rem;letter-spacing:1.6px;margin-right:3px}.home-wrapper .more svg{height:18px}.home-wrapper .banner .banner-logo{scale:.3}.home-wrapper .banner .banner-typing{width:253px}.home-wrapper .banner .banner-typing span{width:76px}.home-wrapper .banner .social-media{bottom:25px;color:#fff;display:flex;flex-direction:column;height:100px;justify-content:space-between;position:absolute;right:10px}.home-wrapper .banner .social-media svg{scale:.5}.home-wrapper .banner .social-media svg:hover{opacity:.4}.home-wrapper .rev-x .more{margin-bottom:20px;margin-top:20px}.home-wrapper .rev-x .phone1{display:none}.home-wrapper .rev-x .phone2{max-width:415px;position:static;width:40%}.home-wrapper .what-we-do{height:auto}.home-wrapper .what-we-do .marquee-container{margin-top:50px}.home-wrapper .what-we-do .marquee-container .marquee-content svg{margin-right:20px;scale:.5}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-1000px)}}.home-wrapper .what-we-do .main{align-items:center;display:flex;flex-direction:column;position:relative}.home-wrapper .what-we-do .main .service{border-radius:30px;height:180px;margin-bottom:20px;position:static;width:90%}.home-wrapper .why-us .wrapper ul li .main{margin-left:0;padding:8%}.home-wrapper .news{padding:50px 0}.home-wrapper .news ul li .title{min-width:55px;padding:0;text-align:center}.home-wrapper .news ul li .news-title{flex-grow:1;max-width:40%}}.introduction .banner{height:auto}.introduction .banner p{color:#dcdcdc;font-family:Bebas Neue;font-size:3rem;letter-spacing:.3rem;line-height:1.6;text-transform:capitalize;width:60%}.introduction .brand-essence{display:flex;justify-content:center;padding-top:50px}.introduction .brand-essence p{text-align:center;width:42%}.introduction .brand-essence p .slogan{color:#fff;font-family:Noto Sans TC;font-size:5rem;font-weight:500;letter-spacing:1rem;margin-right:5%;white-space:nowrap}.introduction .brand-essence article{align-self:flex-end;color:#dcdcdc;font-family:Noto Sans TC;font-size:17px;font-weight:300;letter-spacing:3.4px;width:31%}.introduction .brand-essence article p{line-height:2;margin-bottom:36px;text-align:justify;width:100%}.introduction .brands{margin:200px 0}.introduction .brands ul{display:flex;justify-content:center}.introduction .brands ul li{display:flex;flex-direction:column;margin-bottom:30px;width:25%}.introduction .brands ul li .img-area-out{background-color:#fff;border:2px solid #fff;height:25vh;width:100%}.introduction .brands ul li .img-area-out .img-area-in{align-items:center;background-color:#1a1e22;border-radius:30px;display:flex;height:100%;justify-content:center}.introduction .brands ul li .img-area-out .img-area-in img{max-height:80%;max-width:80%}.introduction .brands ul li section{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between}.introduction .brands ul li section article{align-items:center;color:#fff;display:flex;flex-direction:column;flex-grow:1;padding:10%}.introduction .brands ul li section article h3{font-family:Noto Sans TC;font-size:20px;font-weight:700;letter-spacing:4px;line-height:33px;margin-bottom:19px;text-align:center}.introduction .brands ul li section article p{color:#dcdcdc;font-family:Noto Sans TC;font-size:17px;font-weight:300;letter-spacing:2.55px;line-height:31px;text-align:justify}.introduction .brands ul li section .more{margin-top:50px}.introduction .brands ul li section .more span{font-size:2rem}.introduction .brands p{white-space:pre-wrap}@media screen and (max-width:1200px){.introduction .banner p{color:#dcdcdc;font-family:Bebas Neue;font-size:2rem;letter-spacing:.2rem;line-height:1.6;text-transform:capitalize;width:80%}.introduction .brand-essence{align-items:center;display:flex;flex-direction:column;padding-top:50px}.introduction .brand-essence p{text-align:left;width:80%}.introduction .brand-essence p .slogan{color:#fff;font-family:Noto Sans TC;font-size:3rem;font-weight:500;letter-spacing:1rem;margin-right:5%}.introduction .brand-essence article{align-self:center;color:#dcdcdc;font-family:Noto Sans TC;font-size:17px;font-weight:300;letter-spacing:3.4px;margin-top:20px;width:80%}.introduction .brand-essence article p{margin-bottom:36px;width:100%}.introduction .brands{margin:200px 0}.introduction .brands ul{align-items:center;display:flex;flex-direction:column}.introduction .brands ul li{width:80%}.introduction .brands ul li .img-area-out{background-color:#fff;border:2px solid #fff;height:50vh;width:100%}.introduction .brands ul li .img-area-out .img-area-in{align-items:center;background-color:#1a1e22;border-radius:30px;display:flex;height:100%;justify-content:center}.introduction .brands ul li .img-area-out .img-area-in img{max-width:440px}.introduction .brands ul li article{align-items:center;color:#fff;display:flex;flex-direction:column;padding:30px 40px}.introduction .brands ul li article h3{font-family:Noto Sans TC;font-size:20px;font-weight:700;letter-spacing:4px;line-height:33px;margin-bottom:19px;text-align:center}.introduction .brands ul li article p{color:#dcdcdc;font-family:Noto Sans TC;font-size:17px;font-weight:300;letter-spacing:2.55px;line-height:31px}.introduction .brands ul li .more{margin-top:50px}.introduction .brands p{white-space:pre-wrap}}.loyalty .NFT{margin-bottom:10%}.loyalty .NFT ul{align-items:center;display:flex;flex-direction:column}.loyalty .NFT ul li{align-items:center;display:flex;justify-content:space-between;width:80%}.loyalty .NFT ul li .picture{width:40%}.loyalty .NFT ul li .picture img{width:100%}.loyalty .NFT ul li .main{margin:20px 0;width:50%}.loyalty .NFT ul li .main p{line-height:2;margin:20px 0;text-align:justify}.loyalty .NFT ul li .main .title{font-size:4rem}.loyalty .NFT ul li:nth-child(odd) .picture{order:2}.loyalty .NFT ul li:nth-child(odd) .main{order:1}.loyalty .purse{display:flex;justify-content:center;margin-bottom:15%}.loyalty .purse .wrapper{align-items:center;display:flex;flex-direction:column;width:80%}.loyalty .purse .wrapper .title{align-self:flex-start;padding:50px}.loyalty .purse .wrapper ul{display:flex;flex-wrap:wrap;justify-content:space-around}.loyalty .purse .wrapper ul li{align-items:flex-start;display:flex;justify-content:space-between;width:30%}.loyalty .purse .wrapper ul li .main{margin:20px 0}.loyalty .purse .wrapper ul li .main p{line-height:2;margin:20px 0}.loyalty .purse .wrapper ul .pic{align-items:center;display:flex;justify-content:center}.loyalty .purse .wrapper ul .pic .picture,.loyalty .purse .wrapper ul .pic .picture img{width:100%}@media screen and (max-width:768px){.loyalty .NFT{margin-bottom:10%}.loyalty .NFT ul,.loyalty .NFT ul li{align-items:center;display:flex;flex-direction:column}.loyalty .NFT ul li{width:80%}.loyalty .NFT ul li .picture{align-items:center;display:flex;height:35vh;justify-content:center;overflow:hidden;width:100%}.loyalty .NFT ul li .picture img{width:100%}.loyalty .NFT ul li .main{margin:20px 0;width:100%}.loyalty .NFT ul li .main p{line-height:2;margin:20px 0}.loyalty .NFT ul li .main .f5{font-size:2.5rem}.loyalty .NFT ul li:nth-child(odd) .picture{order:1}.loyalty .NFT ul li:nth-child(odd) .main{order:2}.loyalty .purse .wrapper{width:100%}.loyalty .purse .wrapper .title p{font-size:3rem}.loyalty .purse .wrapper ul{align-items:center;flex-direction:column;width:100%}.loyalty .purse .wrapper ul li{border:1px solid #474747;border-radius:20px;margin-bottom:30px;padding:30px;width:60%}.loyalty .purse .wrapper ul li:last-child{border:none}}.news-wrapper{display:flex;flex-direction:column}.news-wrapper .sort{padding-top:50px}.news-wrapper .sort ul{display:flex;justify-content:center}.news-wrapper .sort ul li{border:1px solid #1a1e22;color:#dcdcdc;cursor:pointer;font-family:Noto Sans TC;font-size:1.25rem;font-weight:300;letter-spacing:.3rem;padding:1% 3%;text-align:center}.news-wrapper .sort ul li:hover{border:1px solid #f66a1a;color:#f66a1a}.news-wrapper .news-container{align-items:center;align-self:center;color:#dcdcdc;display:flex;justify-content:center;justify-content:flex-start;padding:50px 0;position:relative;width:80%}.news-wrapper .news-container ul{width:100%}.news-wrapper .news-container ul li{align-items:center;border-bottom:1px solid #888;display:flex;padding:1% 2%;width:100%}.news-wrapper .news-container ul li .title{border:1px solid #dcdcdc;padding:1% 2%;white-space:nowrap}.news-wrapper .news-container ul li .news-title{flex-grow:1;max-width:35%}.news-wrapper .news-container ul li span{margin-right:5%}.news-wrapper .news-container ul li p{letter-spacing:3.4px;margin-right:5%;width:50%}.news-wrapper .news-container ul li a{align-items:center;display:flex;width:100%}.news-wrapper .news-container ul li p{flex-grow:1}.news-wrapper .news-container ul li .arrow{display:flex;justify-content:flex-end;min-width:25px;width:15%}.news-wrapper .news-container ul li .arrow div{border-top:1px solid #dcdcdc;width:100%}.news-wrapper .news-container ul li .arrow:after{border:solid #dcdcdc;border-width:1px 1px 0 0;content:"";height:6px;transform:translate(-90%,-50%) rotate(45deg);width:6px}.news-wrapper .news-container ul li:hover{color:#66fcf1;transition:.5s linear}.news-wrapper .news-container ul li:hover .title{background-color:#66fcf1;border:1px solid #66fcf1;color:#1a1e22;transition:.5s linear}.news-wrapper .news-container ul li:hover .arrow{width:15%}.news-wrapper .news-container ul li:hover .arrow div{border-top:1px solid #dcdcdc;transition:.5s linear;width:25%}.news-wrapper .paginator{display:flex;justify-content:center;margin-bottom:60px}.news-wrapper .paginator ul{align-items:center;display:flex;justify-content:space-between;width:10%}.news-wrapper .paginator ul li{cursor:pointer}.news-wrapper .paginator ul li:hover{color:#a0f5ee}.news-wrapper .paginator ul .left{transform:rotate(225deg)}.news-wrapper .paginator ul .left,.news-wrapper .paginator ul .right{border:solid #dcdcdc;border-width:2px 2px 0 0;display:block;height:10px;width:10px}.news-wrapper .paginator ul .right{transform:rotate(45deg)}.news-page-wrapper .banner-title .main-title{align-items:flex-end;display:flex}.news-page-wrapper .banner-title .main-title .bread-crumbs{display:flex;padding:20px}.news-page-wrapper .banner-title .main-title .bread-crumbs a{align-items:center;color:#fff;display:flex;font-size:1rem;padding:0 10px}.news-page-wrapper .banner-title .main-title .bread-crumbs a:after{border-right:1px solid #fff;border-top:1px solid #fff;content:"";display:block;height:5px;margin-left:10px;transform:rotate(45deg);width:5px}.news-page-wrapper .banner-title .main-title .bread-crumbs span{color:#dcdcdc;font-size:1rem;padding:0 10px}.news-page-wrapper .news-page-content{display:flex;justify-content:center;padding:50px}.news-page-wrapper .news-page-content .wrapper{width:90%}.news-page-wrapper .news-page-content .wrapper .date{margin:12px 0 24px}.news-page-wrapper .news-page-content .wrapper .date p{align-items:center;display:flex}.news-page-wrapper .news-page-content .wrapper .date p svg{margin-right:6px}.news-page-wrapper .news-page-content .wrapper .date p span{margin-right:16px}.news-page-wrapper .news-page-content .wrapper section{padding:5%}.news-page-wrapper .news-page-content .wrapper section article p{line-height:1.6;white-space:pre-line}.news-page-wrapper .news-page-content .wrapper section img{margin-top:5%;width:100%}@media screen and (max-width:768px){.news-page-wrapper .banner-title .main-title{align-items:center}.news-page-wrapper .banner-title .main-title .bread-crumbs{flex-wrap:wrap;padding:0}}.process .main{background-image:url(/static/media/gradient-5.eb6e8a9afff9bc9d4b25.jpeg);background-position:50%;background-size:cover;display:flex;justify-content:center;margin-top:200px;position:relative}.process .main ul{display:flex;flex-wrap:wrap;gap:10%;justify-content:space-around;padding:10% 0;width:50%}.process .main ul li{align-items:center;display:flex;flex-direction:column;margin-top:100px;width:40%}.process .main ul li .f784{border-bottom:1px solid #fff}.process .main ul li p{margin-top:25px}.process .main .step-dec{background-image:url(/static/media/gradient-6.b5162c8caa5ad0bde35b.png);background-position:50%;background-size:cover;height:50vw;position:absolute;right:0;top:-200px;width:20%}.process .main .step-dec span{bottom:86px;color:#1a1e22;font-family:Bebas Neue,sans-serif;font-size:10rem;left:-81px;letter-spacing:1rem;position:absolute;text-transform:capitalize;transform:rotate(90deg)}@media screen and (max-width:1200px){.process .main ul li{width:45%}}@media screen and (max-width:768px){.process .main{display:flex;justify-content:center;margin-top:10%;position:relative;width:100%}.process .main ul{flex-wrap:wrap;gap:10%;margin-bottom:50px;padding:0;width:80%}.process .main ul,.process .main ul li{align-items:center;display:flex;flex-direction:column}.process .main ul li{margin-top:100px;width:100%}.process .main ul li .f784{border-bottom:1px solid #fff}.process .main ul li p{margin-top:25px}.process .main .step-dec{display:none}.process .main .step-dec span{bottom:86px;color:#1a1e22;font-family:Bebas Neue,sans-serif;font-size:10rem;left:-81px;letter-spacing:1rem;position:absolute;text-transform:capitalize;transform:rotate(90deg)}}.software-development .service-banner{align-items:center;display:flex;justify-content:space-evenly;margin-bottom:10%}.software-development .service-banner article{max-width:500px;padding:50px;width:40%}.software-development .service-banner article p{margin-bottom:40px}.software-development .service-banner img{width:40%}.software-development .feature{margin-bottom:10%;padding:0 8%}.software-development .feature ul{display:flex;flex-wrap:wrap;justify-content:space-around;padding:0}.software-development .feature ul li{margin-bottom:5%;min-width:30%;width:30%}.software-development .system-module{display:flex;justify-content:center;margin:10% 0}.software-development .system-module ul{display:flex;flex-direction:column;width:80%}.software-development .system-module ul li{display:flex;justify-content:space-evenly;margin-bottom:6%}.software-development .system-module ul li .title{text-align:center;width:30%}.software-development .system-module ul li .title svg{width:100%}.software-development .system-module ul li .content{display:flex;justify-content:space-around;width:60%}.software-development .system-module ul li .content .content-module{width:45%}.software-development .system-module ul li .content .content-module hr{margin-bottom:16px}.software-development .system-module ul li .content .content-module ul{padding:0}.software-development .system-module ul li .content .content-module ul li{display:flex;justify-content:flex-start}.software-development .system-module ul li .content .content-module ul li svg{margin-right:7px}.software-development .system-module ul li:nth-child(2n) .title{order:2}.software-development .system-module ul li:nth-child(2n) .content{order:1}@media screen and (max-width:1200px){.software-development .feature ul li{margin-bottom:40px;width:45%}}@media screen and (max-width:843px){.software-development .feature ul li{width:90%}.software-development .system-module{display:flex;justify-content:center;margin:10% 0}.software-development .system-module ul{align-items:center;display:flex;flex-direction:column;width:80%}.software-development .system-module ul li{display:flex;flex-direction:column;justify-content:space-evenly;margin-bottom:6%}.software-development .system-module ul li .title{align-items:center;display:flex;text-align:left;width:100%}.software-development .system-module ul li .title svg{width:80%}.software-development .system-module ul li .title .title-title{min-width:200px}.software-development .system-module ul li .content{display:flex;justify-content:space-around;width:100%}.software-development .system-module ul li .content .content-module{width:45%}.software-development .system-module ul li .content .content-module hr{margin-bottom:16px}.software-development .system-module ul li .content .content-module ul{align-items:flex-start;padding:0}.software-development .system-module ul li .content .content-module ul li{display:flex;flex-direction:row;justify-content:flex-start}.software-development .system-module ul li .content .content-module ul li svg{margin-right:7px}.software-development .system-module ul li:nth-child(2n) .title{display:flex;flex-direction:row-reverse;order:1;text-align:right}.software-development .system-module ul li:nth-child(2n) .content{order:2}}@media screen and (max-width:768px){.software-development .service-banner{align-items:center;display:flex;flex-direction:column;margin-bottom:10%}.software-development .service-banner article{max-width:none;padding:50px;width:80%}.software-development .service-banner article p{margin-bottom:40px;text-align:center}.software-development .service-banner img{width:80%}}
/*# sourceMappingURL=main.763eb349.css.map*/