section.locations{margin-top:150px;background:#1f1f1f}section.locations .container{grid-column:4/-4;display:flex;align-items:center;gap:77px var(--frSpace);padding-block:100px}section.locations .image{width:65.0323%;align-self:flex-start;flex-shrink:0;position:sticky;top:100px}section.locations .image .img{position:relative;width:100%;height:100%}section.locations .image .img:after{content:"";display:block;width:100%;height:100%;padding-bottom:74.4048%}section.locations .image .img img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}section.locations .content{width:100%}section.locations .item{display:flex;flex-direction:column;gap:5px;color:#fff}section.locations .item .f-title-item{color:var(--red)}section.locations .item .f-paragraph{opacity:.8}section.locations .item:not(:last-child){margin-bottom:40px}section.locations .item a{width:fit-content;transition:color .3s}@media only screen and (min-width: 1201px){section.locations .item a:hover{color:var(--red)}}@media only screen and (max-width: 1200px){section.locations .item a:active{color:var(--red)}}@media only screen and (max-width: 1200px){section.locations .container{grid-column:3/-3}section.locations .image{width:60%}}@media only screen and (max-width: 992px){section.locations{margin-top:100px}section.locations .container{flex-direction:column}section.locations .image{position:static;top:0;width:100%}}@media only screen and (max-width: 767px){section.locations .container{grid-column:2/-2}}section.project{padding-top:70px}@media only screen and (max-width: 992px){section.project{padding-top:50px}}section.project .catagory-nav{top:75px}section.project .catagory-nav hgroup{margin-bottom:clamp(30px,.7721rem + 1.961vw,50px)}section.project .catagory-nav hgroup .f-title-unit{font-size:clamp(2.25rem,2.0294rem + .393vw,2.5rem)}section.project .catagory-nav hgroup .f-subtitle-unit{margin-top:10px;font-size:clamp(1rem,.7794rem + .393vw,1.25rem)}section.project .catagory-nav .scroller{max-height:calc(40.625vw - 200px)}section.project .catagory-nav .nav-list{padding-bottom:50px}section.project .catagory-nav .nav-link{display:inline-flex;flex-wrap:wrap;gap:10px}@media only screen and (max-width: 1200px){section.project .catagory-nav{display:block}}@media only screen and (max-width: 992px){section.project .catagory-nav{position:static}section.project .catagory-nav .nav-block{display:none}}section.project .project-block{grid-column:8/-2}section.project .project-block .inner{position:relative}section.project .project-block .inner:before{content:"";display:block;width:100%;height:100%;padding-bottom:55.91398%}section.project .project-block .item-box{display:block;position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;transition:.5s}section.project .project-block .item-box.active{opacity:1;z-index:1}section.project .project-block .img-box{position:relative;width:100%;height:100%}section.project .project-block .img-box:after{content:"";display:block;width:100%;height:100%;padding-bottom:56.71642%}section.project .project-block .img-box img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}section.project .project-block .item-title{display:none}@media only screen and (max-width: 992px){section.project .project-block{grid-column:2/-2}section.project .project-block .inner[data-aost][data-aost-clip-left]{clip-path:none;opacity:1}section.project .project-block .inner[data-aost][data-aost-clip-left].aost-show{clip-path:none}section.project .project-block .inner:before{display:none}section.project .project-block .item-box{position:static;opacity:0;clip-path:polygon(0 0,0 0,0 100%,0 100%)}section.project .project-block .item-box:not(:last-child){margin-bottom:75px}section.project .project-block .item-box.active{opacity:0}section.project .project-block .item-box.aost-show{opacity:1;clip-path:polygon(0 0,110% 0,100% 100%,0 100%);transition:var(--aost-trans)}section.project .project-block .item-title{display:block;margin-top:20px;transition:.3s}section.project .project-block .item-title .en{margin-right:10px}section.project .project-block .item-title:hover{color:var(--red)}}section.innovation{padding-top:100px}section.innovation .container{align-items:center}section.innovation .img-box{display:block;grid-column:3/16;position:relative;width:100%;height:100%}section.innovation .img-box:after{content:"";display:block;width:100%;height:100%;padding-bottom:59.5239%}section.innovation .img-box img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}section.innovation .title-box{grid-column:17/-4}section.innovation .f-title-deco-en,section.innovation .f-title-sec{display:block;width:fit-content;transition:.3s}section.innovation .f-title-deco-en:hover,section.innovation .f-title-sec:hover{color:var(--red)}section.innovation .f-paragraph{padding-top:30px;color:var(--grey);display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}@media only screen and (max-width: 1024px){section.innovation .img-box{grid-column:2/11}section.innovation .title-box{grid-column:12/-2}}@media only screen and (max-width: 992px){section.innovation .img-box{grid-column:2/-2}section.innovation .img-box:after{padding-bottom:56.71642%}section.innovation .img-box .layer{display:none}section.innovation .title-box{grid-column:2/-2;margin-top:30px}}section.contact{width:100%;padding-top:clamp(100px,2.9095rem + 5.3879vw,150px)}section.contact .container{position:relative;background:var(--grey_dark);overflow:hidden}section.contact .deco-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--black-10);font-family:Sarabun;font-size:clamp(6.009625rem,-6.6232rem + 26.3527vw,25rem);font-weight:700;line-height:1.3}section.contact .content-box{padding:8.75vw 0;grid-column:13/-3}section.contact .content-box .f-title-sec-l{color:var(--white)}section.contact .content-box .f-paragraph{color:var(--white-80);margin-top:60px}section.contact .content-box .more-btn-arrow{margin-top:60px}@media only screen and (max-width: 1024px){section.contact .content-box{grid-column:2/-2;padding:124.5px 0}}section.locations{margin-top:100px}@media only screen and (max-width: 1024px){section.locations .container{grid-column:2/-2}}