.page-outer-wrapper-solution{max-width:1920px;margin:0 auto}.solution-padding{padding:100px 0 120px}.pattern-container{position:relative}.pattern-container::before{content:'';position:absolute;width:650px;height:870px;background-image:url(../../images/solution/liteon-solution-page-pattern.png);background-size:contain;background-repeat:no-repeat;background-position:center;top:-100px;right:-400px;z-index:-1}.unit-title{margin:0 auto}.left-rotate{width:630px;min-width:630px;height:630px;position:relative;background-image:url(../../images/solution/liteon-solution-circle.svg);background-position:center;background-repeat:no-repeat;background-size:contain;top:75px;left:-220px}.soultion-rotate-wrapper .left-sun{width:630px;height:630px;position:relative;background-image:url(../../images/solution/liteon-solution-circle.svg);background-position:center;background-repeat:no-repeat;background-size:contain;margin-left:-220px;margin-right:286px;flex-shrink:0}.soultion-rotate-wrapper{margin-top:135px;margin-bottom:75px;display:flex}.soultion-rotate-wrapper .pos{position:absolute;cursor:pointer;transition:all .5s ease-out}.soultion-rotate-wrapper .pos .title{position:absolute;right:111px;bottom:-46px;display:none}.soultion-rotate-wrapper .pos .title.long-text{right:60px}.soultion-rotate-wrapper .solution-item{width:200px;height:150px;transition:all .5s ease-out}.soultion-rotate-wrapper .active .solution-item{width:400px;height:300px}.soultion-rotate-wrapper .pos1{top:26%;left:82%}.soultion-rotate-wrapper .pos2{left:33.33%;top:87.5%}.soultion-rotate-wrapper .pos3{top:37.5%;left:-16.5%}.soultion-rotate-wrapper .pos4{left:33.33%;top:-12.5%}.left-inner-wrapper{position:absolute;bottom:0;left:0;top:0;left:0}.soultion-item{width:200px;height:150px;z-index:1;cursor:pointer}.soultions-content-block.right-block{display:flex;margin-top:-75px;margin-right:40px;margin-left:max(0px,min(calc(100% - 1290px),50px))}.soultions-content-block .right-swiper-outer .tab-content-wrapper .tab-content{display:none}.soultions-content-block .swiper-btn-block{width:40px;margin-right:30px;display:block;display:flex;flex-direction:column;margin-top:74px;max-height:400px;justify-content:center}.soultions-content-block .swiper-btn-block>.round-btn{position:relative;width:40px;height:40px;margin-top:0;right:auto;top:auto;bottom:auto;left:auto}.soultions-content-block .swiper-btn-block>.round-btn:focus-visible{outline:0}.soultions-content-block .swiper-btn-block>.round-btn:focus-within{outline:0}.soultions-content-block .swiper-btn-block>.round-btn:focus{outline:0}.soultions-content-block .swiper-btn-block>.round-btn:-internal-direct-focus{outline:0}.soultions-content-block .swiper-btn-block>.round-btn::after{display:none}.soultions-content-block .swiper-btn-block .page-prev{transform:rotate(-90deg)}.soultions-content-block .swiper-btn-block .page-next{transform:rotate(90deg)}.soultions-content-block .swiper-btn-block .page-prev+.page-next{margin-top:30px}.solution-overview-img-swiper{margin-top:30px;border-radius:0 0 30px 0;max-height:400px;aspect-ratio:500/280;margin-left:0}.solution-overview-img-swiper img{width:100%;height:100%;object-fit:cover}.soultions-content-block .right-swiper-outer{max-width:1000px}.solution-overview-content-tab{margin-top:30px}.solution-overview-content-tab .tab-content{display:none}.solution-overview-content-tab .btn-block{margin-top:40px}.soultion-rotate-wrapper .left-rotate+.right-block{margin-left:max(20px,min(calc(100% - 1240px),70px))}@media screen and (max-width:1199px){.pattern-container::before{width:546px;height:730px;top:-60px;right:-216px}.soultion-rotate-wrapper{margin-top:85px;margin-bottom:0}.soultion-rotate-wrapper .left-sun{width:332px;height:332px;margin-left:100px;margin-left:-110px;margin-right:138px}.soultion-rotate-wrapper .pos .title{bottom:-10px;left:calc(50% + 20px);right:auto;width:130px;width:max-content;max-width:130px;transform:translate(-50%,100%)}.soultion-rotate-wrapper .pos .title.long-text{right:auto}.soultion-rotate-wrapper .solution-item{width:120px;height:90px}.soultion-rotate-wrapper .active .solution-item{width:215px;height:160px}.soultion-rotate-wrapper .pos1{top:25.9%;left:76.807%}.soultion-rotate-wrapper .pos4{top:-13.554%}.soultion-rotate-wrapper .pos2,.soultion-rotate-wrapper .pos4{left:31.9277%}.soultion-rotate-wrapper .pos2{top:86.445%}.soultion-rotate-wrapper .pos3{top:36.445%;left:-18.07%}.soultion-rotate-wrapper .right-block{margin-left:50px}.left-rotate{margin-left:-261px;left:0;top:45px}.soultion-item{width:120px;height:90px}.soultion-rotate-wrapper .right-block{display:block;margin-top:-45px;margin-left:max(0px,min(calc(100% - 760px),50px))}.soultions-content-block .swiper-btn-block{width:auto;margin-right:0;display:flex;justify-content:center;flex-direction:row;margin-top:0;max-height:none!important}.soultions-content-block .swiper-btn-block .page-prev+.page-next{margin-top:0;margin-left:30px}.soultions-content-block .swiper-btn-block>.round-btn{width:30px;height:30px}.soultions-content-block .swiper-btn-block .page-prev{transform:rotate(180deg)}.soultions-content-block .swiper-btn-block .page-next{transform:rotate(0)}.right-swiper-outer{margin-top:30px}.solution-title-block{text-align:center}.solution-overview-content-tab .btn-block{margin-top:30px}.soultions-content-block .right-swiper-outer{max-width:600px}.solution-padding{padding:60px 0 80px}}@media screen and (max-width:767px){.solution-overview-img-swiper{max-width:500px;max-height:none;margin-left:auto}.pattern-container::before{display:none}.soultion-rotate-wrapper{margin-top:calc(((100% - 120px) * .143) + 40px);padding-right:20px;display:block}.left-block-for-mb{padding-right:20px}.soultion-rotate-wrapper .left-sun{margin-left:auto;margin-right:auto;left:-33.1325%;max-width:600px;aspect-ratio:1/1;width:calc(100% - 60px);height:auto}.soultion-rotate-wrapper .active .solution-item,.soultion-rotate-wrapper .solution-item{width:100%;height:100%}.soultion-rotate-wrapper .pos{width:36.1445%;height:27.108%}.soultion-rotate-wrapper .pos.active{width:64.759%;height:48.192%}.soultion-rotate-wrapper .pos1{top:calc(50% - ((100% * .6475)/ 2));left:calc(100% - 23.192%)}.soultion-rotate-wrapper .pos2{top:calc(100% - ((100% * .27108)/ 2))}.soultion-rotate-wrapper .pos2,.soultion-rotate-wrapper .pos4{left:calc(50% - ((100% * .36144)/ 2))}.soultion-rotate-wrapper .pos3{left:calc(-1 * ((100% * .27108)/ 2));top:calc(50% - ((100% * .361445)/ 2))}.soultion-rotate-wrapper .right-block{margin-top:calc(((100% - 120px) * .143) + 40px);margin-right:0;margin-left:0;padding-left:20px}.soultions-content-block .right-swiper-outer{max-width:none}}.solution-inner-tab .tab-controller .select-item{align-items:stretch}.solution-btn-text{display:flex;justify-content:center;align-items:center}.solution-inner-text-wrapper{margin:0 auto;padding:100px 0 60px}.solution-inner-text-wrapper .top-tab-title{margin-left:auto;margin-right:auto}.top-tab-title.text-clip-hidden{--text-line:2;--text-line-height:60}.solution-inner-brief{margin-top:40px}.solution-inner-brief p.text-clip{position:relative;--text-line:3}.solution-inner-text-wrapper .add-read-more.show-less-content .read-less,.solution-inner-text-wrapper .add-read-more.show-less-content .second-section{display:none}.solution-inner-text-wrapper .add-read-more.show-more-content .read-more{display:none}.solution-inner-text-wrapper .add-read-more .read-less,.solution-inner-text-wrapper .add-read-more .read-more{margin-left:2px;color:var(--primary-blue);cursor:pointer}.solution-inner-text-wrapper .add-read-more{margin:0 auto}.solution-text-tab{display:none}.solution-inner-tab.tab-zone .top-content{z-index:3}.solution-inner-tab .tab-controller{margin-top:0}.solution-inner-tab .tab-zone .tab-controller .select-item div{white-space:nowrap}.solution-inner-tab.tab-zone .bottom-content .tab-content-swiper .swiper-slide{min-height:794px;max-height:794px}.solution-inner-tab .img-lightbox .img-article-container,.solution-tb-pop .img-lightbox .img-article-container{height:560px}.solution-inner-tab .lightbox-container,.solution-tb-pop.lightbox-container{margin-top:166px;width:1000px}.solution-link-wrapper{display:flex;margin-left:-30px;flex-wrap:wrap;flex-shrink:0}.solution-link-wrapper .link-text{color:var(--content-gray);display:block;position:relative;padding-left:21px;font-size:16px;line-height:20px}.solution-link-wrapper .link{margin-top:20px}.solution-link-wrapper .link{margin-left:30px}.solution-link-wrapper .link-text:hover{text-decoration:underline}.solution-link-wrapper .link-text::before{content:"";display:block;position:absolute;left:0;background-repeat:no-repeat;background-position:right;top:50%;transform:translateY(-50%);background-size:contain;background-image:url(../../images/common/liteon-popup-link-icon.svg);width:11px;height:20px}.solution-inner-tab .right-block,.solution-tb-pop .right-block{display:flex;flex-direction:column;align-items:center;height:100%}.solution-inner-tab .img-article-container .right-block{align-items:initial}.solution-inner-tab .left-text-scroll,.solution-tb-pop .left-text-scroll{overflow-y:auto;overflow-x:clip;height:440px;padding-right:10px;scrollbar-width:thin;scrollbar-color:#d3d3d3 #fff}.solution-inner-tab .left-text-scroll::-webkit-scrollbar,.solution-tb-pop .left-text-scroll::-webkit-scrollbar{width:5px}.solution-inner-tab .left-text-scroll::-webkit-scrollbar-thumb,.solution-tb-pop .left-text-scroll::-webkit-scrollbar-thumb{background-color:#d3d3d3;border:4px solid transparent;border-radius:5px}.solution-inner-tab .left-text-scroll::-webkit-scrollbar-thumb:hover,.solution-tb-pop .left-text-scroll::-webkit-scrollbar-thumb:hover{background-color:#afafb0}.solution-inner-tab .left-text-scroll::-webkit-scrollbar-track,.solution-tb-pop .left-text-scroll::-webkit-scrollbar-track{background-color:#f4f4f4;border-radius:50px}.solution-tb-pop .img-article-container .left-block .solution-inner-tab .img-article-container .left-block{padding-right:30px}.solution-inner-tab .bg-img,.text-wrapper .bg-img{position:absolute;top:0;left:0;right:0;bottom:0;background-repeat:no-repeat;background-position:center;background-size:auto 100%;z-index:-1}.solution-buttion-block{position:relative;max-width:1200px;width:100%;top:0;left:50%;transform:translate(-50%,0%);-moz-transform:translate(-50%,0%);-webkit-transform:translate(-50%,0%);-o-transform:translate(-50%,0%)}.solution-pop-btn{position:absolute}.solution-pop-btn.rtl-change{direction:rtl}.solution-pop-btn.rtl-change .icon-box{order:1}.led-light{top:-34px;left:697px}.tag-type-1.disabled{pointer-events:none}.arrow-up.tag-type-1 .mask-trangle,.arrow-up.tag-type-1 .trangle{top:-20px;bottom:auto;left:42px;transform:rotate(63deg)}.arrow-left.tag-type-1 .mask-trangle,.arrow-left.tag-type-1 .trangle{transform:rotate(160deg);left:26px;bottom:21px}.arrow-right.tag-type-1 .mask-trangle,.arrow-right.tag-type-1 .trangle{transform:rotate(159deg);right:-16px;bottom:auto;top:33px;left:auto}.led-light .tag-type-1 .icon-box{background-image:url(../../images/solution/liteon-solution-light-icon.svg)}.safe-solution .icon-box{background-image:url(../../images/solution/liteon-solution-safe-solution-icon.svg)}.safe-solution{top:130px;left:377px}.intelligent-monitor{top:184px;left:79px}.intelligent-monitor .icon-box{background-image:url(../../images/solution/liteon-solution-intelligent-monitor-icon.svg)}.wifi-btn .icon-box{background-image:url(../../images/solution/liteon-solution-wifi-icon.svg)}.wifi-btn{top:235px;left:948px}:lang(en) .wifi-btn,:lang(ja) .wifi-btn{top:194px;left:811px}.monitor-backlight{top:127px;left:351px}.monitor-backlight .icon-box{background-image:url(../../images/solution/liteon-solution-monitor-backlight-icon.svg)}.cloud-server .icon-box{background-image:url(../../images/solution/liteon-solution-could-sever-icon.svg)}.input-device .icon-box{background-image:url(../../images/solution/liteon-solution-input-device-icon.svg)}.led-pclm .icon-box{background-image:url(../../images/solution/liteon-solution-led-pclm-icon.svg)}.cloud-server{top:-54px;left:590px}.input-device{top:350px;left:191px}.led-pclm{top:391px;left:666px}.led-pclm .tag-text{text-align:left}.smart-life-scence-1 .bg-img{background-image:url(../../images/solution/liteon-solution-smart-life-scene-1.jpg)}.smart-life-scence-2 .bg-img{background-image:url(../../images/solution/liteon-solution-smart-life-scene-2.jpg)}.data-center-scence-1 .bg-img{background-image:url(../../images/solution/liteon-solution-data-center-scene-1.jpg)}.magnetic-component{top:70px;left:341px}:lang(en) .magnetic-component,:lang(ja) .magnetic-component{left:281px}.magnetic-component .icon-box{background-image:url(../../images/solution/liteon-solution-magnetic-component-icon.svg)}.liquid-cooling{top:70px;right:344px}:lang(en) .liquid-cooling,:lang(ja) .liquid-cooling{right:298px}.liquid-cooling .icon-box{background-image:url(../../images/solution/liteon-solution-liquid-cooling-icon.svg)}.opto-isolator{top:199px;left:208px}:lang(en) .opto-isolator,:lang(ja) .opto-isolator{left:153px}.opto-isolator .icon-box{background-image:url(../../images/solution/liteon-solution-opto-isolator-icon.svg)}.sever-solution{top:200px;right:280px}:lang(en) .sever-solution,:lang(ja) .sever-solution{right:239px}.sever-solution .icon-box{background-image:url(../../images/solution/liteon-solution-cloud-sever-solution-icon.svg)}.cloud-sever-solution{top:331px;left:120px}:lang(en) .cloud-sever-solution,:lang(ja) .cloud-sever-solution{left:59px}.cloud-sever-solution .icon-box{background-image:url(../../images/solution/liteon-solution-sever-solution-icon.svg)}.cloud-data-center-power{top:330px;right:100px}:lang(en) .cloud-data-center-power,:lang(ja) .cloud-data-center-power{right:57px}.cloud-data-center-power .icon-box{background-image:url(../../images/solution/liteon-solution-cloud-data-center-power-icon.svg)}.clean-mobility-scence-1 .bg-img{background-image:url(../../images/solution/liteon-solution-clean-mobility-scene-1.jpg)}.clean-mobility-scence-2 .bg-img{background-image:url(../../images/solution/liteon-solution-clean-mobility-scene-2.jpg)}.charging-application{top:-10px;left:82px}.charging-application .icon-box{background-image:url(../../images/solution/liteon-solution-charging-application-icon.svg)}.electronic-control{top:92px;left:743px}.electronic-control .icon-box{background-image:url(../../images/solution/liteon-solution-electronic-control-icon.svg)}.magnetic-component-product{top:333px;left:80px}.magnetic-component-product .icon-box{background-image:url(../../images/solution/liteon-solution-magnetic-component-product-icon.svg)}.car-lighting-module{top:316px;left:863px}.car-lighting-module .icon-box{background-image:url(../../images/solution/liteon-solution-car-lighting-module-icon.svg)}.auto-photo-ray{top:172px;left:282px}.auto-photo-ray .icon-box{background-image:url(../../images/solution/liteon-solution-auto-photo-ray-icon.svg)}.road-lighting{top:12px;left:175px}.road-lighting .icon-box{background-image:url(../../images/solution/liteon-solution-road-lighting-icon.svg)}.traffic-signal{top:-34px;left:748px}.traffic-signal .icon-box{background-image:url(../../images/solution/liteon-solution-traffic-signal-icon.svg)}.road-detection{top:138px;left:455px}.road-detection .icon-box{background-image:url(../../images/solution/liteon-solution-road-detection-icon.svg)}.vehicle-lighting{top:465px;left:316px}.vehicle-lighting .icon-box{background-image:url(../../images/solution/liteon-solution-vehicle-lighting-icon.svg)}.efficient-infrastructure-scence-1 .bg-img{background-image:url(../../images/solution/liteon-solution-efficient-infrastructure-scene-1.jpg)}.cell-tower{top:-58px;left:258px}.cell-tower .icon-box{background-image:url(../../images/solution/liteon-solution-cell-tower-icon.svg)}.intelligent-building{top:-33px;left:910px}:lang(en) .intelligent-building,:lang(ja) .intelligent-building{top:-36px;left:902px}.intelligent-building .icon-box{background-image:url(../../images/solution/liteon-solution-intelligent-building-icon.svg)}.microgrid{top:191px;left:590px}.microgrid .icon-box{background-image:url(../../images/solution/liteon-solution-microgrid-icon.svg)}.smart-surveillance{top:255px;left:42px}.smart-surveillance .icon-box{background-image:url(../../images/solution/liteon-solution-smart-surveillance-icon.svg)}.home-energy{top:317px;left:846px}:lang(en) .home-energy,:lang(ja) .home-energy{top:286px;left:836px}:lang(en) .home-energy .tag-type-1,:lang(ja) .home-energy .tag-type-1{text-align:left}.home-energy .icon-box{background-image:url(../../images/solution/liteon-solution-home-energy-icon.svg)}.green-charging{top:438px;left:433px}.green-charging .icon-box{background-image:url(../../images/solution/liteon-solution-green-charging-icon.svg)}.tab-zone .bottom-content .tab-content-swiper.control-solution-tab{background-color:#fff}.img-lightbox.inner-link .img-article-container .left-block .link a+a,.solution-inner-tab .img-lightbox .img-article-container .left-block .link a+a{margin-top:12px}.solution-inner-tab .solution-btn-text{padding:8px 30px;background-color:var(--gray-2);border-radius:25px;transition:.3s}.solution-inner-tab .select-item:hover .solution-btn-text,.solution-inner-tab .swiper-slide-thumb-active .solution-btn-text{background-color:var(--primary-blue);color:#fff}@media screen and (max-width:1199px){:lang(en) .clean-mobility-page-zone.tab-zone .tab-controller,:lang(ja) .clean-mobility-page-zone.tab-zone .tab-controller{max-width:260px}:lang(en) .clean-mobility-scence-1-thum-btn .solution-btn-text,:lang(ja) .clean-mobility-scence-1-thum-btn .solution-btn-text{padding:8px 16px}.solution-tb-pop .img-lightbox .img-article-container .right-block{display:flex;flex-direction:column;align-items:initial}.solution-tb-pop .img-lightbox .img-article-container .right-block .img{margin-right:auto;margin-left:auto}.solution-inner-tab .select-item .solution-btn-text.solution-btn-text{flex:none}.solution-tb-pop .img-lightbox .img-article-container{height:500px}.solution-tb-pop .img-lightbox .img-article-container .left-block{width:52.63%}.solution-tb-pop .img-lightbox .img-article-container .right-block{width:46.875%}.solution-link-wrapper{display:block}.solution-tb-pop .left-text-scroll{height:420px}.solution-inner-tab .tab-zone .tab-controller .solution-btn-text{white-space:normal}.top-tab-title.text-clip-hidden{--text-line-height:48}.bottom-outer-scroll{position:relative}.solution-inner-tab.tab-zone .bottom-content .tab-content-swiper{width:100%}.solution-inner-tab.tab-zone .bottom-content .tab-mask-container.scroll-mask{width:100%;margin-right:auto;margin-left:auto;right:0}.solution-inner-tab .bg-img{width:100%;height:100%;background-size:auto}.soultion-tb-mask-block{position:relative;z-index:2;pointer-events:none}.soultion-tb-mask-block .tab-mask-container{flex-wrap:nowrap;position:absolute;top:-1px;left:0;z-index:2;width:100%;pointer-events:none}.soultion-tb-mask-block .tab-mask-container .mask{height:64px;background-color:#fff}.soultion-tb-mask-block .tab-mask-container .left-mask{border-radius:0 0 64px 0;width:50%;transition:.3s}.soultion-tb-mask-block .tab-mask-container .right-mask{border-radius:0 0 0 64px;flex-grow:1}.bottom-outer-scroll .swiper-slide{overflow-x:auto}.inner-scroll-block{width:1200px;height:100%;position:absolute;top:0;bottom:0}.intelligent-monitor{top:357px}.safe-solution{top:306px}:lang(en) .safe-solution,:lang(ja) .safe-solution{top:298px}.led-light{top:142px}:lang(en) .led-light,:lang(ja) .led-light{top:134px}.wifi-btn{top:411px;left:951px}:lang(en) .wifi-btn,:lang(ja) .wifi-btn{top:363px}.monitor-backlight{top:295px;left:351px}.cloud-server{top:115px;left:590px}.input-device{top:519px;left:190px}.led-pclm{top:558px}.magnetic-component{top:237px;left:338px}.liquid-cooling{top:237px;right:342px}.opto-isolator{top:367px;left:210px}.sever-solution{top:367px;right:280px}.cloud-sever-solution{top:501px;left:120px}.cloud-data-center-power{top:501px;right:97px}.charging-application{top:159px;left:81px}.electronic-control{top:261px;left:744px}.magnetic-component-product{top:502px;left:80px}.car-lighting-module{top:485px;left:863px}.auto-photo-ray{top:341px}.road-lighting{top:180px;left:175px}.traffic-signal{top:136px;left:749px}.road-detection{top:306px;left:457px}.vehicle-lighting{top:635px;left:317px}.cell-tower{top:110px;left:258px}.intelligent-building{top:142px;left:912px}:lang(en) .intelligent-building,:lang(ja) .intelligent-building{top:142px;left:912px}.microgrid{top:360px;left:591px}.smart-surveillance{top:423px;left:41px}.home-energy{top:487px;left:846px}:lang(en) .home-energy,:lang(ja) .home-energy{top:464px;left:840px}.green-charging{top:607px;left:433px}}@media screen and (max-width:767px){.solution-tb-pop .img-lightbox .img-article-container .left-block{width:100%}.solution-tb-pop .lightbox-container{width:calc(100% - 80px)}.popup-scroll-wrapper{padding:30px 20px;height:510px}.popup-scroll-wrapper .img-article-container.img-article-container{overflow-y:auto;overflow-x:clip;height:auto;max-height:450px}.img-lightbox .img-article-container{padding:0}.solution-tb-pop .right-block{display:block}.solution-link-wrapper{display:block;margin-left:0}.solution-link-wrapper .link{margin-top:20px;margin-left:0}.solution-tb-pop .right-block .img{max-width:380px;margin-left:auto;margin-right:auto}.solution-tb-pop .left-text-scroll{height:auto;padding-right:0}.solution-tb-pop .img-lightbox .img-article-container .right-block{width:100%}}