.elementor-41 .elementor-element.elementor-element-ca120e0{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}.elementor-41 .elementor-element.elementor-element-ca120e0:not(.elementor-motion-effects-element-type-background), .elementor-41 .elementor-element.elementor-element-ca120e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-faae6db );}.elementor-41 .elementor-element.elementor-element-e0676f8{--display:flex;--min-height:60px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 16px 16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1%;--padding-bottom:1%;--padding-left:2%;--padding-right:2%;}.elementor-41 .elementor-element.elementor-element-e0676f8:not(.elementor-motion-effects-element-type-background), .elementor-41 .elementor-element.elementor-element-e0676f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9E0E2;}.elementor-widget-theme-site-logo .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-41 .elementor-element.elementor-element-13b961e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-41 .elementor-element.elementor-element-13b961e img{width:100%;height:40px;object-fit:contain;object-position:center 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-41 .elementor-element.elementor-element-35a4eff .elementor-menu-toggle{margin:0 auto;background-color:#FFFFFF00;}.elementor-41 .elementor-element.elementor-element-35a4eff .elementor-nav-menu .elementor-item{font-family:"K2D", Sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.2px;word-spacing:0px;}.elementor-41 .elementor-element.elementor-element-35a4eff .elementor-nav-menu--main .elementor-item{color:#E23125;fill:#E23125;padding-left:0px;padding-right:0px;padding-top:3px;padding-bottom:3px;}.elementor-41 .elementor-element.elementor-element-35a4eff .elementor-nav-menu--main .elementor-item:hover, .elementor-41 .elementor-element.elementor-element-35a4eff .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-41 .elementor-element.elementor-element-35a4eff .elementor-nav-menu--main .elementor-item.highlighted, .elementor-41 .elementor-element.elementor-element-35a4eff .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-41 .elementor-element.elementor-element-35a4eff .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-secondary );}.elementor-41 .elementor-element.elementor-element-35a4eff{--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-divider-color:#E23125;--e-nav-menu-horizontal-menu-item-margin:calc( 2em / 2 );}.elementor-41 .elementor-element.elementor-element-35a4eff .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:2em;}.elementor-41 .elementor-element.elementor-element-35a4eff .elementor-nav-menu--dropdown a, .elementor-41 .elementor-element.elementor-element-35a4eff .elementor-menu-toggle{color:var( --e-global-color-1b008aa );fill:var( --e-global-color-1b008aa );}.elementor-41 .elementor-element.elementor-element-35a4eff .elementor-nav-menu--dropdown{background-color:var( --e-global-color-faae6db );border-style:none;border-radius:8px 8px 8px 8px;}.elementor-41 .elementor-element.elementor-element-35a4eff .elementor-nav-menu--dropdown a:hover, .elementor-41 .elementor-element.elementor-element-35a4eff .elementor-nav-menu--dropdown a:focus, .elementor-41 .elementor-element.elementor-element-35a4eff .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-41 .elementor-element.elementor-element-35a4eff .elementor-nav-menu--dropdown a.highlighted{background-color:#FFCFD3;}.elementor-41 .elementor-element.elementor-element-35a4eff .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-secondary );}.elementor-41 .elementor-element.elementor-element-35a4eff .elementor-nav-menu--dropdown .elementor-item, .elementor-41 .elementor-element.elementor-element-35a4eff .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"K2D", Sans-serif;font-size:16px;font-weight:500;font-style:normal;text-decoration:none;letter-spacing:-0.2px;word-spacing:0px;}.elementor-41 .elementor-element.elementor-element-35a4eff .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:8px;border-top-right-radius:8px;}.elementor-41 .elementor-element.elementor-element-35a4eff .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:8px;border-bottom-left-radius:8px;}.elementor-41 .elementor-element.elementor-element-35a4eff .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#E23125;border-bottom-width:0px;}.elementor-41 .elementor-element.elementor-element-35a4eff .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-41 .elementor-element.elementor-element-35a4eff .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:2em !important;}.elementor-41 .elementor-element.elementor-element-35a4eff div.elementor-menu-toggle{color:#E23125;}.elementor-41 .elementor-element.elementor-element-35a4eff div.elementor-menu-toggle svg{fill:#E23125;}.elementor-41 .elementor-element.elementor-element-35a4eff div.elementor-menu-toggle:hover, .elementor-41 .elementor-element.elementor-element-35a4eff div.elementor-menu-toggle:focus{color:#E23125;}.elementor-41 .elementor-element.elementor-element-35a4eff div.elementor-menu-toggle:hover svg, .elementor-41 .elementor-element.elementor-element-35a4eff div.elementor-menu-toggle:focus svg{fill:#E23125;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-41 .elementor-element.elementor-element-d578b96 .elementor-button{background-color:#E23125;font-family:"K2D", Sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.2px;word-spacing:0px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:#E23125;border-radius:60px 60px 60px 60px;padding:10px 30px 10px 30px;}.elementor-41 .elementor-element.elementor-element-d578b96 .elementor-button:hover, .elementor-41 .elementor-element.elementor-element-d578b96 .elementor-button:focus{background-color:#F9E0E2;color:#E23125;border-color:#E23125;}.elementor-41 .elementor-element.elementor-element-d578b96{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0% 0% 0% 0%;}.elementor-41 .elementor-element.elementor-element-d578b96 .elementor-button-content-wrapper{flex-direction:row;}.elementor-41 .elementor-element.elementor-element-d578b96 .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-41 .elementor-element.elementor-element-d578b96 .elementor-button:hover svg, .elementor-41 .elementor-element.elementor-element-d578b96 .elementor-button:focus svg{fill:#E23125;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-41 .elementor-element.elementor-element-ca120e0{--gap:1px 1px;--row-gap:1px;--column-gap:1px;}.elementor-41 .elementor-element.elementor-element-e0676f8{--padding-top:1%;--padding-bottom:1%;--padding-left:3%;--padding-right:3%;}.elementor-41 .elementor-element.elementor-element-35a4eff .elementor-nav-menu .elementor-item{font-size:16px;}.elementor-41 .elementor-element.elementor-element-35a4eff{--e-nav-menu-horizontal-menu-item-margin:calc( 20px / 2 );}.elementor-41 .elementor-element.elementor-element-35a4eff .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:20px;}.elementor-41 .elementor-element.elementor-element-35a4eff .elementor-nav-menu--dropdown .elementor-item, .elementor-41 .elementor-element.elementor-element-35a4eff .elementor-nav-menu--dropdown .elementor-sub-item{font-size:14px;}.elementor-41 .elementor-element.elementor-element-d578b96 .elementor-button{font-size:14px;}}@media(max-width:767px){.elementor-41 .elementor-element.elementor-element-ca120e0{--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-41 .elementor-element.elementor-element-e0676f8{--width:95%;--min-height:60px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;--border-radius:0px 0px 8px 8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-41 .elementor-element.elementor-element-13b961e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-41 .elementor-element.elementor-element-13b961e.elementor-element{--align-self:center;}.elementor-41 .elementor-element.elementor-element-13b961e img{height:35px;}.elementor-41 .elementor-element.elementor-element-35a4eff{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0% 0% 0% 0%;--nav-menu-icon-size:25px;}.elementor-41 .elementor-element.elementor-element-35a4eff.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-41 .elementor-element.elementor-element-35a4eff .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-41 .elementor-element.elementor-element-35a4eff .elementor-nav-menu--dropdown .elementor-item, .elementor-41 .elementor-element.elementor-element-35a4eff .elementor-nav-menu--dropdown .elementor-sub-item{font-size:1.8em;letter-spacing:0.6px;}.elementor-41 .elementor-element.elementor-element-35a4eff .elementor-nav-menu--dropdown{border-radius:8px 8px 8px 8px;}.elementor-41 .elementor-element.elementor-element-35a4eff .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:8px;border-top-right-radius:8px;}.elementor-41 .elementor-element.elementor-element-35a4eff .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:8px;border-bottom-left-radius:8px;}.elementor-41 .elementor-element.elementor-element-35a4eff .elementor-nav-menu--dropdown a{padding-left:1.3em;padding-right:1.3em;padding-top:0.8em;padding-bottom:0.8em;}.elementor-41 .elementor-element.elementor-element-35a4eff .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-41 .elementor-element.elementor-element-35a4eff .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:13px !important;}.elementor-41 .elementor-element.elementor-element-d578b96 .elementor-button{font-size:14px;padding:10px 18px 10px 18px;}}@media(min-width:768px){.elementor-41 .elementor-element.elementor-element-e0676f8{--width:90%;}}@media(max-width:1024px) and (min-width:768px){.elementor-41 .elementor-element.elementor-element-e0676f8{--width:90%;}}/* Start custom CSS for nav-menu, class: .elementor-element-35a4eff *//* ===== จำกัดความกว้าง Dropdown บนมือถือ ===== */ @media (max-width: 767px) { /* Dropdown container */ .elementor-nav-menu--dropdown, .elementor-nav-menu__container.elementor-nav-menu--dropdown { width: 350px !important; /* กำหนดความกว้างที่ต้องการ */ max-width:90vw !important; /* ไม่เกิน 90% ของหน้าจอ */ left: 50% !important; transform: translateX(-13%) !important; /* จัดกึ่งกลาง */ } /* กรณีใช้ Hamburger / Off-canvas menu */ .elementor-menu-toggle ~ .elementor-nav-menu--dropdown { width: 280px !important; max-width: 95vw !important; } /* ===== Indent ร่นเข้ามาจากขอบซ้าย ===== */ .elementor-nav-menu--dropdown .sub-menu, .elementor-nav-menu--dropdown .sub-menu li, .elementor-nav-menu--dropdown .sub-menu .menu-item { padding-left: 20px !important; /* ปรับระยะร่นได้ตามต้องการ */ } /* ===== เปลี่ยนสี Font ของ Sub-menu ===== */ .elementor-nav-menu--dropdown .sub-menu a, .elementor-nav-menu--dropdown .sub-menu .menu-item > a { color: #B02026 !important; /* เปลี่ยนเป็นสีที่ต้องการ */ font-size: 18px !important; /* เล็กกว่าเมนูหลักนิดหน่อย */ } /* ===== Hover state ของ Sub-menu ===== */ .elementor-nav-menu--dropdown .sub-menu a:hover { color: #555555 !important; /* สีตอน hover */ } /* ===== เพิ่ม visual cue บอกว่าเป็น sub-item (optional) ===== */ .elementor-nav-menu--dropdown .sub-menu a::before { content: "– "; /* ใส่ dash นำหน้า หรือจะลบบรรทัดนี้ก็ได้ */ opacity: 1; } .elementor-nav-menu--dropdown .sub-menu a { display: flex !important; align-items: center !important; gap: 8px !important; /* ระยะห่างระหว่าง cue กับ text */ } }/* End custom CSS */