{"id":263,"date":"2026-04-25T08:21:26","date_gmt":"2026-04-25T01:21:26","guid":{"rendered":"http:\/\/localhost\/?page_id=263"},"modified":"2026-04-25T08:37:54","modified_gmt":"2026-04-25T01:37:54","slug":"%e0%b8%82%e0%b9%89%e0%b8%ad%e0%b8%a1%e0%b8%b9%e0%b8%a5%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%95%e0%b8%b4%e0%b8%94%e0%b8%95%e0%b9%88%e0%b8%ad","status":"publish","type":"page","link":"https:\/\/decor.soc.go.th\/?page_id=263","title":{"rendered":"\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d"},"content":{"rendered":"\n<style>\n    .soc-contact-container {\n        max-width: 1200px;\n        margin: 40px auto;\n        background: #ffffff;\n        border-radius: 16px;\n        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\n        overflow: hidden;\n        font-family: 'Sarabun', Tahoma, sans-serif;\n        color: #334155;\n        border-top: 5px solid #003366;\n    }\n\n    .soc-contact-header {\n        text-align: center;\n        padding: 40px 20px;\n        background: linear-gradient(to bottom, #f8fafc, #ffffff);\n        border-bottom: 1px solid #f1f5f9;\n    }\n\n    .soc-contact-header h2 {\n        color: #003366;\n        font-weight: bold;\n        font-size: 30px;\n        margin-bottom: 10px;\n    }\n\n    .soc-contact-header p {\n        color: #64748b;\n        font-size: 18px;\n    }\n\n    .soc-contact-body {\n        display: flex;\n        flex-wrap: wrap;\n        padding: 40px;\n        gap: 40px;\n    }\n\n    \/* \u0e2a\u0e48\u0e27\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e15\u0e31\u0e27\u0e2d\u0e31\u0e01\u0e29\u0e23 *\/\n    .contact-info-side {\n        flex: 1 1 400px;\n    }\n\n    .contact-card {\n        margin-bottom: 30px;\n    }\n\n    .contact-item {\n        display: flex;\n        align-items: flex-start;\n        margin-bottom: 25px;\n    }\n\n    .contact-icon {\n        width: 50px;\n        height: 50px;\n        background: #f1f5f9;\n        color: #003366;\n        border-radius: 12px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 22px;\n        margin-right: 20px;\n        flex-shrink: 0;\n        transition: 0.3s;\n    }\n\n    .contact-item:hover .contact-icon {\n        background: #003366;\n        color: #ffffff;\n    }\n\n    .contact-text {\n        width: 100%;\n        \/* \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e43\u0e2b\u0e49\u0e01\u0e25\u0e48\u0e2d\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e02\u0e22\u0e32\u0e22\u0e40\u0e15\u0e47\u0e21\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48 *\/\n    }\n\n    .contact-text h4 {\n        margin: 0 0 5px 0;\n        font-size: 18px;\n        color: #0f172a;\n        font-weight: bold;\n    }\n\n    .contact-text p {\n        margin: 0;\n        font-size: 16px;\n        line-height: 1.6;\n        color: #475569;\n    }\n\n    \/* ======================================= *\/\n    \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e1e\u0e34\u0e40\u0e28\u0e29\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c\u0e41\u0e25\u0e30\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e15\u0e48\u0e2d *\/\n    \/* ======================================= *\/\n    .main-phone-num {\n        font-size: 22px;\n        font-weight: bold;\n        color: #003366;\n        margin-bottom: 15px;\n        display: inline-block;\n    }\n\n    .ext-list {\n        background: #f8fafc;\n        border: 1px solid #e2e8f0;\n        border-radius: 8px;\n        padding: 12px 15px;\n    }\n\n    .ext-item {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 10px 0;\n        border-bottom: 1px dashed #cbd5e1;\n    }\n\n    .ext-item:last-child {\n        border-bottom: none;\n        padding-bottom: 0;\n    }\n\n    .ext-item:first-child {\n        padding-top: 0;\n    }\n\n    .ext-dept {\n        color: #475569;\n        font-size: 15.5px;\n        display: flex;\n        align-items: center;\n    }\n\n    .ext-dept i {\n        color: #f39c12;\n        margin-right: 8px;\n        font-size: 12px;\n    }\n\n    .ext-badge {\n        background: #e0f2fe;\n        color: #0369a1;\n        font-size: 14px;\n        font-weight: bold;\n        padding: 4px 12px;\n        border-radius: 20px;\n    }\n\n    \/* \u0e2a\u0e48\u0e27\u0e19\u0e41\u0e1c\u0e19\u0e17\u0e35\u0e48 *\/\n    .contact-map-side {\n        flex: 1 1 500px;\n    }\n\n    .map-wrapper {\n        width: 100%;\n        height: 450px;\n        border-radius: 12px;\n        overflow: hidden;\n        border: 1px solid #e2e8f0;\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n    }\n\n    .map-wrapper iframe {\n        width: 100%;\n        height: 100%;\n        border: 0;\n    }\n\n    \/* \u0e15\u0e32\u0e23\u0e32\u0e07\u0e40\u0e27\u0e25\u0e32\u0e17\u0e33\u0e01\u0e32\u0e23 *\/\n    .business-hours {\n        margin-top: 30px;\n        padding: 20px;\n        background: #f8fafc;\n        border-radius: 12px;\n        border: 1px solid #e2e8f0;\n    }\n\n    .business-hours h5 {\n        margin: 0 0 15px 0;\n        font-weight: bold;\n        color: #003366;\n        display: flex;\n        align-items: center;\n        gap: 10px;\n    }\n\n    .hours-row {\n        display: flex;\n        justify-content: space-between;\n        padding: 8px 0;\n        border-bottom: 1px dashed #cbd5e1;\n    }\n\n    .hours-row:last-child {\n        border-bottom: none;\n    }\n\n    .hours-label {\n        color: #475569;\n    }\n\n    .hours-value {\n        font-weight: bold;\n        color: #0f172a;\n    }\n\n    @media (max-width: 768px) {\n        .soc-contact-body {\n            padding: 25px;\n        }\n\n        .soc-contact-header h2 {\n            font-size: 26px;\n        }\n\n        .map-wrapper {\n            height: 350px;\n        }\n\n        .ext-item {\n            flex-direction: column;\n            align-items: flex-start;\n            gap: 5px;\n        }\n\n        .ext-badge {\n            margin-left: 20px;\n        }\n    }\n<\/style>\n\n<div class=\"soc-contact-container\">\n\n    <div class=\"soc-contact-body\">\n        <div class=\"contact-info-side\">\n            <div class=\"contact-card\">\n\n                <div class=\"contact-item\">\n                    <div class=\"contact-icon\">\n                        <i class=\"fas fa-map-marker-alt\"><\/i>\n                    <\/div>\n                    <div class=\"contact-text\">\n                        <h4>\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d<\/h4>\n                        <p>\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e40\u0e25\u0e02\u0e32\u0e18\u0e34\u0e01\u0e32\u0e23\u0e04\u0e13\u0e30\u0e23\u0e31\u0e10\u0e21\u0e19\u0e15\u0e23\u0e35 \u0e2b\u0e25\u0e31\u0e07\u0e40\u0e01\u0e48\u0e32 \u0e41\u0e02\u0e27\u0e07\u0e14\u0e38\u0e2a\u0e34\u0e15 \u0e40\u0e02\u0e15\u0e14\u0e38\u0e2a\u0e34\u0e15 \u0e01\u0e23\u0e38\u0e07\u0e40\u0e17\u0e1e\u0e21\u0e2b\u0e32\u0e19\u0e04\u0e23 10300<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"contact-item\">\n                    <div class=\"contact-icon\">\n                        <i class=\"fas fa-phone-alt\"><\/i>\n                    <\/div>\n                    <div class=\"contact-text\">\n                        <h4>\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c<\/h4>\n                        <div class=\"main-phone-num\">\n                            0 2280 9000\n                        <\/div>\n\n                        <div class=\"ext-list\">\n                            <div class=\"ext-item\">\n                                <span class=\"ext-dept\"><i class=\"fas fa-chevron-right\"><\/i>\n                                    \u0e01\u0e25\u0e38\u0e48\u0e21\u0e07\u0e32\u0e19\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e32\u0e0a\u0e2d\u0e34\u0e2a\u0e23\u0e34\u0e22\u0e32\u0e20\u0e23\u0e13\u0e4c<\/span>\n                                <span class=\"ext-badge\">\u0e15\u0e48\u0e2d 1861 &#8211; 1865<\/span>\n                            <\/div>\n                            <div class=\"ext-item\">\n                                <span class=\"ext-dept\"><i class=\"fas fa-chevron-right\"><\/i> \u0e01\u0e25\u0e38\u0e48\u0e21\u0e07\u0e32\u0e19\u0e10\u0e32\u0e19\u0e31\u0e19\u0e14\u0e23<\/span>\n                                <span class=\"ext-badge\">\u0e15\u0e48\u0e2d 1871 &#8211; 1876<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"contact-item\">\n                    <div class=\"contact-icon\">\n                        <i class=\"fas fa-print\"><\/i>\n                    <\/div>\n                    <div class=\"contact-text\">\n                        <h4>\u0e42\u0e17\u0e23\u0e2a\u0e32\u0e23<\/h4>\n                        <p>0 2280 9046<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"contact-item\">\n                    <div class=\"contact-icon\">\n                        <i class=\"fas fa-envelope\"><\/i>\n                    <\/div>\n                    <div class=\"contact-text\">\n                        <h4>\u0e2d\u0e35\u0e40\u0e21\u0e25\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d<\/h4>\n                        <p>saraban@soc.go.th (\u0e2a\u0e32\u0e23\u0e1a\u0e23\u0e23\u0e13\u0e01\u0e25\u0e32\u0e07)<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"business-hours\">\n                <h5><i class=\"fas fa-clock\"><\/i> \u0e40\u0e27\u0e25\u0e32\u0e17\u0e33\u0e01\u0e32\u0e23<\/h5>\n                <div class=\"hours-row\">\n                    <span class=\"hours-label\">\u0e27\u0e31\u0e19\u0e08\u0e31\u0e19\u0e17\u0e23\u0e4c &#8211; \u0e27\u0e31\u0e19\u0e28\u0e38\u0e01\u0e23\u0e4c<\/span>\n                    <span class=\"hours-value\">08.30 &#8211; 16.30 \u0e19.<\/span>\n                <\/div>\n                <div class=\"hours-row\">\n                    <span class=\"hours-label\">\u0e27\u0e31\u0e19\u0e40\u0e2a\u0e32\u0e23\u0e4c &#8211; \u0e27\u0e31\u0e19\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c<\/span>\n                    <span class=\"hours-value\" style=\"color: #e11d48;\">\u0e1b\u0e34\u0e14\u0e17\u0e33\u0e01\u0e32\u0e23<\/span>\n                <\/div>\n                <div class=\"hours-row\" style=\"border: none;\">\n                    <span class=\"hours-label\">\u0e27\u0e31\u0e19\u0e2b\u0e22\u0e38\u0e14\u0e19\u0e31\u0e01\u0e02\u0e31\u0e15\u0e24\u0e01\u0e29\u0e4c<\/span>\n                    <span class=\"hours-value\" style=\"color: #e11d48;\">\u0e1b\u0e34\u0e14\u0e17\u0e33\u0e01\u0e32\u0e23<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"contact-map-side\">\n            <div class=\"map-wrapper\">\n                <iframe\n                    src=\"https:\/\/maps.google.com\/maps?q=\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e40\u0e25\u0e02\u0e32\u0e18\u0e34\u0e01\u0e32\u0e23\u0e04\u0e13\u0e30\u0e23\u0e31\u0e10\u0e21\u0e19\u0e15\u0e23\u0e35&#038;t=&#038;z=16&#038;ie=UTF8&#038;iwloc=&#038;output=embed\"\n                    allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\">\n                <\/iframe>\n            <\/div>\n            <p style=\"margin-top: 15px; text-align: center; font-size: 14px; color: #64748b;\">\n                <i class=\"fas fa-info-circle\"><\/i> \u0e17\u0e48\u0e32\u0e19\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e04\u0e25\u0e34\u0e01\u0e17\u0e35\u0e48\u0e41\u0e1c\u0e19\u0e17\u0e35\u0e48\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e39\u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07\u0e1c\u0e48\u0e32\u0e19 Google Maps\n            <\/p>\n        <\/div>\n    <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d \u0e2d\u0e32\u0e04\u0e32\u0e23\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e40\u0e25\u0e02\u0e32\u0e18\u0e34\u0e01\u0e32\u0e23\u0e04\u0e13\u0e30\u0e23\u0e31\u0e10\u0e21\u0e19\u0e15\u0e23\u0e35 \u0e2b\u0e25\u0e31\u0e07\u0e40\u0e01\u0e48\u0e32 \u0e41 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-263","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/decor.soc.go.th\/index.php?rest_route=\/wp\/v2\/pages\/263","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/decor.soc.go.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/decor.soc.go.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/decor.soc.go.th\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/decor.soc.go.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=263"}],"version-history":[{"count":6,"href":"https:\/\/decor.soc.go.th\/index.php?rest_route=\/wp\/v2\/pages\/263\/revisions"}],"predecessor-version":[{"id":269,"href":"https:\/\/decor.soc.go.th\/index.php?rest_route=\/wp\/v2\/pages\/263\/revisions\/269"}],"wp:attachment":[{"href":"https:\/\/decor.soc.go.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}