.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-20 .elementor-element.elementor-element-44b66669{width:var( --container-widget-width, 11% );max-width:11%;--container-widget-width:11%;--container-widget-flex-grow:0;}.elementor-20 .elementor-element.elementor-element-44b66669.elementor-element{--align-self:center;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-20 .elementor-element.elementor-element-aa87512 .elementor-nav-menu .elementor-item{font-family:"Anuphan", Sans-serif;font-size:16px;font-weight:600;}.elementor-20 .elementor-element.elementor-element-aa87512 .elementor-nav-menu--main .elementor-item{color:#BDBDBD;fill:#BDBDBD;padding-left:15px;padding-right:15px;padding-top:5px;padding-bottom:5px;}.elementor-20 .elementor-element.elementor-element-aa87512 .elementor-nav-menu--main .elementor-item:hover, .elementor-20 .elementor-element.elementor-element-aa87512 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-20 .elementor-element.elementor-element-aa87512 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-20 .elementor-element.elementor-element-aa87512 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-aa87512 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-20 .elementor-element.elementor-element-aa87512 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#2E7D32;}.elementor-20 .elementor-element.elementor-element-aa87512 .e--pointer-framed .elementor-item:before, .elementor-20 .elementor-element.elementor-element-aa87512 .e--pointer-framed .elementor-item:after{border-color:#2E7D32;}.elementor-20 .elementor-element.elementor-element-aa87512 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-aa87512 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-20 .elementor-element.elementor-element-aa87512 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#2E7D32;}.elementor-20 .elementor-element.elementor-element-aa87512 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-20 .elementor-element.elementor-element-aa87512 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#2E7D32;}.elementor-20 .elementor-element.elementor-element-aa87512 .e--pointer-framed .elementor-item:before{border-width:2px;}.elementor-20 .elementor-element.elementor-element-aa87512 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 2px 2px;}.elementor-20 .elementor-element.elementor-element-aa87512 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:2px 2px 0 0;}.elementor-20 .elementor-element.elementor-element-aa87512 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:2px 0 0 2px;}.elementor-20 .elementor-element.elementor-element-aa87512 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 2px 2px 0;}.elementor-20 .elementor-element.elementor-element-aa87512 .e--pointer-underline .elementor-item:after, .elementor-20 .elementor-element.elementor-element-aa87512 .e--pointer-overline .elementor-item:before, .elementor-20 .elementor-element.elementor-element-aa87512 .e--pointer-double-line .elementor-item:before, .elementor-20 .elementor-element.elementor-element-aa87512 .e--pointer-double-line .elementor-item:after{height:2px;}.elementor-20 .elementor-element.elementor-element-2901a5d6{width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;}.elementor-20 .elementor-element.elementor-element-2901a5d6.elementor-element{--align-self:center;}.elementor-20 .elementor-element.elementor-element-888546e .elementor-nav-menu .elementor-item{font-family:"Anuphan", Sans-serif;font-size:16px;font-weight:600;}.elementor-20 .elementor-element.elementor-element-888546e .elementor-nav-menu--main .elementor-item{color:#BDBDBD;fill:#BDBDBD;padding-left:15px;padding-right:15px;padding-top:5px;padding-bottom:5px;}.elementor-20 .elementor-element.elementor-element-888546e .elementor-nav-menu--main .elementor-item:hover, .elementor-20 .elementor-element.elementor-element-888546e .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-20 .elementor-element.elementor-element-888546e .elementor-nav-menu--main .elementor-item.highlighted, .elementor-20 .elementor-element.elementor-element-888546e .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-888546e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-20 .elementor-element.elementor-element-888546e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#2E7D32;}.elementor-20 .elementor-element.elementor-element-888546e .e--pointer-framed .elementor-item:before, .elementor-20 .elementor-element.elementor-element-888546e .e--pointer-framed .elementor-item:after{border-color:#2E7D32;}.elementor-20 .elementor-element.elementor-element-888546e .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-888546e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-20 .elementor-element.elementor-element-888546e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#2E7D32;}.elementor-20 .elementor-element.elementor-element-888546e .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-20 .elementor-element.elementor-element-888546e .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#2E7D32;}.elementor-20 .elementor-element.elementor-element-888546e .e--pointer-framed .elementor-item:before{border-width:2px;}.elementor-20 .elementor-element.elementor-element-888546e .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 2px 2px;}.elementor-20 .elementor-element.elementor-element-888546e .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:2px 2px 0 0;}.elementor-20 .elementor-element.elementor-element-888546e .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:2px 0 0 2px;}.elementor-20 .elementor-element.elementor-element-888546e .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 2px 2px 0;}.elementor-20 .elementor-element.elementor-element-888546e .e--pointer-underline .elementor-item:after, .elementor-20 .elementor-element.elementor-element-888546e .e--pointer-overline .elementor-item:before, .elementor-20 .elementor-element.elementor-element-888546e .e--pointer-double-line .elementor-item:before, .elementor-20 .elementor-element.elementor-element-888546e .e--pointer-double-line .elementor-item:after{height:2px;}.elementor-20 .elementor-element.elementor-element-3058c7fb{width:100%;max-width:100%;top:0px;}body:not(.rtl) .elementor-20 .elementor-element.elementor-element-3058c7fb{left:0px;}body.rtl .elementor-20 .elementor-element.elementor-element-3058c7fb{right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1366px){.elementor-20 .elementor-element.elementor-element-44b66669{--container-widget-width:14%;--container-widget-flex-grow:0;width:var( --container-widget-width, 14% );max-width:14%;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}.elementor-20 .elementor-element.elementor-element-2901a5d6{--container-widget-width:13%;--container-widget-flex-grow:0;width:var( --container-widget-width, 13% );max-width:13%;}}@media(max-width:1024px){.elementor-20 .elementor-element.elementor-element-44b66669{--container-widget-width:15%;--container-widget-flex-grow:0;width:var( --container-widget-width, 15% );max-width:15%;}.elementor-20 .elementor-element.elementor-element-aa87512 .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-20 .elementor-element.elementor-element-aa87512{--e-nav-menu-horizontal-menu-item-margin:calc( 20px / 2 );}.elementor-20 .elementor-element.elementor-element-aa87512 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:20px;}.elementor-20 .elementor-element.elementor-element-2901a5d6{--container-widget-width:14%;--container-widget-flex-grow:0;width:var( --container-widget-width, 14% );max-width:14%;}.elementor-20 .elementor-element.elementor-element-888546e .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-20 .elementor-element.elementor-element-888546e{--e-nav-menu-horizontal-menu-item-margin:calc( 20px / 2 );}.elementor-20 .elementor-element.elementor-element-888546e .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:20px;}}@media(max-width:834px){.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:768px){.elementor-20 .elementor-element.elementor-element-44b66669{--container-widget-width:30%;--container-widget-flex-grow:0;width:var( --container-widget-width, 30% );max-width:30%;}.elementor-20 .elementor-element.elementor-element-2901a5d6{--container-widget-width:29%;--container-widget-flex-grow:0;width:var( --container-widget-width, 29% );max-width:29%;}}@media(max-width:480px){.elementor-20 .elementor-element.elementor-element-44b66669{--container-widget-width:45%;--container-widget-flex-grow:0;width:var( --container-widget-width, 45% );max-width:45%;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}.elementor-20 .elementor-element.elementor-element-2901a5d6{--container-widget-width:44%;--container-widget-flex-grow:0;width:var( --container-widget-width, 44% );max-width:44%;}}/* Start custom CSS for nav-menu, class: .elementor-element-aa87512 *//* ปิด Pointer/Underline เดิมของ Elementor ถ้ามี */ .slide-left-menu .elementor-nav-menu--main .elementor-item::before, .slide-left-menu .elementor-nav-menu--main .elementor-item::after { display: none !important; } /* เมนูหลัก */ .slide-left-menu .elementor-nav-menu > li > a.elementor-item { background-image: linear-gradient(#2e7d32, #2e7d32); background-repeat: no-repeat; background-size: 0 1px; background-position: left calc(100% - -5px); background-origin: content-box; transition: background-size 0.35s ease; } /* Hover / Active */ .slide-left-menu .elementor-nav-menu > li > a.elementor-item:hover, .slide-left-menu .elementor-nav-menu > li.current-menu-item > a.elementor-item, .slide-left-menu .elementor-nav-menu > li.current_page_item > a.elementor-item, .slide-left-menu .elementor-nav-menu > li.current-menu-ancestor > a.elementor-item, .slide-left-menu .elementor-nav-menu > li > a.elementor-item-active { background-size: 100% 2px; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-35bfac0 *//* ========================================== GTranslate Switcher ========================================== */ .elementor-20 .elementor-element.elementor-element-35bfac0 .gtranslate_wrapper{ display:flex; align-items:center; gap:5px; } /* แต่ละภาษา */ .elementor-20 .elementor-element.elementor-element-35bfac0 .gtranslate_wrapper .glink{ display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border-radius:999px; text-decoration:none; transition: background-color .25s ease, color .25s ease, opacity .25s ease; } /* ธง */ .elementor-20 .elementor-element.elementor-element-35bfac0 .gtranslate_wrapper .glink img{ width:22px; height:16px; object-fit:cover; border-radius:2px; } /* ตัวอักษร */ .elementor-20 .elementor-element.elementor-element-35bfac0 .gtranslate_wrapper .glink span{ font-size:15px; font-weight:500; color:#BFC7D5; transition:color .25s ease; } /* ภาษาปัจจุบัน */ .elementor-20 .elementor-element.elementor-element-35bfac0 .gtranslate_wrapper .gt-current-lang{ background:rgba(255,255,255,.08); } .elementor-20 .elementor-element.elementor-element-35bfac0 .gtranslate_wrapper .gt-current-lang span{ color:#FFFFFF; font-weight:600; } /* Hover */ .elementor-20 .elementor-element.elementor-element-35bfac0 .gtranslate_wrapper .glink:hover{ background:rgba(255,255,255,.08); } .elementor-20 .elementor-element.elementor-element-35bfac0 .gtranslate_wrapper .glink:hover span{ color:#FFFFFF; } /* ซ่อน Google Widget */ .elementor-20 .elementor-element.elementor-element-35bfac0 #google_translate_element2{ display:none; } /* Mobile */ @media (max-width:767px){ .elementor-20 .elementor-element.elementor-element-35bfac0 .gtranslate_wrapper{ gap:8px; } .elementor-20 .elementor-element.elementor-element-35bfac0 .gtranslate_wrapper .glink{ padding:5px 8px; } .elementor-20 .elementor-element.elementor-element-35bfac0 .gtranslate_wrapper .glink img{ width:20px; height:14px; } .elementor-20 .elementor-element.elementor-element-35bfac0 .gtranslate_wrapper .glink span{ font-size:14px; } }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-888546e *//* ปิด Pointer/Underline เดิมของ Elementor ถ้ามี */ .slide-left-menu .elementor-nav-menu--main .elementor-item::before, .slide-left-menu .elementor-nav-menu--main .elementor-item::after { display: none !important; } /* เมนูหลัก */ .slide-left-menu .elementor-nav-menu > li > a.elementor-item { background-image: linear-gradient(#2e7d32, #2e7d32); background-repeat: no-repeat; background-size: 0 1px; background-position: left calc(100% - -5px); background-origin: content-box; transition: background-size 0.35s ease; } /* Hover / Active */ .slide-left-menu .elementor-nav-menu > li > a.elementor-item:hover, .slide-left-menu .elementor-nav-menu > li.current-menu-item > a.elementor-item, .slide-left-menu .elementor-nav-menu > li.current_page_item > a.elementor-item, .slide-left-menu .elementor-nav-menu > li.current-menu-ancestor > a.elementor-item, .slide-left-menu .elementor-nav-menu > li > a.elementor-item-active { background-size: 100% 2px; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3058c7fb *//* ===================================================== ATOMIC HEADER 2 LAYERS Smooth Sticky Transition ไม่ยุ่งกับเมนู โลโก้ รูปภาพ ปุ่ม หรือ icon ===================================================== */ /* Header ตัวแรก: Transparent */ .header_transparent { position: absolute !important; top: 0; left: 0; width: 100%; z-index: 999; background: #1a1a1a !important; } /* Header ตัวที่สอง: Sticky */ .header_sticky { position: fixed !important; top: 0; left: 0; width: 100%; z-index: 1000; background: #1a1a1a !important; opacity: 0; visibility: hidden; pointer-events: none; transform: translate3d(0, -110%, 0) scale(0.985); transform-origin: top center; transition: opacity 0.36s ease, visibility 0.36s ease, transform 0.42s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.42s ease, background-color 0.42s ease; will-change: transform, opacity; } /* แสดง Sticky Header หลัง Scroll */ .header_sticky.is_active { opacity: 1; visibility: visible; pointer-events: auto; transform: translate3d(0, 0, 0) scale(1); box-shadow: 0 8px 26px rgba(0, 0, 0, 0.08), 0 1px 0 rgba(66, 165, 210, 0.08); } /* ลด animation สำหรับผู้ใช้ที่ตั้งค่า reduce motion */ @media (prefers-reduced-motion: reduce) { .header_sticky { transition: none; transform: translate3d(0, -100%, 0); } .header_sticky.is_active { transform: translate3d(0, 0, 0); } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2fa9d6d *//* ========================================== GTranslate Switcher ========================================== */ .elementor-20 .elementor-element.elementor-element-2fa9d6d .gtranslate_wrapper{ display:flex; align-items:center; gap:5px; } /* แต่ละภาษา */ .elementor-20 .elementor-element.elementor-element-2fa9d6d .gtranslate_wrapper .glink{ display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border-radius:999px; text-decoration:none; transition: background-color .25s ease, color .25s ease, opacity .25s ease; } /* ธง */ .elementor-20 .elementor-element.elementor-element-2fa9d6d .gtranslate_wrapper .glink img{ width:22px; height:16px; object-fit:cover; border-radius:2px; } /* ตัวอักษร */ .elementor-20 .elementor-element.elementor-element-2fa9d6d .gtranslate_wrapper .glink span{ font-size:15px; font-weight:500; color:#BFC7D5; transition:color .25s ease; } /* ภาษาปัจจุบัน */ .elementor-20 .elementor-element.elementor-element-2fa9d6d .gtranslate_wrapper .gt-current-lang{ background:rgba(255,255,255,.08); } .elementor-20 .elementor-element.elementor-element-2fa9d6d .gtranslate_wrapper .gt-current-lang span{ color:#FFFFFF; font-weight:600; } /* Hover */ .elementor-20 .elementor-element.elementor-element-2fa9d6d .gtranslate_wrapper .glink:hover{ background:rgba(255,255,255,.08); } .elementor-20 .elementor-element.elementor-element-2fa9d6d .gtranslate_wrapper .glink:hover span{ color:#FFFFFF; } /* ซ่อน Google Widget */ .elementor-20 .elementor-element.elementor-element-2fa9d6d #google_translate_element2{ display:none; } /* Mobile */ @media (max-width:767px){ .elementor-20 .elementor-element.elementor-element-2fa9d6d .gtranslate_wrapper{ gap:8px; } .elementor-20 .elementor-element.elementor-element-2fa9d6d .gtranslate_wrapper .glink{ padding:5px 8px; } .elementor-20 .elementor-element.elementor-element-2fa9d6d .gtranslate_wrapper .glink img{ width:20px; height:14px; } .elementor-20 .elementor-element.elementor-element-2fa9d6d .gtranslate_wrapper .glink span{ font-size:14px; } }/* End custom CSS */