.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Prompt", Sans-serif;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}} /* Start custom CSS */@keyframes stk-scroll { from { transform: translateX(0) } to { transform: translateX(-50%) } } /* ---------- CTA-BAND spark twinkle (ปุ่ม ✦ ในเซคชั่น cta baked = b-ctaspark1/2) ---------- */ @keyframes twinkle { 0%,100% { transform:scale(1) rotate(0); opacity:.55 } 50% { transform:scale(1.35) rotate(20deg); opacity:1 } } /* ---------- KEYWORD MARQUEE (แถบวิ่งข้อความ navy) ---------- */ .elementor.elementor .stk-marquee { background:#0F2B6B; padding:14px 0; overflow:hidden; } .elementor.elementor .stk-marquee .stk-track { display:flex; flex-direction:row; width:-moz-max-content; width:max-content; padding:0; animation:stk-scroll 22s linear infinite; } .elementor.elementor .stk-mq-txt { color:#fff; font-weight:700; font-size:1.15rem; white-space:nowrap; margin:0; } .elementor.elementor .stk-mq-txt span { color:#FFD000; margin:0 22px; } /* ---------- PHOTO MARQUEE (แถบเลื่อนรูปใต้ hero) ---------- */ .elementor.elementor .stk-photo-marquee { background:linear-gradient(180deg,#fff,#FFFDF7); padding:26px 0; overflow:hidden; } .elementor.elementor .stk-pm-track { display:flex; flex-direction:row; gap:16px; width:-moz-max-content; width:max-content; padding:0; animation:stk-scroll 45s linear infinite; } .elementor.elementor .stk-photo-marquee:hover .stk-pm-track { animation-play-state:paused; } .elementor.elementor .stk-pm-item { flex:0 0 auto; width:264px; height:188px; border-radius:18px; overflow:hidden; padding:0; box-shadow:0 6px 16px -12px rgba(15,43,107,.22); background:#fff; } .elementor.elementor .stk-pm-item img { width:100%; height:100%; object-fit:cover; display:block; } @media (max-width:767px) { .elementor.elementor .stk-pm-track { gap:10px; animation-duration:32s; } .elementor.elementor .stk-pm-item { width:130px; height:96px; border-radius:14px; } } /* ---------- GALLERY CAROUSEL (carousel เต็มจอ → track bleed ถึงขอบขวาเอง) ---------- */ /* carousel เต็มความกว้าง section, padding-left จัดให้ track เริ่มชิด container (1200) */ .elementor.elementor .stk-gal-carousel { position:relative; padding-left:max(22px, calc(50vw - 578px)); padding-right:0; overflow:visible; } .elementor.elementor .stk-gal-track { display:flex; flex-direction:row; gap:20px; overflow-x:auto; scroll-behavior:smooth; padding:8px 0 8px; scroll-snap-type:x proximity; scrollbar-width:none; padding-right:8vw; } .elementor.elementor .stk-gal-track::-webkit-scrollbar { display:none; } .elementor.elementor .stk-gal-col { flex:0 0 auto; display:flex; flex-direction:column; gap:20px; scroll-snap-align:start; padding:0; } .elementor.elementor .stk-gal-col.tall { width:min(380px,74vw); } .elementor.elementor .stk-gal-col.pair { width:min(340px,68vw); } .elementor.elementor .stk-gal-card { border-radius:22px; overflow:hidden; box-shadow:0 6px 16px -12px rgba(15,43,107,.22); background:#FFFDF7; padding:0; } .elementor.elementor .stk-gal-col.tall .stk-gal-card { height:560px; } .elementor.elementor .stk-gal-col.pair .stk-gal-card { height:270px; } .elementor.elementor .stk-gal-card img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s ease; } .elementor.elementor .stk-gal-card:hover img { transform:scale(1.06); } .elementor.elementor .stk-gal-nav { position:absolute; top:50%; transform:translateY(-50%); z-index:5; width:52px; height:52px; border-radius:50%; border:none; cursor:pointer; background:#fff; padding:0; box-shadow:0 30px 70px -25px rgba(15,43,107,.55); color:#1565C0; font-size:1.5rem; font-weight:700; display:grid; place-items:center; line-height:1; transition:.2s; } .elementor.elementor .stk-gal-nav .stk-gal-arrow { margin:0; color:inherit; font-size:inherit; } .elementor.elementor .stk-gal-nav:hover { background:#1E88FF; color:#fff; transform:translateY(-50%) scale(1.08); } .elementor.elementor .stk-gal-nav.prev { left:max(18px, calc(50vw - 582px)); } .elementor.elementor .stk-gal-nav.next { right:max(18px, calc(50vw - 582px)); } .elementor.elementor .stk-gal-bar { height:9px; background:#dbeafe; border-radius:20px; margin:18px auto 0; position:relative; cursor:pointer; touch-action:none; padding:0; } .elementor.elementor .stk-gal-thumb { position:absolute; top:0; left:0; height:100%; width:30%; padding:0; background:linear-gradient(90deg,#1E88FF,#1565C0); border-radius:20px; } @media (max-width:767px) { .elementor.elementor .stk-gal-col.tall .stk-gal-card { height:430px; } .elementor.elementor .stk-gal-col.pair .stk-gal-card { height:205px; } .elementor.elementor .stk-gal-track { padding-right:16vw; } .elementor.elementor .stk-gal-nav { width:42px; height:42px; font-size:1.2rem; } /* มือถือ: ลูกศรอยู่ในกรอบ container (max() ให้ค่า ~18px เองบนจอเล็ก) */ .elementor.elementor .stk-gal-nav.prev { left:12px; } .elementor.elementor .stk-gal-nav.next { right:12px; } } /* ---------- Footer ---------- */ .elementor.elementor .stk-foot-social { display:flex; gap:10px; align-items:center; margin:16px 0 0; padding:0; } .elementor.elementor .stk-foot-social a { width:40px; height:40px; border-radius:12px; background:rgba(255,255,255,.1); display:inline-grid; place-items:center; text-decoration:none; transition:.2s; } .elementor.elementor .stk-foot-social a::after { content:""; width:19px; height:19px; background:#fff; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; -webkit-mask-size:contain; mask-size:contain; } .elementor.elementor .stk-foot-social a:nth-child(1)::after { -webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE5LjM2NSA5Ljg2M2MuMzQ5IDAgLjYzLjI4NS42My42MzEgMCAuMzQ1LS4yODEuNjMtLjYzLjYzSDE3LjYxdjEuMTI1aDEuNzU1Yy4zNDkgMCAuNjMuMjgzLjYzLjYzIDAgLjM0NC0uMjgxLjYyOS0uNjMuNjI5aC0yLjM4NmMtLjM0NSAwLS42MjctLjI4NS0uNjI3LS42MjlWOC4xMDhjMC0uMzQ1LjI4Mi0uNjMuNjMtLjYzaDIuMzg2Yy4zNDYgMCAuNjI3LjI4NS42MjcuNjMgMCAuMzQ5LS4yODEuNjMtLjYzLjYzSDE3LjYxdjEuMTI1aDEuNzU1em0tMy44NTUgMy4wMTZjMCAuMjctLjE3NC41MS0uNDMyLjU5Ni0uMDY0LjAyMS0uMTMzLjAzMS0uMTk5LjAzMS0uMjExIDAtLjM5MS0uMDktLjUxLS4yNWwtMi40NDMtMy4zMTd2Mi45NGMwIC4zNDQtLjI3OS42MjktLjYzMS42MjktLjM0NiAwLS42MjYtLjI4NS0uNjI2LS42MjlWOC4xMDhjMC0uMjcuMTczLS41MS40My0uNTk1LjA2LS4wMjMuMTM2LS4wMzMuMTk0LS4wMzMuMTk1IDAgLjM3NS4xMDQuNDk1LjI1NGwyLjQ2MiAzLjMzVjguMTA4YzAtLjM0NS4yODItLjYzLjYzLS42My4zNDUgMCAuNjMuMjg1LjYzLjYzdjQuNzcxem0tNS43NDEgMGMwIC4zNDQtLjI4Mi42MjktLjYzMS42MjktLjM0NSAwLS42MjctLjI4NS0uNjI3LS42MjlWOC4xMDhjMC0uMzQ1LjI4Mi0uNjMuNjMtLjYzLjM0NiAwIC42MjguMjg1LjYyOC42M3Y0Ljc3MXptLTIuNDY2LjYyOUg0LjkxN2MtLjM0NSAwLS42My0uMjg1LS42My0uNjI5VjguMTA4YzAtLjM0NS4yODUtLjYzLjYzLS42My4zNDggMCAuNjMuMjg1LjYzLjYzdjQuMTQxaDEuNzU2Yy4zNDggMCAuNjI5LjI4My42MjkuNjMgMCAuMzQ0LS4yODIuNjI5LS42MjkuNjI5TTI0IDEwLjMxNEMyNCA0Ljk0MyAxOC42MTUuNTcyIDEyIC41NzJTMCA0Ljk0MyAwIDEwLjMxNGMwIDQuODExIDQuMjcgOC44NDIgMTAuMDM1IDkuNjA4LjM5MS4wODIuOTIzLjI1OCAxLjA1OC41OS4xMi4zMDEuMDc5Ljc2Ni4wMzggMS4wOGwtLjE2NCAxLjAyYy0uMDQ1LjMwMS0uMjQgMS4xODYgMS4wNDkuNjQ1IDEuMjkxLS41MzkgNi45MTYtNC4wNzggOS40MzYtNi45NzVDMjMuMTc2IDE0LjM5MyAyNCAxMi40NTggMjQgMTAuMzE0Ii8+PC9zdmc+"); mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE5LjM2NSA5Ljg2M2MuMzQ5IDAgLjYzLjI4NS42My42MzEgMCAuMzQ1LS4yODEuNjMtLjYzLjYzSDE3LjYxdjEuMTI1aDEuNzU1Yy4zNDkgMCAuNjMuMjgzLjYzLjYzIDAgLjM0NC0uMjgxLjYyOS0uNjMuNjI5aC0yLjM4NmMtLjM0NSAwLS42MjctLjI4NS0uNjI3LS42MjlWOC4xMDhjMC0uMzQ1LjI4Mi0uNjMuNjMtLjYzaDIuMzg2Yy4zNDYgMCAuNjI3LjI4NS42MjcuNjMgMCAuMzQ5LS4yODEuNjMtLjYzLjYzSDE3LjYxdjEuMTI1aDEuNzU1em0tMy44NTUgMy4wMTZjMCAuMjctLjE3NC41MS0uNDMyLjU5Ni0uMDY0LjAyMS0uMTMzLjAzMS0uMTk5LjAzMS0uMjExIDAtLjM5MS0uMDktLjUxLS4yNWwtMi40NDMtMy4zMTd2Mi45NGMwIC4zNDQtLjI3OS42MjktLjYzMS42MjktLjM0NiAwLS42MjYtLjI4NS0uNjI2LS42MjlWOC4xMDhjMC0uMjcuMTczLS41MS40My0uNTk1LjA2LS4wMjMuMTM2LS4wMzMuMTk0LS4wMzMuMTk1IDAgLjM3NS4xMDQuNDk1LjI1NGwyLjQ2MiAzLjMzVjguMTA4YzAtLjM0NS4yODItLjYzLjYzLS42My4zNDUgMCAuNjMuMjg1LjYzLjYzdjQuNzcxem0tNS43NDEgMGMwIC4zNDQtLjI4Mi42MjktLjYzMS42MjktLjM0NSAwLS42MjctLjI4NS0uNjI3LS42MjlWOC4xMDhjMC0uMzQ1LjI4Mi0uNjMuNjMtLjYzLjM0NiAwIC42MjguMjg1LjYyOC42M3Y0Ljc3MXptLTIuNDY2LjYyOUg0LjkxN2MtLjM0NSAwLS42My0uMjg1LS42My0uNjI5VjguMTA4YzAtLjM0NS4yODUtLjYzLjYzLS42My4zNDggMCAuNjMuMjg1LjYzLjYzdjQuMTQxaDEuNzU2Yy4zNDggMCAuNjI5LjI4My42MjkuNjMgMCAuMzQ0LS4yODIuNjI5LS42MjkuNjI5TTI0IDEwLjMxNEMyNCA0Ljk0MyAxOC42MTUuNTcyIDEyIC41NzJTMCA0Ljk0MyAwIDEwLjMxNGMwIDQuODExIDQuMjcgOC44NDIgMTAuMDM1IDkuNjA4LjM5MS4wODIuOTIzLjI1OCAxLjA1OC41OS4xMi4zMDEuMDc5Ljc2Ni4wMzggMS4wOGwtLjE2NCAxLjAyYy0uMDQ1LjMwMS0uMjQgMS4xODYgMS4wNDkuNjQ1IDEuMjkxLS41MzkgNi45MTYtNC4wNzggOS40MzYtNi45NzVDMjMuMTc2IDE0LjM5MyAyNCAxMi40NTggMjQgMTAuMzE0Ii8+PC9zdmc+"); } .elementor.elementor .stk-foot-social a:nth-child(2)::after { -webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTI0IDEyLjA3M2MwLTYuNjI3LTUuMzczLTEyLTEyLTEycy0xMiA1LjM3My0xMiAxMmMwIDUuOTkgNC4zODggMTAuOTU0IDEwLjEyNSAxMS44NTR2LTguMzg1SDcuMDc4di0zLjQ3aDMuMDQ3VjkuNDNjMC0zLjAwNyAxLjc5Mi00LjY2OSA0LjUzMy00LjY2OSAxLjMxMiAwIDIuNjg2LjIzNSAyLjY4Ni4yMzV2Mi45NTNIMTUuODNjLTEuNDkxIDAtMS45NTYuOTI1LTEuOTU2IDEuODc0djIuMjVoMy4zMjhsLS41MzIgMy40N2gtMi43OTZ2OC4zODVDMTkuNjEyIDIzLjAyNyAyNCAxOC4wNjIgMjQgMTIuMDczeiIvPjwvc3ZnPg=="); mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTI0IDEyLjA3M2MwLTYuNjI3LTUuMzczLTEyLTEyLTEycy0xMiA1LjM3My0xMiAxMmMwIDUuOTkgNC4zODggMTAuOTU0IDEwLjEyNSAxMS44NTR2LTguMzg1SDcuMDc4di0zLjQ3aDMuMDQ3VjkuNDNjMC0zLjAwNyAxLjc5Mi00LjY2OSA0LjUzMy00LjY2OSAxLjMxMiAwIDIuNjg2LjIzNSAyLjY4Ni4yMzV2Mi45NTNIMTUuODNjLTEuNDkxIDAtMS45NTYuOTI1LTEuOTU2IDEuODc0djIuMjVoMy4zMjhsLS41MzIgMy40N2gtMi43OTZ2OC4zODVDMTkuNjEyIDIzLjAyNyAyNCAxOC4wNjIgMjQgMTIuMDczeiIvPjwvc3ZnPg=="); } .elementor.elementor .stk-foot-social a:nth-child(3)::after { -webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTYuNjIgMTAuNzljMS40NCAyLjgzIDMuNzYgNS4xNCA2LjU5IDYuNTlsMi4yLTIuMmMuMjctLjI3LjY3LS4zNiAxLjAyLS4yNCAxLjEyLjM3IDIuMzMuNTcgMy41Ny41Ny41NSAwIDEgLjQ1IDEgMVYyMGMwIC41NS0uNDUgMS0xIDEtOS4zOSAwLTE3LTcuNjEtMTctMTcgMC0uNTUuNDUtMSAxLTFoMy41Yy41NSAwIDEgLjQ1IDEgMSAwIDEuMjUuMiAyLjQ1LjU3IDMuNTcuMTEuMzUuMDMuNzQtLjI1IDEuMDJsLTIuMiAyLjJ6Ii8+PC9zdmc+"); mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTYuNjIgMTAuNzljMS40NCAyLjgzIDMuNzYgNS4xNCA2LjU5IDYuNTlsMi4yLTIuMmMuMjctLjI3LjY3LS4zNiAxLjAyLS4yNCAxLjEyLjM3IDIuMzMuNTcgMy41Ny41Ny41NSAwIDEgLjQ1IDEgMVYyMGMwIC41NS0uNDUgMS0xIDEtOS4zOSAwLTE3LTcuNjEtMTctMTcgMC0uNTUuNDUtMSAxLTFoMy41Yy41NSAwIDEgLjQ1IDEgMSAwIDEuMjUuMiAyLjQ1LjU3IDMuNTcuMTEuMzUuMDMuNzQtLjI1IDEuMDJsLTIuMiAyLjJ6Ii8+PC9zdmc+"); } .elementor.elementor .stk-foot-social a:hover { background:#FFD000; } .elementor.elementor .stk-foot-social a:hover::after { background:#0F2B6B; } /* ---------- float-line (ปุ่ม Line ลอยมุมขวาล่าง) — keyframe ลอยขึ้นลง ---------- */ @keyframes float { 0%,100% { transform:translateY(0) } 50% { transform:translateY(-16px) } } /* ---------- SOCIAL ICONS (topbar) — SVG ผ่าน CSS mask กัน Elementor ตัด ---------- */ .elementor.elementor .stk-tb-social { display:flex; gap:8px; align-items:center; margin:0; padding:0; } .elementor.elementor .stk-tb-social a { width:26px; height:26px; border-radius:50%; background:rgba(255,255,255,.15); display:inline-grid; place-items:center; text-decoration:none; transition:.2s; } .elementor.elementor .stk-tb-social a::after { content:""; width:14px; height:14px; background:#fff; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; -webkit-mask-size:contain; mask-size:contain; } .elementor.elementor .stk-tb-social a:nth-child(1)::after { -webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE5LjM2NSA5Ljg2M2MuMzQ5IDAgLjYzLjI4NS42My42MzEgMCAuMzQ1LS4yODEuNjMtLjYzLjYzSDE3LjYxdjEuMTI1aDEuNzU1Yy4zNDkgMCAuNjMuMjgzLjYzLjYzIDAgLjM0NC0uMjgxLjYyOS0uNjMuNjI5aC0yLjM4NmMtLjM0NSAwLS42MjctLjI4NS0uNjI3LS42MjlWOC4xMDhjMC0uMzQ1LjI4Mi0uNjMuNjMtLjYzaDIuMzg2Yy4zNDYgMCAuNjI3LjI4NS42MjcuNjMgMCAuMzQ5LS4yODEuNjMtLjYzLjYzSDE3LjYxdjEuMTI1aDEuNzU1em0tMy44NTUgMy4wMTZjMCAuMjctLjE3NC41MS0uNDMyLjU5Ni0uMDY0LjAyMS0uMTMzLjAzMS0uMTk5LjAzMS0uMjExIDAtLjM5MS0uMDktLjUxLS4yNWwtMi40NDMtMy4zMTd2Mi45NGMwIC4zNDQtLjI3OS42MjktLjYzMS42MjktLjM0NiAwLS42MjYtLjI4NS0uNjI2LS42MjlWOC4xMDhjMC0uMjcuMTczLS41MS40My0uNTk1LjA2LS4wMjMuMTM2LS4wMzMuMTk0LS4wMzMuMTk1IDAgLjM3NS4xMDQuNDk1LjI1NGwyLjQ2MiAzLjMzVjguMTA4YzAtLjM0NS4yODItLjYzLjYzLS42My4zNDUgMCAuNjMuMjg1LjYzLjYzdjQuNzcxem0tNS43NDEgMGMwIC4zNDQtLjI4Mi42MjktLjYzMS42MjktLjM0NSAwLS42MjctLjI4NS0uNjI3LS42MjlWOC4xMDhjMC0uMzQ1LjI4Mi0uNjMuNjMtLjYzLjM0NiAwIC42MjguMjg1LjYyOC42M3Y0Ljc3MXptLTIuNDY2LjYyOUg0LjkxN2MtLjM0NSAwLS42My0uMjg1LS42My0uNjI5VjguMTA4YzAtLjM0NS4yODUtLjYzLjYzLS42My4zNDggMCAuNjMuMjg1LjYzLjYzdjQuMTQxaDEuNzU2Yy4zNDggMCAuNjI5LjI4My42MjkuNjMgMCAuMzQ0LS4yODIuNjI5LS42MjkuNjI5TTI0IDEwLjMxNEMyNCA0Ljk0MyAxOC42MTUuNTcyIDEyIC41NzJTMCA0Ljk0MyAwIDEwLjMxNGMwIDQuODExIDQuMjcgOC44NDIgMTAuMDM1IDkuNjA4LjM5MS4wODIuOTIzLjI1OCAxLjA1OC41OS4xMi4zMDEuMDc5Ljc2Ni4wMzggMS4wOGwtLjE2NCAxLjAyYy0uMDQ1LjMwMS0uMjQgMS4xODYgMS4wNDkuNjQ1IDEuMjkxLS41MzkgNi45MTYtNC4wNzggOS40MzYtNi45NzVDMjMuMTc2IDE0LjM5MyAyNCAxMi40NTggMjQgMTAuMzE0Ii8+PC9zdmc+"); mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE5LjM2NSA5Ljg2M2MuMzQ5IDAgLjYzLjI4NS42My42MzEgMCAuMzQ1LS4yODEuNjMtLjYzLjYzSDE3LjYxdjEuMTI1aDEuNzU1Yy4zNDkgMCAuNjMuMjgzLjYzLjYzIDAgLjM0NC0uMjgxLjYyOS0uNjMuNjI5aC0yLjM4NmMtLjM0NSAwLS42MjctLjI4NS0uNjI3LS42MjlWOC4xMDhjMC0uMzQ1LjI4Mi0uNjMuNjMtLjYzaDIuMzg2Yy4zNDYgMCAuNjI3LjI4NS42MjcuNjMgMCAuMzQ5LS4yODEuNjMtLjYzLjYzSDE3LjYxdjEuMTI1aDEuNzU1em0tMy44NTUgMy4wMTZjMCAuMjctLjE3NC41MS0uNDMyLjU5Ni0uMDY0LjAyMS0uMTMzLjAzMS0uMTk5LjAzMS0uMjExIDAtLjM5MS0uMDktLjUxLS4yNWwtMi40NDMtMy4zMTd2Mi45NGMwIC4zNDQtLjI3OS42MjktLjYzMS42MjktLjM0NiAwLS42MjYtLjI4NS0uNjI2LS42MjlWOC4xMDhjMC0uMjcuMTczLS41MS40My0uNTk1LjA2LS4wMjMuMTM2LS4wMzMuMTk0LS4wMzMuMTk1IDAgLjM3NS4xMDQuNDk1LjI1NGwyLjQ2MiAzLjMzVjguMTA4YzAtLjM0NS4yODItLjYzLjYzLS42My4zNDUgMCAuNjMuMjg1LjYzLjYzdjQuNzcxem0tNS43NDEgMGMwIC4zNDQtLjI4Mi42MjktLjYzMS42MjktLjM0NSAwLS42MjctLjI4NS0uNjI3LS42MjlWOC4xMDhjMC0uMzQ1LjI4Mi0uNjMuNjMtLjYzLjM0NiAwIC42MjguMjg1LjYyOC42M3Y0Ljc3MXptLTIuNDY2LjYyOUg0LjkxN2MtLjM0NSAwLS42My0uMjg1LS42My0uNjI5VjguMTA4YzAtLjM0NS4yODUtLjYzLjYzLS42My4zNDggMCAuNjMuMjg1LjYzLjYzdjQuMTQxaDEuNzU2Yy4zNDggMCAuNjI5LjI4My42MjkuNjMgMCAuMzQ0LS4yODIuNjI5LS42MjkuNjI5TTI0IDEwLjMxNEMyNCA0Ljk0MyAxOC42MTUuNTcyIDEyIC41NzJTMCA0Ljk0MyAwIDEwLjMxNGMwIDQuODExIDQuMjcgOC44NDIgMTAuMDM1IDkuNjA4LjM5MS4wODIuOTIzLjI1OCAxLjA1OC41OS4xMi4zMDEuMDc5Ljc2Ni4wMzggMS4wOGwtLjE2NCAxLjAyYy0uMDQ1LjMwMS0uMjQgMS4xODYgMS4wNDkuNjQ1IDEuMjkxLS41MzkgNi45MTYtNC4wNzggOS40MzYtNi45NzVDMjMuMTc2IDE0LjM5MyAyNCAxMi40NTggMjQgMTAuMzE0Ii8+PC9zdmc+"); } .elementor.elementor .stk-tb-social a:nth-child(2)::after { -webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTI0IDEyLjA3M2MwLTYuNjI3LTUuMzczLTEyLTEyLTEycy0xMiA1LjM3My0xMiAxMmMwIDUuOTkgNC4zODggMTAuOTU0IDEwLjEyNSAxMS44NTR2LTguMzg1SDcuMDc4di0zLjQ3aDMuMDQ3VjkuNDNjMC0zLjAwNyAxLjc5Mi00LjY2OSA0LjUzMy00LjY2OSAxLjMxMiAwIDIuNjg2LjIzNSAyLjY4Ni4yMzV2Mi45NTNIMTUuODNjLTEuNDkxIDAtMS45NTYuOTI1LTEuOTU2IDEuODc0djIuMjVoMy4zMjhsLS41MzIgMy40N2gtMi43OTZ2OC4zODVDMTkuNjEyIDIzLjAyNyAyNCAxOC4wNjIgMjQgMTIuMDczeiIvPjwvc3ZnPg=="); mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTI0IDEyLjA3M2MwLTYuNjI3LTUuMzczLTEyLTEyLTEycy0xMiA1LjM3My0xMiAxMmMwIDUuOTkgNC4zODggMTAuOTU0IDEwLjEyNSAxMS44NTR2LTguMzg1SDcuMDc4di0zLjQ3aDMuMDQ3VjkuNDNjMC0zLjAwNyAxLjc5Mi00LjY2OSA0LjUzMy00LjY2OSAxLjMxMiAwIDIuNjg2LjIzNSAyLjY4Ni4yMzV2Mi45NTNIMTUuODNjLTEuNDkxIDAtMS45NTYuOTI1LTEuOTU2IDEuODc0djIuMjVoMy4zMjhsLS41MzIgMy40N2gtMi43OTZ2OC4zODVDMTkuNjEyIDIzLjAyNyAyNCAxOC4wNjIgMjQgMTIuMDczeiIvPjwvc3ZnPg=="); } .elementor.elementor .stk-tb-social a:hover { background:#FFD000; } .elementor.elementor .stk-tb-social a:hover::after { background:#0F2B6B; } @media (max-width:767px) { .elementor.elementor .stk-tb-social { display:none; } } /* ---------- NAV: Grid (โลโก้ | Pro Menu widget slot | ปุ่ม Line) ---------- */ /* เอา backdrop-filter ออก: มันดัก position:fixed ของ overlay ไม่ให้ทะลุคลุม topbar (overlay จะได้เต็มจอจริง) */ .elementor.elementor .stk-navsec { display:block !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; } /* desktop: 1fr auto 1fr = โลโก้ซ้าย | เมนู(กลาง) | ปุ่มขวาสุด */ .elementor.elementor .stk-navwrap { display:grid !important; grid-template-columns:1fr auto 1fr; align-items:center; width:100%; } .elementor.elementor .stk-navwrap > .stk-navcta { justify-self:end; justify-content:flex-end; } .elementor.elementor .stk-menuslot { display:flex; align-items:center; justify-content:center; } /* ฟอนต์เมนู = Prompt (widget ไม่ inherit body typography → บังคับเอง ทั้ง desktop+dropdown) */ .elementor.elementor .stk-menuslot a.elementor-item { font-family:'Prompt',sans-serif; } /* ---------- Pro Menu — DESKTOP (แนวนอน): pill hover navy + ฟ้าอ่อน ---------- */ .elementor.elementor .stk-menuslot .elementor-nav-menu--main .elementor-item { font-weight:600; font-size:.98rem; color:#0F2B6B; padding:8px 14px; border-radius:40px; transition:.2s; } .elementor.elementor .stk-menuslot .elementor-nav-menu--main .elementor-item:hover, .elementor.elementor .stk-menuslot .elementor-nav-menu--main .elementor-item.elementor-item-active { background:#E6F4FF; color:#1565C0; } /* ปุ่ม hamburger (มือถือ) — เส้น navy, ไม่มีกล่อง, ใหญ่ (เหมือนต้นฉบับ; icon เดิม fill เทา #33373d) */ .elementor.elementor .stk-menuslot .elementor-menu-toggle { background:transparent !important; border:none !important; padding:6px; } .elementor.elementor .stk-menuslot .elementor-menu-toggle svg { fill:#0F2B6B !important; width:32px !important; height:32px !important; } /* ---------- Pro Menu — MOBILE: บังคับ dropdown → FULL-SCREEN overlay navy เหมือนต้นฉบับ ---------- */ .elementor.elementor .stk-menuslot .elementor-nav-menu--dropdown { position:fixed !important; inset:0 !important; top:0 !important; left:0 !important; width:100vw !important; height:100dvh !important; max-height:100dvh !important; margin:0 !important; display:flex !important; flex-direction:column; align-items:center; justify-content:center; gap:4px; background:rgba(15,43,107,.97) !important; z-index:9998 !important; overflow-y:auto; } .elementor.elementor .stk-menuslot .elementor-nav-menu--dropdown .elementor-nav-menu { width:auto; } .elementor.elementor .stk-menuslot .elementor-nav-menu--dropdown a.elementor-item { color:#fff !important; text-align:center; justify-content:center; font-size:1.35rem; font-weight:600; padding:12px 20px; border:none !important; } .elementor.elementor .stk-menuslot .elementor-nav-menu--dropdown a.elementor-item:hover, .elementor.elementor .stk-menuslot .elementor-nav-menu--dropdown a.elementor-item.elementor-item-active { color:#FFD000 !important; background:transparent !important; } /* ปุ่มปิด ✕ ลอยบนสุด (เหนือ overlay) — ขาว + ใหญ่ */ .elementor.elementor .stk-menuslot .elementor-menu-toggle.elementor-active { position:fixed !important; top:18px; right:22px; z-index:9999 !important; background:transparent !important; } .elementor.elementor .stk-menuslot .elementor-menu-toggle.elementor-active svg { fill:#fff !important; width:40px !important; height:40px !important; } /* เมนู "แชท Line เลย" (ตั้ง CSS Class = menu-line ในเมนู) — ปุ่มเขียวในมือถือ, ซ่อนบน desktop */ .elementor.elementor .stk-menuslot .elementor-nav-menu--main .menu-line { display:none; } .elementor.elementor .stk-menuslot .elementor-nav-menu--dropdown .menu-line a.elementor-item { margin-top:16px; background:#06C755; color:#fff !important; padding:12px 28px; border-radius:50px; font-weight:700; font-size:1.1rem; } /* ---------- MOBILE: ซ่อนปุ่ม Line — ใช้ hamburger ของ widget แทน; โลโก้ซ้าย | เมนู(hamburger)ขวา ---------- */ @media (max-width:767px) { .elementor.elementor .stk-tbleft span:nth-child(3) { display:none; } .elementor.elementor .stk-navwrap { grid-template-columns:1fr auto !important; gap:0 !important; } .elementor.elementor .stk-navcta { display:none !important; } .elementor.elementor .stk-menuslot { justify-content:flex-end; } .elementor.elementor .stk-navwrap img { width:auto !important; max-width:170px !important; height:52px !important; object-fit:contain; } } /* label */ .elementor.elementor .elementor-form .elementor-field-label { font-family:'Prompt',sans-serif; font-weight:600; font-size:.9rem; color:#0F2B6B; margin-bottom:6px; } /* input / select / textarea */ .elementor.elementor .elementor-form .elementor-field-textual { width:100%; padding:12px 16px !important; border:2px solid #e4ecf6 !important; border-radius:14px !important; font-family:'Prompt',sans-serif; font-size:.98rem; background:#FFFDF7 !important; color:#132a52; transition:.2s; box-shadow:none !important; } .elementor.elementor .elementor-form .elementor-field-textual:focus { border-color:#1E88FF !important; background:#fff !important; } .elementor.elementor .elementor-form textarea.elementor-field-textual { min-height:90px; resize:vertical; } .elementor.elementor .elementor-form .elementor-field-group { margin-bottom:14px; } /* ปุ่มส่ง = btn-blue btn-lg เต็มกว้าง (ตรงต้นฉบับ) */ .elementor.elementor .elementor-form .elementor-button { width:100%; display:flex; align-items:center; justify-content:center; gap:9px; background:#1E88FF; color:#fff; font-family:'Prompt',sans-serif; font-weight:700; font-size:1.14rem; padding:17px 34px; border-radius:50px; border:none; line-height:1.6; box-shadow:0 12px 26px -10px rgba(30,136,255,.75); transition:transform .18s ease; } .elementor.elementor .elementor-form .elementor-button:hover { transform:translateY(-3px); background:#1E88FF; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Prompt'; font-style: normal; font-weight: 400; font-display: auto; src: url('https://www.stickertooktook.com/wp-content/uploads/2026/09/Prompt-Regular.ttf') format('truetype'); } @font-face { font-family: 'Prompt'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://www.stickertooktook.com/wp-content/uploads/2026/09/Prompt-Medium.ttf') format('truetype'); } @font-face { font-family: 'Prompt'; font-style: normal; font-weight: 600; font-display: auto; src: url('https://www.stickertooktook.com/wp-content/uploads/2026/09/Prompt-SemiBold.ttf') format('truetype'); } @font-face { font-family: 'Prompt'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://www.stickertooktook.com/wp-content/uploads/2026/09/Prompt-Bold.ttf') format('truetype'); } @font-face { font-family: 'Prompt'; font-style: normal; font-weight: 800; font-display: auto; src: url('https://www.stickertooktook.com/wp-content/uploads/2026/09/Prompt-ExtraBold.ttf') format('truetype'); } /* End Custom Fonts CSS */