@charset "UTF-8";.cta-zone .cta-container .info .file a::after,.cta-zone .cta-container .info .file a::before,.esg-police-container .blue-bg-html-zone .documents .document-container .article-block .file-list .file a::after,.esg-police-container .blue-bg-html-zone .documents .document-container .article-block .file-list .file a::before,.esg-report-container .common-zone .reports-zone .download-content a .file span::after,.esg-report-container .common-zone .reports-zone .download-content a .file span::before,.esg-report-container .latest-report-zone .download-content .file a::after,.esg-report-container .latest-report-zone .download-content .file a::before,.esg-service-center-container .blue-bg-html-zone .info-container .info-content .has-icon::before,.multiple-items-zone .multiple-container .left-block .items span::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}:root{--marquee-width:3436px;--marquee-elements-displayed:7;--marquee-animation-duration:calc(var(--marquee-elements) * 0.2s)}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(calc(-388px * var(--marquee-elements)))}}.infinite-zone{padding:100px 0 120px;overflow:hidden}.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}.infinite-zone .infiniter-slider-container .infinite-slider{margin:0;max-width:var(--marquee-width)}.infinite-zone .infiniter-slider-container .infinite-slider .slide{width:288px;min-height:316px;margin-right:100px;flex-shrink:0;-webkit-mask-image:none}.infinite-zone .infiniter-slider-container .infinite-slider .slide:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1)}.infinite-zone .infiniter-slider-container .infinite-slider .slide .item{position:relative;height:100%}.infinite-zone .infiniter-slider-container .infinite-slider .slide .item .img{width:100%;height:200px;margin:0 auto;display:flex;align-items:center;overflow:visible}.infinite-zone .infiniter-slider-container .infinite-slider .slide .item .img img{height:auto}.infinite-zone .infiniter-slider-container .infinite-slider .slide .item .inner-title{margin-top:10px;font-size:18px;line-height:28px;--text-line:2;--text-line-height:28;overflow:hidden;max-height:calc(var(--text-line) * var(--text-line-height) * 1px)}.infinite-zone .infiniter-slider-container .infinite-slider .slide .item .info{margin-top:6px;font-size:24px;line-height:36px;--text-line:3;--text-line-height:36;overflow:hidden;max-height:calc(var(--text-line) * var(--text-line-height) * 1px)}.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){.infinite-zone{padding:60px 0 80px}.infinite-zone .title{margin-bottom:40px}.infinite-zone .infiniter-slider-container{width:calc(100% - 40px);margin-left:40px;position:relative}}@media screen and (max-width:767px){.infinite-zone .infiniter-slider-container{width:calc(100% - 20px);margin-left:20px}}.blue-bg-html-zone{padding:100px 0 120px;position:relative;overflow:hidden}.blue-bg-html-zone .title{color:#263238}.blue-bg-html-zone::before{content:"";position:absolute;width:100%;top:0;left:0;display:block;background-image:url(../../images/esg/liteon-htmledit-top.png);background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:200px;z-index:2;pointer-events:none}.blue-bg-html-zone::after{content:"";position:absolute;width:100%;bottom:0;left:0;display:block;background-image:url(../../images/esg/liteon-htmledit-bottom.png);background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:100px;z-index:3;pointer-events:none}.blue-bg-html-zone .color-bg{z-index:3;width:100%;top:200px;left:0;height:100%;background-color:#d4ecf1;position:absolute;z-index:2}.blue-bg-html-zone .container{position:relative;z-index:4}.blue-bg-html-zone .big-container{max-width:1680px}@media screen and (max-width:1199px){.blue-bg-html-zone{padding:60px 0 100px}}@media screen and (max-width:767px){.blue-bg-html-zone{padding:60px 0 120px}.blue-bg-html-zone::before{background-image:url(../../images/esg/liteon-htmledit-top-m.png);padding-top:140px}.blue-bg-html-zone::after{background-image:url(../../images/esg/liteon-htmledit-bottom-m.png);padding-top:120px}.blue-bg-html-zone .color-bg{top:140px}}.common-zone{padding:120px 0}.common-zone .title{text-align:center;color:var(--dark-gray);margin:0 auto}.open-close-container .title{margin-bottom:40px}.open-close-container .sub-title{margin-bottom:40px;color:var(--dark-gray)}@media screen and (max-width:1199px){.common-zone{padding:80px 0}.common-zone .title{max-width:none}}.multiple-items-zone{background-image:url(../../images/esg/liteon-tab-bg.png);background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:120px;position:relative}.multiple-items-zone .big-container{max-width:1680px}.multiple-items-zone::before{content:"";position:absolute;width:100%;bottom:-2px;left:0;display:block;background-image:url(../../images/esg/liteon-esg-white-mask.png);background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:0;height:536px;pointer-events:none}.multiple-items-zone .container>.title{color:#fff;margin-bottom:40px;max-width:1120px}.multiple-items-zone .multiple-container{align-items:flex-start;flex-wrap:nowrap}.multiple-items-zone .multiple-container .left-block{max-width:340px;width:250px;width:clamp(210px,21.25%,340px);min-width:210px;margin-right:30px;position:sticky;top:60px}.multiple-items-zone .multiple-container .left-block .items{color:#fff}.multiple-items-zone .multiple-container .left-block .items:nth-child(n+2){margin-top:40px}.multiple-items-zone .multiple-container .left-block .items:hover span{font-weight:700}.multiple-items-zone .multiple-container .left-block .items:hover span::before{opacity:1}.multiple-items-zone .multiple-container .left-block .items:hover span::after{background-size:100% 2px}.multiple-items-zone .multiple-container .left-block .items span{display:block;padding-left:40px;transition:.3s ease;position:relative;cursor:pointer;vertical-align:top;background-image:linear-gradient(#fff,#fff);background-size:0 2px;background-position:0 100%;background-repeat:no-repeat;transition:color .3s,background-size .6s}.multiple-items-zone .multiple-container .left-block .items span::before{width:30px;height:27px;background-image:url(../../images/esg/liteon-blue-star.svg);transition:.3s ease;opacity:0}.multiple-items-zone .multiple-container .left-block .items span::after{content:"";display:block;width:calc(100% - 40px);bottom:0;left:40px;height:2px;position:absolute;vertical-align:top;background-image:linear-gradient(#fff,#fff);background-size:0 2px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .6s}.multiple-items-zone .multiple-container .left-block .active span{font-weight:700}.multiple-items-zone .multiple-container .left-block .active span::before{opacity:1}.multiple-items-zone .multiple-container .left-block .active span::after{background-size:100% 2px}.multiple-items-zone .multiple-container .right-block{width:calc(100% - 240px);flex:1;background-color:#fff;border-radius:0px 0px 300px 0px;padding:60px 140px 60px 60px;height:600px}.multiple-items-zone .multiple-container .right-block .visible-view{max-height:480px;overflow:auto;padding-right:19px;scrollbar-width:thin;scrollbar-color:#d3d3d3 #fff}.multiple-items-zone .multiple-container .right-block .visible-view::-webkit-scrollbar{width:5px}.multiple-items-zone .multiple-container .right-block .visible-view::-webkit-scrollbar-thumb{background-color:#d3d3d3;border:4px solid transparent;border-radius:5px}.multiple-items-zone .multiple-container .right-block .visible-view::-webkit-scrollbar-thumb:hover{background-color:#afafb0}.multiple-items-zone .multiple-container .right-block .visible-view::-webkit-scrollbar-track{background-color:#fff;border-radius:50px}.multiple-items-zone .multiple-container .right-block .swiper-slide:nth-child(n+2){margin-top:200px}@media screen and (min-width:1921px){.multiple-items-zone::before{background-image:url(../../images/esg/liteon-white-mask-2500.png)}}.marine-zone{background-image:url(../../images/esg/liteon-esg-marine-bg.png)}@media screen and (max-width:1199px){.multiple-items-zone .big-container.tb-768{max-width:768px}.multiple-items-zone{background-image:url(../../images/esg/liteon-tab-bg-tb.png);padding:80px 0}.multiple-items-zone::before{background-image:url(../../images/esg/liteon-esg-white-mask-tb.png);height:529px}.multiple-items-zone .container>.title{margin-bottom:60px}.multiple-items-zone .multiple-container{align-items:flex-start;flex-wrap:wrap}.multiple-items-zone .multiple-container .left-block{width:100%;margin-right:0;position:relative;top:auto;margin-bottom:20px;max-width:none}.multiple-items-zone .multiple-container .left-block .items:nth-child(n+2){margin-top:0px}.multiple-items-zone .multiple-container .left-block .items span{padding-left:0px;padding-top:34px}.multiple-items-zone .multiple-container .left-block .items span::before{top:0;left:50%;transform:translateX(-50%)}.multiple-items-zone .multiple-container .left-block .items span::after{width:100%;left:0px}.multiple-items-zone .multiple-container .left-block .multiple-inner-tab .swiper-slide{width:120px}.multiple-items-zone .multiple-container .left-block .multiple-inner-tab .swiper-slide .items{text-align:center}.multiple-items-zone .multiple-container .left-block .multiple-inner-tab .swiper-slide:nth-child(n+2){margin-left:20px}.multiple-items-zone .multiple-container .right-block{width:100%;background-color:#fff;border-radius:0px 0px 100px 0px;padding:40px}.multiple-items-zone .multiple-container .right-block .visible-view{max-height:520px;overflow:auto;padding-right:19px}.multiple-items-zone .multiple-container .right-block .swiper-slide:nth-child(n+2){margin-top:0px;margin-left:20px}.marine-zone{background-image:url(../../images/esg/liteon-esg-marine-bg-tb.png)}}@media screen and (max-width:767px){.multiple-items-zone{background-image:url(../../images/esg/liteon-tab-bg-m.png)}.multiple-items-zone::before{background-image:url(../../images/esg/liteon-esg-white-mask-m.png);height:536px}.multiple-items-zone .multiple-container .right-block{height:560px;padding:40px 20px}.multiple-items-zone .multiple-container .right-block .visible-view{max-height:480px}.marine-zone{background-image:url(../../images/esg/liteon-esg-marine-bg-m.png)}}.card-zone{background-image:url(../../images/esg/liteon-cards-bg.png);background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:120px}.card-zone .title{margin-bottom:40px}.card-zone .grid-container{display:flex;flex-wrap:wrap;gap:40px 30px;justify-content:center;margin:0 auto}.card-zone .grid-container .cards{width:200px;border-radius:10px;background:transparent linear-gradient(180deg,#cbfffc 0%,#faffff 100%) 0% 0% no-repeat padding-box;box-shadow:3px 3px 30px rgba(0,0,0,.1019607843);transition:.3s ease;padding:20px 16px;position:relative;cursor:pointer;overflow:hidden}.card-zone .grid-container .cards::before{content:"";display:block;position:absolute;width:100%;top:0px;left:0;height:100%;background-color:#cbfffc;opacity:0;transition:.3s ease;z-index:1}.card-zone .grid-container .cards .card-title{justify-content:center;align-items:center;height:56px;transition:.3s ease;color:#53565a;z-index:2;position:relative;text-align:center}.card-zone .grid-container .cards .img{position:relative;max-width:100px;margin:0 auto;margin-top:4px;z-index:2}.card-zone .grid-container .cards .shine-post{border-radius:50%;background-color:#befaff;width:30px;height:30px;position:absolute;bottom:10px;right:10px;z-index:2}.card-zone .grid-container .cards .shine-post::before{content:"";position:absolute;display:block;height:150%;width:150%;background-color:#befaff;border-radius:100%;top:-25%;left:-25%;animation:pulsate 2s linear infinite}.card-zone .grid-container .cards .shine-post .spot{position:absolute;background-color:#ff8536;transition:.3s ease;width:20px;height:20px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;transition:.3s ease}.card-zone .grid-container .cards .shine-post .spot::before{content:"";position:absolute;width:10px;height:10px;top:50%;left:50%;transform:translate(-50%,-50%);display:block;background-image:url(../../images/esg/liteon-circle-plus.svg);background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:0;z-index:2}.card-zone .grid-container .cards:hover::before{opacity:1}.card-zone .grid-container .cards:hover .card-title{color:#263238;font-weight:700}.card-zone .grid-container .cards:hover .shine-post .spot{background-color:var(--blue-4)}.card-zone .grid-container .cards:hover .shine-post .spot::before{transform:translate(-50%,-50%) rotate(45deg)}.card-zone .grid-container .active.cards::before{opacity:1}.card-zone .grid-container .active.cards .card-title{color:#263238;font-weight:700}.card-zone .grid-container .active.cards .shine-post .spot{background-color:var(--blue-4)}.card-zone .grid-container .active.cards .shine-post .spot::before{transform:translate(-50%,-50%) rotate(45deg)}#grid-abjust{align-items:stretch}#grid-abjust .card-title{padding-bottom:4px}#grid-abjust .cards{display:flex;flex-direction:column}#grid-abjust .img{margin-top:auto}@media screen and (max-width:1199px){.card-zone{padding:70px 0 80px}.card-zone .title{margin-bottom:40px}.card-zone .container{max-width:767px}.card-zone .grid-container{display:flex;flex-wrap:wrap}.card-zone .grid-container .cards{padding:16px;width:145px;height:145px}.card-zone .grid-container .cards .card-title{height:48px}.card-zone .grid-container .cards .img{max-width:60px;margin-top:5px}.card-zone .grid-container .cards .shine-post{bottom:8px;right:8px}#grid-abjust .cards{height:auto}#grid-abjust .card-title{padding-bottom:5px}#grid-abjust .img{margin-top:auto}}@media screen and (max-width:767px){.card-zone{padding:80px 0;background-image:url(../../images/esg/liteon-cards-bg-m.png)}.card-zone .container{max-width:360px}}@media screen and (min-width:1921px){.cta-zone{background-image:url(../../images/esg/liteon-cta-bg-nomask.jpg);mask-image:url(../../images/esg/liteon-curve-mask-960.svg);-webkit-mask-image:url(../../images/esg/liteon-curve-mask-960.svg);mask-position:top center;mask-size:auto;-webkit-mask-position:top center;-webkit-mask-size:auto}}.cta-zone{padding:160px 0 112px;background-image:url(../../images/esg/liteon-cta-bg.png);background-repeat:no-repeat;background-position:top center;background-size:cover;padding-top:160px}.cta-zone .cta-container{justify-content:space-between;align-items:flex-start}.cta-zone .cta-container .info{width:460px}.cta-zone .cta-container .info .sbutitle,.cta-zone .cta-container .info .title{color:var(--dark-gray)}.cta-zone .cta-container .info .content{margin-top:20px}.cta-zone .cta-container .info .btn-block{margin-top:20px}.cta-zone .cta-container .info .btn-block .common-btn{min-width:150px}.cta-zone .cta-container .info .btn-block .btn-text img{margin-left:10px}.cta-zone .cta-container .info .file{margin-top:10px}.cta-zone .cta-container .info .file a{display:inline-block;color:#1976d2;padding-right:28px;position:relative;transition:.3s ease}.cta-zone .cta-container .info .file a:hover{color:var(--secondary-orange)}.cta-zone .cta-container .info .file a:hover::before{opacity:0}.cta-zone .cta-container .info .file a:hover::after{opacity:1}.cta-zone .cta-container .info .file a::after,.cta-zone .cta-container .info .file a::before{content:"";display:block;transition:.3s ease;width:16px;height:18px;left:auto;right:0;background-image:url(../../images/common/liteon-popfile.svg)}.cta-zone .cta-container .info .file a::after{opacity:0;background-image:url(../../images/common/liteon-popfile-hover.svg)}@media screen and (max-width:1199px){.cta-zone{padding:130px 0 127px;background-image:url(../../images/esg/liteon-cta-bg-tb.png)}.cta-zone .cta-container{justify-content:space-between;align-items:flex-start}.cta-zone .cta-container .info{width:calc((100% - 48px)/ 2)}.cta-zone .cta-container .info .content{margin-top:20px}.cta-zone .cta-container .info .btn-block{margin-top:20px}}@media screen and (max-width:767px){.cta-zone{padding:130px 0 71px;background-image:url(../../images/esg/liteon-cta-bg-m.png)}.cta-zone .cta-container .info{width:100%}.cta-zone .cta-container .info:nth-child(2){margin-top:80px}}.esg-has-four-level-container .blue-bg-html-zone{margin-top:10px}@media screen and (max-width:1199px){.esg-has-four-level-container .blue-bg-html-zone{margin-top:40px}}.esg-overview-container .sustainable-container{min-height:3600px;position:relative;overflow:hidden}.esg-overview-container .sustainable-container>div{position:relative;z-index:5}.esg-overview-container .sustainable-container::before{content:"";position:absolute;width:100%;top:-2px;left:0;display:block;background-image:url(../../images/esg/liteon-bg-top.png);background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:3600px;z-index:2;pointer-events:none}.esg-overview-container .sustainable-container .auto-bg{position:absolute;width:100%;top:3597px;left:0;display:block;background-image:url(../../images/esg/liteon-bg-bottom.png);background-repeat:no-repeat;background-position:center top;background-size:cover;padding-top:0px;height:1820px;z-index:3;pointer-events:none}.esg-overview-container .sustainable-container .infinite-zone{padding:60px 0 53px}.esg-overview-container .sustainable-container .infinite-zone .infiniter-slider-container .infinite-slider{overflow:visible}.esg-overview-container .sustainable-container .infinite-zone+.enviromental-achievements{padding-top:300px}.esg-overview-container .sustainable-container .slide-container{padding:0px}.esg-overview-container .sustainable-container .slide-container .title{margin-bottom:40px}.esg-overview-container .sustainable-container .slide-container .swiper{width:calc(100% - (100% - 1120px)/ 2);margin-left:calc((100% - 1120px)/ 2);overflow:visible;position:relative;padding:0;z-index:1}.esg-overview-container .sustainable-container .slide-container .slide-controller{display:flex;justify-content:center;position:relative}.esg-overview-container .sustainable-container .slide-container .slide-controller .swiper-scrollbar{height:3px;margin:60px 27px 0;max-width:545px;position:static;width:100%;background:#ededed;border-radius:2px}.esg-overview-container .sustainable-container .slide-container .slide-controller .swiper-scrollbar .swiper-scrollbar-drag{background-color:#ff8536;cursor:grab;transition:all ease .3s}.esg-overview-container .sustainable-container .slide-container .slide-controller .swiper-scrollbar .swiper-scrollbar-drag:hover{height:9px;margin-top:-3px}.esg-overview-container .sustainable-container .slide-container .slide-controller .swiper-btn-block{position:absolute;max-width:600px;top:60px;width:100%}.esg-overview-container .sustainable-container .slide-container .page-next,.esg-overview-container .sustainable-container .slide-container .page-prev{width:10px;outline:0;margin-top:0;position:absolute;z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;height:14px;background-image:url(../../images/common/liteon-small-slide-arrow.svg);background-repeat:no-repeat;background-position:center;background-size:auto;padding-top:0;background-size:contain;top:50%;transform:translateY(-50%)}.esg-overview-container .sustainable-container .slide-container .page-next:hover::before,.esg-overview-container .sustainable-container .slide-container .page-prev:hover::before{opacity:1}.esg-overview-container .sustainable-container .slide-container .page-next::after,.esg-overview-container .sustainable-container .slide-container .page-prev::after{display:none}.esg-overview-container .sustainable-container .slide-container .page-prev{left:0;transform:translateY(-50%) scaleX(-1)}.esg-overview-container .sustainable-container .slide-container .page-next{right:0}.esg-overview-container .sustainable-container .slide-container .swiper-slide{width:400px;margin-right:60px}.esg-overview-container .sustainable-container .slide-container .swiper-slide .spot-content{display:block;width:100%;height:100%}.esg-overview-container .sustainable-container .slide-container .swiper-slide .spot-content:hover .arrow-btn{width:46px}.esg-overview-container .sustainable-container .slide-container .swiper-slide .spot-content:hover .article-content{text-decoration:underline}.esg-overview-container .sustainable-container .slide-container .swiper-slide .spot-content .img{position:relative;width:100%;height:264px;border-radius:0px 0px 30px 0px;background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:0}.esg-overview-container .sustainable-container .slide-container .swiper-slide .spot-content .img .inner-title{position:absolute;top:0;left:0;padding:10px 20px}.esg-overview-container .sustainable-container .slide-container .swiper-slide .spot-content .article-content{margin-top:30px;--text-line:4;--text-line-height:36}.esg-overview-container .sustainable-container .slide-container .swiper-slide .spot-content .btn-block{margin-top:10px}.esg-overview-container .sustainable-container .slide-container .swiper-slide .awards .inner-title{background-color:var(--secondary-brown-2)}.esg-overview-container .sustainable-container .slide-container .swiper-slide .financial .inner-title{background-color:var(--secondary-blue-1)}.esg-overview-container .sustainable-container .slide-container .swiper-slide .events .inner-title{background-color:var(--secondary-yellow)}.esg-overview-container .sustainable-container .slide-container .swiper-slide .esg .inner-title{background-color:var(--secondary-green-2)}.esg-overview-container .sustainable-container .slide-container .swiper-slide .product .inner-title{background-color:var(--primary-blue)}.esg-overview-container .sustainable-container .slide-container .swiper-slide .other .inner-title{background-color:var(--secondary-blue-3)}.esg-overview-container .sustainable-container .enviromental-achievements{padding:60px 0 200px}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide:nth-child(n+2){margin-top:160px}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide .achievements .top{align-items:flex-start;flex-wrap:nowrap}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide .achievements .top .img{margin-top:50px;width:calc(100% - 590px);position:relative;height:auto}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide .achievements .top .img .color{position:absolute;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);width:80.42%;height:74.29%}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide .achievements .top .article{width:560px}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide .achievements .top .article .content{position:relative;margin-left:40px;margin-top:-125px}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide .achievements .top .article .content .title{max-height:96px}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide .achievements .top .article .content .info{margin-top:20px;--text-line:7}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide .achievements .top .article .content a{margin-top:30px;display:inline-block}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide .achievements .bottom{margin-top:60px;justify-content:space-between;align-items:flex-start}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide .achievements .bottom .data{text-align:center;flex:1}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide .achievements .bottom .data:nth-child(n+2){margin-left:30px}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide .achievements .bottom .data div+div{margin-top:20px}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide .achievements .bottom .data .white{font-size:50px;line-height:50px}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide:nth-child(odd) .achievements .top .img{margin-right:30px}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide:nth-child(odd) .achievements .top .img .color{border-radius:163px 0px 0px 163px;top:0;left:0;background-color:rgba(0,172,187,.5)}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide:nth-child(even) .achievements .top .img{margin-left:30px;order:2}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide:nth-child(even) .achievements .top .img .color{top:0;right:0;height:79.51%;background-color:rgba(25,118,210,.6);border-radius:0px 163px 163px 0px}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide:nth-child(even) .achievements .top .article{order:1}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide:last-child .achievements .top .img .color{background-color:rgba(118,57,255,.5)}.esg-overview-container .sustainable-container .explore-container{margin-top:120px;padding-bottom:285px}.esg-overview-container .sustainable-container .explore-container .explore{margin-bottom:40px}.esg-overview-container .sustainable-container .explore-container .link-container .link-content{width:33.3333333333%;position:relative;height:250px}.esg-overview-container .sustainable-container .explore-container .link-container .link-content a{display:block;padding:30px;position:relative;-webkit-mask-image:-webkit-radial-gradient(white,#000);overflow:hidden;height:100%}.esg-overview-container .sustainable-container .explore-container .link-container .link-content a .title{position:relative;z-index:3}.esg-overview-container .sustainable-container .explore-container .link-container .link-content a:hover::after{transform:scale(1.2)}.esg-overview-container .sustainable-container .explore-container .link-container .link-content a:hover .arrow-btn{width:46px}.esg-overview-container .sustainable-container .explore-container .link-container .link-content a .btn-block{position:absolute;z-index:3;left:30px;bottom:45px}.esg-overview-container .sustainable-container .explore-container .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}.esg-overview-container .sustainable-container .explore-container .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}.esg-overview-container .sustainable-container .explore-container .link-container .link-content:first-child a::after{background-image:url(../../images/esg/liteon-overview-explore1.jpg)}.esg-overview-container .sustainable-container .explore-container .link-container .link-content:nth-child(2) a::after{background-image:url(../../images/esg/liteon-overview-explore2.jpg)}.esg-overview-container .sustainable-container .explore-container .link-container .link-content:nth-child(3) a::after{background-image:url(../../images/esg/liteon-overview-explore3.jpg)}.esg-overview-container .sustainable-container .explore-container .link-container .link-content:nth-child(4) a::after{background-image:url(../../images/esg/liteon-overview-explore4.jpg)}.esg-overview-container .sustainable-container .explore-container .link-container .link-content:nth-child(5) a::after{background-image:url(../../images/esg/liteon-overview-explore5.jpg)}.esg-overview-container .sustainable-container .explore-container .link-container .link-content:nth-child(6) a::after{background-image:url(../../images/esg/liteon-overview-explore6.jpg)}.esg-overview-container .cta-zone{padding:180px 0 101px;background-image:url(../../images/esg/liteon-overview-cta-bg.png);background-repeat:no-repeat;background-position:top center;background-size:cover;padding-top:180px;position:relative;margin-top:-140px;z-index:6}.esg-overview-container .cta-zone .cta-container{max-width:1120px;margin:0 auto;text-align:center}.esg-overview-container .cta-zone .cta-container .info{width:100%}.esg-overview-container .cta-zone .cta-container .info .sbutitle,.esg-overview-container .cta-zone .cta-container .info .title{color:#fff}.esg-overview-container .cta-zone .cta-container .info .content{margin-top:20px}.esg-overview-container .cta-zone .cta-container .info .btn-block{margin-top:20px;justify-content:center}@media screen and (min-width:1921px){.esg-overview-container .cta-zone{background-image:url(../../images/esg/liteon-overview-cta-bg-nomask.jpg)}}@media screen and (min-width:1921px){.esg-overview-container .sustainable-container::before{background-image:url(../../images/esg/liteon-bg-top-2500.jpg)}.esg-overview-container .sustainable-container .auto-bg{background-image:url(../../images/esg/liteon-bg-bottom-2500.jpg)}}@media screen and (max-width:1199px){.esg-overview-container .sustainable-container{min-height:1514px}.esg-overview-container .sustainable-container::before{padding-top:1514px;background-image:url(../../images/esg/liteon-bg-top-tb.png)}.esg-overview-container .sustainable-container .auto-bg{top:1512px;background-image:url(../../images/esg/liteon-bg-bottom-tb.png);height:1564px}.esg-overview-container .sustainable-container .infinite-zone{padding:100px 0 53px}.esg-overview-container .sustainable-container .infinite-zone+.enviromental-achievements{padding-top:159px}.esg-overview-container .sustainable-container .slide-container .title{margin-bottom:40px}.esg-overview-container .sustainable-container .slide-container .swiper{width:100%;margin-left:40px;overflow:visible;position:relative;padding:0;z-index:1}.esg-overview-container .sustainable-container .slide-container .slide-controller .swiper-scrollbar{margin:39px 23px 0;max-width:400px}.esg-overview-container .sustainable-container .slide-container .slide-controller .swiper-btn-block{max-width:452px;top:40px}.esg-overview-container .sustainable-container .slide-container .swiper-slide{width:320px;margin-right:40px}.esg-overview-container .sustainable-container .slide-container .swiper-slide .spot-content:hover .arrow-btn{width:32px}.esg-overview-container .sustainable-container .slide-container .swiper-slide .spot-content .img{height:214px}.esg-overview-container .sustainable-container .slide-container .swiper-slide .spot-content .article-content{margin-top:10px;--text-line-height:28}.esg-overview-container .sustainable-container .slide-container .swiper-slide .spot-content .btn-block{margin-top:20px}.esg-overview-container .sustainable-container .enviromental-achievements{padding:100px 0 80px}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide:nth-child(n+2){margin-top:0px}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide .container{max-width:760px}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide .achievements .top{flex-wrap:wrap}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide .achievements .top .img{margin-top:0px;width:320px}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide .achievements .top .article{width:320px}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide .achievements .top .article .content{margin-left:0px;margin-top:0px}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide .achievements .top .article .content .title{max-height:88px}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide .achievements .top .article .content .info{margin-top:20px;--text-line:10;max-height:280px}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide .achievements .bottom .data{text-align:center;flex:1}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide .achievements .bottom .data:nth-child(n+2){margin-left:36px}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide .achievements .bottom .data div+div{margin-top:10px}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide .achievements .bottom .data .white{font-size:24px;line-height:28px}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide:nth-child(odd) .achievements .top .img{margin-right:40px}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide:nth-child(even) .achievements .top .img{margin-left:40px}.esg-overview-container .sustainable-container .enviromental-achievements .tab-anchor-slider{padding:0}.esg-overview-container .sustainable-container .enviromental-achievements .tab-anchor-container{padding:0 40px;margin-bottom:60px}.esg-overview-container .sustainable-container .enviromental-achievements .tab-anchor-container .round-btn .arrow{width:8px;top:9px;left:calc((100% - 6px)/ 2);height:12px;background-size:contain}.esg-overview-container .sustainable-container .enviromental-achievements .tab-anchor-container .page-next,.esg-overview-container .sustainable-container .enviromental-achievements .tab-anchor-container .page-prev{width:30px;height:30px;top:-1px}.esg-overview-container .sustainable-container .enviromental-achievements .tab-anchor-container .btn-common{min-width:240px;padding:0;border-radius:0;background-color:transparent}.esg-overview-container .sustainable-container .enviromental-achievements .tab-anchor-container .btn-common .btn-title{font-size:18px;line-height:28px;color:#fff}.esg-overview-container .sustainable-container .explore-container{margin-top:80px;padding-bottom:178px}.esg-overview-container .sustainable-container .explore-container .link-container .link-content{width:50%;height:230px}.esg-overview-container .sustainable-container .explore-container .link-container .link-content a{padding:30px 26px 25px}.esg-overview-container .sustainable-container .explore-container .link-container .link-content a:hover .arrow-btn{width:32px}.esg-overview-container .sustainable-container .explore-container .link-container .link-content a .btn-block{left:26px;bottom:25px}.esg-overview-container .cta-zone{padding:180px 0 143px;background-image:url(../../images/esg/liteon-overview-cta-bg-tb.png);margin-top:-90px}.esg-overview-container .cta-zone .cta-container{max-width:320px}.esg-overview-container .cta-zone .cta-container .info .content{margin-top:20px}}@media screen and (max-width:767px){.esg-overview-container .sustainable-container{min-height:1693px}.esg-overview-container .sustainable-container::before{padding-top:1693px;background-image:url(../../images/esg/liteon-bg-top-m.png)}.esg-overview-container .sustainable-container .auto-bg{top:1691px;background-image:url(../../images/esg/liteon-bg-bottom-m.png);height:2260px}.esg-overview-container .sustainable-container .infinite-zone{padding:0px 0 53px}.esg-overview-container .sustainable-container .infinite-zone+.enviromental-achievements{padding-top:100px}.esg-overview-container .sustainable-container .slide-container .title{margin-bottom:40px}.esg-overview-container .sustainable-container .slide-container .swiper{margin-left:20px}.esg-overview-container .sustainable-container .slide-container .slide-controller .swiper-scrollbar{max-width:268px}.esg-overview-container .sustainable-container .slide-container .slide-controller .swiper-btn-block{max-width:320px}.esg-overview-container .sustainable-container .slide-container .swiper-slide{width:320px;margin-right:40px}.esg-overview-container .sustainable-container .slide-container .swiper-slide .spot-content .article-content{margin-top:10px;--text-line-height:28}.esg-overview-container .sustainable-container .slide-container .swiper-slide .spot-content .btn-block{margin-top:20px}.esg-overview-container .sustainable-container .enviromental-achievements{padding:0px 0 80px}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide .achievements .top{flex-wrap:wrap}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide .achievements .top .img{margin:0 auto;max-width:500px;width:100%}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide .achievements .top .article{width:100%;margin-top:24px}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide .achievements .bottom .data{flex:auto;width:calc((100% - 30px)/ 2)}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide .achievements .bottom .data:nth-child(n+2){margin-left:30px}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide .achievements .bottom .data:nth-child(n+3){margin-top:40px}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide .achievements .bottom .data:nth-child(odd){margin-left:0px}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide:nth-child(odd) .achievements .top .img{margin:0 auto}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide:nth-child(even) .achievements .top .img{margin:0 auto;order:1}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide:nth-child(even) .achievements .top .img img:last-child{left:21.33%}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide:nth-child(even) .achievements .top .img .color{border-radius:163px 0px 0px 163px;right:auto;left:0}.esg-overview-container .sustainable-container .enviromental-achievements .achievements-swiper .swiper-slide:nth-child(even) .achievements .top .article{order:2}.esg-overview-container .sustainable-container .enviromental-achievements .tab-anchor-slider{padding:0}.esg-overview-container .sustainable-container .enviromental-achievements .tab-anchor-container{padding:0 40px;margin-bottom:60px}.esg-overview-container .sustainable-container .enviromental-achievements .tab-anchor-container .btn-common{min-width:240px;padding:0;border-radius:0;background-color:transparent}.esg-overview-container .sustainable-container .enviromental-achievements .tab-anchor-container .btn-common .btn-title{font-size:18px;line-height:28px;color:#fff}.esg-overview-container .sustainable-container .explore-container{padding-bottom:195px}.esg-overview-container .sustainable-container .explore-container .link-container .link-content{width:100%;height:215x}.esg-overview-container .sustainable-container .explore-container .link-container .link-content a{padding:30px}.esg-overview-container .sustainable-container .explore-container .link-container .link-content a .btn-block{left:16px}.esg-overview-container .cta-zone{background-image:url(../../images/esg/liteon-overview-cta-bg-m.png);margin-top:-95px}.esg-overview-container .cta-zone .cta-container{max-width:320px}.esg-overview-container .cta-zone .cta-container .info .content{margin-top:20px}}body{overflow-x:initial}.esg-vision-container .blue-bg-html-zone{margin-top:60px}.esg-vision-container .blue-bg-html-zone .title{margin-bottom:40px}.esg-vision-container .blue-bg-html-zone .blueprint-container{padding:0 20px;align-items:flex-start}.esg-vision-container .blue-bg-html-zone .blueprint-container .en-img{display:none}.esg-vision-container .blue-bg-html-zone .blueprint-container .left-block{width:660px;margin-right:70px;position:relative}.esg-vision-container .blue-bg-html-zone .blueprint-container .left-block .anchor-point-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.esg-vision-container .blue-bg-html-zone .blueprint-container .left-block .anchor-point-container:hover .shine-post .spot{background-color:#ff8536}.esg-vision-container .blue-bg-html-zone .blueprint-container .left-block .anchor-point-container:hover .shine-post .spot::before{transform:translate(-50%,-50%)}.esg-vision-container .blue-bg-html-zone .blueprint-container .left-block .anchor-point-container .shine-post.active .spot{background-color:var(--blue-4)}.esg-vision-container .blue-bg-html-zone .blueprint-container .left-block .anchor-point-container .shine-post.active .spot::before{transform:translate(-50%,-50%) rotate(45deg)}.esg-vision-container .blue-bg-html-zone .blueprint-container .left-block .anchor-point-container .shine-post{cursor:pointer}.esg-vision-container .blue-bg-html-zone .blueprint-container .left-block .anchor-point-container .shine-post:hover .spot{background-color:var(--blue-4)}.esg-vision-container .blue-bg-html-zone .blueprint-container .left-block .anchor-point-container .shine-post:hover .spot::before{transform:translate(-50%,-50%) rotate(45deg)}.esg-vision-container .blue-bg-html-zone .blueprint-container .left-block .anchor-point-container .shine-post:first-child{top:5%;left:30.91%}.esg-vision-container .blue-bg-html-zone .blueprint-container .left-block .anchor-point-container .shine-post:nth-child(2){top:19.85%;left:83.64%}.esg-vision-container .blue-bg-html-zone .blueprint-container .left-block .anchor-point-container .shine-post:nth-child(3){top:75.76%;left:83.64%}.esg-vision-container .blue-bg-html-zone .blueprint-container .left-block .anchor-point-container .shine-post:nth-child(4){top:91.36%;left:36.36%}.esg-vision-container .blue-bg-html-zone .blueprint-container .left-block .anchor-point-container .shine-post:nth-child(5){top:46.97%;left:1.36%}.esg-vision-container .blue-bg-html-zone .blueprint-container .right-block{width:calc(100% - 730px);border-radius:0px 0px 30px 0px;padding:40px;background-color:rgba(255,255,255,.8);min-height:570px;position:relative}.esg-vision-container .blue-bg-html-zone .blueprint-container .right-block .strategy-blueprint{display:none;position:absolute;top:40px;left:40px;width:calc(100% - 80px)}.esg-vision-container .blue-bg-html-zone .blueprint-container .right-block .strategy-blueprint .inner-title{display:block;margin-bottom:6px}.esg-vision-container .blue-bg-html-zone .blueprint-container .right-block .strategy-blueprint .sub-title{margin-bottom:20px;font-size:36px;line-height:48px}.esg-vision-container .blue-bg-html-zone .blueprint-container .right-block .strategy-blueprint .content{margin-bottom:40px}.esg-vision-container .blue-bg-html-zone .blueprint-container .right-block .strategy-blueprint .img{max-width:244px;margin:0 auto}.esg-vision-container .blue-bg-html-zone .blueprint-container .right-block .strategy-blueprint.active{display:block}.esg-vision-container .en.blue-bg-html-zone .blueprint-container .en-img{display:block}.esg-vision-container .en.blue-bg-html-zone .blueprint-container .left-block img:not(.en-img){display:none}.esg-vision-container .en.blue-bg-html-zone .blueprint-container .left-block .anchor-point-container .shine-post:first-child{top:4%;left:34.91%}.esg-vision-container .en.blue-bg-html-zone .blueprint-container .left-block .anchor-point-container .shine-post:nth-child(2){top:24.85%;left:86.64%}.esg-vision-container .en.blue-bg-html-zone .blueprint-container .left-block .anchor-point-container .shine-post:nth-child(3){top:82.36%;left:76.94%}.esg-vision-container .en.blue-bg-html-zone .blueprint-container .left-block .anchor-point-container .shine-post:nth-child(4){top:86.06%;left:24.56%}.esg-vision-container .en.blue-bg-html-zone .blueprint-container .left-block .anchor-point-container .shine-post:nth-child(5){top:36.97%;left:3.36%}.esg-vision-container .card-zone{background-image:url(../../images/esg/liteon-vision-highlight-bg.jpg)}.esg-vision-container .card-zone .container>.title{color:#fff;width:100%}.esg-vision-container .card-zone .container{justify-content:center;display:flex;flex-wrap:wrap}.esg-vision-container .card-zone .grid-container{max-width:920px;margin:0 auto}.esg-vision-container .card-zone .grid-container .cards{width:160px;box-shadow:none;background:0 0;padding:0}.esg-vision-container .card-zone .grid-container .cards::before{display:none}.esg-vision-container .card-zone .grid-container .cards .img{margin-top:0;max-width:none}.esg-vision-container .html-zone{background-color:#d4ecf1}.esg-vision-container .sticky-module{--sticky-module-height:400vh;height:var(--sticky-module-height);position:relative}.esg-vision-container .sticky-module .module-sticy-anchors{margin-top:1px;position:absolute;visibility:hidden}.esg-vision-container .sticky-module .module-sticy-anchors:first-of-type{top:0%}.esg-vision-container .sticky-module .module-sticy-anchors:nth-of-type(2){top:25%}.esg-vision-container .sticky-module .module-sticy-anchors:nth-of-type(3){top:50%}.esg-vision-container .sticky-module .sticky-wrapper{height:100vh;left:0;position:sticky;top:0}.esg-vision-container .sticky-wrapper .big-container{max-width:1680px}.esg-vision-container .sticky-module .sticky-wrapper .progress-bar{position:absolute;top:76.7%;left:82.3%}.esg-vision-container .sticky-module .sticky-wrapper .progress-bar .now-page{margin-right:7px}.esg-vision-container .sticky-module .sticky-wrapper .progress-bar .progress-bar-content{width:160px;border-radius:2px;background-color:#ededed;height:3px;position:relative;overflow:hidden}.esg-vision-container .sticky-module .sticky-wrapper .progress-bar .progress-bar-content .now-progress{position:absolute;top:0;left:0;height:100%;width:0px}.esg-vision-container .sticky-module .sticky-wrapper .inner-container{height:100vh;align-items:center;justify-content:space-between}.esg-vision-container .sticky-module .sticky-wrapper .inner-container .left-block{width:492px;height:100vh;position:relative}.esg-vision-container .sticky-module .sticky-wrapper .inner-container .left-block .wheel-tab{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.esg-vision-container .sticky-module .sticky-wrapper .inner-container .left-block .wheel-tab .wheel{background-image:url(../../images/esg/liteon-wheel.png);background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:0;border-radius:100%;height:314px;position:relative;transition:transform .6s cubic-bezier(.4,0,0,1);width:314px}.esg-vision-container .sticky-module .sticky-wrapper .inner-container .left-block .wheel-tab .wheel .wheel-item-container{height:0;position:absolute;transition:transform .6s cubic-bezier(.4,0,0,1);width:0;cursor:pointer}.esg-vision-container .sticky-module .sticky-wrapper .inner-container .left-block .wheel-tab .wheel .wheel-item-container .wheel-item-content{align-items:center;background:0 0;border-radius:100%;display:flex;justify-content:center;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:200px;height:200px;padding:0}.esg-vision-container .sticky-module .sticky-wrapper .inner-container .left-block .wheel-tab .wheel .wheel-item-container .wheel-item-content .wheel-item{border-radius:100%;height:100%;position:relative;width:100%;border:7px solid #fff;padding:33px 30px;display:flex;flex-direction:column;justify-content:center}.esg-vision-container .sticky-module .sticky-wrapper .inner-container .left-block .wheel-tab .wheel .wheel-item-container .wheel-item-content .wheel-item .img{width:70px;height:70px;margin:0 auto}.esg-vision-container .sticky-module .sticky-wrapper .inner-container .left-block .wheel-tab .wheel .wheel-item-container .wheel-item-content .wheel-item .slogan{margin-top:10px}.esg-vision-container .sticky-module .sticky-wrapper .inner-container .left-block .wheel-tab .wheel .wheel-item-container:first-child{left:100%;top:48%}.esg-vision-container .sticky-module .sticky-wrapper .inner-container .left-block .wheel-tab .wheel .wheel-item-container:nth-child(2){left:27%;top:99%}.esg-vision-container .sticky-module .sticky-wrapper .inner-container .left-block .wheel-tab .wheel .wheel-item-container:nth-child(3){left:22%;top:5%}.esg-vision-container .sticky-module .sticky-wrapper .inner-container .left-block .wheel-tab .wheel .active.wheel-item-container .wheel-item-content{background-color:rgba(168,221,225,.7);padding:38px;width:324px;height:324px}.esg-vision-container .sticky-module .sticky-wrapper .inner-container .left-block .wheel-tab .wheel .active.wheel-item-container .wheel-item-content .wheel-item{padding:47px 50px}.esg-vision-container .sticky-module .sticky-wrapper .inner-container .left-block .wheel-tab .wheel .active.wheel-item-container .wheel-item-content .wheel-item .img{width:115px;height:115px}.esg-vision-container .sticky-module .sticky-wrapper .inner-container .right-block{width:calc(100% - 492px - 107px);margin-left:107px;position:relative}.esg-vision-container .sticky-module .sticky-wrapper .inner-container .right-block .inner-content{display:none;position:absolute;top:0;left:0}.esg-vision-container .sticky-module .sticky-wrapper .inner-container .right-block .inner-content p+p,.esg-vision-container .sticky-module .sticky-wrapper .inner-container .right-block .inner-content p+ul,.esg-vision-container .sticky-module .sticky-wrapper .inner-container .right-block .inner-content ul+p{margin-top:30px}.esg-vision-container .sticky-module .sticky-wrapper .inner-container .right-block .inner-content .inner-list li{position:relative;padding-left:32px;text-align:left;color:var(--content-gray)}.esg-vision-container .sticky-module .sticky-wrapper .inner-container .right-block .inner-content .inner-list li:before{content:"";display:inline-block;position:absolute;top:12px;left:11px;width:8px;height:8px;background-color:var(--primary-blue);border-radius:50%}.esg-vision-container .sticky-module .sticky-wrapper .inner-container .right-block .inner-content .inner-list li+li{margin-top:16px}.esg-vision-container .sticky-module .sticky-wrapper .inner-container .right-block .inner-content.active{display:block}@media screen and (max-width:1199px){.esg-vision-container .blue-bg-html-zone{margin-top:40px}.esg-vision-container .blue-bg-html-zone .title{margin-bottom:40px}.esg-vision-container .blue-bg-html-zone .blueprint-container{padding:0;align-items:flex-start;max-width:688px;margin:0 auto}.esg-vision-container .blue-bg-html-zone .blueprint-container .left-block{width:330px;margin-right:48px}.esg-vision-container .blue-bg-html-zone .blueprint-container .left-block .anchor-point-container .shine-post{width:20px;height:20px}.esg-vision-container .blue-bg-html-zone .blueprint-container .left-block .anchor-point-container .shine-post:first-child{top:4%}.esg-vision-container .blue-bg-html-zone .blueprint-container .left-block .anchor-point-container .shine-post:nth-child(3){left:82.64%}.esg-vision-container .blue-bg-html-zone .blueprint-container .left-block .anchor-point-container .shine-post:nth-child(4){left:35.36%}.esg-vision-container .blue-bg-html-zone .blueprint-container .left-block .anchor-point-container .shine-post:nth-child(5){top:45.97%}.esg-vision-container .blue-bg-html-zone .blueprint-container .left-block .anchor-point-container .shine-post .spot{width:14px;height:14px}.esg-vision-container .blue-bg-html-zone .blueprint-container .right-block{width:calc(100% - 378px);padding:30px 20px;min-height:465px}.esg-vision-container .blue-bg-html-zone .blueprint-container .right-block .strategy-blueprint{top:30px;left:20px;width:calc(100% - 40px)}.esg-vision-container .blue-bg-html-zone .blueprint-container .right-block .strategy-blueprint .inner-title{margin-bottom:10px}.esg-vision-container .blue-bg-html-zone .blueprint-container .right-block .strategy-blueprint .sub-title{font-size:28px;line-height:38px}.esg-vision-container .card-zone{background-image:url(../../images/esg/liteon-vision-highlight-bg-tb.jpg)}.esg-vision-container .card-zone .grid-container .cards{width:145px}.esg-vision-container .sticky-module{padding:80px 0;height:100%}.esg-vision-container .sticky-module .sticky-wrapper{height:100%;left:0;position:relative;top:0}.esg-vision-container .sticky-module .sticky-wrapper .container{max-width:768px}.esg-vision-container .sticky-module .sticky-wrapper .inner-container{height:100%;align-items:flex-start;justify-content:space-between}.esg-vision-container .sticky-module .sticky-wrapper .inner-container .left-block{width:320px;height:294px;margin:0 auto}.esg-vision-container .sticky-module .sticky-wrapper .inner-container .left-block .wheel-tab{display:block}.esg-vision-container .sticky-module .sticky-wrapper .inner-container .left-block .wheel-tab .wheel{margin-left:58px;margin-top:39px;height:178px;width:178px}.esg-vision-container .sticky-module .sticky-wrapper .inner-container .left-block .wheel-tab .wheel .wheel-item-container .wheel-item-content{width:120px;height:120px}.esg-vision-container .sticky-module .sticky-wrapper .inner-container .left-block .wheel-tab .wheel .wheel-item-container .wheel-item-content .wheel-item{border:4px solid #fff;padding:19px 18px}.esg-vision-container .sticky-module .sticky-wrapper .inner-container .left-block .wheel-tab .wheel .wheel-item-container .wheel-item-content .wheel-item .img{width:40px;height:40px}.esg-vision-container .sticky-module .sticky-wrapper .inner-container .left-block .wheel-tab .wheel .wheel-item-container .wheel-item-content .wheel-item .slogan{margin-top:6px;font-size:10px;line-height:15px;-webkit-text-size-adjust:none}.esg-vision-container .sticky-module .sticky-wrapper .inner-container .left-block .wheel-tab .wheel .active.wheel-item-container .wheel-item-content{padding:17px;width:184px;height:184px}.esg-vision-container .sticky-module .sticky-wrapper .inner-container .left-block .wheel-tab .wheel .active.wheel-item-container .wheel-item-content .wheel-item{padding:27px 30px}.esg-vision-container .sticky-module .sticky-wrapper .inner-container .left-block .wheel-tab .wheel .active.wheel-item-container .wheel-item-content .wheel-item .img{width:65px;height:65px}.esg-vision-container .sticky-module .sticky-wrapper .inner-container .left-block .wheel-tab .wheel .active.wheel-item-container .wheel-item-content .wheel-item .slogan{font-size:13px;line-height:16px}.esg-vision-container .sticky-module .sticky-wrapper .inner-container .right-block{margin-left:0px;width:100%;margin-top:20px}.esg-vision-container .sticky-module .sticky-wrapper .inner-container .right-block .inner-content p+p,.esg-vision-container .sticky-module .sticky-wrapper .inner-container .right-block .inner-content p+ul,.esg-vision-container .sticky-module .sticky-wrapper .inner-container .right-block .inner-content ul+p{margin-top:20px}.esg-vision-container .sticky-module .sticky-wrapper .inner-container .right-block .inner-content .inner-list li:before{top:10px}.esg-vision-container .sticky-module .sticky-wrapper .inner-container .btn-block{justify-content:center;width:100%;margin-top:20px}.esg-vision-container .sticky-module .sticky-wrapper .inner-container .btn-block .left-btn{transform:scaleX(-1);margin-right:20px}.esg-vision-container .sticky-module .sticky-wrapper .inner-container .btn-block .round-btn{cursor:pointer}.esg-vision-container .en.blue-bg-html-zone .blueprint-container .left-block .anchor-point-container .shine-post:nth-child(3){top:82%;left:76.94%}.esg-vision-container .en.blue-bg-html-zone .blueprint-container .left-block .anchor-point-container .shine-post:first-child{top:3%}.esg-vision-container .en.blue-bg-html-zone .blueprint-container .left-block .anchor-point-container .shine-post:nth-child(4){top:85.46%;left:23.5%}.esg-vision-container .en.blue-bg-html-zone .blueprint-container .left-block .anchor-point-container .shine-post:nth-child(5){top:35.27%;left:2.36%}}@media screen and (max-width:767px){.esg-vision-container .blue-bg-html-zone .blueprint-container{max-width:320px;margin:0 auto}.esg-vision-container .blue-bg-html-zone .blueprint-container .left-block{width:100%;margin-right:0px}.esg-vision-container .blue-bg-html-zone .blueprint-container .left-block .anchor-point-container .shine-post:first-child{top:4%}.esg-vision-container .blue-bg-html-zone .blueprint-container .left-block .anchor-point-container .shine-post:nth-child(3){left:82.64%}.esg-vision-container .blue-bg-html-zone .blueprint-container .left-block .anchor-point-container .shine-post:nth-child(4){left:35.36%}.esg-vision-container .blue-bg-html-zone .blueprint-container .left-block .anchor-point-container .shine-post:nth-child(5){top:45.97%}.esg-vision-container .blue-bg-html-zone .blueprint-container .right-block{width:100%;padding:30px 20px;margin-top:30px}.esg-vision-container .blue-bg-html-zone .blueprint-container .right-block .strategy-blueprint .inner-title{margin-bottom:10px}.esg-vision-container .card-zone{background-image:url(../../images/esg/liteon-vision-highlight-bg-m.jpg)}.esg-vision-container .sticky-module .sticky-wrapper .container{max-width:none}}.esg-message-container .blue-bg-html-zone{margin-top:60px;padding-bottom:0}.esg-message-container .blue-bg-html-zone .color-bg{pointer-events:none}.esg-message-container .blue-bg-html-zone::after{display:none}.esg-message-container .blue-bg-html-zone .title{margin-bottom:60px}.esg-message-container .blue-bg-html-zone .message-container{justify-content:space-between;align-items:flex-start}.esg-message-container .blue-bg-html-zone .message-container .inner-title{position:relative;padding-top:80px;padding-left:60px;margin-bottom:40px}.esg-message-container .blue-bg-html-zone .message-container .inner-title::before{content:"";display:block;position:absolute;top:0;left:0;background-image:url(../../images/esg/liteon-esg-word-pattern.png);background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:0;width:148px;height:135px;position:absolute;z-index:-1}.esg-message-container .blue-bg-html-zone .message-container .left-block{width:610px;margin-right:30px;border-radius:0px 0px 100px 0px;overflow:hidden}.esg-message-container .blue-bg-html-zone .message-container .left-block .article-block{background-color:#fff;padding:30px 21px 30px 40px;height:400px;position:relative;border-radius:0px 0px 100px 0px;overflow:hidden}.esg-message-container .blue-bg-html-zone .message-container .left-block .article-block::before{content:"";display:block;width:100%;height:140px;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}.esg-message-container .blue-bg-html-zone .message-container .left-block .article-block .visible-view{max-height:340px;overflow:auto;padding-right:19px;padding-bottom:40px;scrollbar-width:thin;scrollbar-color:#d3d3d3 #fff}.esg-message-container .blue-bg-html-zone .message-container .left-block .article-block .visible-view::-webkit-scrollbar{width:5px}.esg-message-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}.esg-message-container .blue-bg-html-zone .message-container .left-block .article-block .visible-view::-webkit-scrollbar-thumb:hover{background-color:#afafb0}.esg-message-container .blue-bg-html-zone .message-container .left-block .article-block .visible-view::-webkit-scrollbar-track{background-color:#fff;border-radius:50px}.esg-message-container .blue-bg-html-zone .message-container .right-block{width:calc(100% - 640px);position:relative}.esg-message-container .blue-bg-html-zone .message-container .right-block .sign{position:absolute;right:0;bottom:110px;width:308px}.esg-message-container .blue-bg-html-zone .message-container .right-block .sign .font-32{margin-top:12px}.esg-message-container .blue-bg-html-zone .message-container .right-block .sign .img{max-width:244px}.esg-message-container .president{margin-top:0;padding:100px 0 240px;z-index:1}.esg-message-container .president::before{background-image:none;padding:0;height:287px;background:transparent linear-gradient(180deg,#a8dde1 0%,rgba(168,221,225,0) 100%) 0% 0% no-repeat}.esg-message-container .president .message-container .inner-title{padding-left:0;padding-right:60px}.esg-message-container .president .message-container .inner-title::before{left:auto;right:0}.esg-message-container .president .message-container .left-block{order:2;margin-right:0;margin-left:30px}.esg-message-container .president .message-container .left-block .article-block{background-color:rgba(168,221,225,.3)}.esg-message-container .president .message-container .left-block .article-block::before{background:transparent linear-gradient(180deg,rgba(229,245,246,0) 0%,rgba(229,245,246,.6549019608) 37%,rgba(229,245,246,.8352941176) 66%,#e5f5f6 84%,#e5f5f6 100%) 0% 0% no-repeat}.esg-message-container .president .message-container .right-block{order:1}.esg-message-container .president .message-container .right-block .sign{right:auto;left:29px;bottom:64px;width:314px}.esg-message-container .president .message-container .right-block .sign .img{max-width:250px}.esg-message-container .cta-zone{position:relative;background-image:none;z-index:2}.esg-message-container .cta-zone::before{content:"";display:block;background-image:url(../../images/esg/liteon-esg-message-bg.png);background-repeat:no-repeat;background-position:top center;background-size:cover;padding-top:0;height:600px;width:100%;position:absolute;top:-382px;left:0;z-index:1}.esg-message-container .cta-zone::after{content:"";display:block;background-image:url(../../images/esg/liteon-cta-bg.png);background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:0;height:100%;width:100%;position:absolute;top:0px;left:0;z-index:2}.esg-message-container .cta-zone .container{position:relative;z-index:3}@media screen and (max-width:1199px){.esg-message-container .blue-bg-html-zone{margin-top:20px}.esg-message-container .blue-bg-html-zone .title{margin-bottom:40px}.esg-message-container .blue-bg-html-zone .container{max-width:768px}.esg-message-container .blue-bg-html-zone .message-container .inner-title{padding-top:70px;padding-left:0px}.esg-message-container .blue-bg-html-zone .message-container .inner-title::before{width:118px;height:107px}.esg-message-container .blue-bg-html-zone .message-container .left-block{width:320px;margin-right:47px}.esg-message-container .blue-bg-html-zone .message-container .left-block .article-block{padding:30px 10px 30px 20px}.esg-message-container .blue-bg-html-zone .message-container .left-block .article-block .visible-view{padding-right:5px;padding-bottom:40px}.esg-message-container .blue-bg-html-zone .message-container .right-block{width:calc(100% - 367px)}.esg-message-container .blue-bg-html-zone .message-container .right-block .sign{bottom:20px;width:262px}.esg-message-container .blue-bg-html-zone .message-container .right-block .sign .font-32{margin-top:10px}.esg-message-container .blue-bg-html-zone .message-container .right-block .sign .img{max-width:207px}.esg-message-container .president{margin-top:0;padding:80px 0 174px}.esg-message-container .president .message-container .left-block{margin-left:0px;order:1}.esg-message-container .president .message-container .left-block .inner-title{padding-right:0px}.esg-message-container .president .message-container .left-block .inner-title::before{left:auto;right:0}.esg-message-container .president .message-container .right-block{order:2}.esg-message-container .president .message-container .right-block .sign{right:auto;left:53px;bottom:30px;width:274px}.esg-message-container .president .message-container .right-block .sign .img{max-width:215px}.esg-message-container .cta-zone{background-image:none}.esg-message-container .cta-zone::before{background-image:url(../../images/esg/liteon-esg-message-bg-tb.png);height:320px;top:-229px}.esg-message-container .cta-zone::after{background-image:url(../../images/esg/liteon-cta-bg-tb.png)}}@media screen and (max-width:767px){.esg-message-container .blue-bg-html-zone{margin-top:40px}.esg-message-container .blue-bg-html-zone .title{margin-bottom:40px}.esg-message-container .blue-bg-html-zone .container{max-width:500px}.esg-message-container .blue-bg-html-zone .message-container .inner-title{margin-bottom:30px}.esg-message-container .blue-bg-html-zone .message-container .left-block{width:100%;margin-right:0;margin-bottom:40px}.esg-message-container .blue-bg-html-zone .message-container .right-block{width:100%;max-width:320px;margin:0 auto}.esg-message-container .president{margin-top:0;padding:80px 0 112px}.esg-message-container .president .message-container .left-block{margin-right:0;margin-left:0px}.esg-message-container .cta-zone{background-image:none}.esg-message-container .cta-zone::before{background-image:url(../../images/esg/liteon-esg-message-bg-m.png);height:250px;top:-165px}.esg-message-container .cta-zone::after{background-image:url(../../images/esg/liteon-cta-bg-m.png)}}.esg-report-container .annual-highlights{margin-top:120px}.esg-report-container .window-area{width:100%;height:auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;transition:background-image .4s ease;margin-top:60px;position:relative;z-index:3}.esg-report-container .window-area:not([data-bg]){background-image:url(../../images/esg/esg-report/liteon-highlights-1.jpg)}.esg-report-container .window-area[data-bg="1"]{background-image:url(../../images/esg/esg-report/liteon-highlights-1.jpg)!important}.esg-report-container .window-area[data-bg="2"]{background-image:url(../../images/esg/esg-report/liteon-highlights-2.jpg)!important}.esg-report-container .window-area[data-bg="3"]{background-image:url(../../images/esg/esg-report/liteon-highlights-3.jpg)!important}.esg-report-container .window-area[data-bg="4"]{background-image:url(../../images/esg/esg-report/liteon-highlights-4.jpg)!important}.esg-report-container .window-area[data-bg="5"]{background-image:url(../../images/esg/esg-report/liteon-highlights-5.jpg)!important}.esg-report-container .window-area[data-bg="6"]{background-image:url(../../images/esg/esg-report/liteon-highlights-6.jpg)!important}.esg-report-container .window{position:relative;width:33.33%;height:350px;border-right:1px solid var(--gray-4)}.esg-report-container .window::before{display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);pointer-events:none}.esg-report-container .window:nth-child(1){background-image:url(../../images/esg/esg-report/liteon-highlights-1-tb.jpg)}.esg-report-container .window:nth-child(2){background-image:url(../../images/esg/esg-report/liteon-highlights-2-tb.jpg)}.esg-report-container .window:nth-child(3){background-image:url(../../images/esg/esg-report/liteon-highlights-3-tb.jpg)}.esg-report-container .window:nth-child(4){background-image:url(../../images/esg/esg-report/liteon-highlights-4-tb.jpg)}.esg-report-container .window:nth-child(5){background-image:url(../../images/esg/esg-report/liteon-highlights-5-tb.jpg)}.esg-report-container .window:nth-child(6){background-image:url(../../images/esg/esg-report/liteon-highlights-6-tb.jpg)}.esg-report-container .window:nth-child(n+4){border-top:1px solid var(--gray-4)}.esg-report-container .window:nth-child(3n){border-right:none}.esg-report-container .window .window-wrapper{height:100%;padding:100px 40px 40px;position:relative}.esg-report-container .window:hover .window-wrapper{background-color:rgba(0,172,187,.5);transition:background-image .4s ease;overflow:hidden}.esg-report-container .window .window-layer{width:100%}.esg-report-container .window .window-title-wrapper{color:#fff}.esg-report-container .window .window-title{margin-top:20px}.esg-report-container .window .btn-block{opacity:0;margin-top:40px;cursor:pointer}.esg-report-container .window:hover .btn-block{opacity:1;transition:opacity .4s}.esg-report-container .lightbox-container{max-width:1030px;margin-top:100px}.esg-report-container .lightbox-container .popup-container{padding:60px 60px}.esg-report-container .lightbox-container .popup-container::before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-image:url(../../images/esg/esg-report/liteon-popup-blue.png);background-repeat:no-repeat;background-position:bottom;pointer-events:none}.esg-report-container .lightbox-container .left-block{width:calc(100% - 396px);overflow-y:auto;padding-right:8px;position:relative;z-index:1}.esg-report-container .lightbox-container .right-block{width:356px;margin-left:40px;position:relative;z-index:1}.esg-report-container .lightbox-container .title{color:var(--primary-blue)}.esg-report-container .lightbox-container .content{margin-top:20px}.esg-report-container .lightbox-container ul{margin-top:40px}.esg-report-container .lightbox-container ul>li{position:relative;padding-left:30px;text-align:left}.esg-report-container .lightbox-container ul>li+li{margin-top:16px}.esg-report-container .lightbox-container ul>li::before{content:'';display:inline-block;position:absolute;top:12px;left:11px;width:8px;height:8px;background-color:var(--primary-blue);border-radius:50%}.esg-report-container .lightbox-container .btn-block{margin-top:20px}.esg-report-container .lightbox-container .btn-block span{display:inline-block;color:#1976d2;padding-right:16px;position:relative;transition:.3s ease}.esg-report-container .annual-highlights,.esg-report-container .latest-report-zone{position:relative;overflow-x:clip}.esg-report-container .annual-highlights .container,.esg-report-container .latest-report-zone .container{position:relative;z-index:3}.esg-report-container .annual-highlights .gradient-bg,.esg-report-container .latest-report-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:-1;pointer-events:none}.esg-report-container .annual-highlights .gradient,.esg-report-container .latest-report-zone .gradient{will-change:transform;filter:blur(80px);content:"";position:absolute;border-radius:50%;z-index:2}.esg-report-container .annual-highlights .gradient-1{position:absolute;opacity:.8;top:-300px;right:-1000px;width:1200px;height:1000px;background:radial-gradient(closest-side at 50% 50%,#50a6d0 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.esg-report-container .annual-highlights .gradient-2{opacity:.8;bottom:-600px;left:-1000px;width:1500px;height:1200px;background:radial-gradient(closest-side at 50% 50%,#00acbb 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.esg-report-container .latest-report-zone .gradient-1{position:absolute;opacity:.8;top:0px;right:-1150px;width:1200px;height:1000px;background:radial-gradient(closest-side at 50% 50%,#50a6d0 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.esg-report-container .latest-report-zone .gradient-2{opacity:.8;bottom:0px;left:-1300px;width:1500px;height:1200px;background:radial-gradient(closest-side at 50% 50%,#00acbb 0%,rgba(65,143,222,0) 100%);filter:blur(80px)}.esg-report-container .latest-report-zone{margin-top:120px}.esg-report-container .latest-report-zone .title{margin-bottom:60px}.esg-report-container .latest-report-zone .left-img-block{display:flex}.esg-report-container .latest-report-zone .download-container{max-width:895px;width:515px}.esg-report-container .latest-report-zone .download-container .img{box-shadow:10px 10px 15px rgba(0,0,0,.1490196078);width:515px;aspect-ratio:515/290}.esg-report-container .latest-report-zone .right-block{margin-left:40px;width:calc(100% - 555px)}.esg-report-container .latest-report-zone .download-content .download-title{font-size:36px;line-height:44px}.esg-report-container .latest-report-zone .download-content .info-content{margin-top:20px}.esg-report-container .latest-report-zone .download-content .file{margin-top:20px}.esg-report-container .latest-report-zone .download-content .file a{display:inline-block;color:#1976d2;padding-right:28px;position:relative;transition:.3s ease}.esg-report-container .latest-report-zone .download-content .file a:hover{color:var(--secondary-orange)}.esg-report-container .latest-report-zone .download-content .file a:hover::before{opacity:0}.esg-report-container .latest-report-zone .download-content .file a:hover::after{opacity:1}.esg-report-container .latest-report-zone .download-content .file a::after,.esg-report-container .latest-report-zone .download-content .file a::before{content:"";display:block;transition:.3s ease;width:16px;height:18px;left:auto;right:0;background-image:url(../../images/common/liteon-popfile.svg)}.esg-report-container .latest-report-zone .download-content .file a::after{opacity:0;background-image:url(../../images/common/liteon-popfile-hover.svg)}.esg-report-container .latest-report-zone .inner-title{margin-bottom:20px}.esg-report-container .latest-report-zone .article-block{margin-top:40px}.esg-report-container .latest-report-zone .article-block .inner-list li{position:relative;padding-left:32px;text-align:left;color:var(--content-gray)}.esg-report-container .latest-report-zone .article-block .inner-list li:before{content:"";display:inline-block;position:absolute;top:12px;left:11px;width:8px;height:8px;background-color:var(--primary-blue);border-radius:50%}.esg-report-container .latest-report-zone .article-block .inner-list li+li{margin-top:16px}.esg-report-container .latest-report-zone .article-block p+p,.esg-report-container .latest-report-zone .article-block p+ul{margin-top:16px}.esg-report-container .common-zone .title{margin-bottom:40px}.esg-report-container .common-zone .reports-zone .download-content{width:calc((100% - 120px)/ 3)}.esg-report-container .common-zone .reports-zone .download-content:nth-child(n+2){margin-left:60px}.esg-report-container .common-zone .reports-zone .download-content:nth-child(3n+1){margin-left:0px}.esg-report-container .common-zone .reports-zone .download-content:nth-child(n+4){margin-top:53px}.esg-report-container .common-zone .reports-zone .download-content a{display:block;height:100%}.esg-report-container .common-zone .reports-zone .download-content a:hover .file span{color:var(--secondary-orange)}.esg-report-container .common-zone .reports-zone .download-content a:hover .file span::before{opacity:0}.esg-report-container .common-zone .reports-zone .download-content a:hover .file span::after{opacity:1}.esg-report-container .common-zone .reports-zone .download-content a .img{width:100%;position:relative;padding-left:20px;padding-top:20px;aspect-ratio:313/221}.esg-report-container .common-zone .reports-zone .download-content a .img::before{content:"";display:block;width:calc(100% - 20px);height:calc(100% - 20px);background-color:#d5edf0;border-radius:30px 0px 0px 0px;position:absolute;top:0;left:0;z-index:1}.esg-report-container .common-zone .reports-zone .download-content a .img img{position:relative;z-index:2}.esg-report-container .common-zone .reports-zone .download-content a .file{margin-top:20px;justify-content:center}.esg-report-container .common-zone .reports-zone .download-content a .file span{display:inline-block;color:#1976d2;padding-right:38px;position:relative;transition:.3s ease}.esg-report-container .common-zone .reports-zone .download-content a .file span::after,.esg-report-container .common-zone .reports-zone .download-content a .file span::before{content:"";display:block;transition:.3s ease;width:20px;height:24px;left:auto;right:0;background-image:url(../../images/common/liteon-popfile.svg)}.esg-report-container .common-zone .reports-zone .download-content a .file span::after{opacity:0;background-image:url(../../images/common/liteon-popfile-hover.svg)}@media screen and (min-width:1200px){.esg-report-container .window{background-image:none!important}}@media screen and (max-width:1199px){.esg-report-container .annual-highlights{margin-top:60px}.esg-report-container .window-area{padding:0 40px;background-image:none!important}.esg-report-container .window{width:50%;height:230px;border:none;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;cursor:pointer}.esg-report-container .window::before{display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);pointer-events:none}.esg-report-container .window:nth-child(n+4){border-top:none}.esg-report-container .window .window-wrapper{padding:30px}.esg-report-container .window:hover .window-wrapper{background-color:transparent}.esg-report-container .window .window-layer{display:flex;flex-wrap:wrap;align-content:space-between;height:100%}.esg-report-container .window .window-title-wrapper{width:100%}.esg-report-container .window .window-title{margin-top:0px}.esg-report-container .window .btn-block{opacity:1;width:100%}.esg-report-container .window .btn-block::before{display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%}.esg-report-container .lightbox-container .popup-container{padding:40px 40px}.esg-report-container .lightbox-container .right-block{width:285px;margin-left:40px}.esg-report-container .lightbox-container .content,.esg-report-container .lightbox-container ul>li{font-size:18px;line-height:28px}.esg-report-container .lightbox-container .left-block{width:calc(100% - 325px);max-height:60vh}.esg-report-container .lightbox-container .btn-block span{padding-right:5px;font-size:16px;line-height:30px}.esg-report-container .latest-report-zone{margin-top:80px}.esg-report-container .latest-report-zone .title{margin-bottom:40px}.esg-report-container .latest-report-zone .left-img-block{flex-wrap:wrap;max-width:688px;margin:0 auto}.esg-report-container .latest-report-zone .download-container{max-width:895px;width:344px}.esg-report-container .latest-report-zone .download-container .img{max-width:344px}.esg-report-container .latest-report-zone .right-block{margin-left:0px;width:auto;display:contents}.esg-report-container .latest-report-zone .right-block .download-iframe{margin-left:20px;width:calc(100% - 364px);align-self:center}.esg-report-container .latest-report-zone .download-content .download-title{font-size:28px;line-height:44px}.esg-report-container .latest-report-zone .download-content .info-content{margin-top:10px}.esg-report-container .latest-report-zone .article-block{width:100%}.esg-report-container .latest-report-zone .article-block .inner-list li:before{top:10px}.esg-report-container .latest-report-zone .article-block p+p,.esg-report-container .latest-report-zone .article-block p+ul{margin-top:12px}.esg-report-container .common-zone .title{margin-bottom:40px}.esg-report-container .common-zone .reports-zone{max-width:688px;margin:0 auto}.esg-report-container .common-zone .reports-zone .download-content{width:calc((100% - 48px)/ 2)}.esg-report-container .common-zone .reports-zone .download-content:nth-child(n+2){margin-left:48px}.esg-report-container .common-zone .reports-zone .download-content:nth-child(3n+1){margin-left:48px}.esg-report-container .common-zone .reports-zone .download-content:nth-child(odd){margin-left:0px}.esg-report-container .common-zone .reports-zone .download-content:nth-child(n+3){margin-top:44px}}@media screen and (max-width:767px){.esg-report-container .lightbox-container .popup-container{padding:20px 20px;display:block;max-height:65vh;overflow-y:auto}.esg-report-container .lightbox-container .right-block{width:100%;margin-left:0px;margin-top:40px}.esg-report-container .lightbox-container .left-block{width:100%;max-height:none;overflow-y:hidden}.esg-report-container .latest-report-zone .left-img-block{display:block}.esg-report-container .latest-report-zone .download-container{max-width:none;width:100%}.esg-report-container .latest-report-zone .download-container .img{max-width:320px;margin:0 auto}.esg-report-container .latest-report-zone .right-block{display:block;margin-top:20px}.esg-report-container .latest-report-zone .right-block .download-iframe{margin-left:0px;width:100%}.esg-report-container .latest-report-zone .download-container .download-content{max-width:310px;width:calc(100% + 20px);padding:87px 30px 30px}.esg-report-container .latest-report-zone .download-container .download-content .bg>div{margin-left:0px;max-width:none}.esg-report-container .latest-report-zone .download-container .download-content .download-title{font-size:30px}.esg-report-container .latest-report-zone .download-container .download-content .info-content{margin-left:0px;max-width:none}.esg-report-container .common-zone .reports-zone{max-width:320px}.esg-report-container .common-zone .reports-zone .download-content{width:100%}.esg-report-container .common-zone .reports-zone .download-content:nth-child(n+2){margin-left:0px}.esg-report-container .common-zone .reports-zone .download-content:nth-child(3n+1){margin-left:0px}.esg-report-container .common-zone .reports-zone .download-content:nth-child(odd){margin-left:0px}.esg-report-container .common-zone .reports-zone .download-content:nth-child(n+2){margin-top:44px}}.esg-service-center-container .blue-bg-html-zone .title{margin:0 auto;margin-bottom:40px}.esg-service-center-container .blue-bg-html-zone .info-container{position:relative;width:100%}.esg-service-center-container .blue-bg-html-zone .info-container .img{position:absolute;right:0;top:0;z-index:2;border-radius:0 0px 30px 0;overflow:hidden}.esg-service-center-container .blue-bg-html-zone .info-container .info-iframe{padding-top:100px}.esg-service-center-container .blue-bg-html-zone .info-container .info-content{background:transparent linear-gradient(90deg,#fff 0%,rgba(255,255,255,.768627451) 70%,rgba(255,255,255,0) 100%) 0% 0% no-repeat padding-box;padding:80px 40px}.esg-service-center-container .blue-bg-html-zone .info-container .info-content .bg{max-width:381px}.esg-service-center-container .blue-bg-html-zone .info-container .info-content .info-title{margin-bottom:30px}.esg-service-center-container .blue-bg-html-zone .info-container .info-content p+p{margin-top:20px}.esg-service-center-container .blue-bg-html-zone .info-container .info-content .has-icon{position:relative;padding-left:34px;display:flex;align-items:center}.esg-service-center-container .blue-bg-html-zone .info-container .info-content .has-icon::before{width:24px;height:24px}.esg-service-center-container .blue-bg-html-zone .info-container .info-content .address::before{background-image:url(../../images/common/liteon-map-icon-black.svg);top:17px}.esg-service-center-container .blue-bg-html-zone .info-container .info-content .phone::before{background-image:url(../../images/common/liteon-phone-icon-black.svg)}.esg-service-center-container .blue-bg-html-zone .info-container .info-content .mail{text-decoration:underline}.esg-service-center-container .blue-bg-html-zone .info-container .info-content .mail::before{background-image:url(../../images/common/liteon-mail-icon-black.svg)}.esg-service-center-container .survey-zone .title{margin-bottom:40px}.esg-service-center-container .survey-zone .survey-container .survey-content{width:33.3333333333%;padding:30px 30px 36px;min-height:250px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.esg-service-center-container .survey-zone .survey-container .survey-content::before{content:"";display:block;position:absolute;right:0;top:0;width:162px;height:250px;background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:0;pointer-events:none}.esg-service-center-container .survey-zone .survey-container .survey-content:first-child::before{background-image:url(../../images/esg/liteon-stakeholder-survey-customer.png)}.esg-service-center-container .survey-zone .survey-container .survey-content:nth-child(2)::before{background-image:url(../../images/esg/liteon-stakeholder-survey-material.png)}.esg-service-center-container .survey-zone .survey-container .survey-content:nth-child(3)::before{background-image:url(../../images/esg/liteon-stakeholder-survey-feedback.png)}.esg-service-center-container .channel-zone{background-color:#d5edf0}.esg-service-center-container .channel-zone .title{margin:0 auto;margin-bottom:40px}.esg-service-center-container .channel-zone a{text-decoration:underline}@media screen and (max-width:1199px){.esg-service-center-container .blue-bg-html-zone .title{max-width:688px}.esg-service-center-container .blue-bg-html-zone .info-container{max-width:688px;margin:0 auto}.esg-service-center-container .blue-bg-html-zone .info-container .img{max-width:344px}.esg-service-center-container .blue-bg-html-zone .info-container .info-iframe{padding-top:40px}.esg-service-center-container .blue-bg-html-zone .info-container .info-content{padding:40px 40px 32px}.esg-service-center-container .blue-bg-html-zone .info-container .info-content .bg{max-width:284px}.esg-service-center-container .blue-bg-html-zone .info-container .info-content .info-title{margin-bottom:20px}.esg-service-center-container .blue-bg-html-zone .info-container .info-content .has-icon{padding-left:34px}.esg-service-center-container .blue-bg-html-zone .info-container .info-content .address::before{top:14px}.esg-service-center-container .survey-zone .title{max-width:688px;margin:0 auto;margin-bottom:40px}.esg-service-center-container .survey-zone .survey-container{max-width:688px;margin:0 auto}.esg-service-center-container .survey-zone .survey-container .survey-content{width:100%;padding:30px;min-height:214px}.esg-service-center-container .survey-zone .survey-container .survey-content::before{width:113px;height:174px;top:auto;bottom:0}.esg-service-center-container .channel-zone .title{margin-bottom:40px}}@media screen and (max-width:767px){.esg-report-container .window-area{padding:0 20px}.esg-report-container .window{width:100%}.esg-service-center-container .blue-bg-html-zone .title{max-width:320px}.esg-service-center-container .blue-bg-html-zone .info-container{max-width:320px}.esg-service-center-container .blue-bg-html-zone .info-container .img{max-width:290px}.esg-service-center-container .blue-bg-html-zone .info-container .info-iframe{padding-top:91px}.esg-service-center-container .blue-bg-html-zone .info-container .info-content{padding:103px 20px 32px}.esg-service-center-container .blue-bg-html-zone .info-container .info-content .bg{max-width:none}.esg-service-center-container .survey-zone .title{max-width:320px}.esg-service-center-container .survey-zone .survey-container{max-width:320px}.esg-service-center-container .survey-zone .survey-container .survey-content::before{width:139px;height:100%}}.esg-police-container .blue-bg-html-zone{margin-top:60px;padding:0}.esg-police-container .blue-bg-html-zone .documents{padding:120px 0;position:relative;overflow:hidden}.esg-police-container .blue-bg-html-zone .documents:last-child{padding-bottom:220px}.esg-police-container .blue-bg-html-zone .documents:not(:first-child) .color-bg{top:0}.esg-police-container .blue-bg-html-zone .documents .document-container{justify-content:space-between}.esg-police-container .blue-bg-html-zone .documents .document-container .title-block{margin-right:30px;max-width:449px}.esg-police-container .blue-bg-html-zone .documents .document-container .title-block .title{margin-bottom:20px;max-height:120px;color:var(--primary-blue)}.esg-police-container .blue-bg-html-zone .documents .document-container .title-block .sub-title{max-height:88px}.esg-police-container .blue-bg-html-zone .documents .document-container .article-block{width:495px}.esg-police-container .blue-bg-html-zone .documents .document-container .article-block .file-list .file{border-bottom:1px solid #d0d0d0}.esg-police-container .blue-bg-html-zone .documents .document-container .article-block .file-list .file:first-child a{padding-top:0}.esg-police-container .blue-bg-html-zone .documents .document-container .article-block .file-list .file:first-child a::after,.esg-police-container .blue-bg-html-zone .documents .document-container .article-block .file-list .file:first-child a::before{top:0}.esg-police-container .blue-bg-html-zone .documents .document-container .article-block .file-list .file a{display:block;color:#1976d2;padding-right:44px;padding-top:20px;padding-bottom:20px;position:relative;transition:.3s ease}.esg-police-container .blue-bg-html-zone .documents .document-container .article-block .file-list .file a:hover{color:var(--secondary-orange)}.esg-police-container .blue-bg-html-zone .documents .document-container .article-block .file-list .file a:hover::before{opacity:0}.esg-police-container .blue-bg-html-zone .documents .document-container .article-block .file-list .file a:hover::after{opacity:1}.esg-police-container .blue-bg-html-zone .documents .document-container .article-block .file-list .file a::after,.esg-police-container .blue-bg-html-zone .documents .document-container .article-block .file-list .file a::before{content:"";transform:translateY(0%);top:20px;display:block;transition:.3s ease;width:28px;height:28px;left:auto;right:0;background-image:url(../../images/common/liteon-popfile.svg)}.esg-police-container .blue-bg-html-zone .documents .document-container .article-block .file-list .file a::after{opacity:0;background-image:url(../../images/common/liteon-popfile-hover.svg)}.esg-police-container .blue-bg-html-zone .documents .document-container .article-block .file-list .hidden a,.esg-police-container .blue-bg-html-zone .documents .document-container .article-block .file-list .hidden.file{display:none}.esg-police-container .blue-bg-html-zone .documents .document-container .article-block .view-more-flex{margin-top:30px}@media screen and (max-width:1199px){.esg-police-container .blue-bg-html-zone{margin-top:40px;padding:0}.esg-police-container .blue-bg-html-zone .documents{padding:80px 0}.esg-police-container .blue-bg-html-zone .documents:last-child{padding-bottom:120px}.esg-police-container .blue-bg-html-zone .documents .document-container{max-width:688px;margin:0 auto}.esg-police-container .blue-bg-html-zone .documents .document-container .title-block{margin-right:0px;max-width:none;width:320px}.esg-police-container .blue-bg-html-zone .documents .document-container .title-block .title{max-height:84px}.esg-police-container .blue-bg-html-zone .documents .document-container .title-block .sub-title{max-height:60px}.esg-police-container .blue-bg-html-zone .documents .document-container .article-block{width:320px}.esg-police-container .blue-bg-html-zone .documents .document-container .article-block .file-list .file a{padding-right:38px;padding-top:23px;padding-bottom:23px}}@media screen and (max-width:767px){.esg-police-container .blue-bg-html-zone .documents .document-container{max-width:none}.esg-police-container .blue-bg-html-zone .documents .document-container .title-block{width:100%}.esg-police-container .blue-bg-html-zone .documents .document-container .article-block{width:100%;margin-top:40px}}.esg-social-container>div:first-child{margin-top:60px}.esg-social-container .social-zone{background-image:url(../../images/esg/liteon_social_axis_bg.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:120px}.esg-social-container .social-zone .container>.title{margin-bottom:40px;color:#fff}.esg-social-container .social-zone .info-container{max-width:1030px;margin:0 auto}.esg-social-container .social-zone .info-container .info-content{width:540px;margin-right:60px}.esg-social-container .social-zone .info-container .info-content p+p{margin-top:20px}.esg-social-container .social-zone .info-container .info-content .inner-title{margin-bottom:30px}.esg-social-container .social-zone .info-container .grid-container{width:430px;gap:30px 30px}.esg-social-container .social-zone .info-container .grid-container .cards{padding:34px 16px 25px;background:0 0}.esg-social-container .social-zone .info-container .grid-container .cards .card-title{color:#fff;height:auto;text-align:center}.esg-social-container .social-zone .info-container .grid-container .cards:first-child{background-color:#1976d2}.esg-social-container .social-zone .info-container .grid-container .cards:nth-child(2){background-color:#eaaa00}.esg-social-container .social-zone .info-container .grid-container .cards:nth-child(3){background-color:#ff8536}.esg-social-container .social-zone .info-container .grid-container .cards:nth-child(4){background-color:#00acbb}.esg-social-container .social-zone .info-container .grid-container .cards::before{display:none}.esg-social-container .message-zone{background:transparent linear-gradient(180deg,#d0edf2 0%,#fff 100%) 0% 0% no-repeat}.esg-social-container .message-zone .title{margin:0 auto;margin-bottom:40px}.esg-social-container .message-zone .outer{overflow-x:auto}.esg-social-container .message-zone .outer .img{width:1120px;position:relative;background-image:url(../../images/esg/liteon-message-house.png);background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:0;padding-top:630px}.esg-social-container .message-zone .outer .anchor-point-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.esg-social-container .message-zone .outer .anchor-point-container:hover .shine-post .spot{background-color:#ff8536}.esg-social-container .message-zone .outer .anchor-point-container:hover .shine-post .spot::before{transform:translate(-50%,-50%)}.esg-social-container .message-zone .outer .anchor-point-container .shine-post.active .spot{background-color:var(--blue-4)}.esg-social-container .message-zone .outer .anchor-point-container .shine-post.active .spot::before{transform:translate(-50%,-50%) rotate(45deg)}.esg-social-container .message-zone .outer .anchor-point-container .shine-post{cursor:pointer}.esg-social-container .message-zone .outer .anchor-point-container .shine-post:hover .spot{background-color:var(--blue-4)}.esg-social-container .message-zone .outer .anchor-point-container .shine-post:hover .spot::before{transform:translate(-50%,-50%) rotate(45deg)}.esg-social-container .message-zone .outer .anchor-point-container .shine-post:first-child{top:87%;left:36.71%}.esg-social-container .message-zone .outer .anchor-point-container .shine-post:nth-child(2){top:87%;left:65.04%}.esg-social-container .message-zone .outer .anchor-point-container .shine-post:nth-child(3){top:87%;left:93.44%}.esg-social-container .message-zone.ch .outer .img{background-image:url(../../images/esg/liteon-message-house-ch.png)}.esg-social-container .message-zone.en .outer .img{padding-top:727px;background-image:url(../../images/esg/liteon-message-house-en.png)}.esg-social-container .message-zone.en .outer .anchor-point-container .shine-post:first-child,.esg-social-container .message-zone.en .outer .anchor-point-container .shine-post:nth-child(2),.esg-social-container .message-zone.en .outer .anchor-point-container .shine-post:nth-child(3){top:90.5%}.esg-social-container .message-zone.jp .outer .img{padding-top:727px;background-image:url(../../images/esg/liteon-message-house-jp.png)}.esg-social-container .message-zone.jp .outer .anchor-point-container .shine-post:first-child,.esg-social-container .message-zone.jp .outer .anchor-point-container .shine-post:nth-child(2),.esg-social-container .message-zone.jp .outer .anchor-point-container .shine-post:nth-child(3){top:90.5%}.esg-social-container .season-zone{padding-bottom:0}.esg-social-container .season-zone .tab-content-swiper .swiper-slide{background-repeat:no-repeat;background-position:center;background-size:cover}.esg-social-container .season-zone .tab-content-swiper .swiper-slide .season-bg{background-repeat:no-repeat;background-position:center;background-size:cover;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.esg-social-container .season-zone .tab-content-swiper .swiper-slide::before{content:"";display:block;background-image:url(../../images/esg/liteon-season-mask.png);background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:0;position:absolute;bottom:0;left:0;width:100%;height:242px;z-index:1}.esg-social-container .season-zone .tab-content-swiper .swiper-slide .season-content{justify-content:flex-end;align-items:center;position:relative;z-index:3}.esg-social-container .season-zone .tab-content-swiper .swiper-slide .season-content .article-block{width:534px;margin:0}.esg-social-container .season-zone .tab-content-swiper .swiper-slide .season-content .article-block .inner-title{font-size:40px;line-height:50px}.esg-social-container .season-zone .tab-content-swiper .swiper-slide .season-content .article-block .sub-title{margin-top:8px}.esg-social-container .season-zone .tab-content-swiper .swiper-slide .season-content .article-block .content{margin-top:30px}.esg-social-container .season-zone .tab-content-swiper .swiper-slide .season-content .article-block .video-link{margin-top:30px}.esg-social-container .season-zone .tab-content-swiper .swiper-slide .season-content .article-block .video-link a{position:relative;font-size:18px;line-height:28px;color:#fff;display:inline-block;padding-right:36px;text-decoration:none}.esg-social-container .season-zone .tab-content-swiper .swiper-slide .season-content .article-block .video-link a::before{content:"";display:block;position:absolute;right:0;background-repeat:no-repeat;background-position:right;width:28px;height:28px;top:50%;transform:translateY(-50%);background-size:contain;background-image:url(../../images/common/liteon-play-btn.svg)}@media screen and (max-width:1199px){.esg-social-container>div:first-child{margin-top:40px}.esg-social-container .social-zone{background-image:url(../../images/esg/liteon_social_axis_bg_tb.jpg);padding:80px 0}.esg-social-container .social-zone .info-container{max-width:687px}.esg-social-container .social-zone .info-container .info-content{width:340px;margin-right:27px}.esg-social-container .social-zone .info-container .grid-container{width:320px}.esg-social-container .social-zone .info-container .grid-container .cards{padding:16px 16px 20px}.esg-social-container .season-zone .tab-content-swiper .swiper-slide{background-size:0%}.esg-social-container .season-zone .tab-content-swiper .swiper-slide .container{max-width:688px}.esg-social-container .season-zone .tab-content-swiper .swiper-slide::before{height:200px}.esg-social-container .season-zone .tab-content-swiper .swiper-slide .season-content .article-block{width:360px}.esg-social-container .season-zone .tab-content-swiper .swiper-slide .season-content .article-block .inner-title{font-size:28px;line-height:44px}.esg-embrace-container>div{margin-top:0px}}@media screen and (max-width:767px){.esg-social-container .social-zone{background-image:url(../../images/esg/liteon_social_axis_bg_m.jpg)}.esg-social-container .social-zone .container{max-width:none}.esg-social-container .social-zone .info-container .info-content{width:100%;margin-right:0px}.esg-social-container .social-zone .info-container .grid-container{width:100%;max-width:320px;margin:0 auto;margin-top:40px}.esg-social-container .season-zone .tab-content-swiper .swiper-slide .container{max-width:none}.esg-social-container .season-zone .tab-content-swiper .swiper-slide .season-content .article-block{width:100%}}.html-bg-change{padding:80px 0}.open-zone.common-zone{padding:80px 0 120px}