@charset "UTF-8";.about-operation-container .info-zone .map-block .map-outer .map-content .center-info .section-center::before{content:"";display:block;position:absolute;left:0;background-repeat:no-repeat;background-position:right;width:25px;height:25px;top:50%;transform:translateY(-50%);background-size:contain}@keyframes pulsate{0%{transform:scale(0);opacity:.05}20%{transform:scale(.7);opacity:.1}40%{transform:scale(.9);opacity:.2}60%{transform:scale(1.1);opacity:.3}100%{transform:scale(1.4);opacity:0}}.secondary-blue-4-bg{background-color:#d4ecf1}.about-branding-container .liteon-about-video{min-height:100vh;min-height:100dvh;position:relative;padding-top:255px;padding-bottom:270px;z-index:3}.about-branding-container .prev-is-info.liteon-about-video{background-image:none;background:#d5eff6}.about-branding-container .prev-is-feature.product-video{background-image:none;background:#d6f0f7}.about-branding-container .liteon-full-video-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;z-index:-1}.about-branding-container .liteon-full-video-wrapper .img{width:100%;height:100%}.about-branding-container .liteon-about-video .liteon-mask{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.5);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:-1;opacity:0}.about-branding-container .liteon-inner-wrapper{display:flex}.about-branding-container .liteon-about-video .left-block{width:56.25%;padding-right:150px}.about-branding-container .liteon-about-video .right-block{width:31.25%}.about-branding-container .liteon-inner-wrapper .title.text-clip-hidden{--text-line:4;--text-line-height:44}.about-branding-container .liteon-inner-wrapper .brief.text-clip{--text-line:10}.about-branding-container .liteon-inner-wrapper .brief{margin-top:20px}.about-branding-container .video-poster{display:block}.about-branding-container .video-poster .img{width:100%;aspect-ratio:350/196;border-radius:30px;position:relative}.about-branding-container .video-poster .img::before{content:"";position:absolute;top:0;bottom:0;right:0;left:0;background-color:rgba(0,0,0,.3);z-index:0}.about-branding-container .video-poster .img::after{content:"";position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;width:100px;height:100px;background-image:url(../../images/common/liteon-common-video-btn.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.about-branding-container .video-info-text{margin-top:12px;margin-left:auto;margin-right:auto;width:300px;text-align:center}.about-branding-container .video-item+.video-item{margin-top:30px}@media screen and (max-width:1199px){.about-branding-container .liteon-about-video{padding:80px 0}.about-branding-container .liteon-about-video .left-block{padding-right:48px;width:53.488%}.about-branding-container .liteon-about-video .title{width:360px}.about-branding-container .liteon-about-video .right-block{width:46.511%}.about-branding-container .video-info-text{width:100%}}@media screen and (max-width:979px){.about-branding-container .video-info-text{width:250px}}@media screen and (max-width:768px){.about-branding-container .liteon-inner-wrapper{display:block}.about-branding-container .liteon-about-video .left-block{width:auto;padding-right:0}.about-branding-container .liteon-about-video .right-block{margin-top:40px;width:auto}}body,html{overflow-x:clip}@media screen and (min-width:768px){.opacity-pc{opacity:0!important;height:0;width:0;visibility:hidden}}@media screen and (max-width:767px){.opacity-m{opacity:0!important;height:0;width:0;visibility:hidden}}@media screen and (min-width:1921px){body::after{content:"wide_pc";display:none}}@keyframes widthBulletGrow{from{width:0%}to{width:100%}}.animate-progress{animation-name:widthBulletGrow;animation-duration:5s;animation-timing-function:linear;animation-fill-mode:forwards}.common-zone{padding:100px 0}.common-zone .container>.title{margin:0 auto}.frozen-img{width:100.5%;position:fixed;bottom:0;top:auto;z-index:-1;overflow:hidden;left:50%;transform:translate(-50%,0%);-moz-transform:translate(-50%,0%);-webkit-transform:translate(-50%,0%);-o-transform:translate(-50%,0%)}@media screen and (max-width:1199px){.common-zone{padding:60px 0 80px}.common-zone .title{max-width:none}.common-zone .container>.title{max-width:none}}@media screen and (max-width:1199px){.common-zone .container{max-width:768px}}:root{--marquee-width:2410px;--marquee-elements-displayed:7;--marquee-animation-duration:calc(var(--marquee-elements) * 0.2s)}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(calc(-310px * var(--marquee-elements)))}}.infinite-zone{padding:0px 0 220px}.infinite-zone .title{margin-bottom:40px}.infinite-zone .infiniter-slider-container{width:calc(100% - (100% - 1200px)/ 2);margin-left:calc((100% - 1200px)/ 2);position:relative;z-index:3}.infinite-zone .infiniter-slider-container .infinite-slider{margin:0;max-width:var(--marquee-width)}.infinite-zone .infiniter-slider-container .infinite-slider .slide{width:280px;height:324px;margin-right:30px;flex-shrink:0}.infinite-zone .infiniter-slider-container .infinite-slider .slide .item{position:relative;height:100%}.infinite-zone .infiniter-slider-container .infinite-slider .slide .item:hover .inner-title{color:rgba(0,172,187,0)}.infinite-zone .infiniter-slider-container .infinite-slider .slide .item .more-btn:hover .arrow-btn{margin-right:-12px}.infinite-zone .infiniter-slider-container .infinite-slider .slide .item .img{width:110px;height:110px;margin:0 auto;overflow:visible}.infinite-zone .infiniter-slider-container .infinite-slider .slide .item .img img{height:auto}.infinite-slider .slide.hover-img-zoom:hover img{transform:scale(1.15);-moz-transform:scale(1.15);-webkit-transform:scale(1.15);-o-transform:scale(1.15)}.infinite-zone .infiniter-slider-container .infinite-slider .slide .item .arrow-btn{margin-right:0}.infinite-zone .infiniter-slider-container .infinite-slider .slide .item .inner-title{text-align:center;margin-top:10px;color:#00acbb;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}.infinite-zone .infiniter-slider-container .infinite-slider .slide .item .inner-title>.big-text{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}.infinite-zone .infiniter-slider-container .infinite-slider .slide .item .info{margin-top:10px;height:72px}.infinite-zone .infiniter-slider-container .infinite-slider .slide .item .btn-block{margin-top:10px;justify-content:center}.infinite-zone .infinite-slide-track{width:var(--marquee-width)}.infinite-zone .infinite-slide-track{display:flex;animation:scroll calc(var(--marquee-elements) * 3s) linear infinite}.infinite-zone .infinite-slide-track:hover{animation-play-state:paused}@media screen and (max-width:1199px){:root{--marquee-width:1230px;--marquee-elements-displayed:7;--marquee-animation-duration:calc(var(--marquee-elements) * 0.3s)}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(calc(-180px * var(--marquee-elements)))}}.infinite-zone{padding:60px 0 100px}.infinite-zone .title{margin-bottom:40px}.infinite-zone .infiniter-slider-container{width:calc(100% - 40px);margin-left:40px;position:relative}.infinite-zone .infiniter-slider-container .infinite-slider .slide{width:150px;height:252px}.infinite-zone .infiniter-slider-container .infinite-slider .slide .item .img{width:90px;height:90px}.infinite-zone .infiniter-slider-container .infinite-slider .slide .item .inner-title{font-size:18px;line-height:28px}.infinite-zone .infiniter-slider-container .infinite-slider .slide .item .inner-title>.big-text{font-size:36px;line-height:48px}.infinite-zone .infiniter-slider-container .infinite-slider .slide .item .info{height:56px}.infinite-zone .infiniter-slider-container .infinite-slider .slide .item .more-btn:hover .arrow-btn{margin-right:-8px}}@media screen and (max-width:767px){.infinite-zone .infiniter-slider-container{width:100%;padding:0 20px;margin:0}.infinite-zone .infiniter-slider-container .infinite-slider .infinite-slide-track{animation:none;display:flex;flex-wrap:wrap;width:auto!important}.infinite-zone .infiniter-slider-container .infinite-slider .infinite-slider{overflow:visible}.infinite-zone .infiniter-slider-container .infinite-slider .infinite-slide-track .slide{margin-right:0;width:calc(50% - 10px)}.infinite-zone .infiniter-slider-container .infinite-slider .infinite-slide-track .slide:nth-child(odd){margin-right:20px}.infinite-zone .infiniter-slider-container .infinite-slider .infinite-slide-track .slide:nth-child(even){transform:translateY(100px)}.infinite-zone .infiniter-slider-container .infinite-slider .infinite-slide-track .slide:nth-child(n+3){margin-top:40px}}.about-structure-container .info-zone{padding:100px 0 120px}.about-structure-container .info-zone .title{margin-bottom:40px;color:var(--dark-gray)}@media screen and (max-width:1199px){.about-structure-container .info-zone{padding:60px 0 80px}.about-structure-container .info-zone .title{margin-bottom:40px}}.about-funder-container .blue-bg-html-zone{background-image:url(../../images/about/liteon-about-human-bg2.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:100px;padding:100px 0 0px}.about-funder-container .blue-bg-html-zone .message-container{justify-content:center;align-items:flex-start}.about-funder-container .blue-bg-html-zone .message-container .left-block{width:500px;margin-right:60px;margin-top:100px;border-radius:0px 0px 100px 0px;overflow:hidden}.about-funder-container .blue-bg-html-zone .message-container .left-block .article-block{background-color:rgba(255,255,255,.8);padding:40px 21px 40px 40px;height:620px;position:relative;border-radius:0px 0px 100px 0px;overflow:hidden}.about-funder-container .blue-bg-html-zone .message-container .left-block .article-block::before{content:"";display:block;width:100%;height:100px;position:absolute;bottom:0;left:0;background:transparent linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.6431372549) 37%,rgba(255,255,255,.9411764706) 66%,#fff 87%,#fff 100%) 0% 0% no-repeat;pointer-events:none;z-index:2}.about-funder-container .blue-bg-html-zone .message-container .left-block .article-block .visible-view{max-height:540px;overflow:auto;padding-right:19px;padding-bottom:40px;scrollbar-width:thin;scrollbar-color:#d3d3d3 #fff}.about-funder-container .blue-bg-html-zone .message-container .left-block .article-block .visible-view::-webkit-scrollbar{width:5px}.about-funder-container .blue-bg-html-zone .message-container .left-block .article-block .visible-view::-webkit-scrollbar-thumb{background-color:#d3d3d3;border:4px solid transparent;border-radius:5px}.about-funder-container .blue-bg-html-zone .message-container .left-block .article-block .visible-view::-webkit-scrollbar-thumb:hover{background-color:#afafb0}.about-funder-container .blue-bg-html-zone .message-container .left-block .article-block .visible-view::-webkit-scrollbar-track{background-color:#fff;border-radius:50px}.about-funder-container .blue-bg-html-zone .message-container .left-block .article-block .visible-view .inner-title+.inner-list,.about-funder-container .blue-bg-html-zone .message-container .left-block .article-block .visible-view .inner-title+.primary-content,.about-funder-container .blue-bg-html-zone .message-container .left-block .article-block .visible-view .inner-title+.sub-title,.about-funder-container .blue-bg-html-zone .message-container .left-block .article-block .visible-view .sub-title+.inner-list,.about-funder-container .blue-bg-html-zone .message-container .left-block .article-block .visible-view .sub-title+.primary-content{margin-top:20px}.about-funder-container .blue-bg-html-zone .message-container .left-block .article-block .visible-view .bottom-bg{position:relative}.about-funder-container .blue-bg-html-zone .message-container .left-block .article-block .visible-view .primary-content+.bottom-bg{padding-top:40px;margin-top:60px}.about-funder-container .blue-bg-html-zone .message-container .left-block .article-block .visible-view .inner-list+.sub-title{margin-top:40px}.about-funder-container .blue-bg-html-zone .message-container .left-block .article-block .visible-view .primary-content+.inner-title{margin-top:32px}.about-funder-container .blue-bg-html-zone .message-container .left-block .article-block .visible-view .primary-content+.sub-title{margin-top:40px}.about-funder-container .blue-bg-html-zone .message-container .left-block .article-block .visible-view ul.common-ul>li+li{--li-margin-top:16px}.about-funder-container .blue-bg-html-zone .message-container .right-block{width:510px;position:relative}.about-funder-container .blue-bg-html-zone .message-container .right-block .sign{position:absolute;right:0;bottom:53px;width:270px}.about-funder-container .blue-bg-html-zone .message-container .right-block .sign .font-32{margin-top:12px}.about-funder-container .blue-bg-html-zone .message-container .right-block .sign .img{max-width:230px}@media screen and (max-width:1199px){.about-funder-container .blue-bg-html-zone{background-image:url(../../images/about/liteon-about-founder-background-t.jpg);padding:60px 0 0px}.about-funder-container .blue-bg-html-zone .message-container .left-block{width:328px;margin-right:40px;margin-top:0px}.about-funder-container .blue-bg-html-zone .message-container .left-block .article-block{padding:35px 10px 20px 20px;height:500px}.about-funder-container .blue-bg-html-zone .message-container .left-block .article-block::before{height:90px}.about-funder-container .blue-bg-html-zone .message-container .left-block .article-block .visible-view{max-height:425px;padding-right:10px;padding-bottom:40px}.about-funder-container .blue-bg-html-zone .message-container .right-block{width:320px;margin-top:85px}.about-funder-container .blue-bg-html-zone .message-container .right-block .sign{bottom:20px;width:262px}.about-funder-container .blue-bg-html-zone .message-container .right-block .sign .font-32{margin-top:10px}.about-funder-container .blue-bg-html-zone .message-container .right-block .sign .img{max-width:207px}}@media screen and (max-width:767px){.about-funder-container .blue-bg-html-zone{padding:60px 0 100px;background-image:url(../../images/about/liteon-about-founder-background-m.jpg)}.about-funder-container .blue-bg-html-zone .container{max-width:500px}.about-funder-container .blue-bg-html-zone .message-container .inner-title+p{margin-top:30px}.about-funder-container .blue-bg-html-zone .message-container .left-block{width:100%;margin-right:0;order:2}.about-funder-container .blue-bg-html-zone .message-container .right-block{width:100%;max-width:320px;margin:0 auto;order:1}}.about-leadership-container .president{margin-top:0;padding:100px 0 0px;z-index:1;background-image:url(../../images/about/liteon-about-human-bg3.jpg)}.about-leadership-container .president .title{margin-bottom:40px}.about-leadership-container .president .message-container .left-block{order:2;margin-right:0;margin-left:60px}.about-leadership-container .president .message-container .right-block{order:1}.about-leadership-container .president .message-container .right-block .sign{right:auto;bottom:60px;left:190px}.about-leadership-container .manager{padding:140px 0 0px;background-image:url(../../images/about/liteon-about-human-bg1.jpg)}.about-leadership-container .manager .message-container .right-block .sign{bottom:60px;left:199px}.about-leadership-container .blue-bg-html-zone .message-container .left-block{margin-top:60px}@media screen and (max-width:1199px){.about-leadership-container .blue-bg-html-zone .message-container .left-block{margin-top:0px}.about-leadership-container .president{padding:60px 0 0px;background-image:url(../../images/about/liteon-about-leadership-background-1-t.jpg)}.about-leadership-container .president .title{margin-bottom:40px}.about-leadership-container .president .message-container .left-block{margin-left:40px}.about-leadership-container .president .message-container .right-block{order:1;margin-top:60px}.about-leadership-container .president .message-container .right-block .sign{bottom:12px;left:45px}.about-leadership-container .manager{padding:80px 0 0px;background-image:url(../../images/about/liteon-about-leadership-background-2-t.jpg);margin-bottom:-4px}.about-leadership-container .manager .message-container .right-block{margin-top:85px}.about-leadership-container .manager .message-container .right-block .sign{bottom:0px;left:20px}}@media screen and (max-width:767px){.about-leadership-container .president{padding:60px 0 100px;background-image:url(../../images/about/liteon-about-leadership-background-1-m.jpg)}.about-leadership-container .president .message-container .left-block{margin-left:0px}.about-leadership-container .president .message-container .right-block{margin:0}.about-leadership-container .president .message-container .right-block .sign{bottom:12px;left:45px}.about-leadership-container .manager{padding:100px 0 100px;background-image:url(../../images/about/liteon-about-leadership-background-2-m.jpg)}.about-leadership-container .manager .message-container .right-block{margin-top:0px}}.about-operation-container .info-zone{padding:100px 0 120px;position:relative;overflow-x:clip}.about-operation-container .info-zone .container,.about-operation-container .info-zone .map-block-container{position:relative;z-index:3}.about-operation-container .info-zone .gradient-bg{position:absolute;width:100%;top:0;left:50%;bottom:0;max-width:1200px;transform:translateX(-50%);transition:.3s width,.3s height;z-index:2;pointer-events:none}.about-operation-container .info-zone .gradient-bg .gradient{filter:blur(80px);content:"";position:absolute;border-radius:50%;z-index:2}.about-operation-container .info-zone .gradient-bg .gradient-1{position:absolute;opacity:.8;bottom:400px;right:-700px;width:1200px;height:829px;background:radial-gradient(closest-side at 50% 50%,#50a6d0 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.about-operation-container .info-zone .gradient-bg .gradient-2{opacity:.8;bottom:300px;right:600px;width:1200px;height:1200px;background:radial-gradient(closest-side at 50% 50%,#00acbb 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.about-operation-container .info-zone .title{margin-bottom:40px;color:var(--dark-gray)}.about-operation-container .info-zone .inner-content{margin:0 auto}.about-operation-container .info-zone .country-list{max-width:1000px;margin:0 auto;margin-top:66px}.about-operation-container .info-zone .country-list .list-container{width:calc((100% - 92px)/ 3)}.about-operation-container .info-zone .country-list .list-container:nth-child(n+2){margin-left:46px}.about-operation-container .info-zone .country-list .list-container .inner-title{background:transparent linear-gradient(270deg,#64dbd6 0%,#00acbb 50%,#0539b9 100%) 0% 0% no-repeat;border-radius:10px;margin-bottom:17px;padding:7px;width:100%}.about-operation-container .info-zone .country-list .list-container .country-info{width:253px;margin:0 auto;justify-content:space-between}.about-operation-container .info-zone .country-list .list-container .country-info:nth-child(n+2){margin-top:20px}.about-operation-container .info-zone .country-list .list-container .country-info .country{padding-left:19px;position:relative;width:131px}.about-operation-container .info-zone .country-list .list-container .country-info .country::before{content:"";display:inline-block;position:absolute;top:10px;left:0px;width:10px;height:10px;border-radius:50%}.about-operation-container .info-zone .country-list .list-container .country-info .blue-1::before{background-color:#0539b9}.about-operation-container .info-zone .country-list .list-container .country-info .blue-2::before{background-color:#00acbb}.about-operation-container .info-zone .country-list .list-container .country-info .orange::before{background-color:#ff8536}.about-operation-container .info-zone .country-list .list-container .country-info .street{width:105px}.about-operation-container .info-zone .country-list .list-container .country-info .street p+p{margin-top:20px}.about-operation-container .info-zone .map-block{margin-top:60px;height:849px;background-image:url(../../images/about/liteon-about-world-sea.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:0;width:100%;padding:133px 0 90px;border-radius:300px 0 300px 0}.about-operation-container .info-zone .map-block .container{padding:0}.about-operation-container .info-zone .map-block .map-outer .map-content{position:relative}.about-operation-container .info-zone .map-block .map-outer .map-content .map{width:1150px;margin:0 auto}.about-operation-container .info-zone .map-block .map-outer .map-content .map-point-list .map-point{position:absolute;cursor:pointer}.about-operation-container .info-zone .map-block .map-outer .map-content .map-point-list .map-point:hover .shine-post .spot::before{transform:translate(-50%,-50%)}.about-operation-container .info-zone .map-block .map-outer .map-content .map-point-list .map-point:hover .country-name{background:#0539b9 0% 0% no-repeat;border:5px solid #418fde}.about-operation-container .info-zone .map-block .map-outer .map-content .map-point-list .map-point .country-name{background:#00acbb 0% 0% no-repeat;border:5px solid #a8dde1;border-radius:20px;text-align:center;padding:4px 14px;color:#fff;font-size:16px;line-height:24px;transition:all .3s;position:absolute;z-index:3}.about-operation-container .info-zone .map-block .map-outer .map-content .map-point-list .map-point .shine-post .spot{background-color:var(--blue-4)}.about-operation-container .info-zone .map-block .map-outer .map-content .map-point-list .map-point .line{position:absolute}.about-operation-container .info-zone .map-block .map-outer .map-content .map-point-list .map-point:first-child{width:167px;height:63px;top:128px;left:107px}.about-operation-container .info-zone .map-block .map-outer .map-content .map-point-list .map-point:first-child .country-name{top:0;left:55px}.about-operation-container .info-zone .map-block .map-outer .map-content .map-point-list .map-point:first-child .shine-post{bottom:0;right:auto;left:0}.about-operation-container .info-zone .map-block .map-outer .map-content .map-point-list .map-point:first-child .line{top:20px;left:20px}.about-operation-container .info-zone .map-block .map-outer .map-content .map-point-list .map-point:nth-child(2){width:140px;height:59px;top:196px;left:327px}.about-operation-container .info-zone .map-block .map-outer .map-content .map-point-list .map-point:nth-child(2) .country-name{top:0;right:52px}.about-operation-container .info-zone .map-block .map-outer .map-content .map-point-list .map-point:nth-child(2) .shine-post{bottom:0;right:0}.about-operation-container .info-zone .map-block .map-outer .map-content .map-point-list .map-point:nth-child(2) .line{top:20px;left:90px}.about-operation-container .info-zone .map-block .map-outer .map-content .map-point-list .map-point:nth-child(3){width:187px;height:64px;top:344px;left:268px}.about-operation-container .info-zone .map-block .map-outer .map-content .map-point-list .map-point:nth-child(3) .country-name{bottom:0;right:51px}.about-operation-container .info-zone .map-block .map-outer .map-content .map-point-list .map-point:nth-child(3) .shine-post{bottom:auto;top:0;right:0}.about-operation-container .info-zone .map-block .map-outer .map-content .map-point-list .map-point:nth-child(3) .line{top:22px;left:136px}.about-operation-container .info-zone .map-block .map-outer .map-content .map-point-list .map-point:nth-child(4){width:154px;height:62px;top:262px;left:494px}.about-operation-container .info-zone .map-block .map-outer .map-content .map-point-list .map-point:nth-child(4):hover .shine-post .spot{background-color:#ff8536}.about-operation-container .info-zone .map-block .map-outer .map-content .map-point-list .map-point:nth-child(4) .country-name{bottom:0;left:52px}.about-operation-container .info-zone .map-block .map-outer .map-content .map-point-list .map-point:nth-child(4) .shine-post{bottom:auto;top:0;right:auto;left:0}.about-operation-container .info-zone .map-block .map-outer .map-content .map-point-list .map-point:nth-child(4) .shine-post .spot{background-color:#ff8536}.about-operation-container .info-zone .map-block .map-outer .map-content .map-point-list .map-point:nth-child(4) .line{top:22px;left:20px}.about-operation-container .info-zone .map-block .map-outer .map-content .map-point-list .map-point:nth-child(5){width:149px;height:62px;top:184px;left:551px}.about-operation-container .info-zone .map-block .map-outer .map-content .map-point-list .map-point:nth-child(5) .country-name{top:0;left:52px}.about-operation-container .info-zone .map-block .map-outer .map-content .map-point-list .map-point:nth-child(5) .shine-post{bottom:0;left:0}.about-operation-container .info-zone .map-block .map-outer .map-content .map-point-list .map-point:nth-child(5) .line{top:20px;left:22px}.about-operation-container .info-zone .map-block .map-outer .map-content .map-point-list .map-point:nth-child(6){width:249px;height:54px;top:212px;left:695px}.about-operation-container .info-zone .map-block .map-outer .map-content .map-point-list .map-point:nth-child(6) .country-name{bottom:0;right:86px}.about-operation-container .info-zone .map-block .map-outer .map-content .map-point-list .map-point:nth-child(6) .shine-post{bottom:auto;top:-2px;right:auto;left:182px}.about-operation-container .info-zone .map-block .map-outer .map-content .map-point-list .map-point:nth-child(6) .shine-post2{bottom:auto;top:19px;right:0;left:auto}.about-operation-container .info-zone .map-block .map-outer .map-content .map-point-list .map-point:nth-child(6) .line{top:20px;left:163px}.about-operation-container .info-zone .map-block .map-outer .map-content .map-point-list .map-point:nth-child(6) .line2{top:9px;left:172px}.about-operation-container .info-zone .map-block .map-outer .map-content .center-info{width:1150px;margin:0 auto;margin-top:40px}.about-operation-container .info-zone .map-block .map-outer .map-content .center-info .section-center{position:relative;padding-left:28px}.about-operation-container .info-zone .map-block .map-outer .map-content .center-info .section-center::before{width:24px;height:24px}.about-operation-container .info-zone .map-block .map-outer .map-content .center-info .section-center:first-child::before{background-image:url(../../images/about/liteon-orange-spot.svg)}.about-operation-container .info-zone .map-block .map-outer .map-content .center-info .section-center:last-child{margin-left:32px}.about-operation-container .info-zone .map-block .map-outer .map-content .center-info .section-center:last-child::before{background-image:url(../../images/about/liteon-blue-spot.svg)}@media screen and (max-width:1199px){.about-operation-container .info-zone{padding:60px 0 80px}.about-operation-container .info-zone .title{margin-bottom:40px}.about-operation-container .info-zone .gradient-bg{max-width:768px}.about-operation-container .info-zone .gradient-bg .gradient-1{bottom:500px;right:auto;left:383px;width:678px;height:615px;background:radial-gradient(closest-side at 50% 50%,#50a6d0 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.about-operation-container .info-zone .gradient-bg .gradient-2{position:absolute;bottom:500px;right:400px;width:678px;height:615px;background:radial-gradient(closest-side at 50% 50%,#00acbb 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.about-operation-container .info-zone .country-list{margin-top:40px}.about-operation-container .info-zone .country-list .list-container{width:calc((100% - 40px)/ 2)}.about-operation-container .info-zone .country-list .list-container:nth-child(n+2){margin-left:40px}.about-operation-container .info-zone .country-list .list-container:nth-child(n+3){margin-top:30px}.about-operation-container .info-zone .country-list .list-container:nth-child(odd){margin-left:0px}.about-operation-container .info-zone .country-list .list-container .inner-title{margin-bottom:20px}.about-operation-container .info-zone .country-list .list-container .country-info{width:280px}.about-operation-container .info-zone .country-list .list-container .country-info:nth-child(n+2){margin-top:10px}.about-operation-container .info-zone .country-list .list-container .country-info .country{padding-left:20px;width:130px}.about-operation-container .info-zone .country-list .list-container .country-info .country::before{top:8px;left:0px;width:8px;height:8px}.about-operation-container .info-zone .country-list .list-container .country-info .street{width:118px}.about-operation-container .info-zone .country-list .list-container .country-info .street p+p{margin-top:10px}.about-operation-container .info-zone .map-block-container{overflow-x:auto}.about-operation-container .info-zone .map-block{height:auto;width:1200px;padding:64px 0 40px;border-radius:80px 0 80px 0}.about-operation-container .info-zone .map-block .container{padding:0 20px;max-width:none;min-width:1200px}.about-operation-container .info-zone .map-block .map-outer .map-content .center-info{margin-top:20px}}@media screen and (max-width:767px){.about-operation-container .info-zone .country-list .list-container{width:100%}.about-operation-container .info-zone .country-list .list-container:nth-child(n+2){margin-left:0px;margin-top:30px}.about-operation-container .info-zone .gradient-bg{left:87px;bottom:-120px}.about-operation-container .info-zone .gradient-bg .gradient-1{left:-400px;bottom:1000px}.about-operation-container .info-zone .gradient-bg .gradient-2{right:-600px;bottom:600px}}.about-overview-container .gradient-container{position:relative}.about-overview-container .gradient-container .gradient-bg{position:absolute;width:100%;top:0;left:50%;bottom:0;max-width:1200px;transform:translateX(-50%);transition:.3s width,.3s height;z-index:2;pointer-events:none}.about-overview-container .gradient-container .gradient-bg .gradient{filter:blur(80px);content:"";position:absolute;border-radius:50%;z-index:2}.about-overview-container .gradient-container .gradient-bg .gradient-1{position:absolute;opacity:.7;bottom:50px;right:-1000px;width:2000px;height:2000px;background:radial-gradient(closest-side at 50% 50%,#50a6d0 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.about-overview-container .gradient-container .gradient-bg .gradient-2{opacity:.7;bottom:-900px;right:400px;width:2000px;height:2000px;background:radial-gradient(closest-side at 50% 50%,#00acbb 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.about-overview-container .technology-zone{background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:60px;padding:60px 0 135px;min-height:790px}.about-overview-container .technology-zone .frozen-img{display:block!important}.about-overview-container .technology-zone .title{margin-bottom:40px;color:var(--dark-gray)}.about-overview-container .technology-zone .article-block{margin-left:360px;width:600px}.about-overview-container .technology-zone .article-block .inner-title{margin-bottom:20px}.about-overview-container .value-zone{background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:60px;padding:0;overflow:hidden;min-height:940px;position:relative}.about-overview-container .value-zone .container{padding:280px 40px}.about-overview-container .value-zone .light{position:absolute;z-index:1;bottom:0;right:auto;left:50%;transform:translateX(-50%);width:1920px;height:940px;pointer-events:none}.about-overview-container .value-zone .article-block{width:575px;z-index:2}.about-overview-container .value-zone .article-block .inner-title{margin-bottom:20px}.about-overview-container .map-zone{background-image:url(../../images/about/liteon-about-overview-global-background.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:128px;padding:128px 0 120px;min-height:1120px;background-color:#fff}.about-overview-container .map-zone .title{margin-bottom:20px}.about-overview-container .map-zone .map{margin-top:20px}.about-overview-container .map-zone .btn-block{justify-content:center;margin-top:32px}.about-overview-container .infinite-zone{position:relative;z-index:3}.about-overview-container .infinite-zone::before{content:"";display:block;width:100%;height:100%;position:absolute;background-image:url(../../images/about/liteon-about-overview-pattern.png);background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:664px;width:540px;top:0;left:calc((100vw - 1920px)/ 2 + 1380px);pointer-events:none;z-index:2}.about-overview-container .development-zone{padding:0 0 272px;z-index:3;position:relative}.about-overview-container .development-zone .article-block{justify-content:space-between;align-items:flex-start;margin-bottom:42px}.about-overview-container .development-zone .article-block .left-block{width:460px;margin-right:20px}.about-overview-container .development-zone .article-block p{width:calc(100% - 480px)}.about-overview-container .development-zone .blueprint-container{align-items:center}.about-overview-container .development-zone .blueprint-container .left-block{width:730px;margin-right:40px;position:relative}.about-overview-container .development-zone .blueprint-container .left-block .anchor-point-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.about-overview-container .development-zone .blueprint-container .left-block .anchor-point-container .map-point{position:absolute;cursor:pointer}.about-overview-container .development-zone .blueprint-container .left-block .anchor-point-container .map-point:hover .country-name{background:#0539b9 0% 0% no-repeat;border:5px solid #418fde}.about-overview-container .development-zone .blueprint-container .left-block .anchor-point-container .map-point:hover .shine-post .spot{background-color:#0539b9}.about-overview-container .development-zone .blueprint-container .left-block .anchor-point-container .map-point .country-name{background:#00acbb 0% 0% no-repeat;border:5px solid #a8dde1;border-radius:25px;text-align:center;padding:3px 10px;color:#fff;transition:all .3s;position:absolute;top:0;left:0;z-index:3}.about-overview-container .development-zone .blueprint-container .left-block .anchor-point-container .map-point .shine-post .spot{background-color:var(--blue-4)}.about-overview-container .development-zone .blueprint-container .left-block .anchor-point-container .map-point .shine-post{bottom:0;right:auto;left:28px}.about-overview-container .development-zone .blueprint-container .left-block .anchor-point-container .map-point .shine-post .spot{background-color:#ff8536}.about-overview-container .development-zone .blueprint-container .left-block .anchor-point-container .map-point .shine-post .spot::before{display:none}.about-overview-container .development-zone .blueprint-container .left-block .anchor-point-container .map-point .line{position:absolute;top:50px;left:41px}.about-overview-container .development-zone .blueprint-container .left-block .anchor-point-container .map-point:first-child{width:191px;height:120px;top:142px;left:67px}.about-overview-container .development-zone .blueprint-container .left-block .anchor-point-container .map-point:nth-child(2){width:255px;height:120px;top:42px;left:269px}.about-overview-container .development-zone .blueprint-container .left-block .anchor-point-container .map-point:nth-child(3){width:272px;height:120px;top:150px;right:-28px}.about-overview-container .development-zone .blueprint-container .left-block .anchor-point-container .map-point:nth-child(4){width:149px;height:120px;top:380px;left:409px}.about-overview-container .development-zone .blueprint-container .left-block .anchor-point-container .active.map-point .country-name{background:#0539b9 0% 0% no-repeat;border:5px solid #418fde}.about-overview-container .development-zone .blueprint-container .left-block .anchor-point-container .active.map-point .shine-post .spot{background-color:#0539b9}.about-overview-container .development-zone .blueprint-container .left-block .img-list .img:not(.active){display:none}.about-overview-container .development-zone .blueprint-container .right-block{width:calc(100% - 810px);border-radius:0px 0px 30px 0px;opacity:1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:40px;background-color:rgba(255,255,255,.8);min-height:513px;position:relative}.about-overview-container .development-zone .blueprint-container .right-block .strategy-blueprint{display:none;position:absolute;top:40px;left:40px;width:calc(100% - 80px)}.about-overview-container .development-zone .blueprint-container .right-block .strategy-blueprint .inner-title{display:block;margin-bottom:20px;--text-line:2;--text-line-height:48;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:var(--text-line);white-space:normal;display:-webkit-box;overflow:hidden;max-height:calc(var(--text-line) * var(--text-line-height) * 1px)}.about-overview-container .development-zone .blueprint-container .right-block .strategy-blueprint .content{margin-bottom:10px;--text-line:6;--text-line-height:28;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:var(--text-line);white-space:normal;display:-webkit-box;overflow:hidden;max-height:calc(var(--text-line) * var(--text-line-height) * 1px)}.about-overview-container .development-zone .blueprint-container .right-block .strategy-blueprint .btn-block{margin-bottom:20px}.about-overview-container .development-zone .blueprint-container .right-block .strategy-blueprint .img{max-width:270px;margin:0 auto}.about-overview-container .development-zone .blueprint-container .right-block .strategy-blueprint.active{display:block;position:static;width:100%}.about-overview-container .application-zone{padding:160px 0 120px;background-image:url(../../images/about/liteon-about-overview-bg5.png);background-repeat:no-repeat;background-position:top center;background-size:cover;margin-top:-150px;position:relative;z-index:2}.about-overview-container .application-zone .title{margin-bottom:40px}.about-overview-container .application-zone .link-container .link-content{width:33.3333333333%;position:relative;height:250px}.about-overview-container .application-zone .link-container .link-content a{display:block;padding:30px;position:relative;-webkit-mask-image:-webkit-radial-gradient(white,#000);overflow:hidden;height:100%}.about-overview-container .application-zone .link-container .link-content a .title{position:relative;z-index:3}.about-overview-container .application-zone .link-container .link-content a:hover::after{transform:scale(1.2)}.about-overview-container .application-zone .link-container .link-content a:hover .arrow-btn{width:46px}.about-overview-container .application-zone .link-container .link-content a .btn-block{position:absolute;z-index:3;left:30px;bottom:45px}.about-overview-container .application-zone .link-container .link-content a::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;display:block;background-color:#000;z-index:2;opacity:.3;pointer-events:none}.about-overview-container .application-zone .link-container .link-content a::after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;display:block;background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:0;transition:transform .3s ease;pointer-events:none}.about-overview-container .application-zone .link-container .link-content:first-child a::after{background-image:url(../../images/about/liteon-about-overview-application1.jpg)}.about-overview-container .application-zone .link-container .link-content:nth-child(2) a::after{background-image:url(../../images/about/liteon-about-overview-application2.jpg)}.about-overview-container .application-zone .link-container .link-content:nth-child(3) a::after{background-image:url(../../images/about/liteon-about-overview-application3.jpg)}.about-overview-container .application-zone .link-container .link-content:nth-child(4) a::after{background-image:url(../../images/about/liteon-about-overview-application4.jpg)}.about-overview-container .application-zone .link-container .link-content:nth-child(5) a::after{background-image:url(../../images/about/liteon-about-overview-application5.jpg)}.about-overview-container .application-zone .link-container .link-content:nth-child(6) a::after{background-image:url(../../images/about/liteon-about-overview-application6.jpg)}@media screen and (min-width:1921px){.about-overview-container .application-zone{background-image:url(../../images/about/liteon-about-overview-bg5-nomask.jpg);mask-image:url(../../images/about/liteon-curve-mask-960.svg);-webkit-mask-image:url(../../images/about/liteon-curve-mask-960.svg);mask-position:top center;mask-size:auto;-webkit-mask-position:top center;-webkit-mask-size:auto}}@media screen and (min-width:1921px){.about-overview-container .value-zone .light{right:0;left:auto;transform:translateX(0)}}@media screen and (max-width:1199px){.about-overview-container .gradient-container .gradient-bg{max-width:768px}.about-overview-container .gradient-container .gradient-bg .gradient-1{bottom:150px;right:-600px;width:1200px;height:1200px;background:radial-gradient(closest-side at 50% 50%,#50a6d0 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.about-overview-container .gradient-container .gradient-bg .gradient-2{position:absolute;bottom:-150px;right:400px;width:1200px;height:1200px;background:radial-gradient(closest-side at 50% 50%,#00acbb 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.about-overview-container .technology-zone{padding:0px 0 100px;min-height:714px}.about-overview-container .technology-zone .title{margin-bottom:40px}.about-overview-container .technology-zone .article-block{margin-left:340px;width:344px}.about-overview-container .value-zone{min-height:572px}.about-overview-container .value-zone .container{padding:100px 40px}.about-overview-container .value-zone .light{width:1199px;height:572px;top:auto;right:0;bottom:0}.about-overview-container .value-zone .article-block{width:365px}.about-overview-container .map-zone{background-image:url(../../images/about/liteon-about-overview-global-background-t.jpg);padding:100px 0;min-height:0}.about-overview-container .infinite-zone::before{display:none}.about-overview-container .development-zone{padding:0 0 200px}.about-overview-container .development-zone .article-block{margin-bottom:40px}.about-overview-container .development-zone .article-block .left-block{width:324px;margin-right:20px}.about-overview-container .development-zone .article-block p{width:calc(100% - 344px)}.about-overview-container .development-zone .blueprint-container{align-items:flex-start}.about-overview-container .development-zone .blueprint-container .left-block{width:320px;margin-right:48px}.about-overview-container .development-zone .blueprint-container .left-block .anchor-point-container .map-point:hover .country-name{border:3px solid #418fde}.about-overview-container .development-zone .blueprint-container .left-block .anchor-point-container .map-point .country-name{border:3px solid #a8dde1;padding:3px 7px;line-height:14px;font-size:14px;border-radius:20px}.about-overview-container .development-zone .blueprint-container .left-block .anchor-point-container .map-point .shine-post{left:11px;width:20px;height:20px;bottom:-9px}.about-overview-container .development-zone .blueprint-container .left-block .anchor-point-container .map-point .shine-post .spot{width:12px;height:12px}.about-overview-container .development-zone .blueprint-container .left-block .anchor-point-container .map-point .line{top:24px;left:20px;height:20px;width:1px;top:auto;bottom:16px}.about-overview-container .development-zone .blueprint-container .left-block .anchor-point-container .map-point:first-child{width:108px;height:56px;top:74px;left:13px}.about-overview-container .development-zone .blueprint-container .left-block .anchor-point-container .map-point:nth-child(2){width:147px;height:56px;top:20px;left:109px}.about-overview-container .development-zone .blueprint-container .left-block .anchor-point-container .map-point:nth-child(3){width:103px;height:70px;top:56px;left:212px;right:auto}.about-overview-container .development-zone .blueprint-container .left-block .anchor-point-container .map-point:nth-child(4){width:84px;height:56px;top:167px;left:185px}.about-overview-container .development-zone .blueprint-container .left-block .anchor-point-container .active.map-point .country-name{border:3px solid #418fde}.about-overview-container .development-zone .blueprint-container .right-block{width:calc(100% - 368px);padding:30px 20px;min-height:417px}.about-overview-container .development-zone .blueprint-container .right-block .strategy-blueprint{top:30px;left:20px;width:calc(100% - 40px)}.about-overview-container .development-zone .blueprint-container .right-block .strategy-blueprint .inner-title{margin-bottom:20px;--text-line-height:44}.about-overview-container .application-zone{padding:140px 0 80px;background-image:url(../../images/about/liteon-about-overview-bg5-tb.png);margin-top:-100px}.about-overview-container .application-zone .title{margin-bottom:40px}.about-overview-container .application-zone .link-container .link-content{width:50%;height:230px}.about-overview-container .application-zone .link-container .link-content a{padding:30px 26px 25px}.about-overview-container .application-zone .link-container .link-content a:hover .arrow-btn{width:32px}.about-overview-container .application-zone .link-container .link-content a .btn-block{left:26px;bottom:25px}}@media screen and (max-width:767px){.about-overview-container .gradient-container .gradient-bg{left:87px;bottom:-120px}.about-overview-container .gradient-container .gradient-bg .gradient-1{right:auto;width:900px;height:900px;background:radial-gradient(closest-side at 50% 50%,#50a6d0 0%,rgba(65,143,222,0) 100%);filter:blur(80px);left:0;bottom:500px}.about-overview-container .gradient-container .gradient-bg .gradient-2{position:absolute;bottom:-50px;width:900px;height:900px;background:radial-gradient(closest-side at 50% 50%,#00acbb 0%,rgba(65,143,222,0) 100%);right:-100px}.about-overview-container .technology-zone{background-image:none!important;padding:0px 0 353px;min-height:0px;background-attachment:scroll;position:relative}.about-overview-container .technology-zone::before{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:347px;background-image:url(../../images/about/liteon-about-overview-1-m.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1}.about-overview-container .technology-zone .article-block{margin-left:0;width:100%}.about-overview-container .value-zone{background-image:url(../../images/about/liteon-about-overview-2-1-m.jpg)!important;background-position:center!important;min-height:0px}.about-overview-container .value-zone .container{padding:100px 20px 368px}.about-overview-container .value-zone .light{height:auto;max-width:767px}.about-overview-container .value-zone .article-block{width:100%}.about-overview-container .map-zone{background-image:url(../../images/about/liteon-about-overview-global-background-m.jpg)}.about-overview-container .development-zone .article-block .left-block{width:100%;margin-right:0px}.about-overview-container .development-zone .article-block p{width:100%}.about-overview-container .development-zone .blueprint-container{align-items:flex-start}.about-overview-container .development-zone .blueprint-container .left-block{width:320px;margin-right:0px;margin:0 auto}.about-overview-container .development-zone .blueprint-container .right-block{width:100%;margin-top:30px}.about-overview-container .application-zone{background-image:url(../../images/about/liteon-about-overview-bg5-m.png)}.about-overview-container .application-zone .link-container .link-content{width:100%;height:215x}.about-overview-container .application-zone .link-container .link-content a{padding:30px}.about-overview-container .application-zone .link-container .link-content a .btn-block{left:16px}}.about-milestones-container .common-zone{padding-bottom:0}.about-milestones-container .milestones{position:relative}.about-milestones-container .title{margin-bottom:40px}.about-milestones-container .milestones-content{margin-top:166px;position:relative;z-index:3}.about-milestones-container .milestones .right-block{margin-top:-80px}.about-milestones-container .milestones .milestone-content{position:relative;z-index:1}.about-milestones-container .milestones .right-block{width:calc(100% - 720px);margin-right:60px}.about-milestones-container .milestones .left-block{width:660px;position:relative}.about-milestones-container .milestones .tab-info{margin-top:16px}.about-milestones-container .milestones .btn-block{margin-top:30px}.about-milestones-container .milestones .left-content{margin-top:-166px;height:616px;position:relative}.about-milestones-container .milestones .tab-content{display:none}.about-milestones-container .time-zone{position:relative;padding:0 20px;margin-top:-40px}.about-milestones-container .tab-content .time-line{text-align:center;font-size:55px;line-height:44px;background:transparent linear-gradient(270deg,#64dbd6 0%,#00acbb 50%,#0539b9 100%) 0% 0% no-repeat;color:rgba(0,172,187,0);background-size:cover;background-clip:text;-webkit-background-clip:text;transition:color .3s;font-weight:700}.about-milestones-container .tab-content .space-line{padding:0 10px}.about-milestones-container .tab-content .btn-block{justify-content:center}.about-milestones-container .tab-content .btn-block .common-btn{cursor:pointer}.about-milestones-container .solution-controller-swiper{height:100%}.about-milestones-container .solution-img{width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center}.about-milestones-container .top-container{padding-bottom:114px}.about-milestones-container .top-container .hidden-pc{position:relative;z-index:3}.about-milestones-container .gradient-container{position:relative}.about-milestones-container .gradient-container .gradient-bg{position:absolute;width:100%;top:0;left:50%;bottom:0;max-width:1200px;transform:translateX(-50%);transition:.3s width,.3s height;z-index:2;pointer-events:none}.about-milestones-container .gradient-container .gradient-bg .gradient{filter:blur(80px);content:"";position:absolute;border-radius:50%;z-index:2}.about-milestones-container .gradient-container .gradient-bg .gradient-1{position:absolute;opacity:.8;bottom:100px;right:-447px;width:1200px;height:829px;background:radial-gradient(closest-side at 50% 50%,#50a6d0 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.about-milestones-container .gradient-container .gradient-bg .gradient-2{opacity:.8;bottom:0;right:600px;width:1500px;height:829px;background:radial-gradient(closest-side at 50% 50%,#00acbb 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.about-milestones-container .show-zone{background:transparent linear-gradient(359deg,#d5eff6 0%,#fff 100%) 0% 0% no-repeat;padding-bottom:120px;position:relative;z-index:3}.about-milestones-container .show-zone .year-container{align-items:flex-start}.about-milestones-container .show-zone .year-block:not(.active){display:none}.about-milestones-container .show-zone .year-block .left-img{width:560px;height:1024px;position:relative;z-index:2}.about-milestones-container .show-zone .year-block .left-img .img,.about-milestones-container .show-zone .year-block .left-img .img-bg{margin-left:-160px;overflow:hidden;border-radius:0 0px 100px 0;position:absolute;top:0;left:0;height:100%;width:720px;overflow:hidden;opacity:0}.about-milestones-container .show-zone .year-block .left-img .img-bg{opacity:1}.about-milestones-container .show-zone .year-block .left-img .viewable-box{position:relative;top:0;width:100%;height:100%;transition:top .3s}.about-milestones-container .show-zone .year-block .left-img .viewable-box.fixed{position:fixed;height:1024px}.about-milestones-container .show-zone .year-block .right-content{margin-left:90px;margin-top:300px;width:calc(100% - 650px);position:relative}.about-milestones-container .show-zone .year-block .right-content::before{content:"";display:block;position:absolute;bottom:65px;left:100%;width:449px;height:415px;background-image:url(../../images/about/liteon-about-milestone-pattern.png);background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:0}.about-milestones-container .show-zone .year-block .right-content .year-content{max-width:468px}.about-milestones-container .show-zone .year-block .right-content .year-content .year{font-size:70px;line-height:80px;margin-bottom:20px}.about-milestones-container .show-zone .year-block .right-content .year-content+.year-content{margin-top:116px}.about-milestones-container .show-zone .single-year .right-content{width:1055px;margin-left:0}.about-milestones-container .show-zone .single-year .right-content .year-content{max-width:800px}.about-milestones-container .stop-anchor{position:absolute;bottom:120px}.about-milestones-container .solution-controller-swiper{mask-image:url(../../images/index/liteon-index-solution-mask.svg);-webkit-mask-image:url(../../images/index/liteon-index-solution-mask.svg)}.about-milestones-container .milestones .left-content .swiper-button-next,.about-milestones-container .milestones .left-content .swiper-button-prev{width:50%;height:100%;top:0;margin:0;transition:cursor .3s}.about-milestones-container .milestones .left-content .swiper-button-next::after,.about-milestones-container .milestones .left-content .swiper-button-prev::after{display:none}.about-milestones-container .milestones .left-content .swiper-button-prev{left:0;cursor:url(../../images/common/liteon-cursor-prev.svg) 32 32,auto}.about-milestones-container .milestones .left-content .swiper-button-next{right:0;cursor:url(../../images/common/liteon-cursor-next.svg) 32 32,auto}.about-milestones-container .milestones-progress-wrapper{margin-top:100px;display:flex;justify-content:center;align-items:center}.about-milestones-container .milestones-progress-wrapper .space{width:calc(100% - 40px);margin:0 auto;height:40px}.about-milestones-container .milestones-progress-wrapper .swiper-pagination,.about-milestones-container .milestones-progress-wrapper>.swiper-button-next,.about-milestones-container .milestones-progress-wrapper>.swiper-button-prev{position:static;margin-top:0}.about-milestones-container .solution-page-wrapper{margin:0 20px}.about-milestones-container .milestones-progress-wrapper>.swiper-button-next,.about-milestones-container .milestones-progress-wrapper>.swiper-button-prev{width:8px;height:12px;display:block;position:relative;top:auto;left:auto;right:auto}.about-milestones-container .milestones-progress-wrapper>.swiper-button-next::after,.about-milestones-container .milestones-progress-wrapper>.swiper-button-next::before,.about-milestones-container .milestones-progress-wrapper>.swiper-button-prev::after,.about-milestones-container .milestones-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}.about-milestones-container .milestones-progress-wrapper>.swiper-button-prev::after,.about-milestones-container .milestones-progress-wrapper>.swiper-button-prev::before{transform:rotate(180deg)}.about-milestones-container .milestones-progress-wrapper>.swiper-button-next::before,.about-milestones-container .milestones-progress-wrapper>.swiper-button-prev::before{background-image:url(../../images/index/liteon-index-solution-inline-arrow.svg);opacity:1}.about-milestones-container .milestones-progress-wrapper>.swiper-button-next::after,.about-milestones-container .milestones-progress-wrapper>.swiper-button-prev::after{background-image:url(../../images/index/liteon-index-solution-inline-arrow-hover.svg);opacity:0}.about-milestones-container .milestones-progress-wrapper>.swiper-button-next:hover::before,.about-milestones-container .milestones-progress-wrapper>.swiper-button-prev:hover:before{opacity:0}.about-milestones-container .milestones-progress-wrapper>.swiper-button-next:hover::after,.about-milestones-container .milestones-progress-wrapper>.swiper-button-prev:hover::after{opacity:1}#footer,.page-navigation-bottom{position:relative;z-index:3}@media screen and (max-width:1199px){.about-milestones-container .milestones{padding-top:80px}.about-milestones-container .container>.title{margin-bottom:20px}.about-milestones-container .top-container{padding-bottom:80px}.about-milestones-container .gradient-container .gradient-bg{max-width:768px}.about-milestones-container .gradient-container .gradient-bg .gradient-1{bottom:66px;right:auto;left:600px;width:800px;height:800px;background:radial-gradient(closest-side at 50% 50%,#50a6d0 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.about-milestones-container .gradient-container .gradient-bg .gradient-2{position:absolute;bottom:-100px;right:300px;width:800px;height:800px;background:radial-gradient(closest-side at 50% 50%,#00acbb 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.about-milestones-container .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}.about-milestones-container .milestones-content{margin-top:200px}.about-milestones-container .milestones .right-block{margin:0}.about-milestones-container .tab-content .time-line{font-size:52px}.about-milestones-container .milestones .left-content{margin-top:-134px;height:320px}.about-milestones-container .milestones .right-block{width:calc(100% - 344px - 20px);margin-right:20px}.about-milestones-container .milestones .left-block{width:344px}.about-milestones-container .milestones-progress-wrapper{margin-top:0px}.about-milestones-container .show-zone .bottom-container{padding:0;max-width:none}.about-milestones-container .show-zone .year-block .left-img{width:384px;height:546px}.about-milestones-container .show-zone .year-block .left-img .viewable-box.fixed{height:546px}.about-milestones-container .show-zone .year-block .left-img .img,.about-milestones-container .show-zone .year-block .left-img .img-bg{width:384px;margin:0}.about-milestones-container .show-zone .year-block .right-content{margin-left:24px;margin-top:40px;width:calc(100% - 408px);padding-right:40px}.about-milestones-container .show-zone .year-block .right-content::before{display:none}.about-milestones-container .show-zone .year-block .right-content .year-content{max-width:none}.about-milestones-container .show-zone .year-block .right-content .year-content .year{font-size:50px;line-height:56px;margin-bottom:20px}.about-milestones-container .show-zone .year-block .right-content .year-content+.year-content{margin-top:52px}.about-milestones-container .show-zone .single-year .right-content{width:100%;max-width:768px;margin:0 auto;padding:0 40px}.about-milestones-container .stop-anchor{bottom:100px}}@media screen and (max-width:767px){.about-milestones-container .milestones-content{margin-left:0;margin-top:calc(25% + 30px);width:auto;height:auto}.about-milestones-container .tab-content .time-line{font-size:45px}.about-milestones-container .gradient-container .gradient-bg{left:87px;bottom:-120px}.about-milestones-container .gradient-container .gradient-bg .gradient-1{left:400px;bottom:500px;width:600px;height:600px}.about-milestones-container .gradient-container .gradient-bg .gradient-2{right:0;bottom:-100px;width:600px;height:600px}.about-milestones-container .solution-controller-swiper{mask-image:url(../../images/about/liteon-about-swiper-mask-m.svg);-webkit-mask-image:url(../../images/about/liteon-about-swiper-mask-m.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}.about-milestones-container .milestones .left-content{margin-top:-25%;height:auto}.about-milestones-container .milestones .left-block{width:100%;order:1;max-width:500px;margin:0 auto}.about-milestones-container .milestones .right-block{width:100%;max-width:500px;margin:0 auto;order:2;margin-top:40px}.about-milestones-container .milestones .solution-controller-swiper .solution-img{padding-top:93.125%}.about-milestones-container .solution-icon-swiper{width:38.125%;height:29.19%;bottom:13.42%}.about-milestones-container .show-zone .bottom-container{padding:0}.about-milestones-container .show-zone .year-block .left-img{width:100%;height:auto;aspect-ratio:360/200;height:auto;top:-50px}.about-milestones-container .show-zone .year-block .left-img .img,.about-milestones-container .show-zone .year-block .left-img .img-bg{margin:0;width:max(100%,420px);-webkit-width:max(100%,420px)}.about-milestones-container .show-zone .year-block .left-img .img img,.about-milestones-container .show-zone .year-block .left-img .img-bg img{width:100%}.about-milestones-container .show-zone .year-block .left-img .viewable-box{top:50px}.about-milestones-container .show-zone .year-block .left-img .viewable-box.fixed{height:auto;aspect-ratio:360/200;top:50px}.about-milestones-container .show-zone .year-block .right-content{margin-left:0;width:100%;padding:0 20px}.about-milestones-container .show-zone .year-block .right-content .year-content{max-width:none}.about-milestones-container .show-zone .year-block .right-content .year-content+.year-content{margin-top:60px}.about-milestones-container .show-zone .single-year .right-content{padding:0 20px}}.about-branding-container .font-44.title{font-size:46px;line-height:60px}.about-branding-container #block1{background-color:#fff}.about-branding-container #block2{margin-top:-2px;position:relative;z-index:-1}.about-branding-container .organization-zone{padding:100px 0 140px;background-color:#fff}.about-branding-container .organization-zone .title{max-width:1200px;margin-bottom:40px;color:var(--dark-gray)}.about-branding-container .organization-zone .action{position:relative;padding:0 229px;height:auto;height:595px;max-width:1920px;margin:0 auto;display:flex}.about-branding-container .organization-zone .action .svg{position:absolute;top:50.46%;left:-150%;z-index:1}.about-branding-container .organization-zone .action .action-content{flex-wrap:nowrap;position:relative;z-index:2}.about-branding-container .organization-zone .action .slide-block{align-items:flex-start;flex-wrap:nowrap}.about-branding-container .organization-zone .action .slide-block:first-child{z-index:3}.about-branding-container .organization-zone .action .slide-block:nth-child(n+2){margin-left:100px}.about-branding-container .organization-zone .action .slide-block:first-child{align-self:flex-end}.about-branding-container .organization-zone .action .slide-block:first-child .left-block{width:670px;height:478px}.about-branding-container .organization-zone .action .slide-block:first-child .left-block .big{box-shadow:6px 6px 30px rgba(0,0,0,.2);border-radius:0px 50px;top:0;left:0}.about-branding-container .organization-zone .action .slide-block:first-child .right-block{margin-top:60px;width:435px}.about-branding-container .organization-zone .action .slide-block:nth-child(2){margin-top:85px}.about-branding-container .organization-zone .action .slide-block:nth-child(2) .left-block{width:635px;height:454px}.about-branding-container .organization-zone .action .slide-block:nth-child(2) .left-block .big{box-shadow:6px 6px 30px rgba(0,0,0,.2);border-radius:50px 0px;top:0;right:0;z-index:2}.about-branding-container .organization-zone .action .slide-block:nth-child(2) .left-block .small{box-shadow:6px 6px 30px rgba(0,0,0,.2);border-radius:30px 0px 30px 30px;left:0;bottom:0}.about-branding-container .organization-zone .action .slide-block:nth-child(2) .right-block{margin-top:60px;width:396px}.about-branding-container .organization-zone .action .slide-block:nth-child(3){align-self:flex-end}.about-branding-container .organization-zone .action .slide-block:nth-child(3) .left-block{width:684px;height:485px}.about-branding-container .organization-zone .action .slide-block:nth-child(3) .left-block .big{box-shadow:6px 6px 30px rgba(0,0,0,.2);border-radius:0px 40px;top:0;left:0}.about-branding-container .organization-zone .action .slide-block:nth-child(3) .left-block .small{box-shadow:6px 6px 30px rgba(0,0,0,.2);border-radius:40px 0px;bottom:0;right:0;z-index:2}.about-branding-container .organization-zone .action .slide-block:nth-child(3) .left-block .pattern{top:-54px;right:80px}.about-branding-container .organization-zone .action .slide-block:nth-child(3) .right-block{width:516px;margin-top:60px}.about-branding-container .organization-zone .action .slide-block:nth-child(4){margin-top:77px}.about-branding-container .organization-zone .action .slide-block:nth-child(4) .left-block{width:635px;height:492px}.about-branding-container .organization-zone .action .slide-block:nth-child(4) .left-block .big{box-shadow:6px 6px 30px rgba(0,0,0,.2);border-radius:50px 0px;top:0;left:0;z-index:2}.about-branding-container .organization-zone .action .slide-block:nth-child(4) .left-block .small{box-shadow:6px 6px 30px rgba(0,0,0,.2);border-radius:50px 0px;bottom:0;right:0}.about-branding-container .organization-zone .action .slide-block:nth-child(4) .left-block .pattern{right:125px}.about-branding-container .organization-zone .action .slide-block:nth-child(4) .right-block{width:367px;margin-top:20px}.about-branding-container .organization-zone .action .slide-block:nth-child(5){align-self:flex-end}.about-branding-container .organization-zone .action .slide-block:nth-child(5) .left-block{width:670px;height:478px}.about-branding-container .organization-zone .action .slide-block:nth-child(5) .left-block .big{box-shadow:6px 6px 30px rgba(0,0,0,.2);border-radius:50px 0px;top:0;left:0}.about-branding-container .organization-zone .action .slide-block:nth-child(5) .right-block{margin-top:10px;width:410px}.about-branding-container .organization-zone .action .slide-block:nth-child(6){margin-top:140px;align-self:flex-start}.about-branding-container .organization-zone .action .slide-block:nth-child(6) .img{width:710px}.about-branding-container .organization-zone .action .slide-block .left-block{position:relative;margin-right:40px}.about-branding-container .organization-zone .action .slide-block .left-block img{position:absolute;overflow:hidden}.about-branding-container .organization-zone .action .slide-block .left-block .pattern{top:-54px;right:-58px}.about-branding-container .organization-zone .action .slide-block .right-block .article .highlight{font-size:36px;line-height:44px}.about-branding-container .gradient-container{position:relative;overflow-x:clip}.about-branding-container .gradient-container .gradient-bg{position:absolute;width:100%;top:0;left:50%;bottom:0;max-width:1200px;transform:translateX(-50%);transition:.3s width,.3s height;z-index:0;pointer-events:none}.about-branding-container .gradient-container .gradient-bg .gradient{filter:blur(80px);content:"";position:absolute;border-radius:50%;z-index:2}.about-branding-container .gradient-container .gradient-bg .gradient-1{position:absolute;opacity:.8;bottom:100px;right:-700px;width:1200px;height:1200px;background:radial-gradient(closest-side at 50% 50%,#50a6d0 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.about-branding-container .gradient-container .gradient-bg .gradient-2{opacity:.7;bottom:0;right:600px;width:1200px;height:1200px;background:radial-gradient(closest-side at 50% 50%,#00acbb 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.about-branding-container .gradient-container .container{position:relative;z-index:3}.about-branding-container .story-container .title-container{position:relative;z-index:3}.about-branding-container .story-container .title-container::before{content:"";display:block;background-color:#fff;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}.about-branding-container .story-container .title{margin:0 auto;max-width:1120px;padding:0 20px;padding-bottom:40px}.about-branding-container .story-container .frozen-block{height:800px;position:relative}.about-branding-container .story-container .frozen-block .fix-bg{z-index:-1;align-items:center;justify-content:center;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;position:fixed;background-repeat:no-repeat;background-position:center center;background-size:cover;background-image:url(../../images/about/liteon-about-brand-frizon-bg-1.jpg)}.about-branding-container .story-container .frozen-block .active.fix-bg{display:flex}.about-branding-container .story-container .frozen-block .active.img{opacity:1}.about-branding-container .story-container .frozen-block .img{display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s;margin-top:115px}.about-branding-container .story-container .frozen-block .img .en-title{display:none}.about-branding-container .en.story-container .frozen-block .img .en-title{display:block}.about-branding-container .en.story-container .frozen-block .img .ch-title{display:none}.about-branding-container .brand-info-container .transition-mask{position:sticky;top:0;background-repeat:no-repeat;background-position:center 0;background-size:cover;height:100vh;background-image:url(../../images/about/liteon-about-brand-frizon-bg-2.jpg)}.about-branding-container .brand-info-container .transition-mask .mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.5}.about-branding-container .brand-info-container .fix-page{position:sticky;top:calc((100vh - 480px)/ 2);width:720px;height:480px;z-index:9;max-width:1280px;margin:0 auto;padding:0 40px;transform:translateX(-340px) translateY(100px);opacity:0}.about-branding-container .brand-info-container .fix-page .pic-roll{position:absolute;top:0;left:0;border-radius:30px;width:100%;height:100%;overflow:hidden}.about-branding-container .brand-info-container .fix-page .pic-roll .inner-pic-roll{height:100%}.about-branding-container .brand-info-container .fix-page .pic-roll .img-vertical{width:100%;height:100%}.about-branding-container .brand-info-container .fix-page .number-roll{position:absolute;right:-47px;width:94px;height:78px;top:80px;background-image:url(../../images/about/liteon-brand-star.png);background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:0;overflow:hidden;z-index:2}.about-branding-container .brand-info-container .fix-page .number-roll span{font-size:24px;line-height:24px;text-align:center;opacity:0;position:absolute;top:26px;width:100%;transition:opacity .3s}.about-branding-container .brand-info-container .fix-page .number-roll .active{opacity:1}.about-branding-container .brand-info-container .info-container{background-color:transparent;z-index:2;position:relative;padding-bottom:160px}.about-branding-container .brand-info-container .info-container::after{content:"";display:block;position:absolute;height:800px;width:100%;background-image:url(../../images/about/liteon-brand-bg7.png);background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:0;bottom:0;left:0}.about-branding-container .brand-info-container .info-container .total-container{position:relative;z-index:2}.about-branding-container .brand-info-container .info-container .total-container .bg-block{height:800px}.about-branding-container .brand-info-container .info-container .total-container .bg-block:first-child{background-image:url(../../images/about/liteon-brand-bg2.png);background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:0}.about-branding-container .brand-info-container .info-container .total-container .bg-block:first-child .right-block{opacity:0;transform:translateY(100px)}.about-branding-container .brand-info-container .info-container .total-container .bg-block:nth-child(2){background-image:url(../../images/about/liteon-brand-bg3.png);background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:0}.about-branding-container .brand-info-container .info-container .total-container .bg-block:nth-child(3){background-image:url(../../images/about/liteon-brand-bg4.png);background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:0}.about-branding-container .brand-info-container .info-container .total-container .bg-block:nth-child(4){background-image:url(../../images/about/liteon-brand-bg5.png);background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:0}.about-branding-container .brand-info-container .info-container .total-container .bg-block:nth-child(5){background-image:url(../../images/about/liteon-brand-bg6.png);background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:0}.about-branding-container .brand-info-container .info-container .total-container .bg-block:nth-child(5) .right-block .inner-title span{position:relative}.about-branding-container .brand-info-container .info-container .total-container .bg-block:nth-child(5) .right-block .inner-title span .img-decorate{position:absolute;top:9px;left:1px;width:46px;height:33px;font-size:0;line-height:0}.about-branding-container .brand-info-container .info-container .total-container .bg-block:nth-child(6){height:640px;padding-top:200px}.about-branding-container .brand-info-container .info-container .total-container .bg-block:nth-child(6) .flex-block{align-items:flex-start}.about-branding-container .brand-info-container .info-container .total-container .bg-block .flex-block{align-items:center;max-width:1280px;margin:0 auto;padding:0 40px;height:100%}.about-branding-container .brand-info-container .info-container .total-container .bg-block .flex-block .left-block{width:calc(100% - 580px);height:480px;margin-right:60px;opacity:0;visibility:hidden}.about-branding-container .brand-info-container .info-container .total-container .bg-block .flex-block .right-block{width:520px}.about-branding-container .brand-info-container .info-container .total-container .bg-block .flex-block .right-block .sub-title{margin-bottom:10px}.about-branding-container .brand-info-container .info-container .total-container .bg-block .flex-block .right-block .inner-title{margin-bottom:20px}.about-branding-container .corporate-container{overflow:hidden;padding-top:123px}.about-branding-container .corporate-container .title{margin:0 auto;margin-bottom:20px}.about-branding-container .corporate-container .swiper-btn-block{margin-top:20px}.about-branding-container .corporate-container .corporate-swiper{margin-top:20px}.about-branding-container .corporate-container .corporate-swiper .swiper-slide{width:64.48%;height:100%;aspect-ratio:990/660}.about-branding-container .corporate-container .corporate-swiper .swiper-slide .coporate-block{position:relative;height:100%;width:101%}.about-branding-container .corporate-container .corporate-swiper .swiper-slide .coporate-block .video{min-width:100%;min-height:100%;margin:auto;pointer-events:none;position:absolute;max-width:100%}.about-branding-container #block3{position:relative;z-index:5}.about-branding-container .liteon-about-video{margin-top:120px}@media screen and (max-width:1920px) and (min-width:1200px){.about-branding-container .font-44.title{font-size:36px;line-height:48px}.about-branding-container .organization-zone{padding:100px 0 140px;background-color:#fff}.about-branding-container .organization-zone .title{margin-bottom:40px;color:var(--dark-gray)}.about-branding-container .organization-zone .action{position:relative;padding:0 229px;height:auto;max-width:1920px;margin:0 auto;display:flex}.about-branding-container .organization-zone .action .svg{position:absolute;top:50.46%;left:-150%;z-index:1;width:338.54%}.about-branding-container .organization-zone .action .svg svg{max-width:100%;height:auto}.about-branding-container .organization-zone .action .action-content{flex-wrap:nowrap;position:relative;z-index:2}.about-branding-container .organization-zone .action .slide-block{align-items:flex-start;flex-wrap:nowrap}.about-branding-container .organization-zone .action .slide-block:first-child{z-index:3}.about-branding-container .organization-zone .action .slide-block:nth-child(n+2){margin-left:100px}.about-branding-container .organization-zone .action .slide-block:first-child{align-self:flex-end;min-width:calc(475px + 34.89vw)}.about-branding-container .organization-zone .action .slide-block:first-child .left-block{width:45.3%;aspect-ratio:670/478;flex-grow:1;height:auto}.about-branding-container .organization-zone .action .slide-block:first-child .left-block .big{box-shadow:6px 6px 30px rgba(0,0,0,.2);border-radius:0px 50px;top:0;left:0}.about-branding-container .organization-zone .action .slide-block:first-child .right-block{margin-top:60px;width:435px}.about-branding-container .organization-zone .action .slide-block:nth-child(2){margin-top:85px;min-width:calc(430px + 33.07vw)}.about-branding-container .organization-zone .action .slide-block:nth-child(2) .left-block{width:45.97%;aspect-ratio:635/454;flex-grow:1;height:auto}.about-branding-container .organization-zone .action .slide-block:nth-child(2) .left-block .big{width:86.52%;box-shadow:6px 6px 30px rgba(0,0,0,.2);border-radius:50px 0px;top:0;right:0;z-index:2}.about-branding-container .organization-zone .action .slide-block:nth-child(2) .left-block .small{width:43.12%;box-shadow:6px 6px 30px rgba(0,0,0,.2);border-radius:30px 0px 30px 30px;left:0;bottom:0}.about-branding-container .organization-zone .action .slide-block:nth-child(2) .right-block{margin-top:60px;width:396px}.about-branding-container .organization-zone .action .slide-block:nth-child(3){align-self:flex-end;min-width:calc(556px + 33.33vw)}.about-branding-container .organization-zone .action .slide-block:nth-child(3) .left-block{width:42.28%;aspect-ratio:684/485;flex-grow:1;height:auto}.about-branding-container .organization-zone .action .slide-block:nth-child(3) .left-block .big{box-shadow:6px 6px 30px rgba(0,0,0,.2);border-radius:0px 40px;top:0;left:0;width:81%}.about-branding-container .organization-zone .action .slide-block:nth-child(3) .left-block .small{box-shadow:6px 6px 30px rgba(0,0,0,.2);border-radius:40px 0px;bottom:0;right:0;z-index:2;width:52.75%}.about-branding-container .organization-zone .action .slide-block:nth-child(3) .left-block .pattern{top:-54px;right:11%}.about-branding-container .organization-zone .action .slide-block:nth-child(3) .right-block{width:516px;margin-top:0px}.about-branding-container .organization-zone .action .slide-block:nth-child(4){margin-top:50px;min-width:calc(407px + 33.07vw)}.about-branding-container .organization-zone .action .slide-block:nth-child(4) .left-block{width:60.94%;aspect-ratio:635/492;flex-grow:1;height:auto}.about-branding-container .organization-zone .action .slide-block:nth-child(4) .left-block .big{box-shadow:6px 6px 30px rgba(0,0,0,.2);border-radius:50px 0px;top:0;left:0;z-index:2;width:69.92%}.about-branding-container .organization-zone .action .slide-block:nth-child(4) .left-block .small{box-shadow:6px 6px 30px rgba(0,0,0,.2);border-radius:50px 0px;bottom:0;right:0;width:69.92%}.about-branding-container .organization-zone .action .slide-block:nth-child(4) .left-block .pattern{right:20%}.about-branding-container .organization-zone .action .slide-block:nth-child(4) .right-block{width:367px;margin-top:2%}.about-branding-container .organization-zone .action .slide-block:nth-child(5){align-self:flex-end;min-width:calc(450px + 32.67vw)}.about-branding-container .organization-zone .action .slide-block:nth-child(5) .left-block{width:49%;aspect-ratio:670/478;flex-grow:1;height:auto}.about-branding-container .organization-zone .action .slide-block:nth-child(5) .left-block .big{box-shadow:6px 6px 30px rgba(0,0,0,.2);border-radius:50px 0px;top:0;left:0}.about-branding-container .organization-zone .action .slide-block:nth-child(5) .right-block{margin-top:10px;width:410px}.about-branding-container .organization-zone .action .slide-block:nth-child(6){margin-top:140px;align-self:flex-start;min-width:36.98vw}.about-branding-container .organization-zone .action .slide-block:nth-child(6) .img{width:100%}.about-branding-container .organization-zone .action .slide-block .left-block{position:relative;margin-right:40px}.about-branding-container .organization-zone .action .slide-block .left-block img{position:absolute;overflow:hidden}.about-branding-container .organization-zone .action .slide-block .left-block .pattern{top:-54px;right:-58px}.about-branding-container .organization-zone .action .slide-block .right-block .article{--min_font_size:20;--max_font_size:24;--font-size:calc(var(--min_font_size) * 1px + (var(--max_font_size) - var(--min_font_size)) * ((100vw - 1200px) / (1920 - 1200)));--min_line_height:36;--max_line_height:32;--line-height:calc(var(--min_line_height) * 1px + (var(--max_line_height) - var(--min_line_height)) * ((100vw - 1200px) / (1920 - 1200)));font-size:clamp(var(--min_font_size) * 1px,var(--font-size),var(--max_font_size) * 1px);line-height:clamp(var(--min_line_height) * 1px,var(--line-height),var(--max_line_height) * 1px)}.about-branding-container .organization-zone .action .slide-block .right-block .article .margin{margin-bottom:24px;display:block}.about-branding-container .organization-zone .action .slide-block .right-block .article .highlight{--min_font_size:32;--max_font_size:36;--font-size:calc(var(--min_font_size) * 1px + (var(--max_font_size) - var(--min_font_size)) * ((100vw - 1200px) / (1920 - 1200)));--min_line_height:40;--max_line_height:44;--line-height:calc(var(--min_line_height) * 1px + (var(--max_line_height) - var(--min_line_height)) * ((100vw - 1200px) / (1920 - 1200)));font-size:clamp(var(--min_font_size) * 1px,var(--font-size),var(--max_font_size) * 1px);line-height:clamp(var(--min_line_height) * 1px,var(--line-height),var(--max_line_height) * 1px)}}@media screen and (min-width:1921px){.about-branding-container .organization-zone .action{position:static}.about-branding-container .organization-zone .action svg{top:58.46%}.about-branding-container .story-container .frozen-block{height:1200px}.about-branding-container .story-container .frozen-block .fix-bg{background-image:url(../../images/about/liteon-about-brand-frizon-bg-2500-1.jpg)}.about-branding-container .corporate-container .slide-content .coporate-block{min-width:990px;height:660px}.about-branding-container .corporate-container .slide-content{padding:0 calc((100% - 990px)/ 2)}.about-branding-container .brand-info-container .transition-mask{background-image:url(../../images/about/liteon-about-brand-frizon-bg-2500-2.jpg);background-position:center -102px}}@media screen and (max-width:1560px){.about-branding-container .corporate-container{padding-top:40px}.about-branding-container .organization-zone .action .slide-block:nth-child(3) .left-block .pattern{right:4%}.about-branding-container .organization-zone .action .slide-block:nth-child(4) .left-block .pattern{right:18%}}@media screen and (max-width:1360px){.about-branding-container .organization-zone .action .svg{left:-109%;top:54.46%}.about-branding-container .organization-zone .action .slide-block:nth-child(4) .left-block .pattern{right:15%}}@media screen and (max-width:1199px){.about-branding-container .font-44.title{font-size:32px;line-height:46px}.about-branding-container .organization-zone{padding:80px 0 85px}.about-branding-container .organization-zone .title{margin-bottom:60px}.about-branding-container .organization-zone .action{padding:0 77px;height:auto}.about-branding-container .organization-zone .action .svg{max-width:3800px;top:31.46%;left:-180%}.about-branding-container .organization-zone .action .action-content{flex-wrap:nowrap;position:relative;z-index:2}.about-branding-container .organization-zone .action .slide-block:nth-child(n+2){margin-left:80px}.about-branding-container .organization-zone .action .slide-block:first-child .left-block{width:320px;height:230px}.about-branding-container .organization-zone .action .slide-block:first-child .left-block .big{box-shadow:4px 4px 16px rgba(0,0,0,.2);border-radius:0px 30px}.about-branding-container .organization-zone .action .slide-block:first-child .right-block{margin-top:20px;width:341px}.about-branding-container .organization-zone .action .slide-block:nth-child(2){margin-top:44px}.about-branding-container .organization-zone .action .slide-block:nth-child(2) .left-block{width:295px;height:213px}.about-branding-container .organization-zone .action .slide-block:nth-child(2) .left-block .big{box-shadow:4px 4px 16px rgba(0,0,0,.2);border-radius:30px 0px;width:256px}.about-branding-container .organization-zone .action .slide-block:nth-child(2) .left-block .small{box-shadow:4px 4px 16px rgba(0,0,0,.2);border-radius:20px 0px;width:128px}.about-branding-container .organization-zone .action .slide-block:nth-child(2) .right-block{margin-top:20px;width:286px}.about-branding-container .organization-zone .action .slide-block:nth-child(3) .left-block{width:319px;height:222px}.about-branding-container .organization-zone .action .slide-block:nth-child(3) .left-block .big{box-shadow:4px 4px 16px rgba(0,0,0,.2);border-radius:0px 30px;width:258px}.about-branding-container .organization-zone .action .slide-block:nth-child(3) .left-block .small{box-shadow:4px 4px 16px rgba(0,0,0,.2);border-radius:20px 0px;width:168px}.about-branding-container .organization-zone .action .slide-block:nth-child(3) .left-block .pattern{top:-42px;right:21px}.about-branding-container .organization-zone .action .slide-block:nth-child(3) .right-block{width:410px;margin-top:0px}.about-branding-container .organization-zone .action .slide-block:nth-child(4){margin-top:0px;align-self:flex-end}.about-branding-container .organization-zone .action .slide-block:nth-child(4) .left-block{width:322px;height:249px}.about-branding-container .organization-zone .action .slide-block:nth-child(4) .left-block .big{box-shadow:4px 4px 16px rgba(0,0,0,.2);border-radius:30px 0px;width:225px}.about-branding-container .organization-zone .action .slide-block:nth-child(4) .left-block .small{box-shadow:4px 4px 16px rgba(0,0,0,.2);border-radius:30px 0px;width:225px}.about-branding-container .organization-zone .action .slide-block:nth-child(4) .left-block .pattern{right:56px}.about-branding-container .organization-zone .action .slide-block:nth-child(4) .right-block{width:297px;margin-top:5px}.about-branding-container .organization-zone .action .slide-block:nth-child(5) .left-block{width:320px;height:230px}.about-branding-container .organization-zone .action .slide-block:nth-child(5) .left-block .big{box-shadow:4px 4px 16px rgba(0,0,0,.2);border-radius:30px 0px}.about-branding-container .organization-zone .action .slide-block:nth-child(5) .right-block{margin-top:10px;width:260px}.about-branding-container .organization-zone .action .slide-block:nth-child(6){margin-top:31px;align-self:center}.about-branding-container .organization-zone .action .slide-block:nth-child(6) .img{width:274px}.about-branding-container .organization-zone .action .slide-block .left-block{margin-right:20px}.about-branding-container .organization-zone .action .slide-block .left-block .pattern{top:-42px;right:-45px;width:50px}.about-branding-container .organization-zone .action .slide-block .right-block .article .margin{margin-bottom:24px;display:block}.about-branding-container .organization-zone .action .slide-block .right-block .article .highlight{font-size:24px;line-height:36px}.about-branding-container .gradient-container .gradient-bg{max-width:768px}.about-branding-container .gradient-container .gradient-bg .gradient-1{bottom:66px;right:auto;left:500px;width:800px;height:800px;background:radial-gradient(closest-side at 50% 50%,#50a6d0 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.about-branding-container .gradient-container .gradient-bg .gradient-2{position:absolute;bottom:66px;width:800px;height:800px;background:radial-gradient(closest-side at 50% 50%,#00acbb 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.about-branding-container .story-container .title{padding-bottom:20px}.about-branding-container .story-container .frozen-block{height:600px}.about-branding-container .story-container .frozen-block .img{margin-top:0}.about-branding-container .story-container .frozen-block .fix-bg{background-image:url(../../images/about/liteon-about-brand-frizon-bg-tb-1.jpg)}.about-branding-container .brand-info-container .transition-mask{background-image:url(../../images/about/liteon-about-brand-frizon-bg-tb-2.jpg)}.about-branding-container .brand-info-container .info-container{padding-bottom:115px}.about-branding-container .brand-info-container .info-container::after{height:600px;background-image:url(../../images/about/liteon-brand-bg7-tb.png)}.about-branding-container .brand-info-container .info-container .fix-page{top:calc((100vh - 360px)/ 2);width:540px;height:360px;max-width:768px;margin:0 auto;padding:0 40px;transform:translate(-275px,0)!important}.about-branding-container .brand-info-container .info-container .fix-page .pic-roll{border-radius:20px}.about-branding-container .brand-info-container .info-container .fix-page .pic-roll .img-vertical{border-radius:20px}.about-branding-container .brand-info-container .info-container .fix-page .number-roll{right:-34px;width:68px;height:57px;top:60px}.about-branding-container .brand-info-container .info-container .fix-page .number-roll span{font-size:20px;top:17px}.about-branding-container .brand-info-container .info-container .total-container .bg-block{height:600px}.about-branding-container .brand-info-container .info-container .total-container .bg-block:first-child{background-image:url(../../images/about/liteon-brand-bg2-tb.png)}.about-branding-container .brand-info-container .info-container .total-container .bg-block:nth-child(2){background-image:url(../../images/about/liteon-brand-bg3-tb.png)}.about-branding-container .brand-info-container .info-container .total-container .bg-block:nth-child(3){background-image:url(../../images/about/liteon-brand-bg4-tb.png)}.about-branding-container .brand-info-container .info-container .total-container .bg-block:nth-child(4){background-image:url(../../images/about/liteon-brand-bg5-tb.png)}.about-branding-container .brand-info-container .info-container .total-container .bg-block:nth-child(5){background-image:url(../../images/about/liteon-brand-bg6-tb.png)}.about-branding-container .brand-info-container .info-container .total-container .bg-block:nth-child(5) .right-block .inner-title span .img-decorate{top:5px;width:29px;height:21px}.about-branding-container .brand-info-container .info-container .total-container .bg-block:nth-child(6){padding-top:110px;height:485px}.about-branding-container .brand-info-container .info-container .total-container .bg-block .flex-block{max-width:768px}.about-branding-container .brand-info-container .info-container .total-container .bg-block .flex-block .left-block{width:calc(100% - 350px);height:360px;margin-right:50px}.about-branding-container .brand-info-container .info-container .total-container .bg-block .flex-block .right-block{width:300px}.about-branding-container .brand-info-container .info-container .total-container .bg-block .flex-block .right-block .sub-title{margin-bottom:10px}.about-branding-container .brand-info-container .info-container .total-container .bg-block .flex-block .right-block .inner-title{margin-bottom:20px}.about-branding-container .corporate-container{padding-top:80px}.about-branding-container .corporate-container .corporate-swiper .swiper-slide{width:688px}.about-branding-container .liteon-about-video{margin-top:80px}}@media screen and (max-width:767px){.about-branding-container .organization-zone .title{font-size:32px;line-height:46px}.about-branding-container .story-container .frozen-block{height:700px}.about-branding-container .story-container .frozen-block .img{margin-top:40px}.about-branding-container .story-container .frozen-block .fix-bg{background-image:url(../../images/about/liteon-about-brand-frizon-bg-m-1.jpg)}.about-branding-container .brand-info-container .transition-mask{background-image:url(../../images/about/liteon-about-brand-frizon-bg-m-2.jpg)}.about-branding-container .brand-info-container .info-container{padding-bottom:0}.about-branding-container .brand-info-container .info-container::after{display:none}.about-branding-container .brand-info-container .info-container .fix-page{top:0;width:100%;height:292px;transform:translateX(0);padding:0;display:none}.about-branding-container .brand-info-container .info-container .fix-page .pic-roll{mask-image:url(../../images/about/liteon-brand-mask.svg);-webkit-mask-image:url(../../images/about/liteon-brand-mask.svg);-webkit-mask-position:top center;-webkit-mask-size:cover;-webkit-mask-repeat:no-repeat}.about-branding-container .brand-info-container .info-container .fix-page .number-roll{right:auto;left:50%;transform:translateX(-50%);top:auto;bottom:-28.5px}.about-branding-container .brand-info-container .info-container .total-container .bg-block{height:auto}.about-branding-container .brand-info-container .info-container .total-container .bg-block:first-child{background-image:url(../../images/about/liteon-brand-bg2-m.png)}.about-branding-container .brand-info-container .info-container .total-container .bg-block:first-child .left-block::before{content:"1"}.about-branding-container .brand-info-container .info-container .total-container .bg-block:first-child .right-block{opacity:1!important;transform:translateY(0px)!important}.about-branding-container .brand-info-container .info-container .total-container .bg-block:nth-child(2){background-image:url(../../images/about/liteon-brand-bg3-m.png)}.about-branding-container .brand-info-container .info-container .total-container .bg-block:nth-child(2) .left-block::before{content:"2"}.about-branding-container .brand-info-container .info-container .total-container .bg-block:nth-child(3){background-image:url(../../images/about/liteon-brand-bg4-m.png)}.about-branding-container .brand-info-container .info-container .total-container .bg-block:nth-child(3) .left-block::before{content:"3"}.about-branding-container .brand-info-container .info-container .total-container .bg-block:nth-child(4){background-image:url(../../images/about/liteon-brand-bg5-m.png)}.about-branding-container .brand-info-container .info-container .total-container .bg-block:nth-child(4) .left-block::before{content:"4"}.about-branding-container .brand-info-container .info-container .total-container .bg-block:nth-child(5){background-image:url(../../images/about/liteon-brand-bg6-m.png)}.about-branding-container .brand-info-container .info-container .total-container .bg-block:nth-child(5) .left-block::before{content:"5"}.about-branding-container .brand-info-container .info-container .total-container .bg-block:nth-child(6){padding-top:0;height:auto;background-image:url(../../images/about/liteon-brand-bg7-m.png);background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:0}.about-branding-container .brand-info-container .info-container .total-container .bg-block:nth-child(6) .left-block::before{content:"6"}.about-branding-container .brand-info-container .info-container .total-container .bg-block .flex-block{padding:80px 20px;height:auto;align-items:flex-start}.about-branding-container .brand-info-container .info-container .total-container .bg-block .flex-block .left-block{width:100%;height:auto;margin-right:0;margin-top:0px;position:relative;opacity:1;visibility:visible;border-radius:20px}.about-branding-container .brand-info-container .info-container .total-container .bg-block .flex-block .left-block img{border-radius:20px}.about-branding-container .brand-info-container .info-container .total-container .bg-block .flex-block .left-block::before{background-image:url(../../images/about/liteon-brand-star.png);background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:0;right:auto;left:50%;transform:translateX(-50%);bottom:-28.5px;position:absolute;display:block;font-size:20px;line-height:57px;text-align:center;width:68px;height:57px;font-weight:700;color:var(--primary-blue);border-radius:0}.about-branding-container .brand-info-container .info-container .total-container .bg-block .flex-block .right-block{width:100%;margin-top:48px}.about-branding-container .gradient-container .gradient-bg{left:87px;bottom:-120px}.about-branding-container .gradient-container .gradient-bg .gradient-1{left:200px;bottom:100px}.about-branding-container .gradient-container .gradient-bg .gradient-2{bottom:200px}.about-branding-container .corporate-container .corporate-swiper .swiper-slide{width:320px}.about-branding-container .organization-zone .action .svg{left:-325%;top:56.46%}.about-branding-container .organization-zone .action .slide-block:nth-child(3) .left-block .pattern{right:20px}}#brand-info-container{position:relative}#transition-trigger{position:absolute;top:600px;width:100px;top:-30vh}.about-branding-container .brand-info-container .info-container{margin-top:calc(-100vh - 480px)}@media screen and (max-width:1366px){#transition-trigger{position:absolute;width:100px;top:0}}@media screen and (max-width:1199px){#transition-trigger{top:-20vh}.about-branding-container .brand-info-container .info-container{margin-top:calc(-100vh - 360px)}}@media screen and (max-width:767px){.about-branding-container .brand-info-container .info-container{margin-top:-100vh}}.about-full-video{height:900px;position:relative;padding-top:350px;padding-bottom:100px}.about-full-video::before{content:'';position:absolute;top:0;bottom:0;right:0;left:0;background-color:rgba(0,0,0,.5);z-index:0}.ab-bg-video{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}.about-full-video .text-clip-hidden{--text-line-height:60}.about-full-video .container{position:relative;height:100%;z-index:1}.ab-full-title{max-width:502px}.ab-inner-wrapper{display:flex;flex-direction:column;justify-content:space-between;height:100%}.ab-inner-wrapper .btn-block{display:flex;flex-direction:row-reverse}.ab-btn-block{display:flex;flex-direction:column;align-items:center}.ab-btn-block .icon-block{width:100px;height:100px;background-image:url(../../images/common/liteon-common-video-btn.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.ab-btn-text{margin-top:15px}@media screen and (max-width:1199px){.about-full-video{height:572px;padding-top:200px;padding-bottom:50px}.ab-btn-block .icon-block{width:80px;height:80px}}@media screen and (max-width:768px){.about-full-video{height:430px;padding-top:100px}.ab-btn-block .icon-block{width:50px;height:50px}.ab-inner-wrapper{align-items:center}}