@charset "UTF-8";.brand-anchor-container .multiple-inner-tab .swiper-slide .items span.font-24::before,.contact-info .article .has-icon::before,.esg.overview-banner .pic-content .download-content .file a::after,.esg.overview-banner .pic-content .download-content .file a::before,.img-lightbox .img-article-container .left-block .link a::before,.lightbox-container .swiper .right-block .file-download-list .file-list .file a::after,.lightbox-container .swiper .right-block .file-download-list .file-list .file a::before,.view-more-flex .view-more::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}.ir.overview-banner .share-holder-info .share-holder-container .info-content .info-block .file .file-container .download-list{overflow:auto;scrollbar-width:thin;scrollbar-color:#d3d3d3 #fff}.ir.overview-banner .share-holder-info .share-holder-container .info-content .info-block .file .file-container .download-list::-webkit-scrollbar{width:5px}.ir.overview-banner .share-holder-info .share-holder-container .info-content .info-block .file .file-container .download-list::-webkit-scrollbar-thumb{background-color:#d3d3d3;border:4px solid transparent;border-radius:5px}.ir.overview-banner .share-holder-info .share-holder-container .info-content .info-block .file .file-container .download-list::-webkit-scrollbar-thumb:hover{background-color:#afafb0}.ir.overview-banner .share-holder-info .share-holder-container .info-content .info-block .file .file-container .download-list::-webkit-scrollbar-track{background-color:#fff;border-radius:50px}.search-iframe-wrapper{margin-top:60px}.search-page-wrapper{display:flex;align-items:center}.search-page-wrapper .btn-block{margin-left:30px}.search-page-input{margin:0;outline:0;border:none;padding:14px 30px;background-color:var(--gray-1);color:var(--gray-4);border-radius:30px;flex:1}@media screen and (max-width:1199px){.search-page-input{padding:11px 30px}}@media screen and (max-width:767px){.search-page-wrapper{display:block}.search-page-input{display:block;width:100%}.search-page-wrapper .btn-block{margin-left:0;margin-top:20px;justify-content:center}.search-iframe-wrapper{margin-top:40px}}.common-white-select{position:relative;display:inline-block;min-width:365px}.common-white-select .common-select{display:block}.common-white-select select{width:100%;background:0 0;color:var(--dark-gray);border:none;border-radius:10px;cursor:pointer;padding:14px 51px 14px 27px;outline:0;background-color:#fff}.common-white-select .common-select::after{content:"";position:absolute;top:0;bottom:0;margin-top:auto;margin-bottom:auto;width:10px;height:14px;background-image:url(../images/common/liteon-select-arrow.svg);background-position:center;background-size:contain;right:27px;cursor:pointer;background-repeat:no-repeat;pointer-events:none}@media screen and (max-width:1199px){.common-white-select select{padding:8px 48px 8px 20px}}@media screen and (max-width:767px){.common-white-select{width:100%}.common-white-select{min-width:auto}}.video-wrapper .img>a{display:block;position:relative;border-radius:0 0 30px 0}.video-wrapper .img>a::before{content:"";position:absolute;top:0;bottom:0;right:0;left:0;background-color:rgba(0,0,0,.3);z-index:0}.video-wrapper .img>a::after{content:"";position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;width:100px;height:100px;background-image:url(../images/common/liteon-common-video-btn.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.mfp-bg{background:#000;opacity:.7}.mfp-iframe-holder{padding:100px 0}.mfp-iframe-holder .mfp-content{max-width:768px}.mfp-iframe-holder .mfp-content::after{position:absolute;content:"";display:block;width:100%;height:100%;background-color:#000;top:0;left:0;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;pointer-events:none}.mfp-iframe-holder .mfp-content.load::after{opacity:0}.mfp-iframe-holder .mfp-close{padding:0;right:0;height:56px;line-height:normal;top:auto;bottom:100%;opacity:1;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease}.mfp-iframe-holder .mfp-close::after,.mfp-iframe-holder .mfp-close::before{content:"";display:block;position:absolute;width:24px;height:24px;padding:0;right:0;height:24px;line-height:normal;top:0;bottom:100%;background-position:right top;background-repeat:no-repeat;background-size:auto 24px;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease}.mfp-iframe-holder .mfp-close::before{background-image:url(../images/common/liteon-video-close-btn.svg);opacity:1}.mfp-iframe-holder .mfp-close::after{background-image:url(../images/common/liteon-search-close-hover.svg);opacity:0}.mfp-iframe-holder .mfp-close:hover::after{opacity:1}.mfp-iframe-holder .mfp-close:hover::before{opacity:0}.mfp-iframe-holder iframe{background-color:#000}.mfp-iframe-holder iframe video{width:100%;height:100%}@media screen and (max-width:1199px){.mfp-iframe-holder{padding:100px 40px}}@media screen and (max-width:767px){.mfp-iframe-holder{padding:80px 20px}}.has-more-block.more-unclicked .show-item[data-item="1"]>:nth-child(n+2){display:none}.has-more-block.more-unclicked .show-item[data-item="3"]>:nth-child(n+4){display:none}.has-more-block.more-unclicked .show-item[data-item="4"]>:nth-child(n+5){display:none}.has-more-block.more-unclicked .show-item[data-item="5"]>:nth-child(n+6){display:none}.has-more-block.more-unclicked .show-item[data-item="10"]>:nth-child(n+11){display:none}.has-more-block:not(.more-unclicked) .more-btn-block{display:none!important}.swiper-progress-component.swiper-btn-block{position:relative;display:flex;justify-content:center;align-items:center}.swiper-progress-component .swiper-button-next,.swiper-progress-component .swiper-button-prev{margin-top:0;width:10px;height:14px;display:block;position:relative;top:0;left:0;right:0}.swiper-progress-component .swiper-button-next:after,.swiper-progress-component .swiper-button-prev::after{display:none}.swiper-progress-component .swiper-button-next::after,.swiper-progress-component .swiper-button-next::before,.swiper-progress-component .swiper-button-prev::after,.swiper-progress-component .swiper-button-prev::before{content:"";display:block;position:absolute;margin:-10px;width:calc(100% + 20px);height:calc(100% + 20px);font-size:0;background-repeat:no-repeat;background-size:10px 14px;background-position:center;transition:opacity .3s}.swiper-progress-component .swiper-button-next::before,.swiper-progress-component .swiper-button-prev::before{background-image:url(../images/product/liteon-product-arrow-icon.svg);opacity:1}.swiper-progress-component .swiper-button-next::after,.swiper-progress-component .swiper-button-prev::after{background-image:url(../images/product/liteon-product-arrow-icon-hover.svg);opacity:0}.swiper-progress-component .swiper-button-next:hover:before,.swiper-progress-component .swiper-button-prev:hover::before{opacity:0}.swiper-progress-component .swiper-button-next:hover:after,.swiper-progress-component .swiper-button-prev:hover::after{opacity:1}.swiper-progress-component .swiper-button-prev::after,.swiper-progress-component .swiper-button-prev::before{transform:rotate(180deg)}.swiper-progress-component .swiper-progress-wrapper{margin:0 20px}.swiper-progress-component .swiper-pagination-fraction{position:static}.component-progressbar{height:3px;border-radius:2px;overflow:hidden;position:relative;background-color:var(--gray-1)}.component-progressbar .progress-inner{position:absolute;width:0;height:100%;border-radius:2px;background-color:var(--secondary-orange);transition:.3s}.swiper.has-margin-left{overflow:visible}.swiper-progress-component.with-scrollbar .swiper-scrollbar{--swiper-scrollbar-border-radius:2px;--swiper-scrollbar-top:-1.5px;--swiper-scrollbar-bottom:4px;--swiper-scrollbar-left:auto;--swiper-scrollbar-right:4px;--swiper-scrollbar-sides-offset:1%;--swiper-scrollbar-bg-color:var(--gray-1);--swiper-scrollbar-drag-bg-color:var(--secondary-orange);--swiper-scrollbar-size:3px}.swiper-progress-component.with-scrollbar .swiper-scrollbar-lock{display:block!important}.swiper-progress-component.with-scrollbar .swiper-progress-wrapper{width:545px;position:relative}@media screen and (max-width:1199px){.swiper-progress-component.with-scrollbar .swiper-progress-wrapper{width:400px}.swiper-progress-component.with-scrollbar .swiper-progress-wrapper{margin:0 16px}}@media screen and (max-width:768px){.swiper-progress-component.with-scrollbar .swiper-progress-wrapper{width:268px}}.pagenation-wrapper{margin-top:80px;display:flex;justify-content:center;align-items:center}.page-block{display:flex}.page-pre-btn{margin-right:15px;transform:rotate(180deg)}.page-next-btn{margin-left:15px}.page{margin:0 15px;color:var(--dark-gray);transition:.3s}.page.active,.page:hover{color:var(--secondary-orange)}.page,.page-btn{position:relative}.page-btn::after,.page::after{content:"";position:absolute;width:calc(100% + 30px);height:calc(100% + 30px);margin:-15px;top:0;left:0}@media screen and (max-width:1199px){.pagenation-wrapper{margin-top:60px}}.banner-block{position:relative;overflow:hidden;z-index:3}.banner-info{width:100%;max-width:500px;padding-top:40px;color:#fff}.flexable-more-btn .more-btn{position:relative}.flexable-more-btn .more-btn .arrow-btn{position:absolute;top:50%;transform:translateY(-50%);left:100%}@media screen and (max-width:1439px){.module-banner .pattern-block{padding-right:40px}}.breadcrumb{background-color:transparent;margin-bottom:0;z-index:50}.breadcrumb a{color:#fff}.breadcrumb span{padding:0 5px}.banner-block-container{min-height:300px}.banner-block-container>div{width:50%}.module-banner .banner-info{margin-left:160px;max-width:calc(100% - 160px)}.module-banner .pattern-block{background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:0px 0px 150px 0px;background-image:url(../images/banner/liteon-pattern-banner.jpg)}.module-banner .image-block{border-radius:0px 0px 0px 150px}.module-banner .banner-title{font-size:40px;line-height:52px;margin-top:12px;max-height:104px;overflow:hidden}@media screen and (max-width:1439px){.module-banner .banner-info{margin-left:calc((100vw - 1200px)/ 2 + 40px);max-width:calc(100% - ((100vw - 1200px)/ 2 + 40px))}}@media (max-width:1199px){.banner-block-container{min-height:160px}.module-banner .banner-title{font-size:24px;line-height:36px;margin-top:0px;max-height:72px}.module-banner .pattern-block{border-radius:0px 0px 80px 0px;background-image:url(../images/banner/liteon-pattern-banner-tb.jpg)}.module-banner .image-block{border-radius:0px 0px 0px 80px}.module-banner .pattern-block{padding-right:0px}.module-banner .banner-info{margin:0;padding-left:40px;padding-right:40px;padding-top:30px;max-width:none}}@media (max-width:767px){.banner-block-container{min-height:0px}.banner-block-container>div{width:100%}.module-banner .banner-title{max-height:none}.module-banner .pattern-block{border-radius:0;background-image:url(../images/banner/liteon-pattern-banner-m.jpg)}.module-banner .image-block{height:160px}.module-banner .pattern-block{padding-right:0}.module-banner .banner-info{padding-left:20px;padding-right:20px;padding-top:40px;padding-bottom:20px}}.other-banner{background-image:url(../images/banner/liteon-other-banner.jpg);min-height:280px;border-radius:0px 0px 150px 0px;overflow:hidden}.other-banner .container{max-width:1680px}.other-banner .banner-info{max-width:100%;padding-bottom:50px}.other-banner .banner-title{font-size:40px;line-height:52px;margin-top:10px;max-height:104px;overflow:hidden}.other-banner .time{display:block;margin-top:20px}@media screen and (max-width:1437px){.other-banner .container{max-width:1200px;margin:0 auto}}@media (max-width:1199px){.other-banner{min-height:0px;border-radius:0px 0px 80px 0px}.other-banner .banner-info{max-width:none;margin-left:0;padding-bottom:60px}.other-banner .banner-title{font-size:24px;line-height:36px;max-height:none}.other-banner .time{margin-top:0px}}@media (max-width:767px){.other-banner .banner-info{padding-top:40px;padding-left:0;padding-right:0}}.overview-banner{min-height:830px;position:relative;z-index:3}.overview-banner .banner-title{margin-top:20px;max-height:96px;overflow:hidden}.overview-banner .banner-info{padding-top:60px}.about.overview-banner{background-image:url(../images/banner/about/liteon-about-banner.png)}.about-branding.overview-banner{background-image:url(../images/banner/about/liteon-brand-banner.png);min-height:660px}.about-branding.overview-banner .banner-title{margin:0;font-size:91px;line-height:90px}.about-branding.overview-banner .banner-info{padding-top:180px;max-width:none}.about-branding.overview-banner .slogan-container{margin-top:10px}.about-branding.overview-banner .slogan-container .banner-slogan{font-size:55px;line-height:84px}.about-branding.overview-banner .slogan-container .banner-slogan:last-child{margin-left:30px}.about-branding.overview-banner .container{position:relative;max-width:960px}.about-branding.overview-banner .container .star-pattern{position:absolute;top:40px;left:-480px}.brand-anchor-container .multiple-inner-tab{overflow:visible}.brand-anchor-container .multiple-inner-tab .swiper-slide{width:auto}.brand-anchor-container .multiple-inner-tab .swiper-slide:nth-child(n+2){margin-left:200px}.brand-anchor-container .multiple-inner-tab .swiper-slide:last-child .items span::after{display:none}.brand-anchor-container .multiple-inner-tab .swiper-slide .items{text-align:center;position:relative}.brand-anchor-container .multiple-inner-tab .swiper-slide .items:nth-child(n+2){margin-top:0px}.brand-anchor-container .multiple-inner-tab .swiper-slide .items span.font-24{padding-top:35px;display:block;position:relative;cursor:pointer;vertical-align:top;color:var(--content-gray)}.brand-anchor-container .multiple-inner-tab .swiper-slide .items span.font-24:hover{transition:color .3s;color:var(--primary-blue)}.brand-anchor-container .multiple-inner-tab .swiper-slide .items span.font-24:hover::before{opacity:1}.brand-anchor-container .multiple-inner-tab .swiper-slide .items span.font-24::before{width:37px;height:33px;background-image:url(../images/about/liteon-about-anchor.png);transition:.3s ease;opacity:0;top:0;left:50%;transform:translateX(-50%)}.brand-anchor-container .multiple-inner-tab .swiper-slide .items .line{display:block;position:absolute;bottom:15px;left:calc(100% + 10px);height:1px;z-index:1;width:0;height:1px;background-color:#d0d0d0}.brand-anchor-container .multiple-inner-tab .swiper-slide .items [data-aos=width_change]{width:0;transition-timing-function:linear;transition-duration:.5s}.brand-anchor-container .multiple-inner-tab .swiper-slide .items [data-aos=width_change].aos-animate{width:180px}.ir.overview-banner{background-image:url(../images/banner/ir/liteon-ir-banner.png);min-height:880px;overflow:initial}.ir.overview-banner .share-holder-info{margin-top:140px;background:transparent linear-gradient(106deg,rgba(23,174,187,.7) 0%,rgba(147,255,251,.7) 100%) 0% 0% no-repeat padding-box;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:0 0px 100px 0;position:relative;width:calc(1200px + (100% - 1600px)/ 2);padding:74px 40px 60px 0;margin-right:auto}.ir.overview-banner .share-holder-info .newest-share-price{position:absolute;top:0;right:0;background-color:#a8dde1;padding:12px}.ir.overview-banner .share-holder-info .newest-share-price p{font-size:14px;line-height:30px}.ir.overview-banner .share-holder-info .share-holder-container{margin-left:calc((100vw - 1600px)/ 2)}.ir.overview-banner .share-holder-info .share-holder-container .info-content .info-block{width:calc((100% - 80px)/ 3);position:relative}.ir.overview-banner .share-holder-info .share-holder-container .info-content .info-block:nth-child(n+2){margin-left:40px}.ir.overview-banner .share-holder-info .share-holder-container .info-content .info-block:nth-child(n+2)::before{content:"";display:block;width:1px;height:100%;position:absolute;left:-20px;background-color:rgba(255,255,255,.4);top:0}.ir.overview-banner .share-holder-info .share-holder-container .info-content .info-block>a{display:block;width:100%;height:100%}.ir.overview-banner .share-holder-info .share-holder-container .info-content .info-block>a:hover{text-decoration:underline;color:#fff}.ir.overview-banner .share-holder-info .share-holder-container .info-content .info-block .inner-title{--text-line:1;--text-line-height:36}.ir.overview-banner .share-holder-info .share-holder-container .info-content .info-block .times{margin-top:10px;--text-line:1;--text-line-height:24}.ir.overview-banner .share-holder-info .share-holder-container .info-content .info-block .inner-content{margin-top:10px;--text-line:3;--text-line-height:32}.ir.overview-banner .share-holder-info .share-holder-container .info-content .info-block .svg-icon-box{width:16px;height:19px}.ir.overview-banner .share-holder-info .share-holder-container .info-content .info-block .file{margin-top:10px;align-items:center;position:relative;cursor:pointer;display:inline-flex}.ir.overview-banner .share-holder-info .share-holder-container .info-content .info-block .file:hover span{color:var(--secondary-orange)}.ir.overview-banner .share-holder-info .share-holder-container .info-content .info-block .file span{display:inline-block;color:#1976d2;padding-right:12px;position:relative;transition:.3s}.ir.overview-banner .share-holder-info .share-holder-container .info-content .info-block .file .file-container{position:absolute;width:228px;z-index:99999;top:40px;left:0;padding:20px;border-radius:10px;box-shadow:0px 3px 10px rgba(0,0,0,.1607843137);background-color:#fff;transition-property:opacity;pointer-events:none;opacity:0;border-radius:10px;overflow:hidden}.ir.overview-banner .share-holder-info .share-holder-container .info-content .info-block .file .file-container:after{width:100%;content:"";display:block;position:absolute;z-index:-1;top:0;bottom:0;left:0;opacity:0;transform:scale(.9);transform-origin:top;transition-duration:.6s;transition-timing-function:cubic-bezier(.075,.82,.165,1);transition-property:opacity,transform;background:#fff}.ir.overview-banner .share-holder-info .share-holder-container .info-content .info-block .file .file-container .download-list{max-height:188px;padding-right:10px}.ir.overview-banner .share-holder-info .share-holder-container .info-content .info-block .file .file-container .download-list .download-item+.download-item{margin-top:16px}.ir.overview-banner .share-holder-info .share-holder-container .info-content .info-block .file .file-container .download-list a{display:block}.ir.overview-banner .share-holder-info .share-holder-container .info-content .info-block .file.open span{color:var(--secondary-orange)}.ir.overview-banner .share-holder-info .share-holder-container .info-content .info-block .file.open .svg-icon-box{color:var(--secondary-orange)}.ir.overview-banner .share-holder-info .share-holder-container .info-content .info-block .file.open .file-container{opacity:1;pointer-events:auto}.ir.overview-banner .share-holder-info .share-holder-container .info-content .info-block .file.open .file-container::after{opacity:1;transform:scale(1)}.ir.overview-banner .share-holder-info .share-holder-container .info-content .quarterly-results .inner-content{--text-line:1;--text-line-height:24}.ir.overview-banner .share-holder-info .share-holder-container .info-content .quarterly-results .times{--text-line-height:36}@media screen and (min-width:1921px){.ir.overview-banner{background-image:url(../images/banner/ir/liteon-ir-banner-2500.png)}.about-branding.overview-banner{background-image:url(../images/banner/about/liteon-brand-banner-2500.png)}}@media (max-width:1680px){.ir.overview-banner .share-holder-info .share-holder-container{margin-left:40px}}.hr.overview-banner{background-image:url(../images/banner/hr/liteon-career-overview-banner.png);min-height:760px}.hr.overview-banner .banner-info{max-width:750px}.hr.overview-banner .banner-info .info-content{margin-top:120px;max-height:252px;overflow:hidden}.esg.overview-banner{background-image:url(../images/banner/esg/liteon-esg-banner.png);min-height:1090px}.esg.overview-banner .banner-info{max-width:750px}.esg.overview-banner .banner-info .info-content{margin-top:120px}.esg.overview-banner .pic-content{margin-top:80px;position:relative;color:#fff;margin-left:calc((100% - 1200px)/ 2 + 320px)}.esg.overview-banner .pic-content .img{max-width:515px;position:relative;z-index:2;box-shadow:10px 10px 15px rgba(0,0,0,.1490196078)}.esg.overview-banner .pic-content .download-content{position:absolute;width:752px;top:50px;left:217px;border-radius:0 0 30px 0;overflow:hidden}.esg.overview-banner .pic-content .download-content .bg{position:relative;background:transparent linear-gradient(90deg,rgba(168,221,225,.6) 0%,rgba(20,176,190,.6) 70%,rgba(7,172,187,.6) 100%) 0% 0% no-repeat;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:50px 60px;z-index:1;min-height:310px;border-radius:0 0 30px 0;overflow:hidden}.esg.overview-banner .pic-content .download-content .bg>div{margin-left:298px}.esg.overview-banner .pic-content .download-content .title{font-size:36px;line-height:44px}.esg.overview-banner .pic-content .download-content .info-content{margin-top:20px;margin-left:298px}.esg.overview-banner .pic-content .download-content .file{margin-top:20px;padding-bottom:20px}.esg.overview-banner .pic-content .download-content .file a{display:inline-block;color:#1976d2;padding-right:28px;position:relative;transition:.3s ease}.esg.overview-banner .pic-content .download-content .file a:hover{color:var(--secondary-orange)}.esg.overview-banner .pic-content .download-content .file a:hover::before{opacity:0}.esg.overview-banner .pic-content .download-content .file a:hover::after{opacity:1}.esg.overview-banner .pic-content .download-content .file a::after,.esg.overview-banner .pic-content .download-content .file a::before{content:"";display:block;transition:.3s ease;width:20px;height:20px;left:auto;right:0;background-image:url(../images/common/liteon-popfile.svg)}.esg.overview-banner .pic-content .download-content .file a::after{opacity:0;background-image:url(../images/common/liteon-popfile-hover.svg)}.esg.overview-banner .pic-content .download-content .more-content{position:absolute;bottom:50px;right:106px}@media screen and (min-width:1921px){.esg.overview-banner{background-image:url(../images/banner/esg/liteon-esg-banner-2500.png);min-height:1090px}.hr.overview-banner{background-image:url(../images/banner/hr/liteon-career-overview-banner-2500.png);min-height:760px}}@media (max-width:1455px){.esg.overview-banner .pic-content{margin-left:calc(100% - 40px - 969px)}}@media (max-width:1199px){.about.overview-banner{background-position:left;background-image:url(../images/banner/about/liteon-about-banner-tb.png)}.about-branding.overview-banner{background-image:url(../images/banner/about/liteon-brand-banner-tb.png);min-height:452px}.about-branding.overview-banner .banner-title{font-size:60px;line-height:58px}.about-branding.overview-banner .banner-info{padding-top:100px}.about-branding.overview-banner .slogan-container .banner-slogan{font-size:36px;line-height:55px}.about-branding.overview-banner .slogan-container .banner-slogan:last-child{margin-left:23px}.about-branding.overview-banner .container{max-width:522px;padding:0 20px}.about-branding.overview-banner .container .star-pattern{width:246px;top:45px;left:-246px}.brand-anchor-container .multiple-inner-tab .swiper-slide{width:auto}.brand-anchor-container .multiple-inner-tab .swiper-slide:nth-child(n+2){margin-left:50px}.brand-anchor-container .multiple-inner-tab .swiper-slide .items{height:40px;display:flex;justify-content:center;align-items:center}.brand-anchor-container .multiple-inner-tab .swiper-slide .items span.font-24{padding-top:0px;font-size:16px;line-height:20px}.brand-anchor-container .multiple-inner-tab .swiper-slide .items span.font-24::before{width:20px;height:18px;background-image:url(../images/about/liteon-about-anchor.png);top:-20px}.brand-anchor-container .multiple-inner-tab .swiper-slide .items .line{bottom:auto;top:50%;transform:translateY(-50%);width:30px}.brand-anchor-container .multiple-inner-tab .swiper-slide .items [data-aos=width_change]{width:0}.brand-anchor-container .multiple-inner-tab .swiper-slide .items [data-aos=width_change].aos-animate{width:30px}.ir.overview-banner{background-image:url(../images/banner/ir/liteon-ir-banner-tb.png);min-height:670px}.ir.overview-banner .share-holder-info{margin-top:30px;width:630px;padding:80px 40px 40px 40px}.ir.overview-banner .share-holder-info .newest-share-price{padding:10px 40px;width:100%}.ir.overview-banner .share-holder-info .newest-share-price p{font-size:16px}.ir.overview-banner .share-holder-info .share-holder-container{margin-left:0}.ir.overview-banner .share-holder-info .share-holder-container .info-content .info-block{width:calc((100% - 40px)/ 2)}.ir.overview-banner .share-holder-info .share-holder-container .info-content .info-block:nth-child(n+2){margin-left:0px}.ir.overview-banner .share-holder-info .share-holder-container .info-content .info-block:nth-child(n+2)::before{display:none}.ir.overview-banner .share-holder-info .share-holder-container .info-content .info-block .inner-title{--text-line-height:28}.ir.overview-banner .share-holder-info .share-holder-container .info-content .info-block .inner-content{--text-line-height:28}.ir.overview-banner .share-holder-info .share-holder-container .info-content .info-block .file span{padding-right:16px}.ir.overview-banner .share-holder-info .share-holder-container .info-content .info-block .file .file-container{width:320px;top:34px}.ir.overview-banner .share-holder-info .share-holder-container .info-content .info-block .file .file-container .download-list{max-height:204px}.ir.overview-banner .share-holder-info .share-holder-container .info-content .event.info-block{margin-left:40px}.ir.overview-banner .share-holder-info .share-holder-container .info-content .quarterly-results.info-block{width:100%;margin-top:32px}.ir.overview-banner .share-holder-info .share-holder-container .info-content .quarterly-results.info-block::before{display:block;width:100%;height:1px;left:0px;top:-16px}.ir.overview-banner .share-holder-info .share-holder-container .info-content .quarterly-results.info-block>div,.ir.overview-banner .share-holder-info .share-holder-container .info-content .quarterly-results.info-block>p{max-width:calc((100% - 40px)/ 2)}.ir.overview-banner .share-holder-info .share-holder-container .info-content .quarterly-results.info-block .inner-content{--text-line-height:24}.ir.overview-banner .share-holder-info .share-holder-container .info-content .quarterly-results.info-block .times{--text-line-height:28}.hr.overview-banner{background-image:url(../images/banner/hr/liteon-hr-banner-tb.png);min-height:630px}.hr.overview-banner .banner-info{max-width:none}.hr.overview-banner .banner-info .info-content{margin-top:40px;max-height:196px}.overview-banner{min-height:372px}.overview-banner .m-banner{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.overview-banner .banner-title{margin-top:0px;max-height:none;font-size:24px;line-height:36px}.overview-banner .banner-info{position:relative;padding-top:40px;z-index:2;max-width:none}.esg.overview-banner{background-image:url(../images/banner/esg/liteon-esg-banner-tb.png);min-height:770px}.esg.overview-banner .banner-info{max-width:none}.esg.overview-banner .banner-info .info-content{margin-top:40px}.esg.overview-banner .pic-content{margin-top:60px;margin-left:calc(100% - 728px)}.esg.overview-banner .pic-content .img{max-width:400px}.esg.overview-banner .pic-content .download-content{width:430px;top:54px;left:258px}.esg.overview-banner .pic-content .download-content .bg{padding:40px;z-index:1;min-height:270px}.esg.overview-banner .pic-content .download-content .bg>div{margin-left:132px}.esg.overview-banner .pic-content .download-content .title{font-size:20px;line-height:44px}.esg.overview-banner .pic-content .download-content .info-content{margin-top:10px;margin-left:132px}.esg.overview-banner .pic-content .download-content .more-content{position:absolute;bottom:40px;right:66px}}@media (max-width:767px){.overview-banner .banner-info{padding:0;padding-top:30px}.about.overview-banner{background-image:url(../images/banner/about/liteon-about-banner-m.png)}.about-branding.overview-banner{background-image:url(../images/banner/about/liteon-brand-banner-m.png);min-height:302px}.about-branding.overview-banner .banner-title{font-size:38px;line-height:48px}.about-branding.overview-banner .banner-info{padding-top:54px}.about-branding.overview-banner .slogan-container .banner-slogan{font-size:20px;line-height:22px}.about-branding.overview-banner .slogan-container .banner-slogan:last-child{margin-left:10px}.about-branding.overview-banner .container{max-width:250px;padding:0 5px}.about-branding.overview-banner .container .star-pattern{width:126px;top:36px;left:-126px}.ir.overview-banner{background-image:url(../images/banner/ir/liteon-ir-banner-m.png);min-height:860px}.ir.overview-banner .share-holder-info{margin-top:30px;width:320px;padding:90px 20px 40px}.ir.overview-banner .share-holder-info .newest-share-price{padding:12px 20px}.ir.overview-banner .share-holder-info .newest-share-price p{font-size:14px;line-height:20px}.ir.overview-banner .share-holder-info .share-holder-container .info-content .info-block{width:100%}.ir.overview-banner .share-holder-info .share-holder-container .info-content .info-block:nth-child(n+2){margin-top:32px}.ir.overview-banner .share-holder-info .share-holder-container .info-content .info-block:nth-child(n+2)::before{display:block;width:100%;height:1px;left:0px;top:-16px}.ir.overview-banner .share-holder-info .share-holder-container .info-content .info-block .file span{padding-right:12px}.ir.overview-banner .share-holder-info .share-holder-container .info-content .event.info-block{margin-left:0px}.ir.overview-banner .share-holder-info .share-holder-container .info-content .quarterly-results.info-block>div,.ir.overview-banner .share-holder-info .share-holder-container .info-content .quarterly-results.info-block>p{max-width:none}.hr.overview-banner{background-image:url(../images/banner/hr/liteon-hr-banner-m.png)}.esg.overview-banner{background-image:url(../images/banner/esg/liteon-esg-banner-m.png);min-height:1070px}.esg.overview-banner .pic-content{max-width:320px;margin:0 auto;margin-top:60px;height:540px}.esg.overview-banner .pic-content .img{max-width:320px}.esg.overview-banner .pic-content .download-content{width:310px;top:165px;left:30px}.esg.overview-banner .pic-content .download-content .bg{padding:30px;padding-top:46px;min-height:296px}.esg.overview-banner .pic-content .download-content .bg>div{margin-left:0px}.esg.overview-banner .pic-content .download-content .info-content{margin-left:0px}.esg.overview-banner .pic-content .download-content .more-content{bottom:30px;right:76px}}.page-navigation-bottom{background-image:url(../images/common/page-navigation-bg.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:0;padding:57px 0}.page-navigation-bottom .container{display:flex;justify-content:flex-end;color:#fff;padding-right:74px}.page-navigation-bottom .btn-block{margin-top:10px}.page-navigation-bottom .btn-block .more-btn{position:relative}.page-navigation-bottom .btn-block .more-btn .arrow-btn{position:absolute;top:50%;transform:translateY(-50%);left:100%}@media (max-width:1199px){.page-navigation-bottom{padding:65px 0;background-image:url(../images/common/page-navigation-bg-m.jpg)}.page-navigation-bottom .container{padding-right:64px}}@media (max-width:767px){.page-navigation-bottom .container{padding-right:44px}}.contact-info h4{color:#263238}.contact-info .article{margin-top:30px}.contact-info .article p+p{margin-top:10px}.contact-info .article .has-icon{position:relative;padding-left:34px;min-height:24px;display:flex;align-items:center}.contact-info .article .has-icon::before{width:24px;height:24px;top:2px;transform:translateY(0%)}.contact-info .article .address{color:var(--secondary-blue-2)}.contact-info .article .address::before{background-image:url(../images/contact/liteon-address-icon.svg)}.contact-info .article .phone::before{background-image:url(../images/contact/liteon-phone-icon.svg)}.contact-info .article .web{color:var(--secondary-blue-2)}.contact-info .article .web::before{background-image:url(../images/contact/liteon-web-icon.svg)}.contact-info .article .mail{color:var(--primary-blue)}.contact-info .article .mail::before{background-image:url(../images/contact/liteon-mail-icon.svg)}@media (max-width:1199px){.contact-info .article{margin-top:20px}}.tab-zone .tab-title{text-align:center;color:#263238}.tab-zone .top-content{position:relative;z-index:2}.tab-zone .tab-controller{margin-top:20px;position:relative;text-align:center}.tab-zone .tab-controller .swiper-wrapper{justify-content:center}.tab-zone .tab-controller .swiper-slide{height:initial}.tab-zone .tab-controller .swiper-slide:last-child{margin:0!important}.tab-zone .tab-controller .select-item{cursor:pointer;padding-bottom:54px;display:flex;align-items:center;justify-content:center;align-items:center;transition:.3s;height:100%}.tab-zone .tab-controller .select-item:hover{color:var(--primary-blue)}.tab-zone .tab-controller .select-item div{flex:1}.tab-zone .tab-controller .swiper-slide-thumb-active .select-item{color:var(--primary-blue)}.tab-zone .bottom-content{margin-top:-54px;position:relative;z-index:1}.tab-zone .bottom-content .tab-mask-container{flex-wrap:nowrap;position:absolute;top:-2px;left:0;z-index:2;width:100%;pointer-events:none}.tab-zone .bottom-content .tab-mask-container .mask{height:64px;background-color:#fff}.tab-zone .bottom-content .tab-mask-container .left-mask{border-radius:0 0 64px 0;width:calc((100% - 1200px)/ 2 + 40px + 68.5px);transition:.3s}.tab-zone .bottom-content .tab-mask-container .right-mask{border-radius:0 0 0 64px;flex-grow:1}.tab-zone .bottom-content .tab-content-swiper{background-color:rgba(237,237,237,.5)}.tab-zone .bottom-content .tab-content-swiper .swiper-slide{padding:176px 0 187px}.tab-zone .bottom-content .tab-content-swiper .three-col{--gap-block:70px;--gap-inline:110px}.tab-zone .single-swiper.bottom-content{margin-top:0px}.tab-zone .single-swiper.bottom-content .tab-mask-container .left-mask{width:50%}@media (max-width:1199px){.tab-zone .tab-title{margin:0}.tab-zone .tab-controller{margin:0 auto;margin-top:40px;max-width:240px}.tab-zone .tab-controller .swiper-wrapper{justify-content:flex-start}.tab-zone .tab-controller .select-item{padding-bottom:0px}.tab-zone .tab-controller .swiper-button-next,.tab-zone .tab-controller .swiper-button-prev{width:30px;height:30px;display:block;margin:0;top:50%}.tab-zone .tab-controller .swiper-button-next::after,.tab-zone .tab-controller .swiper-button-prev::after{display:none}.tab-zone .tab-controller .swiper-button-next{right:-40px;transform:translateY(-50%)}.tab-zone .tab-controller .swiper-button-prev{transform:scaleX(-1) translateY(-50%);left:-40px}.tab-zone .bottom-content{margin-top:0px;position:relative}.tab-zone .bottom-content .tab-mask-container{top:-2px}.tab-zone .bottom-content .tab-mask-container .left-mask{width:50%}.tab-zone .bottom-content .tab-content-swiper .swiper-slide{padding:110px 0 80px}.tab-zone .bottom-content .tab-content-swiper .three-col{--gap-block:40px;--gap-inline:48px;grid-template-columns:repeat(2,1fr)}.tab-zone .single-swiper.bottom-content{margin-top:0px}}@media (max-width:767px){.tab-zone .tab-controller{margin-top:30px}.tab-zone .bottom-content{margin-top:0px;position:relative}.tab-zone .bottom-content .tab-content-swiper .three-col{--gap-block:60px;--gap-inline:0px;grid-template-columns:repeat(1,1fr)}}.lightbox{position:fixed;width:100%;height:101%;background-color:rgba(0,0,0,.2);z-index:10000;display:none;top:0;left:0;overflow-y:auto}.lightbox-container{background-color:#fff;width:100%;max-width:1120px;margin:auto;position:relative;margin-top:200px;box-shadow:0px 3px 20px rgba(0,0,0,.1607843137)}.lightbox-container .swiper{padding:40px 40px 24px}.lightbox-container .swiper .popup-container{height:400px;overflow-y:auto}.lightbox-container .swiper .left-block{width:250px;padding-right:80px;position:relative;display:flex;flex-wrap:wrap;min-height:100%;flex-direction:column;padding-bottom:80px}.lightbox-container .swiper .left-block .title{width:100%}.lightbox-container .swiper .left-block .img{width:100%;margin-top:20px;max-width:170px}.lightbox-container .swiper .left-block .inner-content{margin-top:20px;color:var(--dark-gray);font-size:20px;line-height:32px;width:100%}.lightbox-container .swiper .left-block::before{content:"";display:block;z-index:1;position:absolute;top:0%;right:40px;background-color:#d0d0d0;width:1px;height:calc(100% - 20px)}.lightbox-container .swiper .right-block{width:calc(100% - 250px)}.lightbox-container .swiper .right-block .list{margin-top:20px}.lightbox-container .swiper .right-block .list li{position:relative;padding-left:32px;font-size:18px;line-height:28px;text-align:left;color:var(--content-gray)}.lightbox-container .swiper .right-block .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%}.lightbox-container .swiper .right-block .list li+li{margin-top:20px}.lightbox-container .swiper .right-block .file-download-list{margin-top:40px}.lightbox-container .swiper .right-block .file-download-list .file-list{margin-top:20px}.lightbox-container .swiper .right-block .file-download-list .file-list .file{height:44px}.lightbox-container .swiper .right-block .file-download-list .file-list .file a{display:inline-block;color:#1976d2;padding-right:28px;position:relative;height:24px;transition:.3s ease}.lightbox-container .swiper .right-block .file-download-list .file-list .file a:hover{color:var(--secondary-orange)}.lightbox-container .swiper .right-block .file-download-list .file-list .file a:hover::before{opacity:0}.lightbox-container .swiper .right-block .file-download-list .file-list .file a:hover::after{opacity:1}.lightbox-container .swiper .right-block .file-download-list .file-list .file a::after,.lightbox-container .swiper .right-block .file-download-list .file-list .file a::before{transition:.3s ease;width:20px;height:20px;left:auto;right:0;background-image:url(../images/common/liteon-popfile.svg)}.lightbox-container .swiper .right-block .file-download-list .file-list .file a::after{opacity:0;background-image:url(../images/common/liteon-popfile-hover.svg)}.lightbox-container .swiper .right-block .file-download-list .file-list .file:not(:last-child){margin-right:30px}.lightbox-container .number-container{position:absolute;bottom:20px;max-width:170px;width:100%;left:0;align-self:flex-end}.lightbox-container .number-container .number{justify-content:center;max-width:62px;margin:0 auto;position:relative}.lightbox-container .number-container .number div:nth-child(2){padding:0 5px}.lightbox-container .number-container .swiper-button-next:after,.lightbox-container .number-container .swiper-button-prev:after,.lightbox-container .number-container .swiper-rtl .swiper-button-next:after,.lightbox-container .number-container .swiper-rtl .swiper-button-prev:after{display:none}.lightbox-container .number-container .pop-up-left,.lightbox-container .number-container .pop-up-right{width:12px;height:12px;display:block;margin:0;top:50%;background-image:url(../images/common/liteon-popup-arrow.svg);background-repeat:no-repeat;background-position:center;background-size:contain;padding-top:0}.lightbox-container .number-container .swiper-button-next{right:-27px;transform:translateY(-50%)}.lightbox-container .number-container .swiper-button-prev{transform:scaleX(-1) translateY(-50%);left:-27px}.page-guide-lightbox .swiper .left-block{width:230px}.page-guide-lightbox .swiper .left-block .img{max-width:150px}.page-guide-lightbox .swiper .left-block .inner-content{text-align:center}.page-guide-lightbox .number-container{max-width:150px}.img-lightbox{max-width:990px}.img-lightbox .img-article-container{padding:60px}.img-lightbox .img-article-container .left-block{width:370px;padding-right:40px;display:block}.img-lightbox .img-article-container .left-block .inner-content{margin-top:10px;font-size:18px;line-height:28px}.img-lightbox .img-article-container .left-block .link a{margin-top:40px;color:#53565a;display:block;position:relative;padding-left:21px}.img-lightbox .img-article-container .left-block .link a::before{background-image:url(../images/common/liteon-popup-link-icon.svg);width:11px;height:20px}.img-lightbox .img-article-container .left-block .link a:hover{text-decoration:underline}.img-lightbox .img-article-container .right-block{max-width:500px;width:100%}.lightbox-swiper-multi{max-width:870px}.lightbox-swiper-multi .swiper .popup-container{height:auto}.lightbox-swiper-multi .lightbox-multi-swiper{padding:70px 40px 101px}.lightbox-swiper-multi .lightbox-multi-swiper .tag{position:absolute;top:0;left:0;width:200px;padding:10px 20px;background-color:var(--secondary-orange);color:#fff;text-align:center;font-size:18px;line-height:28px}.lightbox-swiper-multi .lightbox-multi-swiper .purple.tag{background-color:#0539b9}.lightbox-swiper-multi .lightbox-multi-swiper .blue.tag{background-color:#00acbb}.lightbox-swiper-multi .lightbox-multi-swiper .left-block{width:440px;padding-right:40px;position:relative;padding-bottom:0;display:block}.lightbox-swiper-multi .lightbox-multi-swiper .left-block::before{display:none}.lightbox-swiper-multi .lightbox-multi-swiper .left-block .img{max-width:none;margin:0}.lightbox-swiper-multi .lightbox-multi-swiper .right-block{width:calc(100% - 440px)}.lightbox-swiper-multi .lightbox-multi-swiper .right-block .subtitle{margin-top:10px;color:#888b8d}.lightbox-swiper-multi .lightbox-multi-swiper .right-block .contact-info{margin-top:40px}.lightbox-swiper-multi .lightbox-multi-swiper .right-block .contact-info .article .mail::before{background-image:url(../images/common/liteon-popup-mail.svg);width:20px;height:14px;top:8px}.lightbox-swiper-multi .lightbox-multi-swiper .right-block .contact-info .article .address::before{background-image:url(../images/common/liteon-popup-location.svg);width:16px;height:22px;top:4px}.lightbox-swiper-multi .lightbox-multi-swiper .right-block .contact-info .article .phone::before{background-image:url(../images/common/liteon-popup-phone.svg);width:24px;height:24px;top:3px}.lightbox-swiper-multi .lightbox-multi-swiper .right-block .contact-info .article .fax::before{background-image:url(../images/common/liteon-popup-fax.svg);width:22px;height:20px;top:6px}.lightbox-swiper-multi .lightbox-multi-swiper .right-block .contact-info .article .web::before{background-image:url(../images/common/liteon-popup-web.svg);width:24px;height:24px;top:4px}.lightbox-swiper-multi .lightbox-multi-swiper .right-block .contact-info .article p+p{margin-top:22px}.lightbox-swiper-multi .lightbox-multi-swiper .number-container{position:absolute;bottom:33px;left:50%;transform:translateX(-50%)}.narrow-lightbox .lightbox-container{max-width:700px}.narrow-lightbox .lightbox-container .number-container{bottom:0}.narrow-lightbox .lightbox-container .swiper{padding:40px 40px 45px}.narrow-lightbox .lightbox-container .swiper .left-block::before{height:100%}.narrow-lightbox .lightbox-container .swiper .right-block>p{margin-top:20px}.narrow-lightbox .lightbox-container .swiper .right-block>.file-download-list{margin-top:30px}.lightbox-container .title{color:#263238}.lightbox-container .lightbox-close{width:28px;height:28px;position:absolute;right:0px;top:-38px;cursor:pointer;font-size:0;line-height:0}.noscroll-body{overflow:hidden}@media screen and (max-width:1199px){.lightbox-container{width:calc(100% - 80px)}.lightbox-container .swiper{padding:40px}.lightbox-container .swiper .popup-container{height:420px}.lightbox-container .swiper .left-block{width:220px}.lightbox-container .swiper .left-block .img{max-width:140px}.lightbox-container .swiper .left-block .inner-content{font-size:18px;line-height:28px}.lightbox-container .swiper .left-block::before{height:100%}.lightbox-container .swiper .right-block{width:calc(100% - 220px)}.lightbox-container .swiper .right-block .list{margin-top:20px}.lightbox-container .swiper .right-block .file-download-list{margin-top:40px}.lightbox-container .swiper .right-block .file-download-list .file-list{margin-top:20px}.lightbox-container .swiper .right-block .file-download-list .file-list .file{height:auto;width:100%}.lightbox-container .swiper .right-block .file-download-list .file-list .file:nth-child(n+2){margin-top:20px}.lightbox-container .swiper .right-block .file-download-list .file-list .file a{height:auto}.lightbox-container .swiper .right-block .file-download-list .file-list .file:not(:last-child){margin-right:0px}.lightbox-container .number-container{bottom:0px;max-width:140px}.img-lightbox{max-width:none}.img-lightbox .img-article-container{padding:40px}.img-lightbox .img-article-container .left-block{width:310px;padding-right:30px}.img-lightbox .img-article-container .left-block .inner-content{margin-top:20px}.img-lightbox .img-article-container .left-block .link a{margin-top:20px}.img-lightbox .img-article-container .right-block{max-width:calc(100% - 310px)}.lightbox-swiper-multi{max-width:768px}.lightbox-swiper-multi .swiper .popup-container{height:auto}.lightbox-swiper-multi .lightbox-multi-swiper{padding:70px 40px 92px}.lightbox-swiper-multi .lightbox-multi-swiper .left-block{width:320px;padding-right:40px;position:relative}.lightbox-swiper-multi .lightbox-multi-swiper .left-block .img{max-width:none}.lightbox-swiper-multi .lightbox-multi-swiper .right-block{width:calc(100% - 320px)}.lightbox-swiper-multi .lightbox-multi-swiper .right-block .contact-info{margin-top:30px}.lightbox-swiper-multi .lightbox-multi-swiper .right-block .contact-info .article p+p{margin-top:17px}.narrow-lightbox .lightbox-container{width:calc(100% - 80px)}.narrow-lightbox .lightbox-container .swiper{padding:30px 20px}}@media screen and (max-width:767px){.lightbox-container{width:calc(100% - 40px);margin-top:110px}.lightbox-container .swiper{padding:30px 20px}.lightbox-container .swiper .popup-container{height:450px;display:block}.lightbox-container .swiper .left-block{width:100%;text-align:center;padding-right:0;padding-bottom:60px;min-height:0}.lightbox-container .swiper .left-block .img{margin:0 auto;margin-top:20px;max-width:100px}.lightbox-container .swiper .left-block::before{height:1px;width:100%;right:0;top:auto;bottom:30px}.lightbox-container .swiper .right-block{width:100%;position:relative}.lightbox-container .swiper .right-block .file-download-list{margin-top:45px}.lightbox-container .number-container{position:static;align-self:center;margin:0 auto;margin-top:24px}.lightbox-container .lightbox-close{width:22px;height:22px;top:-35px}.img-lightbox .img-article-container{padding:30px 20px 20px}.img-lightbox .img-article-container .left-block{width:100%;padding-right:0px}.img-lightbox .img-article-container .left-block .inner-content{margin-top:25px}.img-lightbox .img-article-container .left-block .link a{margin-top:30px}.img-lightbox .img-article-container .right-block{max-width:none;margin-top:20px}.lightbox-swiper-multi .swiper .popup-container{height:auto}.lightbox-swiper-multi .lightbox-multi-swiper{padding:79px 20px 101px}.lightbox-swiper-multi .lightbox-multi-swiper .popup-container{max-height:none;overflow-y:initial}.lightbox-swiper-multi .lightbox-multi-swiper .left-block{width:100%;padding-right:0px;padding-bottom:0}.lightbox-swiper-multi .lightbox-multi-swiper .left-block .img{margin-top:0;max-width:none}.lightbox-swiper-multi .lightbox-multi-swiper .left-block::before{display:none}.lightbox-swiper-multi .lightbox-multi-swiper .right-block{width:100%;margin-top:30px}.lightbox-swiper-multi .lightbox-multi-swiper .number-container{top:auto}.narrow-lightbox .lightbox-container{width:calc(100% - 80px)}.narrow-lightbox .lightbox-container .swiper .left-block{position:relative;display:block}.narrow-lightbox .lightbox-container .swiper .left-block::before{height:1px;left:0px}}.open-close-list .open-close-item.opened>.content{display:block}.open-close-list .open-close{position:relative;width:20px;height:20px;margin-left:20px;cursor:pointer}.open-close-list .open-close::after,.open-close-list .open-close::before{content:"";display:block;background-position:center bottom;background-size:contain;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s;position:absolute;top:50%;transform:translatey(-50%);right:0px}.open-close-list .open-close::before{background-image:url(../images/common/liteon-opened.svg)}.open-close-list .open-close::after{opacity:0;background-image:url(../images/common/liteon-closed.svg)}.open-close-list .open .open-close::before{opacity:0}.open-close-list .open .open-close::after{opacity:1}.open-close-list .open-close-item>.title{color:#263238;padding:30px;cursor:pointer;position:relative;display:flex;justify-content:space-between;border-top:1px solid #d0d0d0;align-items:center;margin:0;max-width:none}.open-close-list .open-close-item>.title span{display:inline-block;max-width:1020px}.open-close-list .open.open-close-item>.title{color:#00acbb}.open-close-list .open-close-item:last-child{border-bottom:1px solid #d0d0d0}.open-close-list .open-close-item>.content{padding:30px 40px 60px;display:none}.open-close-list .open-close-item>.content .article-block p+p,.open-close-list .open-close-item>.content .article-block p+ul{margin-top:30px}.open-close-list .open-close-item>.content .article-block ul+p{margin-top:80px}.open-close-list .open-close-item>.content .article-block .inner-list li{position:relative;padding-left:32px;text-align:left;color:var(--content-gray)}.open-close-list .open-close-item>.content .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%}.open-close-list .open-close-item>.content .article-block .inner-list li+li{margin-top:16px}.open-close-list .open-close-item>.content .article-block+.article-block{margin-top:30px}@media screen and (max-width:767px){.open-close-list .open-close-item>.title{padding:20px}.open-close-list .open-close-item>.title span{display:inline-block;max-width:100%}.open-close-list .open-close-item:last-child{border-bottom:1px solid #d0d0d0}.open-close-list .open-close-item>.content{padding:20px 30px}.open-close-list .open-close-item>.content .article-block ul+p{margin-top:60px}}.tab-anchor-slider{padding-top:100px}.tab-anchor-container{position:relative;padding:0px 70px}.tab-anchor-container .btn-common{cursor:pointer;margin:auto 0;display:block;padding:9px 20px;border-radius:25px;text-align:center;outline:0!important;overflow:hidden;border:none;background-color:#fff;position:relative;z-index:1;transition:ease-in-out .3s}.tab-anchor-container .btn-common:hover{background-color:#ff8536}.tab-anchor-container .btn-common:hover .btn-title{color:#fff}.tab-anchor-container .btn-common .btn-title{display:flex;position:relative;font-size:20px;line-height:30px;justify-content:center;align-items:flex-end;overflow:hidden;color:#263238;transition:all .3s ease}.tab-anchor-container .left-line{background-color:#afafb0;width:1px;height:40px;left:70px;position:absolute;transition:opacity .3s ease;opacity:0;top:50%;transform:translateY(-50%);z-index:10}.tab-anchor-container .right-line{background-color:#afafb0;width:1px;height:40px;right:70px;transition:opacity .3s ease;position:absolute;opacity:0;top:50%;transform:translateY(-50%);z-index:1}.tab-anchor-container .is-slide.left-line,.tab-anchor-container .is-slide.right-line{opacity:1}.tab-anchor-container .swiper-slide{width:auto;display:inline-block}.tab-anchor-container .swiper-slide:first-child{margin-right:5px}.tab-anchor-container .swiper-slide:last-child{margin-left:5px}.tab-anchor-container .swiper-slide:not(:last-child,:first-child){margin-right:5px;margin-left:5px}.tab-anchor-container .swiper-slide.active .btn-common{background-color:#ff8536}.tab-anchor-container .swiper-slide.active .btn-common .btn-title{color:#fff}.tab-anchor-container .page-next,.tab-anchor-container .page-prev{width:40px;outline:0;margin-top:0;position:absolute;z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;height:40px;background-repeat:no-repeat;background-position:center;background-size:auto;padding-top:0;background-size:contain;top:50%;transform:translateY(-50%)}.tab-anchor-container .page-next:hover::before,.tab-anchor-container .page-prev:hover::before{opacity:1}.tab-anchor-container .page-next::before,.tab-anchor-container .page-prev::before{position:absolute;top:0;left:0;content:"";width:100%;height:100%;opacity:0;transition:all .4s;background-repeat:no-repeat;background-position:center;background-size:auto;padding-top:0;background-size:contain}.tab-anchor-container .page-next::after,.tab-anchor-container .page-prev::after{display:none}.tab-anchor-container .page-prev{left:0;transform:translateY(-50%) scaleX(-1)}.tab-anchor-container .page-next{right:0}.four-menu-select{padding:45px 0 0 0}.four-menu-select .nav-page{margin:0;display:flex;padding:0;flex-wrap:wrap;justify-content:center}.four-menu-select .nav-page .nav-item{list-style:none;padding:0;margin:0;position:relative;height:48px}.four-menu-select .nav-page .nav-item:not(:last-child) a{padding-right:40px}.four-menu-select .nav-page .nav-item a{color:var(--gray-4);display:inline-block}.four-menu-select .nav-page .nav-item a:hover{color:var(--primary-blue)}.four-menu-select .nav-page .nav-item.active a{color:var(--primary-blue)}.four-menu-select .nav-page .nav-item:nth-last-child(n+2)::before{content:"";display:inline-block;position:absolute;right:20px;width:1px;height:30px;background-color:#afafb0}@media screen and (max-width:1199px){.tab-anchor-slider{padding-top:60px}.tab-anchor-slider .container{max-width:320px;padding:0}.tab-anchor-slider .common-select{position:relative;display:inline-block;width:100%;order:2}.tab-anchor-slider .common-select::after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:10px;height:14px;background-image:url(../images/common/liteon-select-arrow.svg);background-position:center;background-size:contain;right:20px;cursor:pointer;background-repeat:no-repeat}.tab-anchor-slider .common-select select{width:100%;background:0 0;color:var(--dark-gray);border:none;border-radius:10px;cursor:pointer;padding:12px 44px 12px 20px;outline:0;font-size:18px;line-height:28px;background-color:#d5edf0}.tab-anchor-slider .common-select select>option{color:var(--dark-gray);border-radius:0;text-align:left}.tab-anchor-container{padding:0 34px}.tab-anchor-container .btn-common{padding:9px 16px;min-width:188px}.tab-anchor-container .btn-common .btn-title{font-size:16px;line-height:24px}.tab-anchor-container .left-line{display:none}.tab-anchor-container .right-line{display:none}.tab-anchor-container .page-next,.tab-anchor-container .page-prev{width:30px;height:30px;padding:0;margin:0;background-size:auto;background-image:none;display:block;top:7px;transform:translate(0)}.tab-anchor-container .page-next .aorrow-animate,.tab-anchor-container .page-prev .aorrow-animate{width:100%;height:100%}.tab-anchor-container .page-next::before,.tab-anchor-container .page-prev::before{display:none}.tab-anchor-container .page-prev{transform:scaleX(-1)}.tab-anchor-container .swiper-slide:first-child{margin-right:0px}.tab-anchor-container .swiper-slide:last-child{margin-left:0px}.tab-anchor-container .swiper-slide:not(:last-child,:first-child){margin-right:0px;margin-left:0px}.tab-anchor-container .swiper-slide .btn-block{justify-content:center}.tab-anchor-container .swiper-wrapper{align-items:center}.tab-anchor-container .round-btn .arrow{width:9px;height:14px;top:8px;left:calc((100% - 9px)/ 2)}.four-menu-select{padding:30px 0 0 0}}.spot-container{position:relative}.spot-container .shine-post{border-radius:50%;background-color:#befaff;width:30px;height:30px;position:absolute;bottom:10px;right:10px;z-index:2}.spot-container .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}.spot-container .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:100%;transition:.3s ease}.spot-container .shine-post .spot::before{content:"";transition:.3s ease;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}.spot-container:hover .shine-post .spot{background-color:var(--blue-4)}.spot-container:hover .shine-post .spot::before{transform:translate(-50%,-50%) rotate(45deg)}.spot-container .active.shine-post .spot{background-color:var(--blue-4)}.spot-container .active.shine-post .spot::before{transform:translate(-50%,-50%) rotate(45deg)}.view-more-flex{margin-top:63px;justify-content:center}.view-more-flex .view-more{padding-right:30px;position:relative;cursor:pointer}.view-more-flex .view-more::before{background-image:url(../images/common/liteon-view-more.svg);width:15px;height:9px;left:auto;right:0}@media screen and (max-width:1199px){.view-more-flex{margin-top:44px}}.open-close-list .open-close{flex-shrink:0}@media screen and (max-width:1199px){.video-wrapper .img>a::after{width:50px;height:50px}}.not-autoheight .tab-content-swiper .swiper-slide{height:unset}.sticky-tab{position:sticky;top:0;padding:0}.sticky-tab.is-sticky{z-index:99}.sticky-tab .tab-anchor-slider{padding-top:16px}.sticky-tab.is-sticky .tab-anchor-slider{background-color:var(--gray-1);transition:background-color .3s}.sticky-tab.is-sticky .four-menu-select{padding-top:10px;margin-bottom:-6px}.sticky-tab.has-nav{top:var(--header-height)}.sticky-padding-block{padding-top:84px}.sticky-tab.is-sticky .nav-item{height:36px}.sticky-tab.is-sticky .tab-anchor-slider{padding-bottom:16px}.sticky-tab.is-sticky{transition:top .5s}.sticky-tab.is-sticky.top-headerheight{top:var(--header-height)}:where(.sticky-tab) .tab-anchor-container .btn-common{background-color:transparent}#sticky-position-placeholder{height:1px}@media screen and (max-width:1199px){.sticky-tab .tab-anchor-slider{padding-top:60px}.sticky-tab.is-sticky .tab-anchor-slider{padding-top:calc(var(--header-height) + 12px)}.sticky-tab.is-sticky .tab-anchor-slider{padding-bottom:12px}.sticky-padding-block{padding-top:0}}@media screen and (max-width:767px){.about-global-popup .lightbox-container{width:calc(100% - 80px)}.about-global-popup .lightbox-swiper-multi .lightbox-multi-swiper .popup-container{overflow-y:auto;overflow-x:clip;max-height:330px}.about-global-popup .lightbox-swiper-multi .lightbox-multi-swiper .left-block .img{max-width:380px}}