.home-padding{padding:0}.kv-block{overflow:hidden;--kv-min-height:800px}.kv-video-wrapper{position:relative;display:block;height:calc(100vh + var(--header-height));height:calc(100dvh + var(--header-height));height:100vh;height:100dvh;width:100%;min-height:var(--kv-min-height)}.pin-spacer{transition:.3s}.kv-video{min-width:100%;height:100%;background-color:#fff;margin:auto;position:absolute;top:0;bottom:0;right:0;left:50%;transform:translateX(-50%)}.kv-mask{position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(5);opacity:0;background-image:url(../../images/index/liteon-kv-mask.svg);background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:0;z-index:4}.animated .kv-mask{transform:scale(1);opacity:1}.kv-video-info{position:absolute;top:60.926%;top:66.94%;top:65.94%;left:0;right:0;width:700px;margin:auto;z-index:5;text-align:center}.kv-video-info p{text-align:center;font-size:40px;line-height:50px}.kv-scroll-block{position:absolute;top:68.88%;top:74.72%;top:79.72%;right:0;left:0;display:flex;flex-direction:column;align-items:center;z-index:5}.kv-scroll-block,.kv-video-info{opacity:0;transform:translateY(200%)}.animated .kv-scroll-block,.animated .kv-video-info{opacity:1;transform:translateY(0)}.kv-scroll-block .scroll-line{height:205px;height:max(calc(100vh * .1898),205px);height:max(calc(100dvh * .1898),205px);height:max(calc(100vh * .1296),140px);height:max(calc(100dvh * .1296),140px);height:max(calc(100dvh * .11),90px);width:1px;background-color:#b9c4d3}.scroll-txt{margin-top:25px}.kv-scroll-block>span{display:block}@media screen and (max-width:1199px){.home-padding{padding-top:var(--header-height)}.kv-block{--kv-min-height:800px}.kv-mask{background-image:url(../../images/index/liteon-kv-mask-tb.svg);background-position:top 4% center;background-size:auto}.kv-video-wrapper{height:calc(100vh - var(--header-height))}.kv-video-info{top:47.228%;width:455px}.kv-video-info p{font-size:28px;line-height:32px}.kv-scroll-block{top:66.22%}.kv-scroll-block .scroll-line{height:min(calc((100vh - var(--header-height)) * .2105),205px);height:min(calc((100dvh - var(--header-height)) * .2105),205px)}}@media screen and (max-width:1199px) and (min-aspect-ratio:6/5){.kv-video-info{top:52.375%}}@media screen and (max-width:767px){.kv-block{--kv-min-height:520px}.kv-video-wrapper{height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height))}.kv-mask{background-position:top 5% center}.kv-mask{background-image:url(../../images/index/liteon-kv-mask-mb.svg)}.kv-video-info{width:auto}.kv-video-info p{font-size:20px;line-height:24px}.kv-scroll-block{top:48.873%}.kv-scroll-block{top:60.76%}.kv-scroll-block .scroll-line{height:min(calc((100vh - 50px) * .19718),140px);height:min(calc((100dvh - 50px) * .19718),140px)}}.home-container{max-width:1800px;margin:0 auto;padding:0 60px}.banner-kv-block{position:relative;--text-block-width:590px}.banner-kv-click-block{display:block;position:absolute;width:var(--text-block-width);height:265px;bottom:80px;left:60px}.right.banner-kv-click-block{left:auto;right:60px}.banner-content-wrapper{height:638px;position:relative}.kv-img-pc,.kv-img-tb{position:absolute;top:0;bottom:0;right:0;left:0;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:-1}.kv-container{height:100%;margin:0 auto;max-width:1800px;padding:0 60px 80px;display:flex;flex-direction:column;justify-content:flex-end}.kv-text-block{max-width:var(--text-block-width);padding:30px 40px;background-color:rgba(255,255,255,.9);border-radius:0 0 64px 0}.kv-text-block.right{align-self:flex-end}.kv-text-block .text-clip{--text-line:4;--text-line-height:36}.banner-content-wrapper .btn-block{margin-top:12px}.banner-kv-swiper .swiper-pagination{bottom:40px;top:auto;height:auto;display:flex;justify-content:center}.banner-kv-swiper .swiper-pagination .swiper-pagination-bullet{margin:0 5px;height:3px;width:20px;border-radius:3px;background-color:#fff;opacity:1;overflow:hidden;transition:.3s}.banner-kv-swiper .swiper-pagination .swiper-pagination-bullet-active{width:100px;position:relative}.banner-kv-swiper .swiper-pagination .swiper-pagination-bullet-active::before{content:'';position:absolute;height:100%;top:0;left:0;border-radius:3px;background-color:var(--secondary-orange);animation-name:widthBulletGrow;animation-duration:5s;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes widthBulletGrow{from{width:0%}to{width:100%}}.banner-kv-block .swiper-button-next,.banner-kv-block .swiper-button-prev{width:50%;height:100%;top:0;margin:0;transition:cursor .3s}.banner-kv-block .swiper-button-next::after,.banner-kv-block .swiper-button-prev::after{display:none}.banner-kv-block .swiper-button-prev{left:0;cursor:url(../../images/common/liteon-cursor-prev.svg) 32 32,auto}.banner-kv-block .swiper-button-next{right:0;cursor:url(../../images/common/liteon-cursor-next.svg) 32 32,auto}@media screen and (max-width:1199px){.banner-content-wrapper{height:auto}.kv-img-tb{position:static;height:440px}.kv-container{padding:40px 40px 40px;min-height:254px;justify-content:flex-start}.kv-text-block{max-width:none;padding:0;background-color:#fff}.banner-content-wrapper .btn-block{margin-top:20px;justify-content:center}.kv-text-block.right{align-self:initial}.kv-swiper-btn-wrapper{position:absolute;top:388px;width:100%;display:flex;justify-content:center;align-items:center}.banner-kv-block .swiper-button-next,.banner-kv-block .swiper-button-prev{position:relative;width:7.5px;height:12px}.banner-kv-block .swiper-button-next::after,.banner-kv-block .swiper-button-next::before,.banner-kv-block .swiper-button-prev::after,.banner-kv-block .swiper-button-prev::before{content:'';position:absolute;display:block;margin:-40px;width:calc(100% + 20px);height:calc(100% + 20px);background-repeat:no-repeat;background-position:center;background-size:7.5px 12px;font-size:0;transition:opacity .3s}.banner-kv-block .swiper-button-next::before,.banner-kv-block .swiper-button-prev::before{opacity:1;background-image:url(../../images/common/liteon-kv-swiper-arrow.svg)}.banner-kv-block .swiper-button-next::after,.banner-kv-block .swiper-button-next::before{transform:rotate(-180deg)}.banner-kv-block .swiper-button-next::after,.banner-kv-block .swiper-button-prev::after{background-image:url(../../images/common/liteon-kv-swiper-arrow-hover.svg);opacity:0}.banner-kv-block .swiper-button-next:hover:before,.banner-kv-block .swiper-button-prev:hover::before{opacity:0}.banner-kv-block .swiper-button-next:hover::after,.banner-kv-block .swiper-button-prev:hover::after{opacity:1}.banner-kv-block .swiper-button-prev{left:0;cursor:pointer}.banner-kv-block .swiper-button-next{right:0;cursor:pointer}.banner-kv-swiper .swiper-pagination{position:relative;bottom:auto;width:auto;margin:0 15px}.banner-kv-swiper .swiper-pagination .swiper-pagination-bullet{width:16px}.banner-kv-swiper .swiper-pagination .swiper-pagination-bullet-active{width:80px}}@media screen and (max-width:767px){.kv-text-block .text-clip{--text-line:3;--text-line-height:28}.kv-container{padding:40px 20px;min-height:auto}}.latest-news-wrapper{display:flex;--latest-cube-height:36}.latest-news .left-block{background:linear-gradient(90deg,var(--primary-blue) 0%,var(--bg-blue) 100%) 0% 0% no-repeat padding-box;padding:22px 30px;width:200px;font-size:24px;line-height:calc(var(--latest-cube-height) * 1px)}.latest-news .right-block{position:relative;width:calc(100% - 200px);height:80px;padding:22px 74px 22px 30px;background-color:var(--gray-1)}:where(:lang(ja)) .latest-news .left-block{width:210px}:where(:lang(ja)) .latest-news .right-block{width:calc(100% - 210px)}.latest-news-swiper .swiper-slide{color:var(--primary-blue)}.latest-news-swiper .text-clip{--text-line:1;--text-line-height:var(--latest-cube-height)}.latest-news-swiper .marquee-text{display:-webkit-box;color:var(--primary-blue);font-size:24px;line-height:calc(var(--latest-cube-height) * 1px);word-break:break-all}.latest-news-swiper{height:calc(var(--latest-cube-height) * 1px)}.latest-news .swiper-button-next,.latest-news .swiper-button-prev{left:auto;right:30px;width:14px;height:10px;transition:opacity .3s}.latest-news .swiper-button-next::after,.latest-news .swiper-button-prev::after{font-size:0;margin:-20px;width:calc(100% + 10px);height:calc(100% + 10px);background-position:center;background-repeat:no-repeat;background-size:14px 10px;background-image:url(../../images/index/liteon-index-latest-news-arrow.svg)}.latest-news .swiper-button-next::after{transform:rotate(-180deg)}.latest-news .swiper-button-prev{top:20px;margin-top:0}.latest-news .swiper-button-next{top:auto;bottom:20px}.latest-news .swiper-button-disabled{opacity:.3}@media screen and (max-width:1199px){.latest-news-wrapper{--latest-cube-height:28}.latest-news .left-block{padding:16px 20px;width:140px;font-size:18px}.latest-news-swiper .marquee-text{font-size:18px}.latest-news .right-block{width:calc(100% - 140px);padding:16px 50px 16px 20px;height:60px}:where(:lang(ja)) .latest-news .left-block{width:150px}:where(:lang(ja)) .latest-news .right-block{width:calc(100% - 150px)}.latest-news .swiper-button-prev{top:14px}.latest-news .swiper-button-next{bottom:14px}.latest-news .swiper-button-next,.latest-news .swiper-button-prev{right:20px}}@media screen and (max-width:767px){.latest-news-wrapper{display:block}.latest-news .left-block{width:auto;text-align:center;padding:6px 20px}.latest-news .right-block{width:auto}}.index-solution{padding-top:120px;position:relative}.index-section-title.text-clip-hidden{--text-line:1;--text-line-height:36}.index-big-title,.index-section-title{max-width:1120px;margin:0 auto}.index-big-title{margin-top:10px}.index-big-title{font-size:46px;line-height:60px}.index-big-title.text-clip-hidden{--text-line:2;--text-line-height:60}.index-brief{margin-top:20px;font-size:20px;line-height:32px}.index-brief.text-clip{--text-line:2;--text-line-height:32}.index-solution-content{margin-top:130px;height:500px;width:calc(100% - (100% - 1680px)/ 2);margin-left:calc((100% - 1680px)/ 2);position:relative}.gradient-bg{background-color:#00acbb;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;margin-left:auto;border-radius:120px 0 0 0;transition:.3s width,.3s height}.gradient-bg.right{border-radius:0 120px 0 0}.gradient-bg>.gradient{filter:blur(80px)}.gradient-bg>.gradient{content:'';position:absolute;border-radius:50%;z-index:0}.gradient-bg>.gradient-1{top:20px;left:-40px;width:1000px;height:700px;background:#118cbe 0% 0%;background-size:100%;background-position:left top;background-repeat:no-repeat;filter:blur(80px)}.gradient-bg>.gradient-rd{--blur-1-size:clamp(400px, 60vw, 60vw);--blur-2-size:clamp(300px, 40vw, 40vw);--blur-3-size:clamp(100px, 10vw, 10vw);--blur-amount:clamp(40px, 5vw, 90px)}.gradient-bg>.gradient-rd-1{filter:blur(var(--blur-amount));height:var(--blur-1-size);width:calc(var(--blur-1-size) * 1.1);background-color:rgb(0,173,189,.4)}.gradient-bg>.gradient-rd-2{filter:blur(var(--blur-amount));height:var(--blur-2-size);width:calc(var(--blur-2-size) * .75);bottom:20vh;left:20vw;background-color:#d8fdff}.gradient-bg>.gradient-rd-3{filter:blur(var(--blur-amount));height:var(--blur-3-size);width:calc(var(--blur-3-size) * 2);top:20vh;right:20vh;background-color:#00ded7}.gradient-bg>.gradient-3{top:-228px;left:500px;width:1000px;height:1000px;background:#00ded7;background-size:100%;background-position:left top;background-repeat:no-repeat;filter:blur(80px)}.gradient-bg>.gradient-2{top:-243px;left:461;width:1400px;height:1555px;background:#71dde5;background-size:100%;background-position:left top;background-repeat:no-repeat;filter:blur(80px)}.gradient-bg>.gradient-4{top:20px;left:-40px;width:1000px;height:700px;background:transparent radial-gradient(closest-side at 50% 50%,#d8fdff 0%,#a8dDE100 100%);background-size:100%;background-position:left top;background-repeat:no-repeat;filter:blur(80px)}.gradient-bg>.gradient-5{top:-228px;left:89.704px;width:1619.606px;height:1296px;background:transparent radial-gradient(closest-side at 50% 50%,#a8dde1 0%,#a8dDE100 100%);background-size:100%;background-position:left top;background-repeat:no-repeat;filter:blur(80px)}.gradient-bg>.gradient-6{top:-274px;left:0;width:2608.324px;height:2085px;background:transparent radial-gradient(closest-side at 50% 50%,#00ded7 0%,#00dED700 100%);background-size:100%;background-position:left top;background-repeat:no-repeat;filter:blur(80px)}.gradient-bg>.gradient-7{top:20px;left:-40px;width:1000px;height:700px;background:transparent radial-gradient(closest-side at 50% 50%,#d8fdff 0%,#a8dDE100 100%);background-size:100%;background-position:left top;background-repeat:no-repeat;filter:blur(80px)}.gradient-bg>.gradient-8{top:-228px;left:89.704px;width:1619.606px;height:1296px;background:transparent radial-gradient(closest-side at 50% 50%,#a8dde1 0%,#a8dDE100 100%);background-size:100%;background-position:left top;background-repeat:no-repeat;filter:blur(80px)}.gradient-bg>.gradient-9{top:-274px;left:0;width:2608.324px;height:2085px;background:transparent radial-gradient(closest-side at 50% 50%,#00ded7 0%,#00dED700 100%);background-size:100%;background-position:left top;background-repeat:no-repeat;filter:blur(80px)}@media screen and (max-width:1799px){.index-solution-content{width:calc(100% - 60px);margin-left:60px}}.index-solution .right-block{padding-top:80px}.index-solution .tab-title.text-clip-hidden{--text-line:2;--text-line-height:44}.index-solution .tab-info.text-clip{--text-line:6;--text-line-height:32}.index-solution .container{position:relative;z-index:1;display:flex}.index-solution .right-block{width:calc(100% - 620px);margin-right:60px}.index-solution .left-block{width:560px;position:relative}.index-solution .tab-info{margin-top:16px;text-shadow:rgba(0,0,0,.3) 0px 2px 3px}.index-solution .btn-block{margin-top:30px}.index-solution .left-content{margin-top:-100px;height:523px;position:relative}.index-solution .tab-content{display:none}.solution-controller-swiper{height:100%}.solution-img{width:100%;height:100%}.solution-controller-swiper{mask-image:url(../../images/index/liteon-index-solution-mask.svg);mask-position:center;mask-size:contain;mask-repeat:no-repeat;-webkit-mask-image:url(../../images/index/liteon-index-solution-mask.svg);-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat}.solution-icon-swiper{position:absolute;bottom:69px;right:0;width:213.6px;height:153px;border-radius:81px 0 0 0;background-color:var(--primary-blue);pointer-events:none}.solution-icon-swiper .icon-wrapper{padding:24.6px 43.2px 26.6px 41.1px;width:100%;height:100%}.index-solution .left-content .swiper-button-next,.index-solution .left-content .swiper-button-prev{width:50%;height:100%;top:0;margin:0;transition:cursor .3s}.index-solution .left-content .swiper-button-next::after,.index-solution .left-content .swiper-button-prev::after{display:none}.index-solution .left-content .swiper-button-prev{left:0;cursor:url(../../images/common/liteon-cursor-prev.svg) 32 32,auto}.index-solution .left-content .swiper-button-next{right:0;cursor:url(../../images/common/liteon-cursor-next.svg) 32 32,auto}.index-solution .container{margin-left:calc(((100% - 1200px)/ 2) - calc((100% - 1680px)/ 2))}.animate-progress{animation-name:widthBulletGrow;animation-duration:5s;animation-timing-function:linear;animation-fill-mode:forwards}@media screen and (max-width:1799px){.index-solution .container{margin-left:calc(((100% - 1200px)/ 2) - 30px);margin-left:max(0px,calc(((100% - 1200px)/ 2) - 30px))}}@media screen and (max-width:1199px){.index-section-title.text-clip-hidden{--text-line:1;--text-line-height:28}.index-big-title{font-size:32px;line-height:42px}.index-big-title.text-clip-hidden{--text-line:2;--text-line-height:42}.index-solution .tab-title.text-clip-hidden{--text-line:2;--text-line-height:28}.index-solution{padding-top:80px}.index-big-title,.index-section-title{max-width:320px}.solution-controller-swiper{mask-image:url(../../images/index/liteon-index-solution-mask-tb.svg);-webkit-mask-image:url(../../images/index/liteon-index-solution-mask-tb.svg);mask-position:center;mask-size:cover;-webkit-mask-position:center;-webkit-mask-size:cover}.index-solution-content{width:calc(100% - 40px);margin-left:40px;height:315px;margin-top:140px}.index-solution .right-block{padding-top:30px}.gradient-bg{border-radius:60px 0 0 0}.index-solution .tab-info.text-clip{--text-line:4;--text-line-height:28}.index-solution .tab-info{margin-top:10px}.index-solution .container{max-width:768px;padding:0 30px;margin-left:auto}.index-solution .left-content{margin-top:-110px;height:335px}.index-solution .right-block{width:calc(100% - 360px - 30px);margin-right:30px}.index-solution .left-block{width:360px}.solution-icon-swiper{width:137.14px;height:99px;border-radius:40px 0 0 0;bottom:43.6px}.solution-icon-swiper .icon-wrapper{padding:13px 22px 13px 23px}.solution-img{background-repeat:no-repeat;background-size:cover;background-position:center}.index-solution-progress-wrapper{margin-top:30px;display:flex;justify-content:center;align-items:center}.index-solution-progress-wrapper .swiper-pagination,.index-solution-progress-wrapper>.swiper-button-next,.index-solution-progress-wrapper>.swiper-button-prev{position:static;margin-top:0}.solution-page-wrapper{margin:0 20px}.index-solution-progress-wrapper>.swiper-button-next,.index-solution-progress-wrapper>.swiper-button-prev{width:8px;height:12px;display:block;position:relative;top:auto;left:auto;right:auto}.index-solution-progress-wrapper>.swiper-button-next::after,.index-solution-progress-wrapper>.swiper-button-next::before,.index-solution-progress-wrapper>.swiper-button-prev::after,.index-solution-progress-wrapper>.swiper-button-prev::before{content:'';position:absolute;margin:-10px;width:calc(100% + 20px);height:calc(100% + 20px);font-size:0;background-repeat:no-repeat;background-size:8px 12px;background-position:center;transition:opacity .3s}.index-solution-progress-wrapper>.swiper-button-prev::after,.index-solution-progress-wrapper>.swiper-button-prev::before{transform:rotate(180deg)}.index-solution-progress-wrapper>.swiper-button-next::before,.index-solution-progress-wrapper>.swiper-button-prev::before{background-image:url(../../images/index/liteon-index-solution-inline-arrow.svg);opacity:1}.index-solution-progress-wrapper>.swiper-button-next::after,.index-solution-progress-wrapper>.swiper-button-prev::after{background-image:url(../../images/index/liteon-index-solution-inline-arrow-hover.svg);opacity:0}.index-solution-progress-wrapper>.swiper-button-next:hover::before,.index-solution-progress-wrapper>.swiper-button-prev:hover:before{opacity:0}.index-solution-progress-wrapper>.swiper-button-next:hover::after,.index-solution-progress-wrapper>.swiper-button-prev:hover::after{opacity:1}.solution-progressbar{width:100%;height:3px;border-radius:2px;background-color:var(--gray-1)}.solution-progressbar .progress-inner{display:block;height:3px;width:0%;border-radius:2px;background-color:var(--secondary-orange)}}@media screen and (max-width:767px){.index-solution-content{margin-left:0;margin-top:calc(25% + 30px);padding-bottom:60px;width:auto;height:auto}.solution-controller-swiper{mask-image:url(../../images/index/liteon-index-solution-mask-m-long-rec.svg);-webkit-mask-image:url(../../images/index/liteon-index-solution-mask-m-long-rec.svg);mask-position:top center;mask-size:100% auto;mask-repeat:no-repeat;-webkit-mask-position:top center;-webkit-mask-size:100% auto;-webkit-mask-repeat:no-repeat}.index-solution .left-content{margin-top:-25%}.index-solution .container{padding:0 20px;flex-direction:column-reverse}.index-solution .left-block{width:100%}.index-solution .right-block{width:auto;margin-right:0}.index-solution .left-content{height:auto}.index-solution .solution-controller-swiper .solution-img{padding-top:93.125%}.solution-icon-swiper{width:37.738%;height:29.19%;bottom:13.42%}.solution-icon-swiper .icon-wrapper{padding:9.7px 19.7px 13.7px 21.1px}.solution-icon-swiper .icon-wrapper>.img{width:100%;height:100%}.index-solution .btn-block{justify-content:center}.bottom-text-block{margin-top:30px;transition-delay:.1s;transition-duration:.3s}}.index-techology{padding:140px 0 120px}.techology-inner{margin-top:30px;padding-top:80px;height:500px;position:relative;width:calc(100% - (100% - 1680px)/ 2);margin-right:calc((100% - 1680px)/ 2);-webkit-clip-path:ellipse(150% 150% at top right);clip-path:ellipse(150% 150% at top right)}@media screen and (max-width:1799px){.techology-inner{width:calc(100% - 60px);margin-right:60px}}.techology-inner .top-text-wrapper{min-height:106px;max-width:800px;margin:0 auto;position:relative;z-index:1}.techology-inner .top-text-wrapper{margin-right:calc(((100% - 800px)/ 2) - calc((100% - 1680px)/ 2))}.mr-abjust{margin-right:calc(((100% - 1200px)/ 2) - calc((100% - 1680px)/ 2))}.tech-mr-abjust{margin-right:calc(((100% - 1000px)/ 2) - calc((100% - 1680px)/ 2))}.tech-mr-abjust.techology-container{max-width:1000px;padding-left:0;margin-top:50px}@media screen and (max-width:1799px){.techology-inner .top-text-wrapper{margin-right:calc(((100% - 800px)/ 2) - 30px)}.mr-abjust{margin-right:calc(((100% - 1200px)/ 2) - 30px);margin-right:max(0px,calc(((100% - 1200px)/ 2) - 30px))}.tech-mr-abjust{margin-right:calc(((100% - 1000px)/ 2) - 30px);margin-right:max(0px,calc(((100% - 1000px)/ 2) - 30px))}}.top-tab-content{display:none}.techology-inner .top-tab-inner{display:flex}.techology-inner .right-text{width:260px;margin-right:20px}.techology-inner .left-text{width:calc(100% - 280px);text-shadow:rgba(0,0,0,.3) 0px 2px 3px}.techology-inner .right-text.text-clip{--text-line:2;--text-line-height:44}.techology-inner .left-text.text-clip{--text-line:3;--text-line-height:32}.tech-inner-wrapper{position:relative}.tech-swiper-container{max-width:1000px;margin-top:-40px;margin-left:auto;margin-bottom:-116px}.tech-swiper .swiper-slide{width:550px;height:366px}.tech-slide-wrapper{width:100%;height:100%;position:relative;padding-bottom:40px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;overflow:hidden;border-radius:30px 0 30px 0}.tech-slide-wrapper .btn-block{opacity:0;transition:.3s;z-index:10}.swiper-slide-active .tech-slide-wrapper .btn-block{opacity:1;position:relative;z-index:10}.tech-img{position:absolute;top:0;left:0;bottom:0;right:0;background-position:center;background-size:cover}.tech-img::after{content:'';position:absolute;top:0;bottom:0;right:0;left:0;background-color:rgba(255,255,255,.6);transition:.3s}.swiper-slide-active .tech-img::after{background-color:transparent;background-image:linear-gradient(180deg,#00000000 0%,#00000000 59%,#000 100%);opacity:.4s}.tech-swiper-container .swiper-button-next,.tech-swiper-container .swiper-button-prev{width:calc(50% - 90px);height:100%;top:0;margin:0;z-index:1;background-color:transparent;transition:cursor .3s}.tech-swiper-container .swiper-button-next::after,.tech-swiper-container .swiper-button-prev::after{display:none}.tech-swiper-container .swiper-button-prev{left:0;cursor:url(../../images/common/liteon-cursor-prev.svg) 32 32,auto}.tech-swiper-container .swiper-button-next{right:0;cursor:url(../../images/common/liteon-cursor-next.svg) 32 32,auto}.tech-pc-progress>.swiper-pagination{position:static}.tech-pc-progress{position:relative;z-index:1}.tech-pc-progress .swiper-pagination{text-align:left}.tech-progressbar{width:160px;height:3px;border-radius:2px;background-color:#fff;overflow:hidden;position:relative}.tech-progressbar .progress-inner{position:absolute;width:0;height:100%;border-radius:2px;background-color:var(--secondary-orange)}.index-techology .container{display:flex;justify-content:flex-start}.tech-progress-text{color:#fff}.index-techology .gradient-bg{-webkit-clip-path:ellipse(150% 150% at top right);clip-path:ellipse(150% 150% at top right);overflow-x:clip}@media screen and (max-width:1199px){.techology-inner .right-text{width:160px}.techology-inner .left-text{width:calc(100% - 180px)}.techology-inner .left-text.text-clip{--text-line:3;--text-line-height:28}.index-techology{padding:80px 0 140px}.techology-inner{margin-top:90px;width:calc(100% - 40px);margin-right:40px;padding-top:30px;height:320px}.techology-inner .top-text-wrapper{max-width:500px;min-height:94px}.techology-inner .top-text-wrapper{margin-right:calc(((100% - 500px)/ 2) - 20px)}.mr-abjust{margin-right:auto}.tech-mr-abjust{margin-right:auto}.tech-swiper-container{margin-top:30px;max-width:688px;margin-bottom:-64px}.tech-swiper .swiper-slide{width:360px;height:240px}.tech-slide-wrapper{padding-bottom:32px}.tech-progress-text{color:var(--dark-gray)}.index-techology .container{position:absolute;top:-60px;padding-right:0;padding-left:0;justify-content:center;align-items:center;right:0;left:0;width:calc(100% + 40px);margin-right:-40px;margin-top:0;max-width:none}.tech-progressbar{width:auto;background-color:var(--gray-1)}.techology-container .swiper-button-next,.techology-container .swiper-button-prev{width:8px;height:12px;display:block;position:relative;top:0;left:0;right:0;margin-top:0}.tech-pc-progress{margin-top:0;margin-left:20px;margin-right:20px}.techology-container .swiper-button-next::after,.techology-container .swiper-button-next::before,.techology-container .swiper-button-prev::after,.techology-container .swiper-button-prev::before{content:'';position:absolute;margin:-10px;width:calc(100% + 20px);height:calc(100% + 20px);font-size:0;background-repeat:no-repeat;background-size:8px 12px;background-position:center;transition:opacity .3s}.techology-container .swiper-button-next::before,.techology-container .swiper-button-prev::before{background-image:url(../../images/index/liteon-index-solution-inline-arrow.svg);opacity:1}.techology-container .swiper-button-next::after,.techology-container .swiper-button-prev::after{background-image:url(../../images/index/liteon-index-solution-inline-arrow-hover.svg);opacity:0}.techology-container .swiper-button-prev::after,.techology-container .swiper-button-prev::before{transform:rotate(180deg)}.techology-container .swiper-button-next:hover::before,.techology-container .swiper-button-prev:hover::before{opacity:0}.techology-container .swiper-button-next:hover::after,.techology-container .swiper-button-prev:hover::after{opacity:1}.index-techology .gradient-bg{overflow-x:clip;border-radius:0 60px 0 0}}@media screen and (max-width:767px){.index-techology{padding:80px 0 0 0}.index-techology .container,.techology-inner{width:auto;margin-right:0}.index-techology .container{position:static;margin:0 auto}.techology-inner{display:flex;flex-direction:column;height:auto;padding-top:0;margin-top:30px}.tech-swiper-container{margin-top:0;margin-bottom:0;width:100%;max-width:none;margin-top:30px}.tech-swiper{border-radius:30px 0 30px 0}.tech-swiper .swiper-slide{width:100%;height:auto}.tech-slide-wrapper{padding-bottom:0;position:static;display:block;border-radius:0}.tech-img{position:static;padding-bottom:66.66%;background-repeat:no-repeat;background-position:center;background-size:cover}.techology-inner .top-text-wrapper{order:1;margin-top:30px;padding:0 20px 60px;min-height:auto;margin-right:0;max-width:none}.techology-inner .top-tab-inner{display:block}.techology-inner .top-tab-inner .btn-block{margin-top:30px;justify-content:center}.techology-inner .right-text.text-clip{width:auto;margin-right:0}.techology-inner .left-text.text-clip{width:auto;margin-top:10px}.index-techology .gradient-bg{top:25%}.tech-img::after{display:none}.bottom-tec-text{margin-top:30px;padding:0 20px 60px 20px}.bottom-tec-text .info{margin-top:10px}.bottom-tec-text .info.text-clip{--text-line:4;--text-line-height:28}.bottom-tec-text .btn-block{margin-top:30px;justify-content:center}}.index-about{padding-top:120px}.index-about-content{height:500px;width:calc(100% - (100% - 1680px)/ 2);margin-left:calc((100% - 1680px)/ 2);position:relative;margin-top:60px;padding:90px 0}.index-about .index-brief{margin-left:auto;margin-right:auto;margin-top:30px}@media screen and (max-width:1799px){.index-about-content{width:calc(100% - 60px);margin-left:60px}}:root{--marquee-width:2410px;--marquee-elements-displayed:7;--marquee-animation-duration:calc(var(--marquee-elements) * .2s)}.infinite-slider{overflow:hidden;margin:0;max-width:var(--marquee-width)}.infinite-slide-track .slide{width:280px;height:324px;margin-right:30px;flex-shrink:0}.index-about-item{position:relative;height:100%}.index-about-item .img{width:110px;height:110px;margin:0 auto;overflow:visible}.index-about-item .arrow-btn{margin-right:0}.index-about-item .more-btn:hover .arrow-btn{margin-right:-12px}.index-news .arrow-btn{margin-right:0}.index-news .more-btn:hover .arrow-btn{margin-right:-12px}.about-title{text-align:center;margin-top:10px;color:#fff;font-size:32px;line-height:44px;background:linear-gradient(79deg,var(--blue-4) 0%,var(--blue-4) 13%,var(--primary-blue) 68%,#77fffb 92%,#fff 100%);background-size:cover;background-clip:text;-webkit-background-clip:text;transition:color .3s;font-weight:700}.about-title>span{font-size:66px;line-height:70px;display:inline-block;background:linear-gradient(0deg,var(--secondary-blue-3) 0%,var(--blue-4) 10%,#05fff7 50%,#fff 88%);background-clip:text;-webkit-background-clip:text}.hover-img-zoom:hover .index-about-item img{transform:scale(1.15);-moz-transform:scale(1.15);-webkit-transform:scale(1.15);-o-transform:scale(1.15)}.index-about-item:hover .about-title{color:rgba(255,255,255,0)}.about-info{margin-top:10px;height:72px;text-shadow:rgba(0,0,0,.3) 0px 2px 3px}.index-about-item .btn-block{margin-top:10px;justify-content:center}.infinite-slide-track{width:var(--marquee-width)}.infinite-slide-track{display:flex;animation:scroll calc(var(--marquee-elements) * 3s) linear infinite}.infinite-slide-track:hover{animation-play-state:paused}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(calc(-1 * 310px * var(--marquee-elements)))}}@media screen and (max-width:1199px){:root{--marquee-width:1230px;--marquee-elements-displayed:7;--marquee-animation-duration:calc(var(--marquee-elements) * .3s)}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(calc(-1 * 180px * var(--marquee-elements)))}}.infinite-slide-track .slide{width:150px;height:252px}.index-about-content{padding:60px 0;width:calc(100% - 40px);margin-left:40px;height:372px}.index-about-item .img{width:90px;height:90px}.about-title{font-size:18px;line-height:28px}.about-title>span{font-size:36px;line-height:48px}.about-info{height:56px}.index-about .index-brief{max-width:500px;margin-top:20px}.index-about .index-brief.text-clip{--text-line:3;--text-line-height:24}.index-news .more-btn:hover .arrow-btn{margin-right:-8px}.index-about-item .more-btn:hover .arrow-btn{margin-right:-8px}}@media screen and (max-width:767px){.index-about{padding-top:80px}.index-brief{margin-top:30px}.infinite-slide-track{animation:none;display:flex;flex-wrap:wrap;width:auto!important}.infinite-slider{overflow:visible}.index-about-content{width:auto;height:auto;margin-top:30px;margin-left:0;padding:30px 20px 60px}.index-about-content.even{padding:30px 20px 160px}.infinite-slide-track .slide{margin-right:0;width:calc(50% - 10px)}.infinite-slide-track .slide:nth-child(odd){margin-right:20px}.infinite-slide-track .slide:nth-child(even){transform:translateY(100px)}.infinite-slide-track .slide:nth-child(n+3){margin-top:40px}.index-about .index-brief.text-clip{--text-line:4}}.index-news{padding-top:120px}.index-news .text-block-1,.index-news .text-block-2{display:flex;justify-content:space-between;max-width:1020px;margin-left:auto;margin-right:auto}.index-news .index-brief.text-clip{--text-line:3}.index-news .index-brief{margin-top:0}.index-news .index-big-title,.index-news .index-section-title{max-width:none;margin:0}.index-news .index-big-title{width:498px;margin-right:20px}.index-news .index-brief{width:calc(100% - 518px)}.index-news .text-block-2{margin-top:10px}.news-card-wrapper{max-width:1020px;margin-left:auto;margin-right:auto;margin-top:40px;--gap-inline:100px;--gap-block:30px}.news-card{display:flex;flex-direction:column;border-radius:20px 20px 0 0;overflow:hidden;--border-tag-color:var(--primary-blue)}.news-card .img{height:304px}.news-card.other{--border-tag-color:var(--secondary-blue-3)}.news-card.financial{--border-tag-color:var(--secondary-blue-1)}.news-card.esg{--border-tag-color:var(--secondary-green-2)}.news-card.product{--border-tag-color:var(--primary-blue)}.news-card.events{--border-tag-color:var(--secondary-yellow)}.news-card.awards{--border-tag-color:var(--secondary-brown-2)}.news-card-content{border-top:5px solid var(--border-tag-color);background-color:var(--dark-gray);padding:0 40px 40px 0;flex:1}.news-card-content .tag{min-width:200px;padding:1px 0 6px;text-align:center;color:#fff;display:inline-block;vertical-align:top;background-color:var(--border-tag-color)}.news-card-content .text-clip-hidden{--text-line:5;--text-line-height:32}.news-card-content .date{margin-top:36px}.news-card-content .text{margin-top:16px}.news-card-content .date,.news-card-content .text{padding-left:40px}.news-card:hover .text{text-decoration:underline}@media screen and (max-width:1199px){.index-news{padding-top:80px;padding-bottom:80px}.news-card-wrapper{margin-top:40px;--gap-inline:48px;--gap-block:30px}.index-news .index-big-title{width:320px;margin-right:20px;font-size:32px;line-height:42px}.index-news .index-brief{width:calc(100% - 340px);margin-top:10px;font-size:16px;line-height:24px}.index-brief{font-size:16px;line-height:24px}.news-card .img{height:220px}.news-card-content .tag{min-width:120px;padding:0 0 3px 0}.news-card-content .text{margin-top:18px}.news-card-content .date{margin-top:28px}.news-card-content .date,.news-card-content .text{padding-left:20px}.news-card-content{padding:0 20px 30px 0}.news-card-content .text-clip-hidden{--text-line:6;--text-line-height:28}.news-card-content{border-top-width:4px}}@media screen and (max-width:767px){.index-news{padding:80px 0}.index-news .text-block-1{display:block;max-width:320px;margin:0 auto;text-align:center}.index-news .text-block-2{display:block;margin:0 auto;text-align:center}.index-news .index-big-title,.index-news .index-brief{width:auto;margin-right:0;margin-top:30px}.index-news .index-big-title{max-width:320px;margin-right:auto;margin-left:auto;margin-top:10px}.m-news-see-btn{margin-top:16px;justify-content:center}.news-card-wrapper{max-width:320px;margin:26px auto 0}.index-news .index-brief.text-clip{--text-line:4}.news-card-content .text-clip-hidden{height:168px}}.index-explore .two-col{--gap-block:0;--gap-inline:0}.explore-card{display:block;position:relative;padding-top:89.5833%;overflow:hidden}.explore-card .explore-content,.explore-img{position:absolute;top:0;left:0;right:0;bottom:0}.explore-img{position:absolute;background-repeat:no-repeat;background-size:cover;background-position:center;transition:all .3s}.explore-card:hover .explore-img{transform:scale(1.2)}.explore-content{background-repeat:no-repeat;background-size:contain;background-position:center;padding:0 10.416% 12.5% 10.416%;display:flex;flex-direction:column;justify-content:flex-end}.sustainability .explore-img{background-image:url(../../images/index/liteon-life-1.jpg)}.life .explore-img{background-image:url(../../images/index/liteon-life-2.jpg)}.sustainability .explore-content{background-image:url(../../images/index/liteon-life-mask-1.svg)}.life .explore-content{background-image:url(../../images/index/liteon-life-mask-2.svg)}.explore-content .info,.explore-content .title{max-width:480px}.explore-content .title{font-size:46px;line-height:60px}.explore-content .title.text-clip-hidden{--text-line:1;--text-line-height:60}.explore-content .info.text-clip{--text-line:3;--text-line-height:32}.explore-content .title+.info{margin-top:20px}.explore-content .info+.btn-block{margin-top:40px}@media screen and (max-width:1199px){.explore-content .title{font-size:32px;line-height:42px}.explore-content .title.text-clip-hidden{--text-line:1;--text-line-height:42}.explore-content .info{text-align:center}.explore-content .info.text-clip{--text-line-height:28}.explore-card{display:block;position:relative;padding-top:0;height:600px}.sustainability .explore-img{background-image:url(../../images/index/liteon-life-1-tb.jpg)}.life .explore-img{background-image:url(../../images/index/liteon-life-2-tb.jpg)}.sustainability .explore-content{background-image:url(../../images/index/liteon-life-mask-1-tb.svg);background-position:right top;background-size:auto;padding:0 20px 0 40px}.life .explore-content{background-image:url(../../images/index/liteon-life-mask-2-tb.svg);background-position:left top;background-size:auto;padding:0 40px 0 20px}.explore-content{justify-content:center;align-items:center}.explore-content .info,.explore-content .title{max-width:320px}.explore-content .more-btn:hover .arrow-btn{margin-right:-8px}}@media screen and (max-width:767px){.sustainability .explore-content{background-image:url(../../images/index/liteon-life-mask-1-mb.svg);background-position:center;background-size:cover}.life .explore-content{background-image:url(../../images/index/liteon-life-mask-2-mb.svg);background-position:center;background-size:cover}}.anchor-bullet-wrapper{position:absolute;display:flex;flex-direction:column;align-items:flex-end;top:31.66vh;right:0;z-index:99}.anchor-bullet-sticky{display:flex;flex-direction:column;align-items:flex-end}.anchor-bullet-sticky,.anchor-bullet-sticky li,.anchor-bullet-wrapper{pointer-events:none}.bullet-link{display:flex;justify-content:flex-end;align-items:center;pointer-events:auto}.bullet-inner{display:flex;justify-content:flex-end;align-items:center;max-width:50px;border-radius:10px 0 0 10px;background-color:rgba(255,255,255,.73);backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);border:1px solid #fff;box-shadow:0 3px 6px rgba(0,0,0,.1);overflow:hidden;transition:.2s ease-in-out}.bullet-inner{border-bottom:none}.anchor-bullet-sticky li:last-child .bullet-inner{border-bottom:1px solid #fff}.bullet-link:hover .bullet-inner,.is-active .bullet-inner{max-width:300px}.bullet-icon{width:49px;height:49px;padding:8px;flex-shrink:0;background-repeat:no-repeat;background-size:contain;background-position:center;background-origin:content-box}.bullet-txt{color:var(--secondary-blue-3);font-size:16px;line-height:24px;padding:12px 6px 12px 20px;white-space:nowrap}.solution .bullet-icon{background-image:url(../../images/index/liteon-solution-link-icon.svg)}.technology .bullet-icon{background-image:url(../../images/index/liteon-technology-link-icon.svg)}.about .bullet-icon{background-image:url(../../images/index/liteon-about-link-icon.svg)}.news .bullet-icon{background-image:url(../../images/index/liteon-news-link-icon.svg)}.explore .bullet-icon{background-image:url(../../images/index/liteon-explore-link-icon.svg)}@media screen and (max-width:1199px){.bullet-inner{max-width:40px}.bullet-icon{width:39px;height:39px;padding:7px}.bullet-txt{padding:7px 3px 7px 10px}}