{"id":20,"date":"2026-03-04T14:34:38","date_gmt":"2026-03-04T07:34:38","guid":{"rendered":"https:\/\/dpho-naklang.com\/?page_id=20"},"modified":"2026-06-02T10:21:14","modified_gmt":"2026-06-02T03:21:14","slug":"home","status":"publish","type":"page","link":"https:\/\/dpho-naklang.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"20\" class=\"elementor elementor-20\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07707a7 e-flex e-con-boxed e-con e-parent\" data-id=\"07707a7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d467494 elementor-widget elementor-widget-html\" data-id=\"d467494\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"moph-hero-section\" style=\"font-family: 'Sarabun', sans-serif; width: 100%; min-height: 520px; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: flex-start; background: linear-gradient(90deg, rgba(0, 77, 69, 0.95) 35%, rgba(0, 121, 107, 0.5) 100%), url('http:\/\/googleusercontent.com\/image_collection\/image_retrieval\/15142554701906693634'); background-size: cover; background-position: center; border-radius: 0 0 20px 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.15); padding: 60px 20px; box-sizing: border-box;\">\r\n    \r\n    <div style=\"position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; background: linear-gradient(90deg, #FFD54F 0%, #004D45 50%, #FFD54F 100%);\"><\/div>\r\n\r\n    <div class=\"hero-content-wrapper\" style=\"position: relative; z-index: 10; max-width: 850px; width: 100%; margin-left: auto; margin-right: auto; padding: 0 20px; box-sizing: border-box; text-align: left;\">\r\n        \r\n       \r\n\r\n        <span class=\"welcome-badge\" style=\"font-size: 18px; font-weight: 400; color: #FFD54F; letter-spacing: 1.5px; display: inline-block; margin-bottom: 12px; text-transform: uppercase;\">\r\n            \u0e22\u0e34\u0e19\u0e14\u0e35\u0e15\u0e49\u0e2d\u0e19\u0e23\u0e31\u0e1a\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\r\n        <\/span>\r\n        \r\n        <h1 class=\"hero-main-title\" style=\"font-size: 54px; font-weight: 700; color: #ffffff; line-height: 1.2; margin: 0 0 20px 0; text-shadow: 0 4px 15px rgba(0,0,0,0.4);\">\r\n            \u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e2a\u0e32\u0e18\u0e32\u0e23\u0e13\u0e2a\u0e38\u0e02\u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e19\u0e32\u0e01\u0e25\u0e32\u0e07<br>\r\n            <span style=\"font-size: 38px; font-weight: 400; color: rgba(255, 255, 255, 0.95); display: block; margin-top: 5px;\">\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e2b\u0e19\u0e2d\u0e07\u0e1a\u0e31\u0e27\u0e25\u0e33\u0e20\u0e39<\/span>\r\n        <\/h1>\r\n\r\n        <p class=\"hero-desc\" style=\"font-size: 20px; font-weight: 300; color: #ffffff; line-height: 1.6; margin: 0 0 35px 0; border-left: 4px solid #FFD54F; padding-left: 20px; max-width: 680px; opacity: 0.95;\">\r\n            \"\u0e21\u0e38\u0e48\u0e07\u0e21\u0e31\u0e48\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e0a\u0e35\u0e27\u0e34\u0e15 \u0e40\u0e2a\u0e23\u0e34\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e\u0e17\u0e35\u0e48\u0e14\u0e35 <br>\r\n            \u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e\u0e14\u0e49\u0e27\u0e22\u0e23\u0e30\u0e1a\u0e1a\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25 \u0e41\u0e25\u0e30\u0e20\u0e32\u0e04\u0e35\u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22\u0e21\u0e35\u0e2a\u0e48\u0e27\u0e19\u0e23\u0e48\u0e27\u0e21\"\r\n        <\/p>\r\n\r\n        <div class=\"hero-btn-group\" style=\"display: flex; flex-wrap: wrap; gap: 15px;\">\r\n            <a href=\"#system-programs\" style=\"padding: 14px 35px; font-size: 18px; font-weight: 700; text-decoration: none; border-radius: 4px; display: inline-flex; align-items: center; gap: 10px; background-color: #FFD54F; color: #004D45; box-shadow: 0 6px 20px rgba(255, 213, 79, 0.25); transition: all 0.2s ease;\">\r\n                \ud83d\udcbb \u0e23\u0e30\u0e1a\u0e1a\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\r\n            <\/a>\r\n            <a href=\"#contact-us\" style=\"padding: 14px 35px; font-size: 18px; font-weight: 700; text-decoration: none; border-radius: 4px; display: inline-flex; align-items: center; gap: 10px; background-color: transparent; color: #ffffff; border: 2px solid rgba(255, 255, 255, 0.6); transition: all 0.2s ease;\">\r\n                \ud83d\udcde \u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\r\n            <\/a>\r\n        <\/div>\r\n        \r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    @media (max-width: 768px) {\r\n        .moph-hero-section { min-height: auto !important; padding: 40px 10px !important; background: linear-gradient(180deg, rgba(0, 77, 69, 0.98) 0%, rgba(0, 96, 85, 0.95) 100%) !important; }\r\n        .hero-content-wrapper { text-align: center !important; padding: 0 10px !important; }\r\n        .hero-main-title { font-size: 36px !important; }\r\n        .hero-main-title span { font-size: 24px !important; }\r\n        .hero-desc { font-size: 16px !important; border-left: none !important; padding-left: 0 !important; text-align: center !important; }\r\n        .hero-btn-group { justify-content: center !important; }\r\n        .logo-container img { width: 100px !important; }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3180ade e-flex e-con-boxed e-con e-parent\" data-id=\"3180ade\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d1fe79 elementor-widget elementor-widget-html\" data-id=\"9d1fe79\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    :root {\r\n        --sso-green: #007a53; \/* \u0e2a\u0e35\u0e40\u0e02\u0e35\u0e22\u0e27\u0e2a\u0e32\u0e18\u0e32\u0e23\u0e13\u0e2a\u0e38\u0e02 *\/\r\n        --sso-light-green: #e6f2ed;\r\n        --dark-text: #333333;\r\n    }\r\n    \r\n    .sso-container {\r\n        font-family: 'Sarabun', 'Helvetica Neue', Arial, sans-serif;\r\n        color: var(--dark-text);\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* \u0e2a\u0e48\u0e27\u0e19\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23 *\/\r\n    .sso-section-title {\r\n        text-align: center;\r\n        margin: 40px 0 20px 0;\r\n        color: var(--sso-green);\r\n        position: relative;\r\n        font-size: 28px;\r\n        font-weight: bold;\r\n    }\r\n    .sso-section-title::after {\r\n        content: '';\r\n        display: block;\r\n        width: 60px;\r\n        height: 3px;\r\n        background-color: var(--sso-green);\r\n        margin: 10px auto 0 auto;\r\n    }\r\n\r\n    \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e40\u0e21\u0e19\u0e39\u0e25\u0e31\u0e14 (Quick Links) *\/\r\n    .sso-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n        gap: 20px;\r\n        padding: 20px 0;\r\n    }\r\n    .sso-card {\r\n        background: #ffffff;\r\n        border-radius: 8px;\r\n        padding: 25px 20px;\r\n        text-align: center;\r\n        box-shadow: 0 4px 6px rgba(0,0,0,0.05);\r\n        border-bottom: 4px solid var(--sso-green);\r\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n        text-decoration: none !important;\r\n        color: var(--dark-text) !important;\r\n    }\r\n    .sso-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 8px 15px rgba(0,0,0,0.1);\r\n        background-color: var(--sso-light-green);\r\n    }\r\n    .sso-card-icon {\r\n        font-size: 40px;\r\n        margin-bottom: 15px;\r\n        display: block;\r\n    }\r\n    .sso-card-title {\r\n        font-size: 18px;\r\n        font-weight: bold;\r\n        margin-bottom: 8px;\r\n        color: var(--sso-green);\r\n    }\r\n    .sso-card-desc {\r\n        font-size: 14px;\r\n        color: #666;\r\n    }\r\n\r\n    \/* \u0e2a\u0e48\u0e27\u0e19\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e41\u0e25\u0e30\u0e40\u0e27\u0e25\u0e32\u0e17\u0e33\u0e01\u0e32\u0e23 *\/\r\n    .sso-info-bar {\r\n        background-color: var(--sso-light-green);\r\n        border-left: 5px solid var(--sso-green);\r\n        padding: 20px;\r\n        margin: 40px 0;\r\n        border-radius: 0 8px 8px 0;\r\n    }\r\n    .sso-info-time {\r\n        font-size: 16px;\r\n        font-weight: bold;\r\n        color: var(--sso-green);\r\n    }\r\n<\/style>\r\n\r\n<div class=\"sso-container\">\r\n\r\n    <h2 class=\"sso-section-title\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e14\u0e48\u0e27\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e0a\u0e19<\/h2>\r\n    \r\n    <div class=\"sso-grid\">\r\n        <a href=\"\/\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e43\u0e19\u0e2a\u0e31\u0e07\u0e01\u0e31\u0e14\" class=\"sso-card\">\r\n            <span class=\"sso-card-icon\">\ud83c\udfe5<\/span>\r\n            <div class=\"sso-card-title\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 \u0e23\u0e1e.\u0e2a\u0e15.<\/div>\r\n            <div class=\"sso-card-desc\">\u0e23\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e41\u0e25\u0e30\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e\u0e15\u0e33\u0e1a\u0e25\u0e43\u0e19\u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22<\/div>\r\n        <\/a>\r\n\r\n        <a href=\"\/\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\" class=\"sso-card\">\r\n            <span class=\"sso-card-icon\">\ud83d\udcc4<\/span>\r\n            <div class=\"sso-card-title\">\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21<\/div>\r\n            <div class=\"sso-card-desc\">\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e04\u0e33\u0e02\u0e2d \u0e07\u0e32\u0e19\u0e04\u0e38\u0e49\u0e21\u0e04\u0e23\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e42\u0e20\u0e04 \u0e41\u0e25\u0e30\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23<\/div>\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/dpho-naklang.com\/?page_id=491\" class=\"sso-card\">\r\n            <span class=\"sso-card-icon\">\ud83d\udee1\ufe0f<\/span>\r\n            <div class=\"sso-card-title\">ITA 2026<\/div>\r\n            <div class=\"sso-card-desc\">\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e04\u0e38\u0e13\u0e18\u0e23\u0e23\u0e21\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e42\u0e1b\u0e23\u0e48\u0e07\u0e43\u0e2a\u0e43\u0e19\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19<\/div>\r\n        <\/a>\r\n\r\n        <a href=\"\/\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e23\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\" class=\"sso-card\">\r\n            <span class=\"sso-card-icon\">\ud83d\udce2<\/span>\r\n            <div class=\"sso-card-title\">\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e23\u0e31\u0e1a\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19<\/div>\r\n            <div class=\"sso-card-desc\">\u0e41\u0e08\u0e49\u0e07\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e17\u0e38\u0e08\u0e23\u0e34\u0e15 \u0e2b\u0e23\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e44\u0e21\u0e48\u0e40\u0e1b\u0e47\u0e19\u0e18\u0e23\u0e23\u0e21<\/div>\r\n        <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"sso-info-bar\">\r\n        <span class=\"sso-info-time\">\ud83d\udd52 \u0e40\u0e27\u0e25\u0e32\u0e17\u0e33\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19:<\/span>\r\n        <p style=\"margin: 5px 0 0 0; font-size: 15px;\">\r\n            \u0e40\u0e1b\u0e34\u0e14\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23 \u0e27\u0e31\u0e19\u0e08\u0e31\u0e19\u0e17\u0e23\u0e4c - \u0e27\u0e31\u0e19\u0e28\u0e38\u0e01\u0e23\u0e4c \u0e40\u0e27\u0e25\u0e32 08.30 \u0e19. - 16.30 \u0e19. (\u0e1e\u0e31\u0e01\u0e40\u0e17\u0e35\u0e48\u0e22\u0e07 12.00 - 13.00 \u0e19.) <br>\r\n            *\u0e1b\u0e34\u0e14\u0e17\u0e33\u0e01\u0e32\u0e23\u0e43\u0e19\u0e27\u0e31\u0e19\u0e40\u0e2a\u0e32\u0e23\u0e4c \u0e27\u0e31\u0e19\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c \u0e41\u0e25\u0e30\u0e27\u0e31\u0e19\u0e2b\u0e22\u0e38\u0e14\u0e19\u0e31\u0e01\u0e02\u0e31\u0e15\u0e24\u0e01\u0e29\u0e4c\r\n        <\/p>\r\n    <\/div>\r\n\r\n<\/div>\r\n<style>\r\n    :root {\r\n        --sso-green: #007a53;\r\n        --sso-dark: #222222;\r\n        --sso-gray: #f9f9f9;\r\n        --text-muted: #666666;\r\n    }\r\n\r\n    .news-section {\r\n        font-family: 'Sarabun', sans-serif;\r\n        padding: 40px 0;\r\n        background-color: #ffffff;\r\n    }\r\n\r\n    \/* \u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e40\u0e0b\u0e2a\u0e0a\u0e31\u0e19 *\/\r\n    .news-header {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        border-bottom: 2px solid #eeeeee;\r\n        padding-bottom: 15px;\r\n        margin-bottom: 30px;\r\n    }\r\n    .news-title {\r\n        font-size: 26px;\r\n        font-weight: bold;\r\n        color: var(--sso-green);\r\n        margin: 0;\r\n        position: relative;\r\n    }\r\n    .news-title::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: -17px;\r\n        left: 0;\r\n        width: 80px;\r\n        height: 3px;\r\n        background-color: var(--sso-green);\r\n    }\r\n    .btn-all-news {\r\n        color: var(--sso-green) !important;\r\n        text-decoration: none;\r\n        font-size: 16px;\r\n        font-weight: bold;\r\n        transition: color 0.2s;\r\n    }\r\n    .btn-all-news:hover {\r\n        color: #005237 !important;\r\n    }\r\n\r\n    \/* \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e40\u0e25\u0e22\u0e4c\u0e40\u0e2d\u0e32\u0e15\u0e4c\u0e01\u0e32\u0e23\u0e4c\u0e14\u0e02\u0e48\u0e32\u0e27 *\/\r\n    .news-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n        gap: 25px;\r\n    }\r\n\r\n    .news-card {\r\n        background: #ffffff;\r\n        border-radius: 8px;\r\n        overflow: hidden;\r\n        box-shadow: 0 4px 10px rgba(0,0,0,0.05);\r\n        transition: transform 0.3s, box-shadow 0.3s;\r\n        display: flex;\r\n        flex-direction: column;\r\n        text-decoration: none !important;\r\n    }\r\n    .news-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 10px 20px rgba(0,0,0,0.1);\r\n    }\r\n\r\n    \/* \u0e2a\u0e48\u0e27\u0e19\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e02\u0e48\u0e32\u0e27 *\/\r\n    .news-image-wrapper {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 200px;\r\n        overflow: hidden;\r\n        background-color: #eee;\r\n    }\r\n    .news-image {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.5s;\r\n    }\r\n    .news-card:hover .news-image {\r\n        transform: scale(1.08);\r\n    }\r\n    .news-tag {\r\n        position: absolute;\r\n        top: 15px;\r\n        left: 15px;\r\n        background-color: var(--sso-green);\r\n        color: #ffffff;\r\n        padding: 4px 12px;\r\n        font-size: 12px;\r\n        border-radius: 20px;\r\n        font-weight: bold;\r\n    }\r\n\r\n    \/* \u0e2a\u0e48\u0e27\u0e19\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e02\u0e48\u0e32\u0e27 *\/\r\n    .news-content {\r\n        padding: 20px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        flex-grow: 1;\r\n    }\r\n    .news-date {\r\n        font-size: 13px;\r\n        color: var(--text-muted);\r\n        margin-bottom: 10px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 5px;\r\n    }\r\n    .news-card-title {\r\n        font-size: 18px;\r\n        font-weight: bold;\r\n        color: var(--sso-dark);\r\n        line-height: 1.4;\r\n        margin-bottom: 10px;\r\n        \/* \u0e08\u0e33\u0e01\u0e31\u0e14\u0e1a\u0e23\u0e23\u0e17\u0e31\u0e14\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e44\u0e21\u0e48\u0e43\u0e2b\u0e49\u0e40\u0e1a\u0e35\u0e49\u0e22\u0e27 *\/\r\n        display: -webkit-box;\r\n        -webkit-line-clamp: 2;\r\n        -webkit-box-orient: vertical;\r\n        overflow: hidden;\r\n    }\r\n    .news-excerpt {\r\n        font-size: 14px;\r\n        color: var(--text-muted);\r\n        line-height: 1.5;\r\n        margin-bottom: 15px;\r\n        display: -webkit-box;\r\n        -webkit-line-clamp: 2;\r\n        -webkit-box-orient: vertical;\r\n        overflow: hidden;\r\n    }\r\n    .news-more {\r\n        margin-top: auto;\r\n        font-size: 14px;\r\n        color: var(--sso-green);\r\n        font-weight: bold;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 5px;\r\n    }\r\n<\/style>\r\n\r\n<section class=\"news-section\">\r\n    \r\n    <div class=\"news-header\">\r\n        <h2 class=\"news-title\">\u0e02\u0e48\u0e32\u0e27\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14<\/h2>\r\n        <a href=\"\/category\/\u0e02\u0e48\u0e32\u0e27\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c\" class=\"btn-all-news\">\u0e14\u0e39\u0e02\u0e48\u0e32\u0e27\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 \u2794<\/a>\r\n    <\/div>\r\n\r\n    <div class=\"news-grid\">\r\n\r\n        <a href=\"#\" class=\"news-card\">\r\n            <div class=\"news-image-wrapper\">\r\n                <span class=\"news-tag\">\u0e02\u0e48\u0e32\u0e27\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c<\/span>\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1576091160399-112ba8d25d1d?w=500\" alt=\"\u0e02\u0e48\u0e32\u0e27\u0e2a\u0e32\u0e23\" class=\"news-image\">\r\n            <\/div>\r\n            <div class=\"news-content\">\r\n                <div class=\"news-date\">\ud83d\udcc5 21 \u0e1e\u0e24\u0e29\u0e20\u0e32\u0e04\u0e21 2569<\/div>\r\n                <div class=\"news-card-title\">\u0e2a\u0e2a\u0e2d.\u0e19\u0e32\u0e01\u0e25\u0e32\u0e07 \u0e08\u0e31\u0e14\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e23\u0e13\u0e23\u0e07\u0e04\u0e4c\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e17\u0e35\u0e48\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e0a\u0e19<\/div>\r\n                <div class=\"news-excerpt\">\u0e02\u0e2d\u0e40\u0e0a\u0e34\u0e0d\u0e0a\u0e27\u0e19\u0e1e\u0e35\u0e48\u0e19\u0e49\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e0a\u0e19\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e40\u0e02\u0e49\u0e32\u0e23\u0e31\u0e1a\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e\u0e1f\u0e23\u0e35 \u0e44\u0e21\u0e48\u0e21\u0e35\u0e04\u0e48\u0e32\u0e43\u0e0a\u0e49\u0e08\u0e48\u0e32\u0e22 \u0e13 \u0e2d\u0e32\u0e04\u0e32\u0e23\u0e2d\u0e40\u0e19\u0e01\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c...<\/div>\r\n                <div class=\"news-more\">\u0e2d\u0e48\u0e32\u0e19\u0e15\u0e48\u0e2d \u2794<\/div>\r\n            <\/div>\r\n        <\/a>\r\n\r\n        <a href=\"#\" class=\"news-card\">\r\n            <div class=\"news-image-wrapper\">\r\n                <span class=\"news-tag\">\u0e02\u0e48\u0e32\u0e27\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21<\/span>\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1584515979956-d9f6e5d09982?w=500\" alt=\"\u0e02\u0e48\u0e32\u0e27\u0e2a\u0e32\u0e23\" class=\"news-image\">\r\n            <\/div>\r\n            <div class=\"news-content\">\r\n                <div class=\"news-date\">\ud83d\udcc5 15 \u0e1e\u0e24\u0e29\u0e20\u0e32\u0e04\u0e21 2569<\/div>\r\n                <div class=\"news-card-title\">\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e40\u0e0a\u0e34\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e28\u0e31\u0e01\u0e22\u0e20\u0e32\u0e1e \u0e2d\u0e2a\u0e21. \u0e22\u0e38\u0e04\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25 \u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 2569<\/div>\r\n                <div class=\"news-excerpt\">\u0e04\u0e13\u0e30\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e41\u0e25\u0e30\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e23\u0e48\u0e27\u0e21\u0e40\u0e1b\u0e34\u0e14\u0e01\u0e32\u0e23\u0e2d\u0e1a\u0e23\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e41\u0e2d\u0e1b\u0e1e\u0e25\u0e34\u0e40\u0e04\u0e0a\u0e31\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e\u0e41\u0e01\u0e48\u0e1e\u0e35\u0e48\u0e19\u0e49\u0e2d\u0e07 \u0e2d\u0e2a\u0e21....<\/div>\r\n                <div class=\"news-more\">\u0e2d\u0e48\u0e32\u0e19\u0e15\u0e48\u0e2d \u2794<\/div>\r\n            <\/div>\r\n        <\/a>\r\n\r\n        <a href=\"#\" class=\"news-card\">\r\n            <div class=\"news-image-wrapper\">\r\n                <span class=\"news-tag\">\u0e08\u0e31\u0e14\u0e0b\u0e37\u0e49\u0e2d\u0e08\u0e31\u0e14\u0e08\u0e49\u0e32\u0e07<\/span>\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?w=500\" alt=\"\u0e02\u0e48\u0e32\u0e27\u0e2a\u0e32\u0e23\" class=\"news-image\">\r\n            <\/div>\r\n            <div class=\"news-content\">\r\n                <div class=\"news-date\">\ud83d\udcc5 10 \u0e1e\u0e24\u0e29\u0e20\u0e32\u0e04\u0e21 2569<\/div>\r\n                <div class=\"news-card-title\">\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e2a\u0e2d\u0e1a\u0e23\u0e32\u0e04\u0e32\u0e08\u0e31\u0e14\u0e0b\u0e37\u0e49\u0e2d\u0e04\u0e23\u0e38\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e01\u0e32\u0e23\u0e41\u0e1e\u0e17\u0e22\u0e4c \u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 2569<\/div>\r\n                <div class=\"news-excerpt\">\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e2a\u0e32\u0e18\u0e32\u0e23\u0e13\u0e2a\u0e38\u0e02\u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e19\u0e32\u0e01\u0e25\u0e32\u0e07 \u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c\u0e08\u0e30\u0e2a\u0e2d\u0e1a\u0e23\u0e32\u0e04\u0e32\u0e08\u0e31\u0e14\u0e0b\u0e37\u0e49\u0e2d\u0e04\u0e23\u0e38\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e01\u0e32\u0e23\u0e41\u0e1e\u0e17\u0e22\u0e4c \u0e1c\u0e39\u0e49\u0e2a\u0e19\u0e43\u0e08\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23...<\/div>\r\n                <div class=\"news-more\">\u0e2d\u0e48\u0e32\u0e19\u0e15\u0e48\u0e2d \u2794<\/div>\r\n            <\/div>\r\n        <\/a>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-97c4923 e-flex e-con-boxed e-con e-parent\" data-id=\"97c4923\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7c5515 elementor-widget elementor-widget-image\" data-id=\"d7c5515\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"768\" height=\"463\" src=\"https:\/\/dpho-naklang.com\/wp-content\/uploads\/2026\/03\/MOIT12-1.No-Gift-Policy-768x463.jpg\" class=\"attachment-medium_large size-medium_large wp-image-302\" alt=\"\" srcset=\"https:\/\/dpho-naklang.com\/wp-content\/uploads\/2026\/03\/MOIT12-1.No-Gift-Policy-768x463.jpg 768w, https:\/\/dpho-naklang.com\/wp-content\/uploads\/2026\/03\/MOIT12-1.No-Gift-Policy-300x181.jpg 300w, https:\/\/dpho-naklang.com\/wp-content\/uploads\/2026\/03\/MOIT12-1.No-Gift-Policy-1024x617.jpg 1024w, https:\/\/dpho-naklang.com\/wp-content\/uploads\/2026\/03\/MOIT12-1.No-Gift-Policy-1536x926.jpg 1536w, https:\/\/dpho-naklang.com\/wp-content\/uploads\/2026\/03\/MOIT12-1.No-Gift-Policy-2048x1235.jpg 2048w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9eec71c e-flex e-con-boxed e-con e-parent\" data-id=\"9eec71c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5813ade elementor-widget elementor-widget-image\" data-id=\"5813ade\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"768\" height=\"576\" src=\"https:\/\/dpho-naklang.com\/wp-content\/uploads\/2026\/03\/MOIT20-1.2-768x576.png\" class=\"attachment-medium_large size-medium_large wp-image-395\" alt=\"\" srcset=\"https:\/\/dpho-naklang.com\/wp-content\/uploads\/2026\/03\/MOIT20-1.2-768x576.png 768w, https:\/\/dpho-naklang.com\/wp-content\/uploads\/2026\/03\/MOIT20-1.2-300x225.png 300w, https:\/\/dpho-naklang.com\/wp-content\/uploads\/2026\/03\/MOIT20-1.2-1024x768.png 1024w, https:\/\/dpho-naklang.com\/wp-content\/uploads\/2026\/03\/MOIT20-1.2.png 1195w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-81a0e11 e-flex e-con-boxed e-con e-parent\" data-id=\"81a0e11\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a58cad6 elementor-widget elementor-widget-html\" data-id=\"a58cad6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@400;700&family=Material+Icons&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"system-programs-section\" style=\"font-family: 'Sarabun', sans-serif; max-width: 1140px; margin: 40px auto; padding: 0 20px; box-sizing: border-box; text-align: center;\">\r\n    \r\n    <h2 style=\"color: #1a202c; font-size: 2rem; margin-bottom: 10px; font-weight: 700;\">\u0e23\u0e30\u0e1a\u0e1a\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21<\/h2>\r\n    <p style=\"color: #718096; font-size: 1rem; max-width: 700px; margin: 0 auto 35px auto; line-height: 1.6;\">\r\n        \u0e23\u0e30\u0e1a\u0e1a\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e43\u0e19\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e48\u0e32\u0e07\u0e46 \u0e08\u0e32\u0e01\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e2a\u0e32\u0e18\u0e32\u0e23\u0e13\u0e2a\u0e38\u0e02\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e2b\u0e19\u0e2d\u0e07\u0e1a\u0e31\u0e27\u0e25\u0e33\u0e20\u0e39 \u0e41\u0e25\u0e30\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e2a\u0e32\u0e18\u0e32\u0e23\u0e13\u0e2a\u0e38\u0e02\u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e19\u0e32\u0e01\u0e25\u0e32\u0e07\r\n    <\/p>\r\n\r\n    <div class=\"program-grid\" style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px;\">\r\n        \r\n        <a href=\"#\" target=\"_blank\" style=\"text-decoration: none; color: inherit; background: #ffffff; padding: 25px 20px; border-radius: 10px; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05); display: flex; flex-direction: column; align-items: center; transition: all 0.3s ease;\">\r\n            <span class=\"material-icons\" style=\"font-size: 48px; color: #0073aa; margin-bottom: 15px;\">person<\/span>\r\n            <h4 style=\"margin: 0 0 8px 0; color: #1a202c; font-size: 1.2rem; font-weight: 700;\">\u0e01\u0e1e 7<\/h4>\r\n            <p style=\"margin: 0; color: #718096; font-size: 0.95rem;\">\u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e01\u0e33\u0e25\u0e31\u0e07\u0e04\u0e19<\/p>\r\n        <\/a>\r\n\r\n        <a href=\"#\" target=\"_blank\" style=\"text-decoration: none; color: inherit; background: #ffffff; padding: 25px 20px; border-radius: 10px; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05); display: flex; flex-direction: column; align-items: center; transition: all 0.3s ease;\">\r\n            <span class=\"material-icons\" style=\"font-size: 48px; color: #0073aa; margin-bottom: 15px;\">menu_book<\/span>\r\n            <h4 style=\"margin: 0 0 8px 0; color: #1a202c; font-size: 1.2rem; font-weight: 700;\">E-office<\/h4>\r\n            <p style=\"margin: 0; color: #718096; font-size: 0.95rem;\">\u0e23\u0e30\u0e1a\u0e1a\u0e07\u0e32\u0e19\u0e2a\u0e32\u0e23\u0e1a\u0e23\u0e23\u0e13\u0e2d\u0e34\u0e40\u0e25\u0e47\u0e01\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c<\/p>\r\n        <\/a>\r\n\r\n        <a href=\"#\" target=\"_blank\" style=\"text-decoration: none; color: inherit; background: #ffffff; padding: 25px 20px; border-radius: 10px; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05); display: flex; flex-direction: column; align-items: center; transition: all 0.3s ease;\">\r\n            <span class=\"material-icons\" style=\"font-size: 48px; color: #0073aa; margin-bottom: 15px;\">note_add<\/span>\r\n            <h4 style=\"margin: 0 0 8px 0; color: #1a202c; font-size: 1.2rem; font-weight: 700;\">E-Family-Folder<\/h4>\r\n            <p style=\"margin: 0; color: #718096; font-size: 0.95rem;\">\u0e23\u0e30\u0e1a\u0e1a\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e23\u0e31\u0e27\u0e2d\u0e34\u0e40\u0e25\u0e47\u0e01\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c<\/p>\r\n        <\/a>\r\n\r\n        <a href=\"#\" target=\"_blank\" style=\"text-decoration: none; color: inherit; background: #ffffff; padding: 25px 20px; border-radius: 10px; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05); display: flex; flex-direction: column; align-items: center; transition: all 0.3s ease;\">\r\n            <span class=\"material-icons\" style=\"font-size: 48px; color: #0073aa; margin-bottom: 15px;\">monetization_on<\/span>\r\n            <h4 style=\"margin: 0 0 8px 0; color: #1a202c; font-size: 1.2rem; font-weight: 700;\">\u0e2a\u0e25\u0e34\u0e1b\u0e40\u0e07\u0e34\u0e19\u0e40\u0e14\u0e37\u0e2d\u0e19<\/h4>\r\n            <p style=\"margin: 0; color: #718096; font-size: 0.95rem;\">\u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e2a\u0e25\u0e34\u0e1b\u0e40\u0e07\u0e34\u0e19\u0e40\u0e14\u0e37\u0e2d\u0e19<\/p>\r\n        <\/a>\r\n\r\n        <a href=\"#\" target=\"_blank\" style=\"text-decoration: none; color: inherit; background: #ffffff; padding: 25px 20px; border-radius: 10px; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05); display: flex; flex-direction: column; align-items: center; transition: all 0.3s ease;\">\r\n            <span class=\"material-icons\" style=\"font-size: 48px; color: #0073aa; margin-bottom: 15px;\">local_parking<\/span>\r\n            <h4 style=\"margin: 0 0 8px 0; color: #1a202c; font-size: 1.2rem; font-weight: 700;\">E-Planning<\/h4>\r\n            <p style=\"margin: 0; color: #718096; font-size: 0.95rem;\">\u0e23\u0e30\u0e1a\u0e1a\u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23<\/p>\r\n        <\/a>\r\n\r\n        <a href=\"#\" target=\"_blank\" style=\"text-decoration: none; color: inherit; background: #ffffff; padding: 25px 20px; border-radius: 10px; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05); display: flex; flex-direction: column; align-items: center; transition: all 0.3s ease;\">\r\n            <span class=\"material-icons\" style=\"font-size: 48px; color: #0073aa; margin-bottom: 15px;\">cloud_done<\/span>\r\n            <h4 style=\"margin: 0 0 8px 0; color: #1a202c; font-size: 1.2rem; font-weight: 700;\">HDC on Cloud<\/h4>\r\n            <p style=\"margin: 0; color: #718096; font-size: 0.95rem;\">\u0e23\u0e30\u0e1a\u0e1a\u0e04\u0e25\u0e31\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e<\/p>\r\n        <\/a>\r\n\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-341a598 e-flex e-con-boxed e-con e-parent\" data-id=\"341a598\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf810d7 elementor-widget elementor-widget-html\" data-id=\"cf810d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"contact-map-section\" style=\"font-family: 'Sarabun', sans-serif; max-width: 900px; margin: 30px auto; padding: 20px; box-sizing: border-box;\">\r\n    \r\n    <div class=\"contact-card\" style=\"background-color: #ffffff; padding: 30px; border-radius: 12px; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); margin-bottom: 25px;\">\r\n        \r\n        <h3 style=\"color: #0073aa; border-bottom: 2px solid #0073aa; padding-bottom: 12px; margin-top: 0; font-size: 1.4rem; display: flex; align-items: center; gap: 8px;\">\r\n            \ud83d\udccd \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07\u0e41\u0e25\u0e30\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\r\n        <\/h3>\r\n        \r\n        <div class=\"info-grid\" style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-top: 20px;\">\r\n            \r\n            <div class=\"info-column\">\r\n                <h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: 1.1rem;\">\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e2a\u0e32\u0e18\u0e32\u0e23\u0e13\u0e2a\u0e38\u0e02\u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e19\u0e32\u0e01\u0e25\u0e32\u0e07<\/h4>\r\n                <p style=\"color: #4a5568; line-height: 1.6; margin: 0 0 20px 0; font-size: 0.95rem;\">\r\n                    \u0e40\u0e25\u0e02\u0e17\u0e35\u0e48 84\/9 \u0e2b\u0e21\u0e39\u0e48 6 \u0e1a\u0e49\u0e32\u0e19\u0e20\u0e39\u0e19\u0e49\u0e2d\u0e22 (\u0e15\u0e34\u0e14\u0e16\u0e19\u0e19\u0e40\u0e25\u0e22-\u0e2b\u0e19\u0e2d\u0e07\u0e1a\u0e31\u0e27\u0e25\u0e33\u0e20\u0e39) <br>\r\n                    \u0e15\u0e33\u0e1a\u0e25\u0e19\u0e32\u0e01\u0e25\u0e32\u0e07 \u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e19\u0e32\u0e01\u0e25\u0e32\u0e07 \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e2b\u0e19\u0e2d\u0e07\u0e1a\u0e31\u0e27\u0e25\u0e33\u0e20\u0e39 39170\r\n                <\/p>\r\n                \r\n                <h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: 1.1rem;\">\ud83d\udd52 \u0e40\u0e27\u0e25\u0e32\u0e17\u0e33\u0e01\u0e32\u0e23<\/h4>\r\n                <p style=\"color: #4a5568; line-height: 1.6; margin: 0; font-size: 0.95rem;\">\r\n                    \u0e27\u0e31\u0e19\u0e08\u0e31\u0e19\u0e17\u0e23\u0e4c - \u0e27\u0e31\u0e19\u0e28\u0e38\u0e01\u0e23\u0e4c: 08.30 \u0e19. - 16.30 \u0e19.<br>\r\n                    <span style=\"font-size: 0.9em; color: #718096;\">(\u0e1e\u0e31\u0e01\u0e40\u0e17\u0e35\u0e48\u0e22\u0e07 12.00 \u0e19. - 13.00 \u0e19.)<\/span><br>\r\n                    <strong style=\"color: #e53e3e;\">*\u0e1b\u0e34\u0e14\u0e17\u0e33\u0e01\u0e32\u0e23\u0e27\u0e31\u0e19\u0e40\u0e2a\u0e32\u0e23\u0e4c \u0e27\u0e31\u0e19\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c \u0e41\u0e25\u0e30\u0e27\u0e31\u0e19\u0e2b\u0e22\u0e38\u0e14\u0e19\u0e31\u0e01\u0e02\u0e31\u0e15\u0e24\u0e01\u0e29\u0e4c<\/strong>\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"info-column\" style=\"display: flex; flex-direction: column; justify-content: space-between;\">\r\n                <div>\r\n                    <h4 style=\"color: #1a202c; margin: 0 0 8px 0; font-size: 1.1rem;\">\ud83d\udcde \u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19<\/h4>\r\n                    <p style=\"color: #4a5568; margin: 0 0 20px 0; font-size: 1.05rem;\">\r\n                        <a href=\"tel:042359225\" style=\"color: #0073aa; text-decoration: none; font-weight: bold; border-bottom: 1px dashed #0073aa;\">042-359-225<\/a> \u0e2b\u0e23\u0e37\u0e2d \r\n                        <a href=\"tel:042359058\" style=\"color: #0073aa; text-decoration: none; font-weight: bold; border-bottom: 1px dashed #0073aa;\">042-359-058<\/a>\r\n                    <\/p>\r\n                <\/div>\r\n                \r\n                <div style=\"margin-top: auto;\">\r\n                    <a href=\"https:\/\/maps.google.com\/?q=\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e2a\u0e32\u0e18\u0e32\u0e23\u0e13\u0e2a\u0e38\u0e02\u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e19\u0e32\u0e01\u0e25\u0e32\u0e07\" target=\"_blank\" style=\"display: inline-flex; align-items: center; justify-content: center; background-color: #0073aa; color: white; text-decoration: none; padding: 12px 24px; border-radius: 6px; font-weight: bold; text-align: center; width: 100%; box-sizing: border-box; transition: background-color 0.2s; box-shadow: 0 2px 4px rgba(0,115,170,0.2);\">\r\n                        \ud83d\uddfa\ufe0f \u0e40\u0e1b\u0e34\u0e14\u0e19\u0e33\u0e17\u0e32\u0e07\u0e14\u0e49\u0e27\u0e22 Google Maps\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"map-container\" style=\"position: relative; padding-bottom: 50%; height: 0; overflow: hidden; border-radius: 12px; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\">\r\n        <iframe \r\n            src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3810.052865910129!2d102.19323147596841!3d17.433246701463133!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3120e76863c13bd1%3A0xf65ee73d61884883!2z4Liq4Liz4LiZ4Lix4LiB4LiH4Liy4LiZ4Liq4Liy4Lij4LiZ4Liq4Li44LiC4Lit4Liz4LmA4Lig4Lit4LiZ4Liy4LiB4Lil4Liy4LiH!5e0!3m2!1sth!2sth!4v1717316000000!5m2!1sth!2sth\" \r\n            style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;\" \r\n            allowfullscreen=\"\" \r\n            loading=\"lazy\" \r\n            referrerpolicy=\"no-referrer-when-downgrade\">\r\n        <\/iframe>\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0e22\u0e34\u0e19\u0e14\u0e35\u0e15\u0e49\u0e2d\u0e19\u0e23\u0e31\u0e1a\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e40 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-20","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dpho-naklang.com\/index.php?rest_route=\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dpho-naklang.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dpho-naklang.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dpho-naklang.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dpho-naklang.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=20"}],"version-history":[{"count":61,"href":"https:\/\/dpho-naklang.com\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":543,"href":"https:\/\/dpho-naklang.com\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions\/543"}],"wp:attachment":[{"href":"https:\/\/dpho-naklang.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}