.elementor-10 .elementor-element.elementor-element-02a3498{--display:flex;--min-height:90px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-02a3498:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-02a3498 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121212;}.elementor-10 .elementor-element.elementor-element-fda2c48{--display:flex;--min-height:80px;--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-f05937a{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-10 .elementor-element.elementor-element-10abe14{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-menu-hamburger{background-color:#F7D117;float:right;border-style:solid;border-color:#F7D117;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-menu-close:hover{background-color:#FFFFFF;border-style:solid;border-color:#F7D117;color:#F7D117;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-menu-container{height:40px;border-radius:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-navbar-nav > li > a{font-family:"Kanit", Sans-serif;font-size:22px;font-weight:700;color:#FFFFFF;padding:0px 15px 0px 15px;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-navbar-nav > li > a:hover{color:#F7D117;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-navbar-nav > li > a:focus{color:#F7D117;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-navbar-nav > li > a:active{color:#F7D117;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-navbar-nav > li:hover > a{color:#F7D117;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-navbar-nav > li:hover > a .elementskit-submenu-indicator{color:#F7D117;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-navbar-nav > li > a:hover .elementskit-submenu-indicator{color:#F7D117;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-navbar-nav > li > a:focus .elementskit-submenu-indicator{color:#F7D117;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-navbar-nav > li > a:active .elementskit-submenu-indicator{color:#F7D117;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-navbar-nav > li.current-menu-item > a{color:#F7D117;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-navbar-nav > li.current-menu-ancestor > a{color:#F7D117;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-navbar-nav > li.current-menu-ancestor > a .elementskit-submenu-indicator{color:#F7D117;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-navbar-nav > li > a .elementskit-submenu-indicator{color:#101010;fill:#101010;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-navbar-nav > li > a .ekit-submenu-indicator-icon{color:#101010;fill:#101010;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-navbar-nav .elementskit-submenu-panel > li > a{padding:15px 15px 15px 15px;color:#000000;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-navbar-nav .elementskit-submenu-panel > li > a:hover{color:#707070;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-navbar-nav .elementskit-submenu-panel > li > a:focus{color:#707070;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-navbar-nav .elementskit-submenu-panel > li > a:active{color:#707070;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-navbar-nav .elementskit-submenu-panel > li:hover > a{color:#707070;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-navbar-nav .elementskit-submenu-panel > li.current-menu-item > a{color:#707070 !important;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-submenu-panel{padding:15px 0px 15px 0px;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;min-width:220px;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-menu-hamburger .elementskit-menu-hamburger-icon{background-color:#F7D117;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-menu-hamburger > .ekit-menu-icon{color:#F7D117;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-menu-hamburger:hover .elementskit-menu-hamburger-icon{background-color:rgba(0, 0, 0, 0.5);}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-menu-hamburger:hover > .ekit-menu-icon{color:rgba(0, 0, 0, 0.5);}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-menu-close{border-style:solid;border-color:#F7D117;color:#F7D117;}.elementor-10 .elementor-element.elementor-element-068cd55{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-10 .elementor-element.elementor-element-add75f1 .elementor-button{background-color:#FF9533;font-family:"Prompt", Sans-serif;font-size:18px;font-weight:700;box-shadow:0px 0px 15px 2px rgba(244, 122.99999999999999, 31.999999999999986, 0.48);border-radius:10px 10px 10px 10px;padding:15px 30px 15px 30px;}@media(min-width:768px){.elementor-10 .elementor-element.elementor-element-fda2c48{--content-width:70%;}.elementor-10 .elementor-element.elementor-element-f05937a{--width:10%;}.elementor-10 .elementor-element.elementor-element-10abe14{--width:70%;}.elementor-10 .elementor-element.elementor-element-068cd55{--width:20%;}}@media(max-width:1024px) and (min-width:768px){.elementor-10 .elementor-element.elementor-element-fda2c48{--content-width:90%;}.elementor-10 .elementor-element.elementor-element-10abe14{--width:65%;}.elementor-10 .elementor-element.elementor-element-068cd55{--width:25%;}}@media(max-width:1024px){.elementor-10 .elementor-element.elementor-element-02a3498{--min-height:80px;}.elementor-10 .elementor-element.elementor-element-fda2c48{--min-height:70px;--justify-content:space-between;}.elementor-10 .elementor-element.elementor-element-10abe14{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10 .elementor-element.elementor-element-35bd17b > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-nav-identity-panel{padding:10px 0px 10px 0px;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-menu-container{max-width:100%;border-radius:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-navbar-nav > li > a{font-size:14px;padding:10px 15px 10px 15px;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-navbar-nav .elementskit-submenu-panel > li > a{padding:15px 15px 15px 15px;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-menu-hamburger{padding:8px 8px 8px 8px;width:45px;border-radius:3px;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-menu-close{padding:8px 8px 8px 8px;margin:12px 12px 12px 12px;width:45px;border-radius:3px;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-nav-logo > img{max-width:160px;max-height:60px;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-nav-logo{margin:5px 0px 5px 0px;padding:5px 5px 5px 5px;}.elementor-10 .elementor-element.elementor-element-add75f1 .elementor-button{font-size:14px;padding:12px 20px 12px 20px;}}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-fda2c48{--content-width:95%;}.elementor-10 .elementor-element.elementor-element-f05937a{--width:20%;}.elementor-10 .elementor-element.elementor-element-10abe14{--width:20%;}.elementor-10 .elementor-element.elementor-element-10abe14.e-con{--order:99999 /* order end hack */;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-menu-container{background-color:#121212;max-width:80%;border-radius:0px 50px 0px 50px;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-navbar-nav > li > a{font-size:22px;padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-navbar-nav > li{margin:10px 0px 0px 15px;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-menu-hamburger > .ekit-menu-icon{font-size:24px;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-menu-hamburger{border-width:2px 2px 2px 2px;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-menu-close{border-width:1px 1px 1px 1px;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-nav-logo > img{max-width:250px;max-height:80px;}.elementor-10 .elementor-element.elementor-element-35bd17b .elementskit-nav-logo{margin:20px 0px 0px 10px;}.elementor-10 .elementor-element.elementor-element-068cd55{--width:60%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}/* Start custom CSS for ekit-nav-menu, class: .elementor-element-35bd17b *//* 1. ตั้งค่าพื้นฐานและทำให้เส้นกว้างเท่าตัวหนังสือ (แก้ปัญหาเส้นยาวใน Mobile) */
.ekit-menu-nav-link {
    position: relative;
    text-decoration: none;
    display: inline-block !important; /* บังคับให้พื้นที่กว้างเท่าตัวอักษรเท่านั้น */
    transition: all 0.3s ease !important;
    padding-bottom: 5px !important; /* ระยะชิดใต้ตัวหนังสือที่คุณชอบ */
}

/* 2. สร้างเส้น Underline เตรียมไว้ */
.ekit-menu-nav-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px; 
    bottom: 0px; /* ตำแหน่งเส้น */
    left: 0;
    background-color: #F7D117; /* สีเหลืองสดใส */
    transition: width 0.3s ease-in-out;
    border-radius: 10px;
}

/* 3. เมื่อ Hover และ เมื่อเป็นหน้าปัจจุบัน (Active) ให้เส้นสไลด์ออกมาค้างไว้ */
.ekit-menu-nav-link:hover::after,
.current-menu-item .ekit-menu-nav-link::after,
.current_page_item .ekit-menu-nav-link::after,
.current-menu-ancestor .ekit-menu-nav-link::after {
    width: 100% !important; /* เส้นจะยาว 100% ของตัวหนังสือ ไม่ใช่ของหน้าจอ */
}

/* 4. ปรับสีตัวหนังสือหน้าปัจจุบันให้เป็นสีเหลืองค้างไว้ */
.current-menu-item .ekit-menu-nav-link,
.current_page_item .ekit-menu-nav-link,
.current-menu-ancestor .ekit-menu-nav-link {
    color: #F7D117 !important;
}/* End custom CSS */