@font-face { font-family:"swiper-icons"; src:url("data:application/font-woff;charset=utf-8;base64, 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"); font-weight:400; font-style:normal; } :root { --swiper-theme-color:#007aff; } :host { position:relative; display:block; margin-left:auto; margin-right:auto; z-index:1; } .swiper { margin-left:auto; margin-right:auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1; display:block; } .swiper-vertical > .swiper-wrapper { flex-direction:column; } .swiper-wrapper { position:relative; width:100%; height:100%; z-index:1; display:flex; transition-property:transform; transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial); box-sizing:content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform:translate3d(0px, 0, 0); } .swiper-horizontal { touch-action:pan-y; } .swiper-vertical { touch-action:pan-x; } .swiper-slide { flex-shrink:0; width:100%; height:100%; position:relative; transition-property:transform; display:block; } .swiper-slide-invisible-blank { visibility:hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height:auto; } .swiper-autoheight .swiper-wrapper { align-items:flex-start; transition-property:transform, height; } .swiper-backface-hidden .swiper-slide { transform:translateZ(0); -webkit-backface-visibility:hidden; backface-visibility:hidden; } .swiper-3d.swiper-css-mode .swiper-wrapper { perspective:1200px; } .swiper-3d .swiper-wrapper { transform-style:preserve-3d; } .swiper-3d { perspective:1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { transform-style:preserve-3d; } .swiper-css-mode > .swiper-wrapper { overflow:auto; scrollbar-width:none; -ms-overflow-style:none; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display:none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align:start start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type:x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type:y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type:none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align:none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content:""; flex-shrink:0; order:9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align:center center; scroll-snap-stop:always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start:var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height:100%; min-height:1px; width:var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start:var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width:100%; min-width:1px; height:var(--swiper-centered-offset-after); } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; z-index:10; } .swiper-3d .swiper-slide-shadow { background:rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-lazy-preloader { width:42px; height:42px; position:absolute; left:50%; top:50%; margin-left:-21px; margin-top:-21px; z-index:10; transform-origin:50%; box-sizing:border-box; border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius:50%; border-top-color:transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { animation:swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color:#fff; } .swiper-lazy-preloader-black { --swiper-preloader-color:#000; } @keyframes swiper-preloader-spin { 0% { transform:rotate(0deg); } 100% { transform:rotate(360deg); } }
.cover{left:0;right:0;top:0;bottom:0}.promotion-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:30px;padding:0;font-family:'Sarabun';max-width:1280px;margin:0 auto}.promotion-grid .promotion-card{transition:transform .2s}.promotion-grid .promotion-card:hover{text-decoration:none}.promotion-grid .promotion-card:hover .promotion-card-img{transform:scale(1.02);transition:transform .3s ease}.promotion-grid .promotion-card .promotion-card-img{position:relative}.promotion-grid .promotion-card .promotion-card-img .promotion-image{width:100%;height:245px;object-fit:cover;border-radius:8px}@media (max-width:1100px){.promotion-grid .promotion-card .promotion-card-img .promotion-image{height:265px}}.promotion-grid .promotion-card .promotion-content{padding:0 0 10px}.promotion-grid .promotion-card .promotion-content .promotion-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px;margin-top:30px}.promotion-grid .promotion-card .promotion-content .promotion-tags .tag{border:solid 1px #979E91;border-radius:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;height:24px;padding:5px 10px;text-align:center;font-size:12px;line-height:18px}.promotion-grid .promotion-card .promotion-content .promotion-tags .tag:active{background-color:#73C6A1;border:solid 1px transparent}.promotion-grid .promotion-card .promotion-content .promotion-title{color:#545045;font-size:18px;font-weight:600;line-height:150%;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-left:1px}.promotion-grid .promotion-card .promotion-content .title-art-sm{font-size:14px;line-height:1.6;color:#323332;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-left:1px}.promotion-grid .promotion-card .promotion-content .package-cost{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.promotion-grid .promotion-card .promotion-content .package-cost .price{font-size:23px;line-height:1.5;color:#9B7D0D}.promotion-grid .promotion-card .promotion-content .package-cost .sale-price{font-size:14px;line-height:1.5;color:#979e91;position:relative;margin-bottom:3px}.promotion-grid .promotion-card .promotion-content .package-cost .sale-price::after{content:'';position:absolute;left:0;top:56.1%;width:100%;height:1px;background-color:#979e91;opacity:.9}.promotion-grid .promotion-card .promotion-content .btn-primary-green{width:fit-content;height:50px;background:#00703c;border-radius:70px;font-size:18px;line-height:1.5;color:#fffffe;text-align:center;align-items:center;padding:0 30px;margin-top:25px;display:flex;transition:background .3s ease}.promotion-grid .promotion-card .promotion-content .btn-primary-green:hover{background-color:#009751}.promotion-grid .promotion-card .promotion-content .promotion-date{color:#9e9b91;font-size:14px;line-height:21px;font-weight:500;margin-top:25px;margin-left:1px}@media (max-width:767px){.promotion-grid{display:grid;grid-template-columns:repeat(1, 1fr);gap:30px;margin-top:40px;margin-bottom:50px;padding:0 20px;font-family:'Sarabun'}.promotion-grid .promotion-card .promotion-card-img{position:relative;border-radius:10px;overflow:hidden;max-width:100%;max-height:100%}.promotion-grid .promotion-card .promotion-card-img .promotion-image{width:100%;height:auto;object-fit:cover}.promotion-grid .promotion-card .promotion-content .promotion-tags{margin-bottom:20px;margin-top:20px}.promotion-grid .promotion-card .promotion-content .promotion-tags .tag{border:solid 1px #cbb677;border-radius:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;height:18px;padding:10px 10px;text-align:center}.promotion-grid .promotion-card .promotion-content .promotion-tags .tag:hover{background-color:#cbb677}.promotion-grid .promotion-card .promotion-content .promotion-tags .tag:active{background-color:#cbb677}.promotion-grid .promotion-card .promotion-content .promotion-title{color:#545045;font-size:19px;font-weight:500;line-height:28px;margin-bottom:0px;overflow:hidden;height:auto}.promotion-grid .promotion-card .promotion-content .package-cost{margin-top:20px}.promotion-grid .promotion-card .promotion-content .btn-primary-green{margin-top:20px}.promotion-grid .promotion-card .promotion-content .promotion-date{color:#9e9b91;font-size:14px;line-height:21px;font-weight:500;margin-top:25px}}@media (max-width:767px) and (max-width:1100px){.promotion-grid .promotion-card .promotion-card-img{height:auto}}.slide-all{box-shadow:0 0 40px 0 #74726cc2;border-radius:10px}.card{position:relative;border-radius:10px;overflow:hidden;transition:all .5s ease,width 0s ease,margin-right 0s ease;box-shadow:0 0 40px 0 #74726cc2;aspect-ratio:355 / 515}.card .btn_white{display:block;height:100%}.card img{height:100%;object-fit:cover}.card .img_card{transition:all .2s ease;width:100%;filter:brightness(80%)}.card .article-cate{display:flex;flex-wrap:wrap;margin-bottom:20px;margin-top:10px;gap:10px}.card .article-cate .cate{border:1px solid #979E91;border-radius:40px;padding:0 12px;cursor:pointer;background-color:#FFF}.card .article-cate .cate .txt{font-size:12px;line-height:18px;line-height:150%;font-weight:500;color:#323332}.card .article-cate .cate.active{border:unset;background-color:#73C6A1}.card .article-cate .cate.active .txt{color:#fffffe}.card .short-desc{font-size:18px;margin-top:4px;color:#FFF;display:block;display:-webkit-box;max-height:54px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:28px}.card .inner_card{position:absolute;top:0;display:flex;flex-direction:column;width:100%;height:100%;padding:31px;justify-content:flex-end;background:linear-gradient(360deg, #000000 -33%, rgba(0,0,0,0) 50%);background-position:bottom;background-size:100% 100%;background-repeat:no-repeat;transition:all .3s ease}.card .inner_card .title,.card .inner_card .card-title,.card .inner_card .card-title{color:#FFFFFE;font-size:25px;line-height:1.4;display:block;display:-webkit-box;max-height:104.25px;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card .inner_card .block-content{display:flex;flex-direction:column;align-items:flex-start;position:relative;transition:all .3s ease;transform:translateY(75px)}.card .inner_card .block-content .des,.card .inner_card .block-content .btn_white{transition:all .5s ease}.card .inner_card .block-content .des.btn_white,.card .inner_card .block-content .btn_white.btn_white{margin-top:15px;opacity:0}@media (max-width:767px){.card .inner_card .block-content{opacity:1;transform:translateY(0)}.card .inner_card .block-content .des,.card .inner_card .block-content .btn_white{opacity:1}}.card .inner_card .des{font-size:18px;line-height:145%;color:#FFFFFE;margin-top:2px;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:baseline;gap:3px}.card .inner_card .des .txt{font-size:10px;transform:translateY(-4px)}.card .inner_card .des .full-price{font-size:13px;color:#D8D8D8;text-decoration:line-through}.card .inner_card .date{font-size:14px;line-height:145%;margin-top:20px;color:#FFF}.card .inner_card .tap{display:flex;gap:10px}.card .inner_card .tap .hands{display:flex;gap:6px;align-items:center}.card .inner_card .tap .hands i{color:#FFF;font-size:20px}.card .inner_card .tap .hands .text-hands{font-size:14px;color:#FFF}.card .inner_card .tap .eye{display:flex;gap:6px;align-items:center}.card .inner_card .tap .eye i{color:#FFF;font-size:20px}.card .inner_card .tap .eye .text-eye{font-size:14px;color:#FFF}.card .inner_card .btn_circle_right{display:none}.card .inner_card .btn_white{box-sizing:border-box;background-color:#FFFFFE;width:31px;height:31px;border-radius:100%;justify-self:center;align-items:center;justify-content:center;align-content:center;text-align:center;text-decoration:none}.card .inner_card .btn_white .fa-arrow-right{font-size:14px;color:#00703C;padding:7px}.card .inner_card .btn_circle_right{display:flex;box-sizing:border-box;background-color:#FFFFFE;width:31px;height:31px;border-radius:100%;justify-self:center;align-items:center;justify-content:center;margin-top:auto;align-self:flex-end;position:absolute;bottom:0;right:0}.card .inner_card .btn_circle_right .fa-arrow-right{font-size:14px;color:#00703C}.card .inner_card .btn-primary-green{opacity:0;width:fit-content;height:50px;background:#00703c;border-radius:70px;font-size:18px;line-height:1.5;color:#fffffe;text-align:center;align-items:center;padding:0 30px;margin-top:25px;display:flex;transition:background .3s ease,opacity .3s ease}@media (max-width:767px){.card .inner_card .btn-primary-green{opacity:1}}.card .inner_card .btn-primary-green:hover{background-color:#009751}@media (max-width:767px){.card .inner_card .title,.card .inner_card .card-title{font-size:25px;line-height:1.4}}.card:hover{cursor:pointer}.card:hover .inner_card{opacity:1;background-color:linear-gradient(360deg, #000000 0%, rgba(0,0,0,0) 100%);background-size:100% 1000%;transition:all .3s ease}.card:hover .inner_card .des{display:flex;max-height:none;-webkit-line-clamp:none}.card:hover .inner_card .btn_circle_right{display:none;opacity:0}.card:hover .inner_card .btn_white{display:flex}.card:hover .inner_card .block-content{transform:translateY(0)}.card:hover .inner_card .block-content .des,.card:hover .inner_card .block-content .btn_white{opacity:1}.card:hover .inner_card .btn_circle_right_mb{opacity:0;display:none}.card:hover .inner_card .btn-primary-green{opacity:1}@media (max-width:420px){.card{min-height:unset}}.card-more{aspect-ratio:355 / 515;border-radius:10px;background-color:#00703C;color:white;font-size:23px;gap:15px;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.card-more .fa-circle-arrow-right{font-size:40px}.card-more:hover{text-decoration:none !important;background-color:#009751}.icon-play .fa-play::before{margin-right:-3px}@media (max-width:767px){.card .inner_card{padding:20px}}
.cover{left:0;right:0;top:0;bottom:0}#content{width:100%}body{overflow-x:auto}body .video-popup,body .video-popup-card{display:flex;position:fixed;top:0;left:0;transform:translate(-50%, -50%);z-index:1000;background:rgba(0,0,0,0.8);padding:20px;width:100%;height:100%;justify-content:center;align-items:center;text-align:center;transform:scale(0);opacity:0;transform-origin:center;transition:transform .3s ease,opacity 0s ease;backdrop-filter:blur(5px)}body .video-popup .btn-close,body .video-popup-card .btn-close{position:absolute;top:20px;right:20px;background:rgba(255,255,255,0.6);border-radius:50%;width:30px;height:30px;display:flex;justify-content:center;align-items:center;cursor:pointer;backdrop-filter:blur(20px);transition:all .3s ease}body .video-popup .btn-close .fa-xmark,body .video-popup-card .btn-close .fa-xmark{color:#323332;font-size:14px}body .video-popup .btn-close:hover,body .video-popup-card .btn-close:hover{transform:scale(1.1);background:rgba(255,255,255,0.8);transition:all .3s ease}body .video-popup-content video,body .video-popup-content-card video{width:80%;height:80%}body .video-popup.active,body .video-popup-card.active{opacity:1;transform:scale(1);transition:transform .3s ease,opacity 0s ease}.fade-in{opacity:0;transform:translateY(100px);transition:opacity .8s ease-in-out,transform .8s ease-in-out;animation:slideUpFadeIn .8s ease-out,0s forwards}.fade-in.active{opacity:1;transform:translateY(0)}.container{display:flex;flex-direction:column}.container .bar-group{display:flex;gap:7px;align-items:center;text-align:center;font-family:'Sarabun'}.container .bar-group .overflow-x-auto{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.container .bar-group .overflow-x-auto .button{color:#fff;border:1px solid #fff;border-radius:70px;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease;padding:8px 25px;font-size:16px;line-height:150%;cursor:pointer}.container .bar-group .overflow-x-auto .button:hover{color:#CBB677;padding:7px 24px;border:2px solid #CBB677}.container .bar-group .overflow-x-auto .button.active{color:#fff;padding:7px 24px;background:#CBB677;border:2px solid #CBB677}.container .bar-group .button-sm{border:solid 1px #979E91;border-radius:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;height:20px;padding:1px 10px;line-height:1.5;font-size:12px;transition:all .3s ease}.container .bar-group .button-sm.active{background-color:#73C6A1;color:#FFFFFE;border:solid 1px transparent;transition:all .3s ease}.container .banner-box{min-height:450px;background:url(/image/promotions/promotion_list_banner_d.png);color:white;background-position:center;background-repeat:no-repeat;background-size:cover;width:100%;position:relative}.container .banner-box .banner_overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background:#111d18;opacity:.5}.container .banner-box .title-bannar{max-width:1024px;display:flex;flex-direction:column;align-items:center;margin:75px auto 0;padding:20px 20px;min-height:calc(450px - 75px);justify-content:center}.container .banner-box .title-bannar .title{font-size:55px;margin-bottom:20px;line-height:60px}.container .banner-box .title-bannar .subtitle{font-size:14px;line-height:24px;max-width:660px;text-align:center}.container .section-box{display:flex;flex-direction:column}.container .section-box .inner_box{width:100%;max-width:1280px;padding:100px 80px 0;margin:0 auto}.container .section-box .title-sec{font-size:35px;line-height:140%;margin-bottom:40px;color:#00703C}.container .section-box .promotions-main{display:flex;justify-content:space-between;gap:50px;margin-top:80px;transition:transform .2s;cursor:pointer}.container .section-box .promotions-main:hover{text-decoration:none}.container .section-box .promotions-main .container_swiper{width:100%;position:relative;overflow:hidden;margin:auto}.container .section-box .promotions-main .container_swiper .highlight{font-size:35px;line-height:140%;color:#00703C}.container .section-box .promotions-main .container_swiper .full-img{overflow:visible}.container .section-box .promotions-main .container_swiper .full-img .group_btn_swiper{position:absolute;width:calc(100% + 50px);display:flex;justify-content:space-between;align-items:center;top:50%;height:0px;z-index:5;transform:translateX(-1%);max-width:1260px}.container .section-box .promotions-main .container_swiper .full-img .group_btn_swiper .swiper-btn-nav{width:50px;height:50px;background:rgba(0,112,60,0.75);border-radius:100%;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer}.container .section-box .promotions-main .container_swiper .full-img .group_btn_swiper .swiper-btn-nav .icon-nav{color:#FFFFFE;font-size:14px}.container .section-box .promotions-main .container_swiper .full-img .group_btn_swiper .swiper-btn-nav.swiper-button-disabled{background:rgba(0,112,60,0.2);pointer-events:none}.container .section-box .promotions-main .container_swiper .full-img .group_btn_swiper .plans_slide-button-next{width:50px;height:50px;background:#CBB677;border-radius:70px;display:flex;justify-content:center;align-items:center}.container .section-box .promotions-main .container_swiper .full-img .group_btn_swiper .plans_slide-button-next .fa-arrow-right-long{color:#FFFFFE;font-size:13px;width:13px;height:13px}.container .section-box .promotions-main .container_swiper .full-img .group_btn_swiper .plans_slide-button-prev{width:50px;height:50px;background:#CBB677;border-radius:70px;display:flex;justify-content:center;align-items:center}.container .section-box .promotions-main .container_swiper .full-img .group_btn_swiper .plans_slide-button-prev .fa-arrow-right-long{transform:rotate(180deg);color:#FFFFFE;font-size:13px;width:13px;height:13px}.container .section-box .promotions-main .container_swiper .full-img .group_btn_swiper .swiper-button-disabled{background-color:#CBB6774D;backdrop-filter:blur(20px)}.container .section-box .promotions-main .container_swiper .navigation-page{display:flex;align-items:center;bottom:80px;right:80px;z-index:2;transition:all .3s ease;text-align:center;justify-content:center;margin-top:25px}.container .section-box .promotions-main .container_swiper .navigation-page .pagination-slide{font-size:20px;line-height:22px;color:#00703C}.container .section-box .promotions-main .container_swiper .navigation-page .middle-line{width:50px;height:1px;margin:0 15px;background-color:#CBB677}@media (max-width:880px){.container .section-box .promotions-main .container_swiper .navigation-page{bottom:50px;right:50px}}@media (max-width:767px){.container .section-box .promotions-main .container_swiper .navigation-page{bottom:40px;left:20px;right:auto}}.container .section-box .promotions-main .content-left{display:flex;flex-direction:column;max-width:470px;font-family:'Sarabun';width:100%;margin-right:20px}@media (max-width:1150px){.container .section-box .promotions-main .content-left{max-width:100%}}@media (max-width:990px){.container .section-box .promotions-main .content-left{max-width:100%}}.container .section-box .promotions-main .content-left .bar-group{margin-top:20px}.container .section-box .promotions-main .content-left .bar-group .button-sm{height:20px}.container .section-box .promotions-main .content-left .title-art{font-size:42px;line-height:46px;color:#00703c}@media (max-width:1150px){.container .section-box .promotions-main .content-left .title-art{margin-bottom:0px}}.container .section-box .promotions-main .content-left .title-art-md{font-size:18px;font-weight:500;line-height:28px;color:#545045;margin-top:25px}.container .section-box .promotions-main .content-left .title-art-sm{font-size:14px;font-weight:400;line-height:1.6;color:#323332;margin-top:-5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-top:5px;max-height:50px}.container .section-box .promotions-main .content-left .title-art-sm.highlight{-webkit-line-clamp:3;max-height:70px}.container .section-box .promotions-main .content-left .package-cost{display:flex;align-items:flex-end;gap:12px;margin-top:25px}.container .section-box .promotions-main .content-left .package-cost .price{font-size:23px;line-height:1.5;color:#9B7D0D}.container .section-box .promotions-main .content-left .package-cost .sale-price{font-size:14px;line-height:1.5;color:#979e91;position:relative;margin-bottom:3px}.container .section-box .promotions-main .content-left .package-cost .sale-price::after{content:'';position:absolute;left:0;top:57.1%;width:100%;height:1px;background-color:#979e91;opacity:.9}.container .section-box .promotions-main .content-left .btn-primary-green{width:fit-content;height:50px;background:#00703c;border-radius:70px;font-size:18px;line-height:1.5;color:#fffffe;text-align:center;align-items:center;padding:0 30px;margin-top:25px;display:flex;transition:background .3s ease}.container .section-box .promotions-main .content-left .btn-primary-green:hover{background-color:#009751}.container .section-box .promotions-main .content-left .art-date{font-size:14px;font-weight:500;line-height:21px;color:#9e9b91;margin-top:-5px}.container .section-box .promotions-main .content-right{margin-left:auto}.container .section-box .promotions-main .content-right .video{border-radius:10px;max-width:560px;max-height:420px;width:100%;height:100%}.container .section-box .promotions-main .content-right .image{max-width:560px;max-height:420px;width:100%;height:100%;border-radius:10px}.container .icon-play,.container .icon-play-card{position:absolute;width:40px;height:40px;border-radius:70px;background:rgba(255,255,255,0.6);z-index:1;bottom:20px;right:20px;display:flex;justify-content:center;align-items:center;cursor:pointer;backdrop-filter:blur(20px);transition:all .3s ease}.container .icon-play .fa-var-play,.container .icon-play-card .fa-var-play{color:#323332;font-size:20px}.container .icon-play:hover,.container .icon-play-card:hover{transform:scale(1.1);background:rgba(255,255,255,0.8);transition:all .3s ease}.container .promotion-box-list{background-color:#FFFFFF}.container .promotion-box-list .promotion-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:30px;padding:50px 80px;font-family:'Sarabun';max-width:1280px;margin:0 auto}.container .promotion-box-list .promotion-grid .promotion-card{transition:transform .2s}.container .promotion-box-list .promotion-grid .promotion-card:hover{text-decoration:none}.container .promotion-box-list .promotion-grid .promotion-card:hover .promotion-card-img{transform:scale(1.02);transition:transform .3s ease}.container .promotion-box-list .promotion-grid .promotion-card .promotion-card-img{position:relative}.container .promotion-box-list .promotion-grid .promotion-card .promotion-card-img .promotion-image{width:100%;height:245px;object-fit:cover;border-radius:8px}@media (max-width:1100px){.container .promotion-box-list .promotion-grid .promotion-card .promotion-card-img .promotion-image{height:265px}}.container .promotion-box-list .promotion-grid .promotion-card .promotion-content{padding:0 0 10px}.container .promotion-box-list .promotion-grid .promotion-card .promotion-content .promotion-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px;margin-top:30px}.container .promotion-box-list .promotion-grid .promotion-card .promotion-content .promotion-tags .tag{border:solid 1px #979E91;border-radius:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;height:24px;padding:5px 10px;text-align:center;font-size:12px;line-height:18px}.container .promotion-box-list .promotion-grid .promotion-card .promotion-content .promotion-tags .tag:active{background-color:#73C6A1;border:solid 1px transparent}.container .promotion-box-list .promotion-grid .promotion-card .promotion-content .promotion-title{color:#545045;font-size:18px;font-weight:600;line-height:150%;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-left:1px}.container .promotion-box-list .promotion-grid .promotion-card .promotion-content .title-art-sm{font-size:14px;line-height:1.6;color:#323332;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-left:1px}.container .promotion-box-list .promotion-grid .promotion-card .promotion-content .package-cost{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.container .promotion-box-list .promotion-grid .promotion-card .promotion-content .package-cost .price{font-size:23px;line-height:1.5;color:#9B7D0D}.container .promotion-box-list .promotion-grid .promotion-card .promotion-content .package-cost .sale-price{font-size:14px;line-height:1.5;color:#979e91;position:relative;margin-bottom:3px}.container .promotion-box-list .promotion-grid .promotion-card .promotion-content .package-cost .sale-price::after{content:'';position:absolute;left:0;top:56.1%;width:100%;height:1px;background-color:#979e91;opacity:.9}.container .promotion-box-list .promotion-grid .promotion-card .promotion-content .btn-primary-green{width:fit-content;height:50px;background:#00703c;border-radius:70px;font-size:18px;line-height:1.5;color:#fffffe;text-align:center;align-items:center;padding:0 30px;margin-top:25px;display:flex;transition:background .3s ease}.container .promotion-box-list .promotion-grid .promotion-card .promotion-content .btn-primary-green:hover{background-color:#009751}.container .promotion-box-list .promotion-grid .promotion-card .promotion-content .promotion-date{color:#9e9b91;font-size:14px;line-height:21px;font-weight:500;margin-top:25px;margin-left:1px}.container .spin-box{display:flex;align-items:center;justify-content:center;padding:0 20px 100px;gap:10px;font-family:'Sarabun';background-color:#FFFFFF}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.container .spin-box .loading-btn{position:relative;width:175px;height:50px;font-size:14px;background-color:#ffffff00;border:1px solid #9e9b91;border-radius:70px;cursor:pointer;transition:all .3s ease;min-width:120px;color:#000;display:flex;align-items:center;justify-content:center}.container .spin-box .loading-btn:active{border:1px solid #D8D8D8}.container .spin-box .loading-btn:hover{border:1px solid #D8D8D8}.container .spin-box .loading-btn.loading{color:#000}.container .spin-box .loading-btn.loading .btn-text{margin-left:4px;transition:margin-left .3s ease}.container .spin-box .loading-btn.loading .spinner{display:block}.container .spin-box .loading-btn .btn-text{line-height:15px;margin-left:0px;transition:margin-left .3s ease}.container .spin-box .loading-btn .spinner{display:none;width:20px;height:20px;border:2px solid #eee;border-top:2px solid #9b7d0d;border-radius:50%;animation:spin .8s linear infinite;position:absolute;left:16px;top:15px;transform:translateY(-50%)}@media (max-width:767px){.container{max-width:767px;width:100%}.container .banner-box{background:url(/image/promotions/promotion_list_banner_m.png);min-height:400px}.container .banner-box .title-bannar{margin-top:75px;padding:20px;min-height:calc(400px - 75px)}.container .banner-box .title-bannar .title{font-size:35px;margin-bottom:0}.container .banner-box .title-bannar .subtitle{font-size:14px}.container .section-box{max-width:767px}.container .section-box .inner_box{padding:50px 0px 0px;max-width:100%}.container .section-box .inner_box .title-sec{margin-left:20px;margin-right:20px;margin-bottom:30px}.container .section-box .inner_box .bar-group .overflow-x-auto{margin-left:20px;margin-right:20px}.container .section-box .inner_box .bar-group .overflow-x-auto .button{border-radius:40px;height:35px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:5.5px 20px}.container .section-box .inner_box .bar-group .button-sm{border-radius:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;height:18px;padding:5px 10px;font-family:'Sarabun'}.container .section-box .inner_box .promotions-main{flex-direction:column-reverse;gap:0px;padding:0 20px;margin-top:0px}.container .section-box .inner_box .promotions-main .container_swiper{max-width:100%;padding:20px 0}.container .section-box .inner_box .promotions-main .container_swiper .title-art{font-size:30px;color:#00703C}.container .section-box .inner_box .promotions-main .container_swiper .highlight{font-size:18px;line-height:140%;color:#00703C;margin-top:20px}.container .section-box .inner_box .promotions-main .container_swiper .package-cost{margin-top:20px}.container .section-box .inner_box .promotions-main .container_swiper .btn-primary-green{margin-top:20px}.container .section-box .inner_box .promotions-main .container_swiper .plans_slide .group_btn_swiper{left:-20px;right:-20px}.container .section-box .inner_box .promotions-main .container_swiper .plans_slide .group_btn_swiper .swiper-btn-nav{width:40px;height:40px}.container .section-box .inner_box .promotions-main .container_swiper .navigation-page{margin-top:40px}.container .section-box .inner_box .promotions-main .content-right{width:100%;margin-top:20px;height:auto}.container .section-box .inner_box .promotions-main .content-right .video{width:100%;height:100%;max-width:none;max-height:none}.container .section-box .inner_box .promotions-main .content-right .image{width:100%;height:100%;max-width:none;max-height:none}.container .promotion-box-list .promotion-grid{display:grid;grid-template-columns:repeat(1, 1fr);gap:30px;margin-top:50px;margin-bottom:50px;padding:0 20px;font-family:'Sarabun'}.container .promotion-box-list .promotion-grid .promotion-card .promotion-card-img{position:relative;border-radius:10px;overflow:hidden;max-width:100%;max-height:100%}.container .promotion-box-list .promotion-grid .promotion-card .promotion-card-img .promotion-image{width:100%;height:auto;object-fit:cover}.container .promotion-box-list .promotion-grid .promotion-card .promotion-content .promotion-tags{margin-bottom:20px;margin-top:20px}.container .promotion-box-list .promotion-grid .promotion-card .promotion-content .promotion-tags .tag{border:solid 1px #cbb677;border-radius:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;height:18px;padding:10px 10px;text-align:center}.container .promotion-box-list .promotion-grid .promotion-card .promotion-content .promotion-tags .tag:hover{background-color:#cbb677}.container .promotion-box-list .promotion-grid .promotion-card .promotion-content .promotion-tags .tag:active{background-color:#cbb677}.container .promotion-box-list .promotion-grid .promotion-card .promotion-content .promotion-title{color:#545045;font-size:19px;font-weight:500;line-height:28px;margin-bottom:0px;overflow:hidden;height:auto}.container .promotion-box-list .promotion-grid .promotion-card .promotion-content .package-cost{margin-top:20px}.container .promotion-box-list .promotion-grid .promotion-card .promotion-content .btn-primary-green{margin-top:20px}.container .promotion-box-list .promotion-grid .promotion-card .promotion-content .promotion-date{color:#9e9b91;font-size:14px;line-height:21px;font-weight:500;margin-top:25px}.container .spin-box{display:flex;align-items:center;justify-content:center;padding:0 20px;gap:10px;font-family:'Sarabun';margin-bottom:30px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.container .spin-box .loading-btn{position:relative;width:175px;height:50px;font-size:14px;background-color:#ffffff00;border:1px solid #9e9b91;border-radius:70px;cursor:pointer;transition:all .3s ease;min-width:120px;color:#000;display:flex;align-items:center;justify-content:center}.container .spin-box .loading-btn.loading{color:#000}.container .spin-box .loading-btn.loading .btn-text{margin-left:4px}.container .spin-box .loading-btn.loading .spinner{display:block}.container .spin-box .loading-btn .spinner{display:none;width:20px;height:20px;border:2px solid #eee;border-top:2px solid #9b7d0d;border-radius:50%;animation:spin .8s linear infinite;position:absolute;left:16px;top:15px;transform:translateY(-50%)}}@media (max-width:767px) and (max-width:1100px){.container .promotion-box-list .promotion-grid .promotion-card .promotion-card-img{height:auto}}