{"id":578,"date":"2025-11-27T04:13:45","date_gmt":"2025-11-27T04:13:45","guid":{"rendered":"https:\/\/dmdhospital.go.th\/?page_id=578"},"modified":"2025-11-27T07:15:38","modified_gmt":"2025-11-27T07:15:38","slug":"%e0%b8%97%e0%b8%b5%e0%b9%88%e0%b8%ad%e0%b8%a2%e0%b8%b9%e0%b9%88-%e0%b9%80%e0%b8%9a%e0%b8%ad%e0%b8%a3%e0%b9%8c%e0%b9%82%e0%b8%97%e0%b8%a3","status":"publish","type":"page","link":"https:\/\/dmdhospital.go.th\/?page_id=578","title":{"rendered":"\u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48\/\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23"},"content":{"rendered":"\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Infographic \u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e14\u0e2d\u0e19\u0e21\u0e14\u0e41\u0e14\u0e07<\/title>\n    <!-- \u0e42\u0e2b\u0e25\u0e14 Tailwind CSS CDN -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <!-- \u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e1f\u0e2d\u0e19\u0e15\u0e4c\u0e2b\u0e25\u0e31\u0e01\u0e40\u0e1b\u0e47\u0e19 Inter \u0e41\u0e25\u0e30\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e2a\u0e35\u0e2b\u0e25\u0e31\u0e01 -->\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@100..900&family=Noto+Sans+Thai:wght@100..900&display=swap');\n        body {\n            font-family: 'Noto Sans Thai', 'Inter', sans-serif;\n            background-color: #f0f9ff; \/* Lightest Blue Background *\/\n        }\n        .icon-svg {\n            stroke: currentColor;\n            stroke-width: 2;\n            stroke-linecap: round;\n            stroke-linejoin: round;\n            fill: none;\n        }\n    <\/style>\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        'hospital-blue': '#1e40af', \/* Dark Blue for prominence *\/\n                        'hospital-green': '#059669', \/* Green accent for health *\/\n                        'bg-light': '#ffffff',\n                    }\n                }\n            }\n        }\n    <\/script>\n<\/head>\n<body>\n\n    <!-- Main Container - Aligned to Top and Responsive -->\n    <!-- \u0e25\u0e1a flex items-center justify-center \u0e2d\u0e2d\u0e01 \u0e41\u0e25\u0e30\u0e40\u0e1e\u0e34\u0e48\u0e21 pt-10\/pt-16 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e40\u0e23\u0e34\u0e48\u0e21\u0e08\u0e32\u0e01\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e19\u0e02\u0e2d\u0e07\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d -->\n    <div class=\"min-h-screen p-4 sm:p-8 pt-10 sm:pt-16\">\n        <!-- \u0e40\u0e1e\u0e34\u0e48\u0e21 mx-auto \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e08\u0e31\u0e14\u0e43\u0e2b\u0e49\u0e2d\u0e34\u0e19\u0e42\u0e1f\u0e01\u0e23\u0e32\u0e1f\u0e34\u0e01\u0e2d\u0e22\u0e39\u0e48\u0e01\u0e36\u0e48\u0e07\u0e01\u0e25\u0e32\u0e07\u0e41\u0e19\u0e27\u0e19\u0e2d\u0e19 -->\n        <div class=\"w-full max-w-6xl mx-auto bg-bg-light shadow-2xl rounded-3xl p-6 sm:p-12 border-4 border-hospital-blue\/10\">\n\n            <!-- Title Section -->\n            <header class=\"text-center mb-10\">\n                <h1 class=\"text-4xl sm:text-5xl font-extrabold text-hospital-blue leading-tight\">\n                    \u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32\n                <\/h1>\n                <h2 class=\"text-xl sm:text-2xl mt-2 font-semibold text-gray-700\">\n                    \u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e14\u0e2d\u0e19\u0e21\u0e14\u0e41\u0e14\u0e07\n                <\/h2>\n                <div class=\"mt-4 h-1.5 w-24 bg-hospital-green mx-auto rounded-full\"><\/div>\n            <\/header>\n\n            <!-- Infographic Grid - Contact Details -->\n            <div class=\"grid md:grid-cols-2 gap-6 sm:gap-8\">\n\n                <!-- Card 1: Address (Location) -->\n                <div class=\"bg-blue-50\/70 p-6 sm:p-8 rounded-2xl shadow-lg transform hover:scale-[1.02] transition duration-300 border-l-4 border-hospital-blue\">\n                    <div class=\"flex items-start\">\n                        <!-- Icon: Map Pin -->\n                        <div class=\"text-hospital-blue flex-shrink-0 w-12 h-12 p-3 bg-hospital-blue\/10 rounded-full mr-4 shadow-md\">\n                            <svg class=\"icon-svg\" viewBox=\"0 0 24 24\">\n                                <path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z\"\/>\n                                <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\n                            <\/svg>\n                        <\/div>\n                        <div>\n                            <p class=\"text-lg font-bold text-gray-800 mb-1 uppercase tracking-wider\">\u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48 (Address)<\/p>\n                            <p class=\"text-gray-600 text-base leading-relaxed\">\n                                1 \u0e2b\u0e21\u0e39\u0e48 12 \u0e15\u0e33\u0e1a\u0e25\u0e40\u0e2b\u0e25\u0e48\u0e32\u0e41\u0e14\u0e07 <br class=\"md:hidden\">\n                                \u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e14\u0e2d\u0e19\u0e21\u0e14\u0e41\u0e14\u0e07 <br class=\"md:hidden\">\n                                \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e2d\u0e38\u0e1a\u0e25\u0e23\u0e32\u0e0a\u0e18\u0e32\u0e19\u0e35 34000\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Card 2: Phone\/Fax -->\n                <div class=\"bg-green-50\/70 p-6 sm:p-8 rounded-2xl shadow-lg transform hover:scale-[1.02] transition duration-300 border-l-4 border-hospital-green\">\n                    <div class=\"flex items-start\">\n                        <!-- Icon: Phone -->\n                        <div class=\"text-hospital-green flex-shrink-0 w-12 h-12 p-3 bg-hospital-green\/10 rounded-full mr-4 shadow-md\">\n                            <svg class=\"icon-svg\" viewBox=\"0 0 24 24\">\n                                <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-4.9-4.9A19.79 19.79 0 0 1 2 5.18 2 2 0 0 1 4.1 3h3a2 2 0 0 1 2 1.72 17.5 17.5 0 0 0 .93 4.35 2 2 0 0 1-.36 2.24l-1.63 1.63a1 1 0 0 0 .53 1.77 19.79 19.79 0 0 0 8.63 3.07 2 2 0 0 1 1.72 2z\"\/>\n                            <\/svg>\n                        <\/div>\n                        <div>\n                            <p class=\"text-lg font-bold text-gray-800 mb-1 uppercase tracking-wider\">\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c \/ \u0e42\u0e17\u0e23\u0e2a\u0e32\u0e23<\/p>\n                            <p class=\"text-gray-600 text-base\">\n                                <span class=\"font-mono text-xl text-hospital-green\">045-308054<\/span>\n                            <\/p>\n                            <p class=\"text-sm text-gray-500 mt-1\">\n                                (\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c\u0e41\u0e25\u0e30\u0e42\u0e17\u0e23\u0e2a\u0e32\u0e23\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e40\u0e14\u0e35\u0e22\u0e27\u0e01\u0e31\u0e19)\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Card 3: Social Media (Facebook) - Full Width -->\n            <div class=\"mt-8\">\n                <div class=\"bg-blue-50\/70 p-6 sm:p-8 rounded-2xl shadow-xl transform hover:scale-[1.01] transition duration-300 border-t-4 border-hospital-blue\/50\">\n                    <div class=\"flex items-center\">\n                        <!-- Icon: Facebook -->\n                        <div class=\"text-blue-600 flex-shrink-0 w-12 h-12 p-3 bg-blue-100 rounded-full mr-4 shadow-md\">\n                            <svg class=\"icon-svg\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/>\n                            <\/svg>\n                        <\/div>\n                        <div>\n                            <p class=\"text-lg font-bold text-gray-800 mb-1 uppercase tracking-wider\">\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e42\u0e0b\u0e40\u0e0a\u0e35\u0e22\u0e25\u0e21\u0e35\u0e40\u0e14\u0e35\u0e22<\/p>\n                            <a href=\"#\" class=\"text-blue-600 hover:text-blue-800 transition duration-150 font-semibold text-xl\">\n                                \u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e14\u0e2d\u0e19\u0e21\u0e14\u0e41\u0e14\u0e07 (Donmoddaeng Hospital)\n                            <\/a>\n                            <p class=\"text-sm text-gray-500 mt-1\">\n                                \u0e04\u0e49\u0e19\u0e2b\u0e32\u0e40\u0e23\u0e32\u0e1a\u0e19 Facebook \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e02\u0e48\u0e32\u0e27\u0e2a\u0e32\u0e23\u0e41\u0e25\u0e30\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Footer\/Call to action -->\n            <footer class=\"text-center mt-10 pt-6 border-t border-gray-100\">\n                <p class=\"text-sm text-gray-500\">\n                    \u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32\u0e44\u0e14\u0e49\u0e15\u0e25\u0e2d\u0e14\u0e40\u0e27\u0e25\u0e32\u0e17\u0e33\u0e01\u0e32\u0e23 \u0e40\u0e23\u0e32\u0e22\u0e34\u0e19\u0e14\u0e35\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e14\u0e49\u0e32\u0e19\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e15\u0e47\u0e21\u0e17\u0e35\u0e48\n                <\/p>\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/150x50\/1e40af\/ffffff?text=HEALTHCARE\" \n                     alt=\"Placeholder for hospital logo\/badge\" \n                     class=\"mx-auto mt-4 rounded-lg opacity-80\"\n                     onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/150x50\/3b82f6\/ffffff?text=SERVICE';\">\n            <\/footer>\n\n        <\/div>\n    <\/div>\n\n<\/body>\n","protected":false},"excerpt":{"rendered":"<p>Infographic \u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e42\u0e23<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","footnotes":""},"class_list":["post-578","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"\u0e19\u0e31\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e04\u0e2d\u0e21\u0e1e\u0e34\u0e27\u0e40\u0e15\u0e2d\u0e23\u0e4c","author_link":"https:\/\/dmdhospital.go.th\/?author=1"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"Infographic \u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e42\u0e23","_links":{"self":[{"href":"https:\/\/dmdhospital.go.th\/index.php?rest_route=\/wp\/v2\/pages\/578","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dmdhospital.go.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dmdhospital.go.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dmdhospital.go.th\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dmdhospital.go.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=578"}],"version-history":[{"count":20,"href":"https:\/\/dmdhospital.go.th\/index.php?rest_route=\/wp\/v2\/pages\/578\/revisions"}],"predecessor-version":[{"id":635,"href":"https:\/\/dmdhospital.go.th\/index.php?rest_route=\/wp\/v2\/pages\/578\/revisions\/635"}],"wp:attachment":[{"href":"https:\/\/dmdhospital.go.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=578"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}