.elementor-685 .elementor-element.elementor-element-309b403{--display:flex;--position:absolute;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;top:0px;--z-index:100;}body:not(.rtl) .elementor-685 .elementor-element.elementor-element-309b403{left:0px;}body.rtl .elementor-685 .elementor-element.elementor-element-309b403{right:0px;}.elementor-685 .elementor-element.elementor-element-b677b1b img{width:100%;}.elementor-685 .elementor-element.elementor-element-96edae1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--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-685 .elementor-element.elementor-element-05585dc{--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:0px;--padding-left:0px;--padding-right:0px;}.elementor-685 .elementor-element.elementor-element-05585dc.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-685 .elementor-element.elementor-element-98edbbd .elementor-menu-toggle{margin:0 auto;background-color:#0FE4D526;}.elementor-685 .elementor-element.elementor-element-98edbbd .elementor-nav-menu .elementor-item{font-family:"IBMPlexSansThai Medium", Sans-serif;}.elementor-685 .elementor-element.elementor-element-98edbbd .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-685 .elementor-element.elementor-element-98edbbd .elementor-nav-menu--main .elementor-item:hover,
					.elementor-685 .elementor-element.elementor-element-98edbbd .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-685 .elementor-element.elementor-element-98edbbd .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-685 .elementor-element.elementor-element-98edbbd .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-685 .elementor-element.elementor-element-98edbbd .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-685 .elementor-element.elementor-element-98edbbd .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-secondary );}.elementor-685 .elementor-element.elementor-element-98edbbd .e--pointer-framed .elementor-item:before,
					.elementor-685 .elementor-element.elementor-element-98edbbd .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-secondary );}.elementor-685 .elementor-element.elementor-element-98edbbd .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-secondary );}.elementor-685 .elementor-element.elementor-element-98edbbd .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-685 .elementor-element.elementor-element-98edbbd .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-secondary );}.elementor-685 .elementor-element.elementor-element-98edbbd .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-685 .elementor-element.elementor-element-98edbbd .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-secondary );}.elementor-685 .elementor-element.elementor-element-98edbbd .elementor-nav-menu--dropdown a, .elementor-685 .elementor-element.elementor-element-98edbbd .elementor-menu-toggle{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-685 .elementor-element.elementor-element-98edbbd .elementor-nav-menu--dropdown{background-color:#FFFFFF;}.elementor-685 .elementor-element.elementor-element-98edbbd .elementor-nav-menu--dropdown a:hover,
					.elementor-685 .elementor-element.elementor-element-98edbbd .elementor-nav-menu--dropdown a:focus,
					.elementor-685 .elementor-element.elementor-element-98edbbd .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-685 .elementor-element.elementor-element-98edbbd .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-secondary );}.elementor-685 .elementor-element.elementor-element-98edbbd .elementor-nav-menu--dropdown .elementor-item, .elementor-685 .elementor-element.elementor-element-98edbbd .elementor-nav-menu--dropdown  .elementor-sub-item{font-weight:600;}.elementor-685 .elementor-element.elementor-element-98edbbd div.elementor-menu-toggle{color:var( --e-global-color-secondary );}.elementor-685 .elementor-element.elementor-element-98edbbd div.elementor-menu-toggle svg{fill:var( --e-global-color-secondary );}.elementor-685 .elementor-element.elementor-element-3be3c65 > .elementor-widget-container{background-color:#00CCFF70;}.elementor-685 .elementor-element.elementor-element-3be3c65.elementor-element{--align-self:center;}.elementor-685 .elementor-element.elementor-element-3be3c65 .cpel-switcher__lang a{font-family:"Noka_Semibold", Sans-serif;color:#FFFFFF;padding-left:7px;padding-right:7px;padding-top:5px;padding-bottom:5px;}.elementor-685 .elementor-element.elementor-element-3be3c65 .cpel-switcher__icon{color:#FFFFFF;padding-left:10px;}.elementor-685 .elementor-element.elementor-element-3be3c65.cpel-switcher--layout-dropdown .cpel-switcher__lang a{background-color:var( --e-global-color-secondary );}.elementor-685 .elementor-element.elementor-element-3be3c65 .cpel-switcher__lang a:hover, .elementor-685 .elementor-element.elementor-element-3be3c65 .cpel-switcher__lang a:focus{font-family:"Noka_Semibold", Sans-serif;color:#FFFFFF;}.elementor-685 .elementor-element.elementor-element-3be3c65.cpel-switcher--layout-dropdown .cpel-switcher__lang a:hover, .elementor-685 .elementor-element.elementor-element-3be3c65.cpel-switcher--layout-dropdown .cpel-switcher__lang a:focus{background-color:var( --e-global-color-primary );}.elementor-685 .elementor-element.elementor-element-3be3c65 .cpel-switcher__code{padding-left:5px;}.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-685 .elementor-element.elementor-element-309b403{--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;}.elementor-685 .elementor-element.elementor-element-b677b1b img{width:100%;}.elementor-685 .elementor-element.elementor-element-96edae1{--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-685 .elementor-element.elementor-element-05585dc{--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:flex-end;}.elementor-685 .elementor-element.elementor-element-98edbbd{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 8%;padding:3px 3px 3px 3px;}.elementor-685 .elementor-element.elementor-element-98edbbd.elementor-element{--align-self:flex-start;}.elementor-685 .elementor-element.elementor-element-98edbbd .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-685 .elementor-element.elementor-element-3be3c65 .cpel-switcher__lang a{font-size:12px;}}@media(max-width:767px){.elementor-685 .elementor-element.elementor-element-309b403{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:2px;--padding-bottom:4px;--padding-left:2px;--padding-right:2px;}.elementor-685 .elementor-element.elementor-element-b677b1b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:4px 0px 0px 0px;z-index:100;}.elementor-685 .elementor-element.elementor-element-b677b1b img{width:100%;}.elementor-685 .elementor-element.elementor-element-96edae1{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:13px;--padding-bottom:13px;--padding-left:13px;--padding-right:13px;--z-index:20;}.elementor-685 .elementor-element.elementor-element-05585dc{--width:77%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-685 .elementor-element.elementor-element-98edbbd{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-685 .elementor-element.elementor-element-98edbbd .elementor-nav-menu--dropdown .elementor-item, .elementor-685 .elementor-element.elementor-element-98edbbd .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:12px;}.elementor-685 .elementor-element.elementor-element-3be3c65 .cpel-switcher__lang a{padding-left:5px;padding-right:5px;}}@media(min-width:768px){.elementor-685 .elementor-element.elementor-element-05585dc{--width:70%;}}@media(max-width:1024px) and (min-width:768px){.elementor-685 .elementor-element.elementor-element-05585dc{--width:642px;}}/* Start custom CSS for container, class: .elementor-element-96edae1 *//* ตั้งค่าเฉพาะหน้าจอมือถือ (ความกว้างไม่เกิน 767px) */
@media (max-width: 767px) {
    .elementor-685 .elementor-element.elementor-element-96edae1 {
        position: absolute !important;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999; /* ให้ลอยอยู่เหนือเนื้อหาอื่น */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-309b403 */.elementor-685 .elementor-element.elementor-element-309b403.elementor-sticky--effects{
background-color: rgba(0, 104,128,0.8)!important
}

.elementor-685 .elementor-element.elementor-element-309b403{
transition: background-color 1s ease !important;
}

.elementor-685 .elementor-element.elementor-element-309b403.elementor-sticky--effects >.elementor-container{
min-height: 70px;
}

.elementor-685 .elementor-element.elementor-element-309b403 > .elementor-container{
transition: min-height 1s ease !important;
}

.logo img {
max-width: 140px;
height: auto;
transition: all 0.5s ease;
}

.elementor-sticky--effects .logo img {
max-width: 120px;
height: auto;
}


/* 1. เตรียม Transition ให้เมนู (ใส่เพื่อให้เวลาเลื่อนแล้วฟอนต์ค่อยๆ เล็กลงแบบ Smooth) */
.elementor-685 .elementor-element.elementor-element-309b403 .elementor-nav-menu--main .elementor-item {
    transition: all 0.5s ease !important;
}

/* 2. เมื่อเกิดเอฟเฟกต์ Sticky (ตอนเลื่อนหน้าจอลงมา) */
.elementor-685 .elementor-element.elementor-element-309b403.elementor-sticky--effects .elementor-nav-menu--main .elementor-item {
    font-size: 14px !important;      /* ใส่ !important เพื่อบังคับใช้ */
    padding-top: 8px !important;    
    padding-bottom: 8px !important; 
    letter-spacing: 0px !important;
} /* <--- ปิดปีกกาให้เรียบร้อย */

/* 3. ค่าตั้งต้น (ตอนที่ยังไม่ Sticky) */
/* ป้องกันหน้าอื่นฟอนต์เพี้ยน โดยการระบุค่าฟอนต์ปกติไว้ด้วย */
.elementor-685 .elementor-element.elementor-element-309b403:not(.elementor-sticky--effects) .elementor-nav-menu--main .elementor-item {
    /* ใส่ขนาดฟอนต์ปกติที่คุณต้องการลงไป เช่น 16px */
    font-size: 16px; 
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'IBMPlexSansThai Medium';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://new.mobilix.biz/wp-content/uploads/2026/03/IBMPlexSansThai-Medium-1.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Noka_Semibold';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://new.mobilix.biz/wp-content/uploads/2026/03/Noka-Trial-Semibold.eot');
	src: url('https://new.mobilix.biz/wp-content/uploads/2026/03/Noka-Trial-Semibold.eot?#iefix') format('embedded-opentype'),
		url('https://new.mobilix.biz/wp-content/uploads/2026/03/Noka-Trial-Semibold.woff2') format('woff2'),
		url('https://new.mobilix.biz/wp-content/uploads/2026/03/Noka-Trial-Semibold.woff') format('woff'),
		url('https://new.mobilix.biz/wp-content/uploads/2026/03/Noka-Trial-Semibold.ttf') format('truetype'),
		url('https://new.mobilix.biz/wp-content/uploads/2026/03/Noka-Trial-Semibold.svg#Noka_Semibold') format('svg');
}
/* End Custom Fonts CSS */