{"id":30,"date":"2025-08-05T10:25:58","date_gmt":"2025-08-05T03:25:58","guid":{"rendered":"https:\/\/ksd.ac.th\/web\/?page_id=30"},"modified":"2025-08-05T10:25:58","modified_gmt":"2025-08-05T03:25:58","slug":"%e0%b9%81%e0%b8%9c%e0%b8%99%e0%b8%9c%e0%b8%b1%e0%b8%87%e0%b9%82%e0%b8%a3%e0%b8%87%e0%b9%80%e0%b8%a3%e0%b8%b5%e0%b8%a2%e0%b8%99","status":"publish","type":"page","link":"https:\/\/ksd.ac.th\/web\/?page_id=30","title":{"rendered":"\u0e41\u0e1c\u0e19\u0e1c\u0e31\u0e07\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19"},"content":{"rendered":"\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>\u0e41\u0e1c\u0e19\u0e1c\u0e31\u0e07\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) for beautiful Thai typography -->\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        body {\n            font-family: 'Sarabun', sans-serif;\n            background-color: #f4f7f6; \/* A soft, natural green-tinted background *\/\n        }\n        \n        h1, h2, h3, h4, h5, h6 {\n            font-family: 'Kanit', sans-serif;\n            font-weight: 500;\n        }\n\n        \/* --- Header Section --- *\/\n        .header-section {\n            background: linear-gradient(135deg, #005a28, #007a33);\n            color: white;\n            padding: 4rem 0;\n            text-align: center;\n        }\n\n        .header-section h1 {\n            font-size: clamp(2.5rem, 5vw, 3.5rem);\n            font-weight: 700;\n            text-shadow: 1px 1px 3px rgba(0,0,0,0.2);\n        }\n\n        \/* --- Main Map Section --- *\/\n        .map-container {\n            padding: 4rem 0;\n        }\n\n        .map-image-wrapper {\n            position: relative;\n            border-radius: 25px;\n            overflow: hidden;\n            box-shadow: 0 20px 40px -10px rgba(0, 90, 40, 0.3);\n        }\n\n        .map-image-wrapper img {\n            width: 100%;\n            height: auto;\n            display: block;\n        }\n\n        \/* --- Legend Section --- *\/\n        .legend-section {\n            padding: 3rem 0;\n        }\n\n        .legend-title {\n            text-align: center;\n            margin-bottom: 3rem;\n        }\n\n        .legend-title h2 {\n            font-size: 2.5rem;\n            font-weight: 700;\n            color: #004219;\n        }\n\n        .legend-item {\n            display: flex;\n            align-items: center;\n            background-color: #ffffff;\n            border-radius: 15px;\n            padding: 1.25rem;\n            margin-bottom: 1rem;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            border: 1px solid #e9ecef;\n        }\n        \n        .legend-item:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 10px 25px rgba(0, 90, 40, 0.1);\n        }\n\n        .legend-number {\n            font-family: 'Kanit', sans-serif;\n            font-size: 1.5rem;\n            font-weight: 700;\n            color: #ffffff;\n            background-color: #198754;\n            width: 45px;\n            height: 45px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border-radius: 50%;\n            margin-right: 1rem;\n            flex-shrink: 0;\n        }\n\n        .legend-text {\n            font-size: 1.1rem;\n            font-weight: 500;\n            color: #343a40;\n        }\n        \n        .qr-code-wrapper {\n            background-color: #fff;\n            padding: 1.5rem;\n            border-radius: 15px;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n            border: 1px solid #e9ecef;\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- Header Section -->\n    <header class=\"header-section\">\n        <div class=\"container\">\n            <h1><i class=\"bi bi-map-fill me-3\"><\/i>\u0e41\u0e1c\u0e19\u0e1c\u0e31\u0e07\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e1a\u0e49\u0e32\u0e19\u0e41\u0e01\u0e48\u0e07\u0e2a\u0e30\u0e40\u0e14\u0e32<\/h1>\n        <\/div>\n    <\/header>\n\n    <!-- Main Content Container -->\n    <main class=\"container\">\n        \n        <!-- Section 1: The Map -->\n        <section class=\"map-container\">\n            <div class=\"map-image-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/www.ksd.ac.th\/logo\/map2565.jpg\" alt=\"\u0e41\u0e1c\u0e19\u0e1c\u0e31\u0e07\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e1a\u0e49\u0e32\u0e19\u0e41\u0e01\u0e48\u0e07\u0e2a\u0e30\u0e40\u0e14\u0e32\">\n            <\/div>\n        <\/section>\n\n        <!-- Section 2: Legend \/ Key -->\n        <section class=\"legend-section\">\n            <div class=\"legend-title\">\n                <h2>\u0e04\u0e33\u0e2d\u0e18\u0e34\u0e1a\u0e32\u0e22\u0e41\u0e1c\u0e19\u0e1c\u0e31\u0e07<\/h2>\n            <\/div>\n            <div class=\"row justify-content-center\">\n                <div class=\"col-lg-10\">\n                    <div class=\"row\">\n                        <!-- Column 1 -->\n                        <div class=\"col-md-6\">\n                            <div class=\"legend-item\"><span class=\"legend-number\">1<\/span><span class=\"legend-text\">\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23<\/span><\/div>\n                            <div class=\"legend-item\"><span class=\"legend-number\">2<\/span><span class=\"legend-text\">\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e0a\u0e31\u0e49\u0e19 \u0e2d.2 &#8211; \u0e1b.6<\/span><\/div>\n                            <div class=\"legend-item\"><span class=\"legend-number\">3<\/span><span class=\"legend-text\">\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23<\/span><\/div>\n                            <div class=\"legend-item\"><span class=\"legend-number\">4<\/span><span class=\"legend-text\">\u0e2b\u0e49\u0e2d\u0e07\u0e19\u0e49\u0e33\u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e49\u0e27\u0e21\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e0a\u0e32\u0e22<\/span><\/div>\n                            <div class=\"legend-item\"><span class=\"legend-number\">5<\/span><span class=\"legend-text\">\u0e2b\u0e49\u0e2d\u0e07\u0e19\u0e49\u0e33\u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e49\u0e27\u0e21\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2b\u0e0d\u0e34\u0e07<\/span><\/div>\n                             <div class=\"legend-item\"><span class=\"legend-number\">6<\/span><span class=\"legend-text\">\u0e1a\u0e49\u0e32\u0e19\u0e1e\u0e31\u0e01\u0e04\u0e23\u0e39<\/span><\/div>\n                        <\/div>\n                        <!-- Column 2 -->\n                        <div class=\"col-md-6\">\n                            <div class=\"legend-item\"><span class=\"legend-number\">7<\/span><span class=\"legend-text\">\u0e25\u0e32\u0e19\u0e01\u0e35\u0e2c\u0e32\u0e2d\u0e40\u0e19\u0e01\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c<\/span><\/div>\n                            <div class=\"legend-item\"><span class=\"legend-number\">8<\/span><span class=\"legend-text\">\u0e1a\u0e48\u0e2d\u0e19\u0e49\u0e33<\/span><\/div>\n                            <div class=\"legend-item\"><span class=\"legend-number\">9<\/span><span class=\"legend-text\">\u0e2a\u0e19\u0e32\u0e21\u0e1f\u0e38\u0e15\u0e1a\u0e2d\u0e25<\/span><\/div>\n                            <div class=\"legend-item\"><span class=\"legend-number\">10<\/span><span class=\"legend-text\">\u0e42\u0e23\u0e07\u0e40\u0e23\u0e37\u0e2d\u0e19\u0e40\u0e1e\u0e32\u0e30\u0e0a\u0e33\/\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23<\/span><\/div>\n                            <div class=\"legend-item\"><span class=\"legend-number\">11<\/span><span class=\"legend-text\">\u0e41\u0e1b\u0e25\u0e07\u0e40\u0e01\u0e29\u0e15\u0e23\u0e1b\u0e25\u0e2d\u0e14\u0e2a\u0e32\u0e23\u0e1e\u0e34\u0e29<\/span><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n    <\/main>\n\n    <!-- Footer -->\n    <footer class=\"bg-dark text-white text-center p-4 mt-5\">\n        <div class=\"container\">\n            <p class=\"mb-0\">&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\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>\u0e41\u0e1c\u0e19\u0e1c\u0e31\u0e07\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e1a\u0e49\u0e32\u0e19\u0e41\u0e01\u0e48\u0e07\u0e2a\u0e30\u0e40\u0e14\u0e32 \u0e41\u0e1c\u0e19\u0e1c\u0e31\u0e07\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e1a\u0e49\u0e32\u0e19\u0e41\u0e01\u0e48\u0e07\u0e2a\u0e30\u0e40\u0e14\u0e32&#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-30","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ksd.ac.th\/web\/index.php?rest_route=\/wp\/v2\/pages\/30","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=30"}],"version-history":[{"count":1,"href":"https:\/\/ksd.ac.th\/web\/index.php?rest_route=\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":31,"href":"https:\/\/ksd.ac.th\/web\/index.php?rest_route=\/wp\/v2\/pages\/30\/revisions\/31"}],"wp:attachment":[{"href":"https:\/\/ksd.ac.th\/web\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}