{"id":24,"date":"2025-08-05T10:10:41","date_gmt":"2025-08-05T03:10:41","guid":{"rendered":"https:\/\/ksd.ac.th\/web\/?page_id=24"},"modified":"2025-08-05T11:24:38","modified_gmt":"2025-08-05T04:24:38","slug":"%e0%b8%82%e0%b9%89%e0%b8%ad%e0%b8%a1%e0%b8%b9%e0%b8%a5%e0%b8%97%e0%b8%b1%e0%b9%88%e0%b8%a7%e0%b9%84%e0%b8%9b","status":"publish","type":"page","link":"https:\/\/ksd.ac.th\/web\/?page_id=24","title":{"rendered":"\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b"},"content":{"rendered":"\n<p><\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"th\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19 &#8211; \u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e1a\u0e49\u0e32\u0e19\u0e41\u0e01\u0e48\u0e07\u0e2a\u0e30\u0e40\u0e14\u0e32<\/title>\n\n    <!-- Bootstrap CSS -->\n    <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n\n    <!-- Bootstrap Icons -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons@1.11.3\/font\/bootstrap-icons.min.css\">\n\n    <!-- Google Fonts (Kanit & Sarabun) -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kanit:wght@400;500;700&#038;family=Sarabun:wght@400;500;700&#038;display=swap\" rel=\"stylesheet\">\n\n    <!-- Custom CSS for the \"Most Beautiful in the World\" design -->\n    <style>\n        :root {\n            --primary-color: #004a99; \/* A deep, professional blue *\/\n            --secondary-color: #fca311; \/* A vibrant accent gold\/orange *\/\n            --background-color: #f8f9fa;\n            --card-background: #ffffff;\n            --text-color: #212529;\n            --light-text-color: #6c757d;\n        }\n\n        body {\n            font-family: 'Sarabun', sans-serif;\n            background-color: var(--background-color);\n            color: var(--text-color);\n        }\n        \n        h1, h2, h3, h4, h5, h6 {\n            font-family: 'Kanit', sans-serif;\n            font-weight: 700;\n        }\n\n        \/* --- Hero Header --- *\/\n        .hero-header {\n            padding: 6rem 0;\n            background: linear-gradient(135deg, rgba(0, 74, 153, 0.85), rgba(0, 40, 82, 0.95)), url('https:\/\/www.ksd.ac.th\/logo\/rcarn.JPG?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2');\n            background-size: cover;\n            background-position: center;\n            color: white;\n            text-align: center;\n            border-bottom: 5px solid var(--secondary-color);\n        }\n\n        .hero-header h1 {\n            font-size: clamp(2.8rem, 6vw, 4rem);\n            text-shadow: 2px 2px 8px rgba(0,0,0,0.4);\n        }\n        \n        \/* --- Main Content Card --- *\/\n        .info-card {\n            background-color: var(--card-background);\n            border-radius: 25px;\n            box-shadow: 0 15px 40px -15px rgba(0, 74, 153, 0.2);\n            border: none;\n            margin-top: -4rem; \/* Pulls the card up into the header *\/\n            position: relative;\n            z-index: 10;\n        }\n        \n        .info-section {\n            padding: 2rem 0;\n            border-bottom: 1px solid #e9ecef;\n        }\n        .info-section:last-child {\n            border-bottom: none;\n        }\n\n        .section-title {\n            font-size: 1.8rem;\n            color: var(--primary-color);\n            margin-bottom: 1.5rem;\n            display: flex;\n            align-items: center;\n        }\n        \n        .section-title .bi {\n            margin-right: 1rem;\n            font-size: 2.2rem;\n        }\n        \n        .info-list {\n            list-style: none;\n            padding-left: 0;\n        }\n        \n        .info-list li {\n            display: flex;\n            align-items: flex-start;\n            padding: 0.8rem 0;\n            border-bottom: 1px solid #f8f9fa;\n        }\n        \n        .info-list li:last-child {\n            border-bottom: none;\n        }\n        \n        .info-icon {\n            font-size: 1.5rem;\n            color: var(--secondary-color);\n            margin-right: 1.5rem;\n            width: 30px;\n            text-align: center;\n        }\n        \n        .info-label {\n            font-weight: 700;\n            color: var(--text-color);\n            width: 180px;\n            flex-shrink: 0;\n        }\n        \n        .info-value {\n            color: var(--light-text-color);\n            font-weight: 500;\n        }\n        \n        .info-value a {\n            color: var(--primary-color);\n            text-decoration: none;\n            font-weight: 700;\n            transition: color 0.3s ease;\n        }\n        \n        .info-value a:hover {\n            color: var(--secondary-color);\n            text-decoration: underline;\n        }\n        \n        .info-value .badge {\n            font-size: 0.9rem;\n            font-weight: 500;\n            padding: 0.4em 0.8em;\n        }\n        \n        .card-footer {\n            background-color: #f8f9fa;\n            border-bottom-left-radius: 25px;\n            border-bottom-right-radius: 25px;\n        }\n\n    <\/style>\n<\/head>\n<body>\n\n    <!-- Hero Header -->\n    <header class=\"hero-header\">\n        <div class=\"container\">\n            <h1><i class=\"bi bi-info-circle-fill me-3\"><\/i>\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19<\/h1>\n            <p class=\"lead\">\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e1a\u0e49\u0e32\u0e19\u0e41\u0e01\u0e48\u0e07\u0e2a\u0e30\u0e40\u0e14\u0e32<\/p>\n        <\/div>\n    <\/header>\n\n    <!-- Main Content Container -->\n    <main class=\"container\">\n        <div class=\"card info-card\">\n            <div class=\"card-body p-lg-5\">\n                \n                <!-- Section: General Info -->\n                <section class=\"info-section\">\n                    <h3 class=\"section-title\"><i class=\"bi bi-journal-text\"><\/i>\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b<\/h3>\n                    <ul class=\"info-list\">\n                        <li>\n                            <span class=\"info-icon\"><i class=\"bi bi-upc\"><\/i><\/span>\n                            <span class=\"info-label\">\u0e23\u0e2b\u0e31\u0e2a\u0e01\u0e23\u0e30\u0e17\u0e23\u0e27\u0e07<\/span>\n                            <span class=\"info-value\">1027740132<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"info-icon\"><i class=\"bi bi-card-checklist\"><\/i><\/span>\n                            <span class=\"info-label\">\u0e23\u0e2b\u0e31\u0e2a\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19 (SMIS)<\/span>\n                            <span class=\"info-value\">27010103<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"info-icon\"><i class=\"bi bi-person-badge-fill\"><\/i><\/span>\n                            <span class=\"info-label\">\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23<\/span>\n                            <span class=\"info-value\">\u0e19\u0e32\u0e22\u0e40\u0e1b\u0e35\u0e48\u0e22\u0e21\u0e28\u0e31\u0e01\u0e14\u0e34\u0e4c \u0e40\u0e14\u0e0a\u0e02\u0e31\u0e19\u0e18\u0e4c<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"info-icon\"><i class=\"bi bi-diagram-3-fill\"><\/i><\/span>\n                            <span class=\"info-label\">\u0e2a\u0e31\u0e07\u0e01\u0e31\u0e14<\/span>\n                            <span class=\"info-value\">\u0e2a\u0e1e\u0e1b.\u0e2a\u0e23\u0e30\u0e41\u0e01\u0e49\u0e27 \u0e40\u0e02\u0e15 1 (1027010000)<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"info-icon\"><i class=\"bi bi-calendar-event-fill\"><\/i><\/span>\n                            <span class=\"info-label\">\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48\u0e01\u0e48\u0e2d\u0e15\u0e31\u0e49\u0e07<\/span>\n                            <span class=\"info-value\">25 \u0e21\u0e34\u0e16\u0e38\u0e19\u0e32\u0e22\u0e19 2525<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"info-icon\"><i class=\"bi bi-easel2-fill\"><\/i><\/span>\n                            <span class=\"info-label\">\u0e0a\u0e31\u0e49\u0e19\u0e40\u0e23\u0e35\u0e22\u0e19\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e34\u0e14\u0e2a\u0e2d\u0e19<\/span>\n                            <span class=\"info-value\">\u0e2d\u0e19\u0e38\u0e1a\u0e32\u0e25 2 \u2013 \u0e1b\u0e23\u0e30\u0e16\u0e21\u0e28\u0e36\u0e01\u0e29\u0e32\u0e1b\u0e35\u0e17\u0e35\u0e48 6<\/span>\n                        <\/li>\n                         <li>\n                            <span class=\"info-icon\"><i class=\"bi bi-door-open-fill\"><\/i><\/span>\n                            <span class=\"info-label\">\u0e08\u0e33\u0e19\u0e27\u0e19\u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19<\/span>\n                            <span class=\"info-value\">8 \u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/section>\n\n                <!-- Section: Location & Contact -->\n                <section class=\"info-section\">\n                    <h3 class=\"section-title\"><i class=\"bi bi-geo-alt-fill\"><\/i>\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07\u0e41\u0e25\u0e30\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d<\/h3>\n                     <ul class=\"info-list\">\n                        <li>\n                            <span class=\"info-icon\"><i class=\"bi bi-pin-map-fill\"><\/i><\/span>\n                            <span class=\"info-label\">\u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48<\/span>\n                            <span class=\"info-value\">\u0e40\u0e25\u0e02\u0e17\u0e35\u0e48 \u0e1a\u0e49\u0e32\u0e19\u0e41\u0e01\u0e48\u0e07\u0e2a\u0e30\u0e40\u0e14\u0e32 \u0e2b\u0e21\u0e39\u0e48\u0e17\u0e35\u0e48 4 \u0e15\u0e33\u0e1a\u0e25\u0e17\u0e38\u0e48\u0e07\u0e21\u0e2b\u0e32\u0e40\u0e08\u0e23\u0e34\u0e0d \u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e27\u0e31\u0e07\u0e19\u0e49\u0e33\u0e40\u0e22\u0e47\u0e19 \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e2a\u0e23\u0e30\u0e41\u0e01\u0e49\u0e27 27210<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"info-icon\"><i class=\"bi bi-globe\"><\/i><\/span>\n                            <span class=\"info-label\">Website<\/span>\n                            <span class=\"info-value\"><a href=\"https:\/\/www.ksd.ac.th\" target=\"_blank\">https:\/\/www.ksd.ac.th<\/a><\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"info-icon\"><i class=\"bi bi-envelope-fill\"><\/i><\/span>\n                            <span class=\"info-label\">Email<\/span>\n                            <span class=\"info-value\"><a href=\"mailto:kangsadao27010103@gmail.com\">kangsadao27010103@gmail.com<\/a><\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"info-icon\"><i class=\"bi bi-facebook\"><\/i><\/span>\n                            <span class=\"info-label\">Facebook<\/span>\n                            <span class=\"info-value\"><a href=\"https:\/\/www.facebook.com\/school.ksd\/?locale=th_TH\" target=\"_blank\">\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e1a\u0e49\u0e32\u0e19\u0e41\u0e01\u0e48\u0e07\u0e2a\u0e30\u0e40\u0e14\u0e32<\/a><\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"info-icon\"><i class=\"bi bi-telephone-fill\"><\/i><\/span>\n                            <span class=\"info-label\">\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c<\/span>\n                            <span class=\"info-value\">037-625545<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"info-icon\"><i class=\"bi bi-printer-fill\"><\/i><\/span>\n                            <span class=\"info-label\">\u0e42\u0e17\u0e23\u0e2a\u0e32\u0e23<\/span>\n                            <span class=\"info-value\">\u2013<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/section>\n                \n                <!-- Section: Utilities & Land -->\n                <section class=\"info-section\">\n                    <h3 class=\"section-title\"><i class=\"bi bi-lightning-charge-fill\"><\/i>\u0e2a\u0e32\u0e18\u0e32\u0e23\u0e13\u0e39\u0e1b\u0e42\u0e20\u0e04\u0e41\u0e25\u0e30\u0e17\u0e35\u0e48\u0e14\u0e34\u0e19<\/h3>\n                     <ul class=\"info-list\">\n                        <li>\n                            <span class=\"info-icon\"><i class=\"bi bi-map-fill\"><\/i><\/span>\n                            <span class=\"info-label\">\u0e17\u0e35\u0e48\u0e14\u0e34\u0e19<\/span>\n                            <span class=\"info-value\">\u0e17\u0e35\u0e48\u0e23\u0e32\u0e0a\u0e1e\u0e31\u0e2a\u0e14\u0e38<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"info-icon\"><i class=\"bi bi-lightbulb-fill\"><\/i><\/span>\n                            <span class=\"info-label\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e44\u0e1f\u0e1f\u0e49\u0e32<\/span>\n                            <span class=\"info-value\">\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e08\u0e32\u0e01\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e23\u0e31\u0e10-\u0e23\u0e31\u0e10\u0e27\u0e34\u0e2a\u0e32\u0e2b\u0e01\u0e34\u0e08<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"info-icon\"><i class=\"bi bi-droplet-fill\"><\/i><\/span>\n                            <span class=\"info-label\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e19\u0e49\u0e33<\/span>\n                            <span class=\"info-value\">\u0e1b\u0e23\u0e30\u0e1b\u0e32\u0e2b\u0e21\u0e39\u0e48\u0e1a\u0e49\u0e32\u0e19<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"info-icon\"><i class=\"bi bi-wifi\"><\/i><\/span>\n                            <span class=\"info-label\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2d\u0e34\u0e19\u0e40\u0e17\u0e2d\u0e23\u0e4c\u0e40\u0e19\u0e47\u0e15<\/span>\n                            <span class=\"info-value\">\n                                <span class=\"badge text-bg-primary me-2\">Fiber Net MOE<\/span>\n                                <span class=\"badge text-bg-secondary\">\u0e08\u0e32\u0e19\u0e14\u0e32\u0e27\u0e40\u0e17\u0e35\u0e22\u0e21<\/span>\n                            <\/span>\n                        <\/li>\n                    <\/ul>\n                <\/section>\n\n            <\/div>\n            <div class=\"card-footer text-center text-muted p-3\">\n                \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 \u0e13 \u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 5 \u0e2a\u0e34\u0e07\u0e2b\u0e32\u0e04\u0e21 2568\n            <\/div>\n        <\/div>\n    <\/main>\n\n    <!-- Footer -->\n    <footer class=\"text-center p-4 mt-5\">\n        <div class=\"container\">\n            <p class=\"mb-0 text-muted\">&copy; \u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e1a\u0e49\u0e32\u0e19\u0e41\u0e01\u0e48\u0e07\u0e2a\u0e30\u0e40\u0e14\u0e32 | \u0e2a\u0e1e\u0e1b.\u0e2a\u0e23\u0e30\u0e41\u0e01\u0e49\u0e27 \u0e40\u0e02\u0e15 1<\/p>\n        <\/div>\n    <\/footer>\n\n    <!-- Bootstrap JS -->\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19 &#8211; \u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e1a\u0e49\u0e32\u0e19\u0e41\u0e01\u0e48\u0e07\u0e2a\u0e30\u0e40\u0e14\u0e32 \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1e\u0e37\u0e49\u0e19\u0e10&#8230;<\/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-24","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ksd.ac.th\/web\/index.php?rest_route=\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ksd.ac.th\/web\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ksd.ac.th\/web\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ksd.ac.th\/web\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ksd.ac.th\/web\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=24"}],"version-history":[{"count":5,"href":"https:\/\/ksd.ac.th\/web\/index.php?rest_route=\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":49,"href":"https:\/\/ksd.ac.th\/web\/index.php?rest_route=\/wp\/v2\/pages\/24\/revisions\/49"}],"wp:attachment":[{"href":"https:\/\/ksd.ac.th\/web\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}