@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&display=swap";.app_video{position:fixed;width:100vw;height:calc(100vh + 68px);margin-top:-68px;overflow:hidden;z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:0}.app_video video{height:130%}.app_main{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:0;width:100%;height:100vh;margin-top:-68px;padding:112px 4% 64px;background-image:url(/assets/movie-cover-CuSowTvD.png);background-size:cover;color:#fff;text-align:center}.app_main .cover{width:100%;height:100%;padding:48px;border-radius:15px;border:1px solid #2B2C31;background:linear-gradient(180deg,#02020299,#0202025c);display:flex;justify-content:space-between;align-items:center;flex-direction:column}.app_main .cover .title{font-family:Segoe UI,Noto Sans;width:100%;display:flex;flex-direction:column;gap:36px;text-align:left}.app_main .cover .title .divider{width:180px;height:2px;background-color:#00b9ff}.app_main .cover .title h1{font-family:Segoe UI;color:#6b6b7b}.app_main .cover .title h1 .primary{color:#00b9ff}.app_main .cover .title h1 .white{color:#fff}.app_main .cover .title p{font-size:16px}.app_main .cover .link{width:100%;display:flex;justify-content:end;gap:24px}.app_main .cover .link .link-item{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:16px;align-items:flex-start;width:25%;max-width:315px;padding:24px;border-radius:10px;border:1px solid #2B2C31;background-color:#020202b3;color:#fff;transition:all .2s;text-align:left}.app_main .cover .link .link-item:hover{background-color:#2b2c31}.app_main .cover .link .link-item .subtitle{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:8px;justify-content:flex-start}.app_main .cover .link .link-item .description{color:#6b6b7b}.app_feature{background-image:url(/assets/bg-feature-CF74vIpH.png);background-position:right bottom;background-size:cover;padding:88px 0;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:0}.app_feature .wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:24px;width:92%;max-width:1680px;margin:0 auto}@media screen and (max-width: 1920px){.app_feature .wrapper{width:90%;max-width:1324px}}@media screen and (max-width: 768px){.app_feature .wrapper{width:86%}}.app_feature .wrapper .title{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px}.app_feature .wrapper .title h6{font-weight:700}.app_feature .wrapper .title h6 span{color:#0e7adf}.app_feature .wrapper .title p{color:#6b6b7b}.app_feature .wrapper .description{text-align:center;color:#6b6b7b}.app_feature .wrapper .list{width:100%;align-items:stretch!important;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:32px}.app_feature .wrapper .list .card{width:100%;max-width:450px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:16px;margin-top:32px;padding:36px;border-radius:8px;border:1px solid #0E7ADF;background:linear-gradient(180deg,#fffc,#fff6);text-align:center}.app_feature .wrapper .list .card h6{font-weight:700;color:#0e7adf}.app_feature .wrapper .list .card p{color:#6b6b7b}.app_product{background-color:#fff;margin-top:-1px;padding:88px 0}.app_product .title{width:92%;max-width:1680px;margin:0 auto}@media screen and (max-width: 1920px){.app_product .title{width:90%;max-width:1324px}}@media screen and (max-width: 768px){.app_product .title{width:86%}}.app_product .title p{color:#6b6b7b;margin-bottom:8px}.app_product .box-wrapper{width:92%;max-width:1680px;margin:0 auto;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:0}@media screen and (max-width: 1920px){.app_product .box-wrapper{width:90%;max-width:1324px}}@media screen and (max-width: 768px){.app_product .box-wrapper{width:86%}}.app_product .box-wrapper .box{display:flex;justify-content:space-between;align-items:center;flex-direction:column;align-items:flex-start;width:100%;height:380px;border:1px solid #EDF2F8;padding:40px 48px}.app_product .box-wrapper .box .content{width:100%}.app_product .box-wrapper .box .content .title{display:flex;align-items:center;gap:16px;text-align:left;margin:0 0 16px}.app_product .box-wrapper .box .content .title .keyword{color:#0e7adf;font-family:Segoe UI;font-size:1.5rem;font-weight:700}.app_product .box-wrapper .box .content p{color:#6b6b7b}.app_product .box-wrapper .box .link{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:0;width:40px;height:40px;color:#0e7adf;border:1px solid #0E7ADF;border-radius:50px;transition:all .2s ease-in-out}.app_product .box-wrapper .box .link:hover{color:#fff;background-color:#0e7adf}.app_product .box-wrapper .matrix,.app_product .box-wrapper .cloud{background-size:cover;background-position:right bottom}.app_product .box-wrapper .cloud{margin-right:1px;background-image:url(/assets/bg-cloud-B10AYP68.png)}.app_product .box-wrapper .matrix{background-image:url(/assets/bg-martix-CCEJoD6R.png)}@media screen and (max-width: 1280px){.app_video{height:100vh}.app_video app_video{width:auto;height:100vh}.app_main{height:fit-content}.app_main .cover .title{margin-bottom:88px}.app_main .cover .link{width:100%;align-items:flex-end}.app_main .cover .link .link-item{width:480px;max-width:none}.app_feature{flex-direction:column;margin-top:0;padding:64px 0}.app_feature .inner{flex-direction:column;gap:48px}.app_feature .inner .left{width:100%;gap:16px;margin-bottom:0}.app_feature .inner .right,.app_feature .inner .right .card{width:100%}}@media screen and (max-width: 1140px){.cover .link,.app_product .box-wrapper{flex-direction:column}.app_product .box-wrapper .matrix{background-image:url(/assets/bg-martix_tablet-Cdxj6teI.png)}}@media screen and (max-width: 720px){.cover .title .divider{width:200px}.cover .title h1{font-size:32px}.app_feature .wrapper .list{flex-direction:column;gap:24px;width:100%}.app_feature .wrapper .list .card{margin-top:0;max-width:none}.app_product .title{margin-bottom:36px}.app_product .box-wrapper .box{padding:32px 24px;height:400px}.app_product .box-wrapper .box .content .title{flex-direction:column;align-items:flex-start;gap:8px}.app_product .box-wrapper .box .link{background-color:#fff9}}@media screen and (max-width: 576px){.app_main{padding-top:48px}.app_main .cover{min-height:100vh;padding:28px!important}.app_main .cover .title h1{font-size:24px}.app_main .cover .title p{font-size:14px!important}.app_main .cover .link{gap:12px!important}.app_main .cover .link .link-item{width:100%!important;min-width:none;gap:8px;padding:16px}.app_product .box-wrapper .box{height:520px}.app_product .box-wrapper .cloud{background-image:url(/assets/bg-cloud_mobile-CbxykrVp.png)}.app_product .box-wrapper .matrix{background-image:url(/assets/bg-martix_mobile-B2xy4pVw.png)}}.header-blank{height:68px}.mobile_header-nav .top,.desktop_header-nav{width:100%;position:fixed;display:flex;justify-content:space-between;align-items:center;flex-direction:row;padding:0 8%;border-top:3px solid #0E7ADF;border-bottom:1px solid #F2F5F9;background-color:#fff;z-index:10}.logo-cloudmatrix{width:150px;height:16px;background-image:url(/assets/logo-cloudmatrix-D2ESL5XF.svg);background-size:100%;background-repeat:no-repeat}.desktop_header-nav{height:68px}.desktop_header-nav .nav-logo{width:150px}.desktop_header-nav .nav-link-list{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:0}.desktop_header-nav .nav-link-list .nav-link{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:0;height:64px}.desktop_header-nav .nav-link-list .nav-link:hover{color:#0e7adf}.desktop_header-nav .nav-link-list .nav-link:hover .menu-wrapper{display:flex!important}.desktop_header-nav .nav-link-list .nav-link button{all:unset;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:8px;padding:24px;transition:color .3s ease-in-out}.desktop_header-nav .nav-link-list .nav-link button a{color:#020202;transition:color .3s ease-in-out}.desktop_header-nav .nav-link-list .nav-link button a:hover{color:#0e7adf}.desktop_header-nav .nav-link-list .nav-link .text-link p{transition:color .3s ease-in-out}.desktop_header-nav .nav-link-list .nav-link .text-link p:hover{color:#0e7adf}.desktop_header-nav .nav-link-list .nav-link .menu-wrapper{width:max-content;position:absolute;top:65px;left:0;background-color:#fff;border-radius:4px;box-shadow:0 4px 12px #4b578926;display:none!important}.desktop_header-nav .nav-link-list .nav-link .product{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:24px;align-items:flex-start;padding:20px 24px}.desktop_header-nav .nav-link-list .nav-link .product .divider{height:180px;width:1px;background-color:#edf2f8}.desktop_header-nav .nav-link-list .nav-link .product .inner .title{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:8px;justify-content:flex-start;margin-bottom:12px;color:#6b6b7b}.desktop_header-nav .nav-link-list .nav-link .product .inner .list{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2px;align-items:flex-start}.desktop_header-nav .nav-link-list .nav-link .product .inner .list a{width:calc(100% + 12px);color:#2b2c31;margin-left:-12px;padding:8px 12px;text-decoration:none;border-radius:4px;transition:color .3s ease-in-out}.desktop_header-nav .nav-link-list .nav-link .product .inner .list a:hover{color:#0e7adf;background-color:#f9fafb}.desktop_header-nav .nav-link-list .nav-link .default-menu{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px;align-items:flex-start;padding:12px 8px}.desktop_header-nav .nav-link-list .nav-link .default-menu .link{width:100%;display:flex;flex-direction:row;gap:16px;padding:8px;text-decoration:none;border-radius:8px}.desktop_header-nav .nav-link-list .nav-link .default-menu .link:hover{background-color:#f9fafb}.desktop_header-nav .nav-link-list .nav-link .default-menu .link:hover .icon{color:#0e7adf;background-color:#f9fafb;box-shadow:0 4px 12px #4b57891a}.desktop_header-nav .nav-link-list .nav-link .default-menu .link .icon{height:36px;width:36px;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:0;color:#020202;background-color:#f2f5f9;border-radius:4px;transition:background-color,box-shadow .3s ease-in-out}.desktop_header-nav .nav-link-list .nav-link .default-menu .link .content .title{font-size:16px;font-weight:500;color:#2b2c31}.desktop_header-nav .nav-link-list .nav-link .default-menu .link .content .description{font-size:12px;color:#6b6b7b}.desktop_header-nav .right{position:relative;width:150px;display:flex;justify-content:flex-end}.desktop_header-nav .right:hover .dropdown-menu{display:flex!important}.desktop_header-nav .right .languageDropdown{display:flex;justify-content:space-between;align-items:center;flex-direction:row;position:relative;width:120px;padding:6px 12px;background-color:#f9fafb;border:1px solid #EDF2F8;border-radius:8px;cursor:pointer}.desktop_header-nav .right .languageDropdown .stauts{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:8px}.desktop_header-nav .right .languageDropdown .stauts svg{color:#0e7adf}.desktop_header-nav .right .languageDropdown .stauts p{font-weight:500}.desktop_header-nav .right .dropdown-menu{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:4px;align-items:flex-start;width:120px;position:absolute;top:36px;padding:8px;background-color:#f9fafb;border:1px solid #EDF2F8;border-radius:4px;box-shadow:0 4px 12px #4b578926;display:none!important}.desktop_header-nav .right .dropdown-menu button{width:100%;padding:6px 8px;font-size:14px;font-family:Noto Sans TC;color:#020202;background-color:#f9fafb;border:none;border-radius:4px;transition:all .1s ease-in-out;cursor:pointer}.desktop_header-nav .right .dropdown-menu button:hover{color:#0e7adf;background-color:#f2f5f9}.mobile_header-nav{display:none}.mobile_header-nav span{font-size:16px;font-weight:500;color:#4c4c5a}.mobile_header-nav .top{padding:4px 8px 4px 24px;height:68px}.mobile_header-nav .menu{width:100%;height:100vh;transform:translateY(-100%);overflow:hidden;position:fixed;margin-top:68px;background-color:#fff;z-index:5;transition:transform .3s ease-in-out}.mobile_header-nav .menu.open{transform:translateY(0)}.mobile_header-nav .menu .nav-item{width:100%;height:fit-content}.mobile_header-nav .menu .nav-item .nav-item-title{padding:16px;border-bottom:1px solid #EDF2F8;display:flex;justify-content:space-between;align-items:center;flex-direction:row}.mobile_header-nav .menu .nav-item .nav-item-title:hover{cursor:pointer;background-color:#f9fafb}.mobile_header-nav .menu .nav-item .nav-item-title .subtitle{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:8px}.mobile_header-nav .menu .nav-item .nav-item-content{overflow:hidden;transition:height .3s ease-in-out}.mobile_header-nav .menu .nav-item .nav-item-content .nav-item-content-inner{background-color:#f9fafb;border-bottom:1px solid #D1D9E2}.mobile_header-nav .menu .nav-item .nav-item-content .nav-item-content-inner .title{display:flex;gap:8px;padding:16px;color:#6b6b7b;border-bottom:1px solid #EDF2F8}.mobile_header-nav .menu .nav-item .nav-item-content .nav-item-content-inner .list{display:flex;flex-direction:column}.mobile_header-nav .menu .nav-item .nav-item-content .nav-item-content-inner .list .link{font-size:16px;padding:16px;color:#2b2c31;border-bottom:1px solid #EDF2F8}.mobile_header-nav .menu .nav-item .nav-item-content .nav-item-content-inner .list .link:hover{background-color:#f2f5f9}@media screen and (max-width: 1140px){.header-blank{height:60px}.desktop_header-nav{display:none}.mobile_header-nav{display:flex}}.footer{color:#fff;background-color:#020202}.footer a{color:#fff;text-decoration:underline}.footer a:hover{opacity:80%}.footer .social-link{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:16px}.footer .top{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:36px;padding:80px 24px 64px}.footer .top .logo{width:192px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:24px}.footer .top .contact{display:flex;gap:48px}.footer .top .contact .item{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:8px}.footer .top .contact .item p{max-width:240px}.footer .top .contact .item img{width:16px}.footer .center{display:none}.footer .bottom{display:flex;justify-content:space-between;align-items:center;flex-direction:row;padding:16px 8%;border-top:1px solid #6B6B7B}.footer .bottom .left{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:16px}.footer .bottom .left .link{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:16px;position:relative;padding-right:16px}.footer .bottom .left .link:after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background-color:#fff}.lang-btn{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:12px}.lang-btn .tab{padding:6px;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:4px;background-color:#2b2c31;border-radius:100px}.lang-btn button{all:unset;padding:4px 12px;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:4px;border-radius:100px}.lang-btn button:hover{opacity:100%}.lang-btn .active{background-color:#020202}.lang-btn .default{background-color:none}.lang-btn .default:hover{background-color:#0009}@media screen and (max-width: 1140px){.footer .top{padding:64px 44px;flex-direction:row;align-items:flex-start;justify-content:space-between}.footer .top .contact{flex-direction:column;align-items:flex-end;gap:24px}.footer .center{padding:64px 44px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.footer .center .social-link{display:none}.footer .bottom{padding:16px 44px}.footer .bottom .left .link{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:16px;position:relative;padding-right:0}.footer .bottom .left .link:after{content:"";background-color:#020202}.footer .bottom .left .lang-btn{display:none}}@media screen and (max-width: 720px){.footer .top{padding:64px 32px;flex-direction:column;align-items:center;gap:72px}.footer .top .contact{width:100%;align-items:flex-start}.footer .center{padding:36px 32px 24px}.footer .center .social-link{display:flex}.footer .bottom .left{width:100%;flex-direction:column}.footer .bottom .right{display:none}}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none}body{color:#020202}body{font-family:Noto Sans TC,Segoe UI,Microsoft JhengHei,Arial,sans-serif;font-size:14px}p,h6,h5,h4,h3,h2,h1{line-height:150%}h1{font-size:3rem;font-weight:700}h2{font-size:2.25rem;font-weight:700}h3{font-size:2rem;font-weight:500}h4{font-size:1.75rem;font-weight:500}h5{font-size:1.5rem;font-weight:500}h6{font-size:1.25rem;font-weight:500}p{font-size:14px;font-weight:400}.bg-white{background-color:#fff}.bg-grey-50{background-color:#f9fafb}.bg-grey-50 span{color:#0e7adf}.bg-dark{color:#fff;background:linear-gradient(180deg,#2b2c31,#020202)}.bg-dark span{color:#00b9ff}.support-menu{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:44px;color:#fff;background-image:url(/assets/bg-supportMenu-6JY3fNEu.png)}.support-menu .wrapper{width:92%;max-width:1680px;margin:0 auto;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:44px;padding:64px 0 88px}@media screen and (max-width: 1920px){.support-menu .wrapper{width:90%;max-width:1324px}}@media screen and (max-width: 768px){.support-menu .wrapper{width:86%}}.support-menu .wrapper .ask{font-size:20px;font-weight:500}.support-menu .wrapper .link{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:24px;width:100%}.support-menu .wrapper .link .link-item{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:24px;padding:20px 36px;border-radius:10px;border:1px solid #353738;background-color:#2b2c31;color:#fff}.support-menu .wrapper .link .link-item:hover{background-color:#33343c}.support-menu .wrapper .link .link-item .content{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.support-menu .wrapper .link .link-item .content .title{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:8px}.support-menu .wrapper .link .link-item .content .title span{color:#00b9ff}.support-menu .wrapper .link .link-item .content .description{width:280px;color:#d1d9e2}@media screen and (max-width: 1140px){.support-menu .wrapper .link{flex-direction:column}}@media screen and (max-width: 720px){.support-menu .wrapper .link .link-item img{height:100px;width:100px}.support-menu .wrapper .link .link-item .content{gap:8px}.support-menu .wrapper .link .link-item .content .title h6{font-size:20px}.support-menu .wrapper .link .link-item .content .description{width:100%}}@media screen and (max-width: 576px){.support-menu .wrapper .link .link-item{flex-direction:column}.support-menu .wrapper .link .link-item img{height:100px;width:100px}.support-menu .wrapper .link .link-item .content .title{width:100%;align-items:center}}