@charset "UTF-8";nav.navbar{position:absolute;top:0;left:0;z-index:10;display:flex;justify-content:center;align-items:center;width:100%;height:70px;background-color:var(--white)}nav.navbar.fixed{position:fixed;top:-70px;height:70px;transition:transform .5s;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}nav.navbar.fixed .container{padding:20px 30px}nav.navbar.fixed.show{z-index:11;top:-70px;transform:translateY(100%);-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;transition:transform .5s}@media only screen and (max-width: 1200px){nav.navbar{height:70px}nav.navbar.fixed .container{padding:20px 30px}}@media only screen and (max-width: 1024px){nav.navbar{height:60px}nav.navbar.fixed{top:-60px;height:60px}nav.navbar.fixed .container{padding:17.5px 30px}nav.navbar.fixed.show{top:-60px}}@media only screen and (max-width: 767px){nav.navbar.fixed .container{padding:17.5px 20px}}nav.navbar .container{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:15px 30px}nav.navbar .container .logo{display:block;width:200px;height:25px;position:relative}nav.navbar .container .logo:before{content:"";display:block;width:100%;height:100%;padding-bottom:12.5%}nav.navbar .container .logo img{position:absolute;top:0;left:0;width:auto;height:100%;object-fit:contain}@media only screen and (max-width: 1200px){nav.navbar .container{padding:20px 30px}}@media only screen and (max-width: 1024px){nav.navbar .container{padding:17.5px 30px}nav.navbar .container .logo{width:74px}nav.navbar .container .logo:before{padding-bottom:33.7838%}}@media only screen and (max-width: 767px){nav.navbar .container{padding:17.5px 20px}}nav.navbar .container .menu-list{width:58.2796%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px 9.5941%}nav.navbar .container .menu-list li{transition:color .3s ease}@media only screen and (min-width: 1201px){nav.navbar .container .menu-list li:hover{color:var(--red)}}@media only screen and (max-width: 1200px){nav.navbar .container .menu-list li:active{color:var(--red)}}@media only screen and (max-width: 1200px){nav.navbar .container .menu-list{display:none}}nav.navbar .container .icon-group{width:200px;height:100%;display:flex;justify-content:flex-end;align-items:center;gap:0 30px}nav.navbar .container .icon-group .icon{width:20px;height:20px;text-align:center;cursor:pointer;transition:color .3s ease}nav.navbar .container .icon-group .icon i{font-size:.9375rem;line-height:20px}@media only screen and (min-width: 1201px){nav.navbar .container .icon-group .icon:hover{color:var(--red)}}@media only screen and (max-width: 1200px){nav.navbar .container .icon-group .icon:active{color:var(--red)}}nav.navbar .container .icon-group .lang-btn{position:relative}nav.navbar .container .icon-group .lang-btn .language{position:absolute;width:80px;top:30px;left:-30px;padding:15px 0;border-radius:5px;background-color:var(--white);box-shadow:0 0 10px #0000001a;display:none}nav.navbar .container .icon-group .lang-btn .language a{display:block;font-family:Sarabun;font-size:.875rem;font-weight:600;line-height:150%;letter-spacing:1px;color:var(--grey);transition:.3}nav.navbar .container .icon-group .lang-btn .language a:not(:last-child){margin-bottom:10px}@media only screen and (min-width: 1201px){nav.navbar .container .icon-group .lang-btn .language a:hover{color:var(--black)}}@media only screen and (max-width: 1200px){nav.navbar .container .icon-group .lang-btn .language a:active{color:var(--black)}}nav.navbar .container .icon-group .lang-btn .language.active i{color:var(--red)}nav.navbar .container .icon-group .icon-menu{cursor:pointer;width:23px;height:23px;position:relative}nav.navbar .container .icon-group .icon-menu:before,nav.navbar .container .icon-group .icon-menu:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);transform-origin:center;border-width:7px;border-style:solid;transition:transform .3s linear,height .2s .2s linear,width .2s .2s linear}nav.navbar .container .icon-group .icon-menu:before{width:14.14px;height:18.4px;border-color:#000 transparent var(--red) transparent}nav.navbar .container .icon-group .icon-menu:after{width:18.4px;height:14.14px;border-color:transparent #000}nav.navbar .container .icon-group .icon-menu:hover:before,nav.navbar .container .icon-group .icon-menu:hover:after{transform:translate(-50%,-50%) rotate(90deg)}nav.navbar .container .icon-group .icon-menu:hover:before{height:22.4px}nav.navbar .container .icon-group .icon-menu:hover:after{width:22.4px}@media only screen and (max-width: 1024px){nav.navbar .container .icon-group{gap:0 20px}}.news-card{display:block;width:100%}.news-card .txt{font-family:Sarabun;font-size:1.125rem;font-weight:700;line-height:1.278;margin-bottom:30px;transition:color .3s ease}.news-card.prev .txt{text-align:right}.news-card .img-box{width:100%;margin-bottom:30px}.news-card .content-box{display:flex;justify-content:space-between;gap:0 7.905%}.news-card .content-box .news-title{margin-bottom:20px;font-size:1.25rem;font-weight:500;line-height:150%;letter-spacing:1.5px;text-align:left;transition:color .3s ease;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.news-card .content-box .news-content{text-align:left;color:var(--grey);display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}.news-card .content-box .date{width:96px;flex-shrink:0;font-family:Sarabun;font-size:.875rem;font-weight:700;line-height:1.286;letter-spacing:.5px}@media only screen and (min-width: 1201px){.news-card:hover .content-box .date,.news-card:hover .txt{color:var(--red)}}@media only screen and (max-width: 1200px){.news-card:active .content-box .date,.news-card:active .txt{color:var(--red)}}@media only screen and (max-width: 1200px){.news-card .content-box{flex-direction:column}.news-card .content-box .date{margin-top:30px}}@media only screen and (max-width: 992px){.news-card.prev .txt{text-align:left}}@media only screen and (max-width: 767px){.news-card{width:100%}}.index-page main{padding:0}.index-page .banner{position:relative;width:100%;height:100vh;overflow:hidden;background:var(--white)}.index-page .banner .mask{display:block;position:absolute;width:50%;height:101%;top:0;background-color:var(--white);z-index:2;will-change:transform;transition:all .2s linear}.index-page .banner .mask.left{left:0;transform:translate(-100%)}.index-page .banner .mask.right{right:0;transform:translate(100%)}.index-page .banner .swiper{width:100%;height:100%}.index-page .banner .swiper-slide img{transform:scale(1);transition:transform 5s .3s ease-in-out}.index-page .banner .swiper-slide[color=white] .bannerTitle{color:var(--white)}.index-page .banner .swiper-slide[color=black] .bannerTitle{color:var(--black)}.index-page .banner .swiper-slide-active img{transform:scale(1.15);transition:transform 5s ease-in-out}.index-page .banner .swiper-slide-active .bannerTitle{opacity:1;transform:translate3d(-50%,0,0) scale(1);transition:transform 5s ease-in-out,opacity 2.5s ease-in-out}.index-page .banner .bannerTitle{position:absolute;width:48.4375%;left:50%;top:65.5%;transform:translate3d(-50%,0,0) scale(1.15);text-align:center;font-size:clamp(2rem,-.2059rem + 3.922vw,4.5rem);font-weight:500;line-height:1.3;letter-spacing:1px;z-index:1;opacity:0}.index-page .banner .media-box{width:100%;height:100%;pointer-events:none;overflow:hidden}.index-page .banner .media-box,.index-page .banner .video-box{position:relative;width:100%;height:100%}.index-page .banner video{max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.index-page .banner img{width:100%;height:100%;object-fit:cover}@media only screen and (max-width: 1200px){.index-page .banner .bannerTitle{top:64%}}@media only screen and (max-width: 767px){.index-page .banner .bannerTitle{top:65.5%;width:calc(100% - 40px)}}@media only screen and (max-width: 575px){.index-page .banner .bannerTitle{top:62.5%}}.index-page nav.navbar.inBanner{position:static}.index-page .project{width:100%}.index-page .project.overbanner:before{content:"";display:block;width:100%;height:100px}@media only screen and (max-width: 1200px){.index-page .project.overbanner:before{height:70px}}@media only screen and (max-width: 767px){.index-page .project.overbanner:before{height:60px}}.index-page .project .container{width:calc(100% - 60px);margin:0 auto 150px;padding:200px 0 150px;border-bottom:1px solid rgba(0,0,0,.2);transition:all .5s linear}@media only screen and (max-width: 1200px){.index-page .project .container{padding:150px 0 125px;margin-bottom:125px}}@media only screen and (max-width: 767px){.index-page .project .container{width:calc(100% - 40px);padding:100px 0;margin-bottom:100px}}.index-page .project .more{display:block;width:fit-content;margin-top:150px;font-family:Sarabun;font-size:1.125rem;font-weight:700;line-height:100%;letter-spacing:.5px;transition:color .3s ease}@media only screen and (min-width: 1201px){.index-page .project .more:hover{color:var(--red)}}@media only screen and (max-width: 1200px){.index-page .project .more:active{color:var(--red)}}@media only screen and (max-width: 1200px){.index-page .project .more{margin-top:125px}}@media only screen and (max-width: 767px){.index-page .project .more{margin-top:100px}}.index-page .project .project-block{position:relative;width:100%;min-height:600px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;transition:opacity .4s}.index-page .project .project-block:not(:last-child){margin-bottom:75px}@media only screen and (max-width: 1200px){.index-page .project .project-block{min-height:unset;transition:opacity var(--aost-trans, .8s),transform var(--aost-trans, .8s);transform:translateY(40px)}.index-page .project .project-block:not(:last-child){margin-bottom:80px}.index-page .project .project-block.aost-show{transform:translateY(0)}}@media only screen and (max-width: 767px){.index-page .project .project-block{flex-direction:column-reverse}}.index-page .project .info-box{position:relative;width:25%;display:flex;flex-direction:column;justify-content:center;align-self:stretch;padding-right:4.1394%}.index-page .project .info-box .up-box~.down-box{margin-top:100px;transition:margin-top .3s ease-in-out}.index-page .project .info-box .up-box~.down-box.open{margin-top:30px}@media only screen and (max-width: 1200px){.index-page .project .info-box .up-box~.down-box{margin-top:65px}.index-page .project .info-box .up-box~.down-box.open{margin-top:65px}}@media only screen and (max-width: 767px){.index-page .project .info-box .up-box~.down-box{margin-top:30px}.index-page .project .info-box .up-box~.down-box.open{margin-top:30px}}.index-page .project .info-box .up-box .title{width:fit-content;display:block;transition:color .3s ease;margin-top:10px;font-weight:700}@media only screen and (min-width: 1201px){.index-page .project .info-box .up-box .title:hover{color:var(--red)}}@media only screen and (max-width: 1200px){.index-page .project .info-box .up-box .title:active{color:var(--red)}}.index-page .project .info-box .up-box .category{width:fit-content;color:var(--grey);display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px;transition:color .3s ease}.index-page .project .info-box .up-box .category .en{font-family:Sarabun}.index-page .project .info-box .up-box .category .dot{display:inline-block;width:5px;height:5px;background:var(--red)}@media only screen and (min-width: 1201px){.index-page .project .info-box .up-box .category:hover{color:var(--red)}}@media only screen and (max-width: 1200px){.index-page .project .info-box .up-box .category:active{color:var(--red)}}.index-page .project .info-box .roll{position:relative;width:100%;height:0%;display:flex;flex-direction:column}@media only screen and (min-width: 1201px){.index-page .project .info-box .roll.show{height:100%}}@media only screen and (max-width: 1200px){.index-page .project .info-box .roll{display:none}.index-page .project .info-box .roll.show{height:0%}}.index-page .project .info-box .top{opacity:0;transform:translate(40px);margin-bottom:auto;color:var(--grey);margin-top:10px}@media only screen and (max-width: 1200px){.index-page .project .info-box .top{display:none;transform:translate(0)}}.index-page .project .info-box .top .subtitle{margin-bottom:5px}.index-page .project .info-box .top .date{margin-top:30px}.index-page .project .info-box .top .service li{margin-top:5px}.index-page .project .info-box .bottom{opacity:0;transform:translate(40px);margin-top:100px;color:var(--grey)}@media only screen and (max-width: 1200px){.index-page .project .info-box .bottom{display:none;transform:translate(0)}}.index-page .project .info-box .bottom .f-paragraph-7{font-family:Sarabun}.index-page .project .info-box .bottom .award{margin-top:auto}.index-page .project .info-box .bottom .award li{margin-top:5px}.index-page .project .info-box .down-box{width:100%}.index-page .project .info-box .down-box .logo-wrap{width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:10px 15px}.index-page .project .info-box .down-box .logo-wrap img{align-self:center;width:auto;height:auto;max-height:40px;object-fit:contain}@media only screen and (max-width: 1200px){.index-page .project .info-box{width:50%}}@media only screen and (max-width: 767px){.index-page .project .info-box{width:100%!important}}.index-page .project .img-box{display:block;width:50%;height:auto;position:relative;margin-left:0;flex-shrink:0;align-self:stretch;transform:translate(0)}.index-page .project .img-box img{width:100%;height:100%;object-fit:cover}.index-page .project .img-box img.lazy.loaded{transition:opacity .3s ease-in-out}@media only screen and (max-width: 767px){.index-page .project .img-box{width:100%;margin-bottom:20px}}.index-page .project .content-box{position:absolute;top:0;right:0;width:20.8603%;height:100%;overflow:hidden;z-index:0;transform:translate(40px);opacity:0;display:flex;flex-direction:column}.index-page .project .content-box .f-paragraph{color:var(--grey);display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:20}.index-page .project .content-box .more-btn-arrow{margin:auto 0 0 auto}@media only screen and (max-width: 1200px){.index-page .project .content-box{display:none}}.index-page .news{width:100%}.index-page .news .container{width:calc(100% - 30px);margin-left:auto;padding:0 30px 150px 0;display:grid;grid-template-columns:repeat(24,1fr);transition:all .5s linear}@media only screen and (max-width: 1200px){.index-page .news .container{padding:0 30px 125px 0;grid-template-columns:repeat(16,1fr)}}@media only screen and (max-width: 767px){.index-page .news .container{width:calc(100% - 20px);padding:0 20px 100px 0;grid-template-columns:repeat(10,1fr)}}.index-page .news .title{grid-column:span 2;font-family:Sarabun;font-size:1.125rem;font-weight:700;line-height:normal;text-transform:uppercase}@media only screen and (max-width: 767px){.index-page .news .title{grid-column:span 10;margin-bottom:50px}}.index-page .news .news-block{position:relative;grid-column:7/25;margin-right:-30px}@media only screen and (max-width: 1200px){.index-page .news .news-block{grid-column:4/17}}@media only screen and (max-width: 767px){.index-page .news .news-block{grid-column:span 10;margin-right:0}}.index-page .news .swiper-pagination{position:static;transform:translate(0);margin-top:50px}@media only screen and (max-width: 767px){.index-page .news .swiper-pagination{margin:50px auto 0}}.index-page .news .news-box{width:100%;overflow:hidden}.index-page .news .newsSwiper{margin-left:0;overflow:unset}@media only screen and (max-width: 767px){.index-page .news .newsSwiper{width:100%}}.index-page .news .newsSwiper .swiper-slide{width:38.03509%}.index-page .news .news-card{width:100%}@media only screen and (min-width: 1201px){.index-page .news .news-card:hover .content-box .news-title{color:var(--red)}.index-page .news .news-card:hover .content-box .date{color:var(--black)}}@media only screen and (max-width: 1200px){.index-page .news .news-card:active .content-box .news-title{color:var(--red)}.index-page .news .news-card:active .content-box .date{color:var(--black)}}@media only screen and (max-width: 767px){.index-page .news .news-card{width:100%}}.index-page .spirit{position:relative;width:100%;background:var(--red);margin-bottom:150px;overflow:hidden}.index-page .spirit .deco{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate3d(-50%,-50%,0);z-index:1}.index-page .spirit .deco .deco-img{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.index-page .spirit .deco img{width:auto;height:auto;transform:scale(1);opacity:1;object-fit:cover}@media only screen and (min-width: 1921px){.index-page .spirit .deco img{transform:scale(1.1)}}@media only screen and (min-width: 2560px){.index-page .spirit .deco img{transform:scale(1.2)}}@media only screen and (min-width: 2880px){.index-page .spirit .deco img{transform:scale(1.3)}}@media only screen and (max-width: 767px){.index-page .spirit .deco img{height:100%}}.index-page .spirit .container{position:relative;z-index:2;width:100%;padding:max(11.6048%,100px) 0;margin:0 auto;color:var(--white);display:grid;grid-template-columns:30px repeat(24,1fr) 30px;grid-row-gap:100px}.index-page .spirit .container .title-box{grid-column:7/21;align-self:flex-end;transition:width .5s ease}.index-page .spirit .container .title-box .subtitle{display:flex;align-items:center;gap:0 10px;font-size:1.125rem;font-weight:700;line-height:26px;text-transform:uppercase;margin-bottom:20px}.index-page .spirit .container .title-box .subtitle .en{font-family:Sarabun}.index-page .spirit .container .title-box .subtitle .zh{letter-spacing:2px}.index-page .spirit .container .title-box .title{font-size:2.5rem;font-weight:700;line-height:180%;letter-spacing:1px}.index-page .spirit .container .contnet-box{grid-column:-7/-21;text-align:right;align-self:flex-start}@media only screen and (max-width: 1200px){.index-page .spirit{margin-bottom:125px}.index-page .spirit .container{grid-template-columns:30px repeat(16,1fr) 30px}.index-page .spirit .container .title-box{grid-column:3/15}.index-page .spirit .container .title-box .title{font-size:2.1875rem}.index-page .spirit .container .contnet-box{grid-column:-3/-15}}@media only screen and (max-width: 767px){.index-page .spirit{margin-bottom:100px}.index-page .spirit .deco{width:101.40625%;left:50.703125%}.index-page .spirit .container{grid-template-columns:20px repeat(10,1fr) 20px;grid-row-gap:80px}.index-page .spirit .container .title-box{grid-column:2/-2}.index-page .spirit .container .title-box .title{font-size:1.875rem}.index-page .spirit .container .contnet-box{grid-column:2/-2;text-align:left}}.index-page .service .container{width:calc(100% - 60px);margin:0 auto 150px;padding-bottom:150px;border-bottom:1px solid rgba(0,0,0,.2)}@media only screen and (max-width: 1200px){.index-page .service .container{margin-bottom:125px;padding-bottom:125px}}@media only screen and (max-width: 767px){.index-page .service .container{width:calc(100% - 40px);margin-bottom:100px;padding-bottom:100px}}.index-page .service .title{font-family:Sarabun;font-size:1.125rem;font-weight:700;line-height:1.28;text-transform:uppercase;margin-bottom:50px}.index-page .service .service-block{width:calc(100% + 30px)}@media only screen and (max-width: 767px){.index-page .service .service-block{width:100%}}.index-page .service .service-box{width:100%;overflow:hidden}.index-page .service .service-box .swiper-pagination{position:static;transform:translate(0);margin:50px auto 0}.index-page .service .service-box .swiper{width:calc(100% - 30px);height:max(26.04167vw,480px);margin-left:0;overflow:unset}@media only screen and (max-width: 767px){.index-page .service .service-box .swiper{width:100%}}.index-page .service .service-box .swiper .swiper-slide{height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:start}.index-page .service .service-box .swiper .item{display:block;width:83.4409%;height:100%;display:flex;flex-direction:column}@media only screen and (min-width: 1201px){.index-page .service .service-box .swiper .item:hover .service-title{color:var(--red)}}@media only screen and (max-width: 1200px){.index-page .service .service-box .swiper .item:active .service-title{color:var(--red)}}@media only screen and (max-width: 767px){.index-page .service .service-box .swiper .item{width:100%}}.index-page .service .service-box .swiper .content-box{width:80.5195%;display:block;margin-bottom:auto}@media only screen and (max-width: 767px){.index-page .service .service-box .swiper .content-box{width:92.5374%}}.index-page .service .service-box .swiper .service-title{font-family:Sarabun,"initial";font-size:1.25rem;font-weight:600;line-height:160%;letter-spacing:.8px;margin-bottom:15px;text-align:left;transition:color .3s ease;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.index-page .service .service-box .swiper .service-content{color:var(--grey);opacity:.8;text-align:left;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:4}.index-page .service .service-box .swiper .img-box{position:relative;display:block;height:56%;aspect-ratio:388/280;margin-top:20px}.index-page .service .service-box .swiper .img-box:before{content:"";display:block;width:100%;height:100%;padding-bottom:72.165%}.index-page .service .service-box .swiper .img-box img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media only screen and (max-width: 575px){.index-page .service .service-box .swiper .img-box{height:50%}}.index-page .partner,.index-page .partner .logo-block{width:100%}.index-page .partner .logo-block:first-child{margin-bottom:50px}.index-page .partner .logo-block.moveLeft{margin-top:0}.index-page .partner .logo-block.moveLeft .marquee-text{width:100%;justify-content:flex-end;padding:0 120px}.index-page .partner .logo-block.moveLeft .marquee-text[data-move=moveLeft] .group{padding:50px 0 0;margin-top:40px;animation:none}.index-page .partner .logo-block.moveLeft .marquee-text[data-move=moveLeft] .group.copy{display:none}.index-page .partner .logo-block.moveRight{margin-top:0}.index-page .partner .logo-block.moveRight .marquee-text{width:100%;justify-content:flex-start;padding:0 120px}.index-page .partner .logo-block.moveRight .marquee-text[data-move=moveRight] .group{padding:50px 0 0;margin-top:40px;animation:none}.index-page .partner .logo-block.moveRight .marquee-text[data-move=moveRight] .group.copy{display:none}.index-page .partner .logo-block .marquee-box{width:100%;overflow:hidden}.index-page .partner .logo-block .marquee-text{display:inline-flex}.index-page .partner .logo-block .marquee-text[data-move=moveLeft] .group{padding-right:85px;animation:left var(--speed) linear infinite}.index-page .partner .logo-block .marquee-text[data-move=moveLeft] .group.copy,.index-page .partner .logo-block .marquee-text[data-move=moveLeft] .group:nth-child(2n){animation:left2 var(--speed) linear infinite;animation-delay:var(--delay)}.index-page .partner .logo-block .marquee-text[data-move=moveLeft] .logo-box:not(:last-child){margin-right:85px}@media only screen and (min-width: 1201px){.index-page .partner .logo-block .marquee-text[data-move=moveLeft]:hover .group{animation-play-state:paused}.index-page .partner .logo-block .marquee-text[data-move=moveLeft]:hover .group.copy,.index-page .partner .logo-block .marquee-text[data-move=moveLeft]:hover .group:nth-child(2n){animation-play-state:paused}}@media only screen and (max-width: 1200px){.index-page .partner .logo-block .marquee-text[data-move=moveLeft]:active .group{animation-play-state:paused}.index-page .partner .logo-block .marquee-text[data-move=moveLeft]:active .group.copy,.index-page .partner .logo-block .marquee-text[data-move=moveLeft]:active .group:nth-child(2n){animation-play-state:paused}}@media only screen and (max-width: 767px){.index-page .partner .logo-block .marquee-text[data-move=moveLeft] .group{padding-right:50px}.index-page .partner .logo-block .marquee-text[data-move=moveLeft] .logo-box:not(:last-child){margin-right:50px}}@keyframes left{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes left2{0%{transform:translate(0)}to{transform:translate(-200%)}}.index-page .partner .logo-block .marquee-text[data-move=moveRight] .group{padding-left:85px;animation:right var(--speed) linear infinite}.index-page .partner .logo-block .marquee-text[data-move=moveRight] .group:nth-child(2n){animation:right2 var(--speed) linear infinite;animation-delay:var(--delay)}.index-page .partner .logo-block .marquee-text[data-move=moveRight] .logo-box:not(:first-child){margin-left:85px}@media only screen and (min-width: 1201px){.index-page .partner .logo-block .marquee-text[data-move=moveRight]:hover .group{animation-play-state:paused}.index-page .partner .logo-block .marquee-text[data-move=moveRight]:hover .group:nth-child(2n){animation-play-state:paused}}@media only screen and (max-width: 1200px){.index-page .partner .logo-block .marquee-text[data-move=moveRight]:active .group{animation-play-state:paused}.index-page .partner .logo-block .marquee-text[data-move=moveRight]:active .group:nth-child(2n){animation-play-state:paused}}@media only screen and (max-width: 767px){.index-page .partner .logo-block .marquee-text[data-move=moveRight] .group{padding-left:50px}.index-page .partner .logo-block .marquee-text[data-move=moveRight] .logo-box:not(:first-child){margin-left:50px}}@keyframes right{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes right2{0%{transform:translate(-200%)}to{transform:translate(0)}}.index-page .partner .logo-block .marquee-text .group{flex-shrink:0;display:inline-flex;background:linear-gradient(to bottom,#ffffff80,#fff 30%,#fff 70%,#ffffff80)}.index-page .partner .logo-block .marquee-text .logo-box{height:85px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.index-page .partner .logo-block .marquee-text .logo-box .logo{max-height:100%}.index-page .partner .logo-block .marquee-text .logo-box .logo img{width:auto;height:100%;max-height:85px;object-fit:contain;filter:grayscale(1) opacity(.5);transition:filter .3s linear}@media only screen and (min-width: 1201px){.index-page .partner .logo-block .marquee-text .logo-box .logo img:hover{filter:unset}}@media only screen and (max-width: 1200px){.index-page .partner .logo-block .marquee-text .logo-box .logo img:active{filter:unset}}