.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-155 .elementor-element.elementor-element-36e0717{width:var( --container-widget-width, 8% );max-width:8%;--container-widget-width:8%;--container-widget-flex-grow:0;}.elementor-155 .elementor-element.elementor-element-36e0717.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-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-155 .elementor-element.elementor-element-69d6b348 .elementor-nav-menu .elementor-item{font-family:"Anuphan", Sans-serif;font-size:16px;font-weight:600;}.elementor-155 .elementor-element.elementor-element-69d6b348 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:15px;padding-right:15px;padding-top:5px;padding-bottom:5px;}.elementor-155 .elementor-element.elementor-element-69d6b348 .elementor-nav-menu--main .elementor-item:hover, .elementor-155 .elementor-element.elementor-element-69d6b348 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-155 .elementor-element.elementor-element-69d6b348 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-155 .elementor-element.elementor-element-69d6b348 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-155 .elementor-element.elementor-element-69d6b348 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-155 .elementor-element.elementor-element-69d6b348 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#FF993A;}.elementor-155 .elementor-element.elementor-element-69d6b348 .e--pointer-framed .elementor-item:before, .elementor-155 .elementor-element.elementor-element-69d6b348 .e--pointer-framed .elementor-item:after{border-color:#FF993A;}.elementor-155 .elementor-element.elementor-element-69d6b348 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFFFFF;}.elementor-155 .elementor-element.elementor-element-69d6b348 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-155 .elementor-element.elementor-element-69d6b348 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#FF993A;}.elementor-155 .elementor-element.elementor-element-69d6b348 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-155 .elementor-element.elementor-element-69d6b348 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#FF993A;}.elementor-155 .elementor-element.elementor-element-69d6b348 .e--pointer-framed .elementor-item:before{border-width:2px;}.elementor-155 .elementor-element.elementor-element-69d6b348 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 2px 2px;}.elementor-155 .elementor-element.elementor-element-69d6b348 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:2px 2px 0 0;}.elementor-155 .elementor-element.elementor-element-69d6b348 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:2px 0 0 2px;}.elementor-155 .elementor-element.elementor-element-69d6b348 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 2px 2px 0;}.elementor-155 .elementor-element.elementor-element-69d6b348 .e--pointer-underline .elementor-item:after, .elementor-155 .elementor-element.elementor-element-69d6b348 .e--pointer-overline .elementor-item:before, .elementor-155 .elementor-element.elementor-element-69d6b348 .e--pointer-double-line .elementor-item:before, .elementor-155 .elementor-element.elementor-element-69d6b348 .e--pointer-double-line .elementor-item:after{height:2px;}.elementor-155 .elementor-element.elementor-element-6b9aec5d{width:var( --container-widget-width, 7% );max-width:7%;--container-widget-width:7%;--container-widget-flex-grow:0;}.elementor-155 .elementor-element.elementor-element-6b9aec5d.elementor-element{--align-self:center;}.elementor-155 .elementor-element.elementor-element-179d9cee .elementor-nav-menu .elementor-item{font-family:"Anuphan", Sans-serif;font-size:16px;font-weight:600;}.elementor-155 .elementor-element.elementor-element-179d9cee .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:15px;padding-right:15px;padding-top:5px;padding-bottom:5px;}.elementor-155 .elementor-element.elementor-element-179d9cee .elementor-nav-menu--main .elementor-item:hover, .elementor-155 .elementor-element.elementor-element-179d9cee .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-155 .elementor-element.elementor-element-179d9cee .elementor-nav-menu--main .elementor-item.highlighted, .elementor-155 .elementor-element.elementor-element-179d9cee .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-155 .elementor-element.elementor-element-179d9cee .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-155 .elementor-element.elementor-element-179d9cee .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#FF993A;}.elementor-155 .elementor-element.elementor-element-179d9cee .e--pointer-framed .elementor-item:before, .elementor-155 .elementor-element.elementor-element-179d9cee .e--pointer-framed .elementor-item:after{border-color:#FF993A;}.elementor-155 .elementor-element.elementor-element-179d9cee .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}.elementor-155 .elementor-element.elementor-element-179d9cee .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-155 .elementor-element.elementor-element-179d9cee .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#FF993A;}.elementor-155 .elementor-element.elementor-element-179d9cee .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-155 .elementor-element.elementor-element-179d9cee .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#FF993A;}.elementor-155 .elementor-element.elementor-element-179d9cee .e--pointer-framed .elementor-item:before{border-width:2px;}.elementor-155 .elementor-element.elementor-element-179d9cee .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 2px 2px;}.elementor-155 .elementor-element.elementor-element-179d9cee .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:2px 2px 0 0;}.elementor-155 .elementor-element.elementor-element-179d9cee .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:2px 0 0 2px;}.elementor-155 .elementor-element.elementor-element-179d9cee .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 2px 2px 0;}.elementor-155 .elementor-element.elementor-element-179d9cee .e--pointer-underline .elementor-item:after, .elementor-155 .elementor-element.elementor-element-179d9cee .e--pointer-overline .elementor-item:before, .elementor-155 .elementor-element.elementor-element-179d9cee .e--pointer-double-line .elementor-item:before, .elementor-155 .elementor-element.elementor-element-179d9cee .e--pointer-double-line .elementor-item:after{height:2px;}.elementor-155 .elementor-element.elementor-element-7a927c1d{width:100%;max-width:100%;top:0px;}body:not(.rtl) .elementor-155 .elementor-element.elementor-element-7a927c1d{left:0px;}body.rtl .elementor-155 .elementor-element.elementor-element-7a927c1d{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-155 .elementor-element.elementor-element-36e0717{--container-widget-width:10%;--container-widget-flex-grow:0;width:var( --container-widget-width, 10% );max-width:10%;}}@media(max-width:1024px){.elementor-155 .elementor-element.elementor-element-36e0717{--container-widget-width:12%;--container-widget-flex-grow:0;width:var( --container-widget-width, 12% );max-width:12%;}.elementor-155 .elementor-element.elementor-element-69d6b348 .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-155 .elementor-element.elementor-element-69d6b348{--e-nav-menu-horizontal-menu-item-margin:calc( 20px / 2 );}.elementor-155 .elementor-element.elementor-element-69d6b348 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:20px;}.elementor-155 .elementor-element.elementor-element-6b9aec5d{--container-widget-width:11%;--container-widget-flex-grow:0;width:var( --container-widget-width, 11% );max-width:11%;}.elementor-155 .elementor-element.elementor-element-179d9cee .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-155 .elementor-element.elementor-element-179d9cee{--e-nav-menu-horizontal-menu-item-margin:calc( 20px / 2 );}.elementor-155 .elementor-element.elementor-element-179d9cee .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:20px;}}@media(max-width:768px){.elementor-155 .elementor-element.elementor-element-36e0717{--container-widget-width:22%;--container-widget-flex-grow:0;width:var( --container-widget-width, 22% );max-width:22%;}.elementor-155 .elementor-element.elementor-element-6b9aec5d{--container-widget-width:21%;--container-widget-flex-grow:0;width:var( --container-widget-width, 21% );max-width:21%;}}@media(max-width:480px){.elementor-155 .elementor-element.elementor-element-36e0717{--container-widget-width:25%;--container-widget-flex-grow:0;width:var( --container-widget-width, 25% );max-width:25%;}.elementor-155 .elementor-element.elementor-element-6b9aec5d{--container-widget-width:25%;--container-widget-flex-grow:0;width:var( --container-widget-width, 25% );max-width:25%;}}/* Start custom CSS for nav-menu, class: .elementor-element-69d6b348 *//* ปิด 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(#ff993a, #ff993a); 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-7a927c1d *//* ===================================================== 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: transparent !important; } /* Header ตัวที่สอง: Sticky */ .header_sticky { position: fixed !important; top: 0; left: 0; width: 100%; z-index: 1000; background: rgba(255, 255, 255, 0.92) !important; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); box-shadow: 0 0 0 rgba(0, 0, 0, 0); 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 */