:root{--sarabun-li:'Sarabun Light';--font-sarabun-general:0.9375vw;--spacing:0.5208vw;--radius-md:calc(var(--spacing) * 1);--radius-xl:calc(var(--spacing) * 2);--radius-2xl:calc(var(--spacing) * 3);--red:#e81d24;--blue:#0070b9;--grey:#808080;--black-300:#3a3a3a;--green:#3fbeaf;--font:'DB Heavent';--font-li:'DB Heavent Li';--font-md:'DB Heavent Md';--font-bd:'DB Heavent Bd';--text-xxs:0.9375vw;--text-xs:1.1458333333vw;--text-sm:1.2500vw;--text-base:1.3542vw;--text-lg:1.4583vw;--text-xl:1.5625vw;--text-2xl:1.6667vw;--text-3xl:1.8750vw;--text-4xl:2.0833vw;--text-5xl:2.2917vw;--text-6xl:2.5000vw;--text-7xl:2.7083vw;--text-8xl:2.9167vw;--text-9xl:3.1250vw;--text-10xl:3.3333vw;--text-11xl:3.5417vw;--text-12xl:3.7500vw}@media (max-width:991px){:root{--font-sarabun-general:3.90625vw;--spacing:1.3021vw;--text-xxs:3.6458333333vw;--text-xs:3.6458333333vw;--text-sm:4.1666666667vw;--text-base:4.6875vw;--text-lg:5.2083vw;--text-xl:5.7291666667vw;--text-2xl:6.25vw;--text-3xl:6.7708333333vw;--text-4xl:7.2917vw;--text-5xl:7.8125vw;--text-6xl:8.3333vw;--text-7xl:8.8542vw;--text-8xl:9.3750vw;--text-9xl:9.8958vw;--text-10xl:10.4167vw;--text-11xl:10.9375vw;--text-12xl:11.4583vw}}@media (min-width:992px) and (max-width:1024px){:root{--spacing:0.9766vw;--text-xxs:3.1250vw;--text-xs:3.5156vw;--text-sm:3.9063vw;--text-base:4.2969vw;--text-lg:4.6875vw;--text-xl:5.0781vw;--text-2xl:5.4688vw;--text-3xl:5.8594vw;--text-4xl:6.2500vw;--text-5xl:6.6406vw;--text-6xl:7.0313vw;--text-7xl:7.4219vw;--text-8xl:7.8125vw;--text-9xl:8.2031vw;--text-10xl:8.5938vw;--text-11xl:8.5938vw;--text-12xl:8.5938vw}}#box__home .box__intro{background:url(../img/bg/box__intro.jpg) no-repeat center 0;background-size:100% auto;z-index:0}@media (max-width:991px){#box__home .box__intro{background:url(../img/mobile/bg/box__intro.jpg) no-repeat center 0;background-size:cover}}#box__home .box__intro .head img{height:7.2916666667vw}@media (max-width:991px){#box__home .box__intro .head img{height:29.9479166667vw}}#box__home .box__intro .sub img{height:6.5104166667vw}@media (max-width:991px){#box__home .box__intro .sub img{height:29.4270833333vw}}#box__home .box__intro .vdo img{height:17.1875vw}@media (max-width:991px){#box__home .box__intro .vdo img{height:42.96875vw}}#box__home .box__list-challenge{background:url(../img/bg/box__list-challenge.jpg) no-repeat #fff;background-size:100% auto;margin-top:-3.125vw;z-index:1;border-radius:3.125vw 3.125vw 0 0}@media (max-width:991px){#box__home .box__list-challenge{background:url(../img/mobile/bg/box__list-challenge.jpg) no-repeat #fff;background-size:100% auto;margin-top:-7.8125vw;border-radius:7.8125vw 7.8125vw 0 0}}#box__home .box__list-challenge .head img{height:10.15625vw}@media (max-width:991px){#box__home .box__list-challenge .head img{height:45.3125vw}}@media (min-width:992px){#box__home .box__list-challenge .box__head .pic-main{width:32.2916666667vw}}#box__home .box__list-challenge .list__tab{margin:0 -0.2083333333vw;gap:0.4166666667vw}@media (max-width:991px){#box__home .box__list-challenge .list__tab{margin:0 2.6041666667vw;gap:1.3020833333vw}}#box__home .box__list-challenge .list__tab .item:after{display:none;content:"";width:0;height:0;border-style:solid;border-width:1.5625vw 1.8229166667vw 0px 1.8229166667vw;border-color:#e11e25 transparent transparent transparent;-webkit-transform:rotate(0deg);transform:rotate(0deg);z-index:5;position:absolute;bottom:-1.4583333333vw;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-filter:drop-shadow(0 0 0.2604166667vw rgba(0,0,0,0.5));filter:drop-shadow(0 0 0.2604166667vw rgba(0,0,0,0.5))}@media (max-width:991px){#box__home .box__list-challenge .list__tab .item:after{border-width:3.90625vw 4.5572916667vw 0px 4.5572916667vw;bottom:-3.6458333333vw}}#box__home .box__list-challenge .list__tab .item.active:after{display:block}#box__home .box__list-challenge .list__tab [data-target=challenge-2]:after{border-color:#f2a71d transparent transparent transparent}#box__home .box__list-challenge .list__tab [data-target=challenge-3]:after{border-color:#8bbf3f transparent transparent transparent}#box__home .box__list-challenge .list__tab [data-target=challenge-4]:after{border-color:#0c70b8 transparent transparent transparent}#box__home .box__list-challenge .list__tab [data-target=challenge-5]:after{border-color:#303694 transparent transparent transparent}#box__home .box__list-challenge .list__tab [data-target=challenge-6]:after{border-color:#0f733a transparent transparent transparent}#box__home .box__list-challenge .list__tab .description{min-height:4.1666666667vw}#box__home .box__list-challenge .tab-info:after{content:"";width:100%;height:3.125vw;background:#000;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0)));background:linear-gradient(180deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);z-index:1;position:absolute;top:0;left:0}@media (min-width:992px){#box__home .box__list-challenge .tab-info .pic{width:41.6666666667vw}}#box__home .box__our-challenge{background:url(../img/bg/box__our-challenge.jpg) no-repeat center center;background-size:cover;margin-top:-3.125vw;z-index:2;border-radius:3.125vw 3.125vw 0 0}@media (max-width:991px){#box__home .box__our-challenge{background:url(../img/mobile/bg/box__our-challenge.jpg) no-repeat center center;background-size:cover;margin-top:-7.8125vw;border-radius:7.8125vw}}#box__home .box__our-challenge .list .item{background:#FFFFFF;background:-webkit-gradient(linear,left top,left bottom,from(rgb(255,255,255)),to(rgba(255,255,255,0.25)));background:linear-gradient(180deg,rgb(255,255,255) 0%,rgba(255,255,255,0.25) 100%);-webkit-transition:all 0.5s ease;transition:all 0.5s ease}@media (max-width:991px){#box__home .box__our-challenge .list .item{padding-top:6.5104166667vw;padding-left:32.5520833333vw}}@media (min-width:1081px){#box__home .box__our-challenge .list .item:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}}@media (min-width:992px){#box__home .box__promotion .swiper{margin:0 -0.78125vw}}#box__home .box__promotion .swiper .description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:4.4791666667vw}@media (max-width:991px){#box__home .box__promotion .swiper .description{height:15.4947916667vw}}#box__home .box__promotion .swiper .swiper-scrollbar-drag{background:var(--green)}
/*# sourceMappingURL=home.css.map */