@charset "UTF-8";.h-auto,img{height:auto}.imgZoomIn,body,section{min-width:375px}#mainWrite section#section5 .swiper-slide,section{overflow:hidden}#mainWrite h1,#mainWrite h2,#mainWrite h3,#mainWrite h4,#mainWrite h5,#mainWrite h6,#mainWrite li,#mainWrite p,#mainWrite span,#mainWrite ul{margin:0;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}header #main img{width:auto;height:auto}input[type=number]{-moz-appearance:textfield}html{font-size:10px}@media (min-width:1171px){.w3-container .w3-dropdown-click .dropBtn{font-size:15px;padding:25px 8px 15px;margin:0;color:#fff!important}}.w3-input{padding:10px}@media (max-width:500px){.w3-container,.w3-panel{padding:.01em 0}}header #title .title{margin:0 auto}header #title .title li{display:inline-block}img{width:100%;max-height:100%}#mainWrite h1,#mainWrite h2,#mainWrite h3,#mainWrite h4,#mainWrite h5,#mainWrite h6,#mainWrite li,#mainWrite p,#mainWrite span{line-height:normal;font-family:PingFang,"Microsoft JhengHei",Arial,sans-serif}#mainWrite .f-12{font-size:12px}@media (max-width:768px){#mainWrite .f-12{font-size:1.2rem}}#mainWrite .f-14{font-size:14px}@media (max-width:768px){#mainWrite .f-14{font-size:1.2rem}}#mainWrite .f-16{font-size:16px}@media (max-width:768px){#mainWrite .f-16{font-size:1.4rem}}#mainWrite .f-18{font-size:18px}@media (max-width:768px){#mainWrite .f-18{font-size:1.4rem}}#mainWrite .f-20{font-size:20px}@media (max-width:680px){#mainWrite .f-20{font-size:1.6rem}}@media (max-width:480px){#mainWrite .f-20{font-size:1.5rem}}#mainWrite .f-24{font-size:24px}@media (max-width:1280px){#mainWrite .f-24{font-size:2rem}}@media (max-width:768px){#mainWrite .f-24{font-size:1.8rem}}@media (max-width:680px){#mainWrite .f-24{font-size:1.6rem}}@media (max-width:480px){#mainWrite .f-24{font-size:1.4rem}}#mainWrite .f-28{font-size:28px}@media (max-width:1280px){#mainWrite .f-28{font-size:2.4rem}}@media (max-width:768px){#mainWrite .f-28{font-size:1.8rem}}@media (max-width:680px){#mainWrite .f-28{font-size:1.4rem}}#mainWrite .f-32{font-size:32px}@media (max-width:1368px){#mainWrite .f-32{font-size:2.8rem}}@media (max-width:1280px){#mainWrite .f-32{font-size:2.6rem}}@media (max-width:1024px){#mainWrite .f-32{font-size:2.4rem}}@media (max-width:768px){#mainWrite .f-32{font-size:2rem}}@media (max-width:680px){#mainWrite .f-32{font-size:1.8rem}}@media (max-width:480px){#mainWrite .f-32{font-size:1.4rem}}#mainWrite .f-36{font-size:36px}@media (max-width:1280px){#mainWrite .f-36{font-size:3.2rem}}@media (max-width:1024px){#mainWrite .f-36{font-size:3rem}}@media (max-width:768px){#mainWrite .f-36{font-size:2.4rem}}@media (max-width:680px){#mainWrite .f-36{font-size:2rem}}@media (max-width:480px){#mainWrite .f-36{font-size:1.6rem}}#mainWrite .f-42{font-size:42px}@media (max-width:1280px){#mainWrite .f-42{font-size:3.6rem}}@media (max-width:768px){#mainWrite .f-42{font-size:3.6rem}}@media (max-width:680px){#mainWrite .f-42{font-size:2.4rem}}@media (max-width:480px){#mainWrite .f-42{font-size:2rem}}#mainWrite .f-48{font-size:48px}@media (max-width:1280px){#mainWrite .f-48{font-size:3.6rem}}@media (max-width:1024px){#mainWrite .f-48{font-size:4.8rem}}@media (max-width:768px){#mainWrite .f-48{font-size:3.2rem}}@media (max-width:680px){#mainWrite .f-48{font-size:2.4rem}}#mainWrite .f-60{font-size:60px}@media (max-width:1280px){#mainWrite .f-60{font-size:4.8rem}}@media (max-width:768px){#mainWrite .f-60{font-size:4rem}}@media (max-width:680px){#mainWrite .f-60{font-size:3.6rem}}@media (max-width:480px){#mainWrite .f-60{font-size:2.8rem}}#mainWrite .f-72{font-size:72px}@media (max-width:1280px){#mainWrite .f-72{font-size:6rem}}@media (max-width:1024px){#mainWrite .f-72{font-size:4.8rem}}@media (max-width:768px){#mainWrite .f-72{font-size:4rem}}@media (max-width:680px){#mainWrite .f-72{font-size:3.6rem}}@media (max-width:480px){#mainWrite .f-72{font-size:2.8rem}}#mainWrite .f-96{font-size:96px}@media (max-width:1280px){#mainWrite .f-96{font-size:6rem}}@media (max-width:768px){#mainWrite .f-96{font-size:4.8rem}}@media (max-width:680px){#mainWrite .f-96{font-size:3.6rem}}@media (max-width:480px){#mainWrite .f-96{font-size:2.8rem}}#mainWrite .f-120{font-size:120px}@media (max-width:1280px){#mainWrite .f-120{font-size:10rem}}@media (max-width:1024px){#mainWrite .f-120{font-size:8rem}}@media (max-width:768px){#mainWrite .f-120{font-size:7.2rem}}@media (max-width:680px){#mainWrite .f-120{font-size:4.8rem}}@media (max-width:480px){#mainWrite .f-120{font-size:3rem}}#mainWrite .mb-4{margin-bottom:4px}#mainWrite .mb-8{margin-bottom:8px}#mainWrite .mb-12{margin-bottom:12px}#mainWrite .mb-16{margin-bottom:16px}#mainWrite .mb-24{margin-bottom:24px}#mainWrite .mb-36{margin-bottom:36px}#mainWrite .mb-48{margin-bottom:48px}#mainWrite .container{padding:0 12px}#mainWrite .gap-4{gap:4px}#mainWrite .gap-8{gap:8px}#mainWrite .gap-12{gap:12px}#mainWrite .gap-16{gap:16px}#mainWrite .gap-18{gap:18px}#mainWrite .gap-24{gap:24px}#mainWrite .gap-36{gap:36px}#mainWrite .gap-48{gap:48px}#mainWrite h1{font-size:3.6rem}@media (max-width:1280px){#mainWrite h1{font-size:2.8rem}}@media (max-width:1024px){#mainWrite h1{font-size:3.6rem}}@media (max-width:768px){#mainWrite h1{font-size:3rem}}@media (max-width:680px){#mainWrite h1{font-size:2.4rem}}@media (max-width:480px){#mainWrite h1{font-size:2rem}}#mainWrite h2{font-size:3rem}@media (max-width:1368px){#mainWrite h2{font-size:3.4rem}}@media (max-width:1280px){#mainWrite h2{font-size:3rem}}@media (max-width:1024px){#mainWrite h2{font-size:3rem}}@media (max-width:768px){#mainWrite h2{font-size:2rem}}#mainWrite h3{font-size:2.4rem;margin-bottom:8px}@media (max-width:1280px){#mainWrite h3{font-size:2rem}}@media (max-width:680px){#mainWrite h3{font-size:1.8rem}}@media (max-width:480px){#mainWrite h3{font-size:1.6rem}}#mainWrite h4{font-size:2.4rem}@media (max-width:1280px){#mainWrite h4{font-size:2rem}}@media (max-width:768px){#mainWrite h4{font-size:1.6rem}}@media (max-width:480px){#mainWrite h4{font-size:1.4rem}}#mainWrite li,#mainWrite p{font-size:1.8rem}@media (max-width:1280px){#mainWrite li,#mainWrite p{font-size:1.5rem}}@media (max-width:480px){#mainWrite li,#mainWrite p{font-size:1.3rem}}#mainWrite .menu_bottom ul li{display:inline;font-size:16px;margin:5px;font-weight:700}#mainWrite .margin-auto,section{margin:0 auto}#mainWrite .w-auto{width:auto}section{max-width:1600px;position:relative}font{width:100%}.text-bold{font-weight:700}.pchide{display:none}.mhide{display:block}.text-box{position:absolute}.title-box{position:static}.text-white{color:#fff}.text-black{color:#000}@media (max-width:999px){.pchide{display:block}.mhide{display:none}}.w5{width:5%}.w10{width:10%}.w15{width:15%}.w20{width:20%}.w25{width:25%}.w30{width:30%}.w33{width:33%}.w35{width:35%}.w40{width:40%}.w45{width:45%}.w50{width:50%}.w55{width:55%}.w60{width:60%}.w65{width:65%}.w70{width:70%}.w75{width:75%}.w80{width:80%}.w85{width:85%}.w90{width:90%}.w95{width:95%}.w100{width:100%}.h100{height:100%}.flex{display:flex}.flex-1{flex:1}.flex-column{flex-direction:column}.justifyContent{justify-content:center}.justifySpaceBetween{justify-content:space-between}.alignItems{align-items:center}.align-end{align-items:flex-end}.flexWrap{flex-wrap:wrap}.text-wrap{text-wrap:balance}.imgZoomIn{text-align:center;z-index:999999;padding-top:7%}@media (max-width:1024px){.imgZoomIn{padding-top:16%}.imgZoomIn img{width:90%}}#closeBtn{color:#fff;font-size:8rem;background-color:transparent;right:5%;cursor:pointer}#wrapper-loading{position:absolute;width:100%;top:40%;left:0}#bigger-img{display:none}.to-call-big{cursor:zoom-in}.text-italic{font-style:italic}a[href="javascript:;"]{cursor:default}#mainWrite{margin-bottom:60px}#mainWrite .text-orange{color:#eb8643}#mainWrite .text-deep-orange{color:#f60}#mainWrite .tiny-text{font-size:1.2rem}@media (max-width:680px){.imgZoomIn{padding-top:48%}#mainWrite .tiny-text{font-size:1.2rem}}#mainWrite .swiper-button-next:after,#mainWrite .swiper-button-prev:after,#mainWrite .swiper-rtl .swiper-button-next:after{content:""}#mainWrite .glow{aspect-ratio:1;border-radius:50%;background:#fff;position:relative;box-shadow:0 0 12px 2px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center}#mainWrite .glow-blue::after,#mainWrite .glow-orange::after{position:absolute;width:160px;height:160px;transform:rotate(45deg);filter:blur(25px);content:""}#mainWrite .glow-blue::after{background:radial-gradient(circle,rgba(173,216,255,.4),transparent 70%)}#mainWrite .glow-orange::after{background:radial-gradient(circle,rgba(235,134,66,.4),transparent 70%)}#mainWrite .bg,#mainWrite section#section2,#mainWrite section#section3{background-size:cover;background-repeat:no-repeat;background-position:center bottom}#mainWrite .bg{background-image:url(/content/solutions/demo-images/section5-bg.jpg);background-image:-webkit-image-set(url(/content/solutions/demo-images/section5-bg.webp) 1x);padding:24px}#mainWrite section{opacity:0;transition:.3s}#mainWrite section#section1{padding:24px 0}@media (max-width:1024px){#mainWrite .bg{background-image:url(/content/solutions/demo-images/section5-bg-1024.jpg);background-image:-webkit-image-set(url(/content/solutions/demo-images/section5-bg-1024.webp) 1x);padding:24px 0}#mainWrite section#section1{padding:24px 0 42PX}}#mainWrite section#section1>div{box-shadow:0 0 10px 1px #00030}#mainWrite section#section1>div:first-of-type{border-radius:0 24px 24px 0;left:0;top:50%;transform:translateY(-50%);padding:42px 24px 42px 96px}#mainWrite section#section1>div:first-of-type .pointer img{max-width:68px}#mainWrite section#section1>div:first-of-type p{margin-top:12px}@media (max-width:1280px){#mainWrite section#section1>div:first-of-type{padding:32px 24px 32px 48px}}@media (max-width:1024px){#mainWrite section#section1>div:first-of-type{padding:42px 24px 42px 48px;left:0;top:12%;transform:translateY(0);width:96%}#mainWrite section#section1>div:first-of-type p{display:none}}@media (max-width:768px){#mainWrite section#section1>div:first-of-type .pointer img{max-width:32px}#mainWrite section#section1>div:first-of-type{padding:24px 24px 24px 32px}}#mainWrite section#section1>div:last-of-type{display:none;bottom:4%;right:0;padding:32px 72px 32px 48px;border-radius:24px 0 0 24px}@media (max-width:768px){#mainWrite section#section1>div:last-of-type{padding:12px 48px 12px 24px;bottom:2%}}@media (max-width:680px){#mainWrite section#section1>div:last-of-type{padding:12px 48px 12px 24px;width:90%}}#mainWrite section#section2{padding:42px 0;background-image:url(/content/solutions/demo-images/section2-bg.jpg);background-image:-webkit-image-set(url(/content/solutions/demo-images/section2-bg.webp) 1x)}#mainWrite section#section2 .title-box{border-radius:0 60px 60px 0;border:1px solid #eb8643;border-left:1px solid #fff;box-shadow:0 10px 0 0 #eb8643;padding:24px 48px}@media (max-width:768px){#mainWrite section#section2 .title-box{padding:12px 24px}}#mainWrite section#section2 .title-box h2{white-space:nowrap}#mainWrite section#section2 .playground{margin:60px auto}#mainWrite section#section3{padding:42px 0;background-image:url(/content/solutions/demo-images/section3-bg.jpg);background-image:-webkit-image-set(url(/content/solutions/demo-images/section3-bg.webp) 1x)}@media (max-width:1024px){#mainWrite section#section1>div:last-of-type{display:block}#mainWrite section#section2{background-image:url(/content/solutions/demo-images/section2-bg-1024.jpg);background-image:-webkit-image-set(url(/content/solutions/demo-images/section2-bg-1024.webp) 1x)}#mainWrite section#section2 .title-box{width:96%}#mainWrite section#section2 .title-box>.flex{flex-wrap:wrap}#mainWrite section#section2 .title-box>.flex>.flex{align-items:flex-end;gap:4px}#mainWrite section#section3{background-image:url(/content/solutions/demo-images/section3-bg-1024.jpg);background-image:-webkit-image-set(url(/content/solutions/demo-images/section3-bg-1024.webp) 1x)}}@media (max-width:680px){#mainWrite section#section3{padding:48px 8px}}#mainWrite section#section3>h2{margin-bottom:16px}#mainWrite section#section3>.flex{justify-content:center}@media (max-width:1024px){#mainWrite section#section3>.flex{flex-wrap:wrap}}#mainWrite section#section3 .card{width:22%;margin:0 1.5% 32px;border:2px solid #fff}#mainWrite section#section3 .card>h3{margin-bottom:0;padding:0 12px}#mainWrite section#section3 .card .w3-card{flex-grow:1;gap:12px}#mainWrite section#section3 .card p{padding:0 12px 12px;flex-grow:1}@media (max-width:1280px){#mainWrite section#section3 .card{width:24%;margin:0 .5% 32px}}@media (max-width:1024px){#mainWrite section#section3 .card{width:45%;margin:0 2.5% 36px}}@media (max-width:480px){#mainWrite .tiny-text{font-size:1rem}#mainWrite section#section3 .card{width:80%;margin:0 10% 36px}}#mainWrite section#section4{background-color:#f3f2f2;padding:60px 48px}@media (max-width:1280px){#mainWrite section#section4{padding:48px 24px}#mainWrite section#section4>.flex{gap:24px}}#mainWrite section#section4>.flex{margin-top:36px}@media (max-width:1024px){#mainWrite section#section4{padding:48px}#mainWrite section#section4>.flex{flex-wrap:wrap;gap:48px}}@media (max-width:680px){#mainWrite section#section4{padding:48px 16px}#mainWrite section#section4>.flex{gap:12px}}#mainWrite section#section4 .glow{padding:0 16px}@media (max-width:1368px){#mainWrite section#section4 .glow{width:25%}}@media (max-width:1024px){#mainWrite section#section4 .glow{width:40%}}@media (max-width:768px){#mainWrite section#section4 .glow{width:calc(50% - 24px)}}@media (max-width:680px){#mainWrite section#section4 .glow{width:calc(50% - 6px)}}#mainWrite section#section5{padding:24px 48px}#mainWrite section#section5 .swiper{padding:24px 0;transition:.8s}@media (max-width:1368px){#mainWrite section#section5{padding:24px}}@media (max-width:1024px){#mainWrite section#section5>.flex{flex-direction:column;gap:0}#mainWrite section#section5 .w60{width:90%;margin:0 auto}}@media (max-width:768px){#mainWrite section#section5{padding:24px 0}}#mainWrite section#section5 .slider-text-area{position:relative;padding:48px 8px 48px 24px}#mainWrite section#section5 .slider-text-area h2{padding:24px}@media (max-width:1280px){#mainWrite section#section5 .slider-text-area{width:50%;padding:32px 12px}}@media (max-width:1024px){#mainWrite section#section5 .slider-text-area{width:90%;padding:0 12px;margin:0 auto}#mainWrite section#section5 .slider-cards{width:100%;margin:0}#mainWrite section#section6 .title-content{flex-direction:column;gap:24px}}@media (max-width:680px){#mainWrite section#section5 .slider-cards{padding:0}}#mainWrite section#section5 .info{margin-top:16px}#mainWrite section#section5 .text-content{margin:12px 8px}#mainWrite section#section5 .swiper-button-next,#mainWrite section#section5 .swiper-button-prev{position:static}@media (max-width:1024px){#mainWrite section#section6 .title-content>div{width:90%;margin:0 auto 24px}}#mainWrite section#section6 .title-content>div h2{line-height:.9}#mainWrite section#section6 .title-content>div h2:first-of-type{margin-right:60px}#mainWrite section#section6 .title-content>div h2:last-of-type{position:relative;margin-left:60px}#mainWrite section#section6 .title-content>div h2:last-of-type span{z-index:1;position:relative;padding:0 12px}#mainWrite section#section6 .title-content>div h2:last-of-type::after{content:"";width:100%;height:24px;display:inline-block;position:absolute;bottom:8px;left:0;background-color:#eb8643}#mainWrite section#section6>.flex{margin-top:48px}@media (max-width:1024px){#mainWrite section#section6 .title-content>div h2:last-of-type::after{height:12px}#mainWrite section#section6>.flex.cards{width:90%;margin:0 auto}}@media (max-width:680px){#mainWrite section#section6>.flex.cards{width:96%;justify-content:center}}#mainWrite section#section6 .w33{margin-bottom:24px;background-color:#f3f2f2;padding:24px 32px}#mainWrite section#section6 .w33.deep-bg{background-color:#e8e4e4}@media (max-width:768px){#mainWrite section#section6 .w33{width:48%;padding:12px}}@media (max-width:680px){#mainWrite section#section6 .w33{width:100%;margin-bottom:12px}}#mainWrite section#section7{margin-top:24px;padding:96px 48px;background-color:#f3f2f2}#mainWrite section#section7 .orange-btn{background-color:#ed742c;padding:8px 48px;margin-top:24px}#mainWrite section#section7>.flex{align-items:flex-end}#mainWrite section#section7 h2{margin-bottom:32px}@media (max-width:1280px){#mainWrite section#section7{padding:48px 24px}}@media (max-width:768px){#mainWrite section#section7 .orange-btn{margin-top:12px}#mainWrite section#section7>.flex{flex-direction:column;align-items:center;gap:12px}#mainWrite section#section7>.flex .w40{width:90%}#mainWrite section#section7{padding:24px 12px}#mainWrite section#section7 h2{margin-bottom:4px}}