\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e34\u0e48\u0e07\u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\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 \n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons@1.11.3\/font\/bootstrap-icons.min.css\">\n\n \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&family=Sarabun:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n\n \n <style>\n :root {\n --primary-color: #005a28;\n --secondary-color: #f7b733;\n --background-color: #f8f9fa;\n --card-background: #ffffff;\n --text-color: #343a40;\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 \/* --- Header Section --- *\/\n .header-section {\n padding: 6rem 0;\n background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https:\/\/asset.bopp-obec.info\/Uploads\/Building\/Schools\/1027740132\/2566\/1027740132_0ccb90a7-d118-4519-b890-203563f97aea.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 }\n\n .header-section h1 {\n font-size: clamp(2.8rem, 6vw, 4rem);\n text-shadow: 2px 2px 8px rgba(0,0,0,0.5);\n }\n \n .section-title h2 {\n font-size: 2.8rem;\n color: var(--primary-color);\n position: relative;\n display: inline-block;\n padding-bottom: 0.5rem;\n }\n \n .section-title h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60%;\n height: 4px;\n background: linear-gradient(90deg, var(--secondary-color), var(--primary-color));\n border-radius: 2px;\n }\n\n \/* --- Building Card Styling --- *\/\n .building-card {\n background-color: var(--card-background);\n border: none;\n border-radius: 20px;\n box-shadow: 0 10px 25px -10px rgba(0,0,0,0.1);\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n overflow: hidden;\n display: flex;\n flex-direction: column;\n }\n\n .building-card:hover {\n transform: translateY(-12px);\n box-shadow: 0 20px 40px -15px rgba(0, 90, 40, 0.25);\n }\n\n .card-img-container {\n height: 220px;\n overflow: hidden;\n }\n \n .card-img-container img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.4s ease;\n }\n \n .building-card:hover .card-img-container img {\n transform: scale(1.05);\n }\n \n .card-body {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n }\n\n .card-title {\n color: var(--primary-color);\n font-weight: 700;\n }\n \n .card-details {\n list-style: none;\n padding: 0;\n margin-top: 1rem;\n color: var(--light-text-color);\n font-size: 0.95rem;\n }\n \n .card-details li {\n margin-bottom: 0.5rem;\n display: flex;\n align-items: center;\n }\n \n .card-details .bi {\n margin-right: 0.75rem;\n color: var(--secondary-color);\n font-size: 1.2rem;\n }\n \n .card-footer {\n background-color: transparent;\n border-top: 1px solid #f0f0f0;\n margin-top: auto; \/* Pushes footer to the bottom *\/\n }\n \n .btn-custom {\n background-color: var(--primary-color);\n color: white;\n border: none;\n border-radius: 50px;\n padding: 0.5rem 1.5rem;\n transition: all 0.3s ease;\n }\n \n .btn-custom:hover {\n background-color: #004219;\n box-shadow: 0 4px 10px rgba(0, 90, 40, 0.3);\n transform: translateY(-2px);\n }\n \n \/* Animation *\/\n .fade-in-up {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n }\n \n .fade-in-up.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n <\/style>\n<\/head>\n<body>\n\n \n <header class=\"header-section\">\n <div class=\"container\">\n <h1 class=\"display-4\"><i class=\"bi bi-buildings-fill me-3\"><\/i>\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e41\u0e25\u0e30\u0e2a\u0e34\u0e48\u0e07\u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07<\/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 \n <main class=\"container my-5 py-5\">\n \n <div class=\"section-title text-center mb-5\">\n <h2>\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e41\u0e25\u0e30\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48<\/h2>\n <\/div>\n\n <div class=\"row g-4 g-lg-5\">\n \n \n <div class=\"col-md-6 col-lg-4 d-flex align-items-stretch fade-in-up\">\n <div class=\"card building-card w-100\">\n <div class=\"card-img-container\">\n <img decoding=\"async\" src=\"https:\/\/asset.bopp-obec.info\/Uploads\/Building\/Schools\/1027740132\/2566\/1027740132_0ccb90a7-d118-4519-b890-203563f97aea.jpg\" class=\"card-img-top\" alt=\"\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e2a\u0e1b\u0e0a.101\/26\">\n <\/div>\n <div class=\"card-body p-4\">\n <h5 class=\"card-title\">\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e2a\u0e1b\u0e0a.101\/26<\/h5>\n <ul class=\"card-details\">\n <li><i class=\"bi bi-calendar-check-fill\"><\/i>\u0e44\u0e14\u0e49\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\u0e1b\u0e35 2528<\/li>\n <li><i class=\"bi bi-door-closed-fill\"><\/i>\u0e08\u0e33\u0e19\u0e27\u0e19 4 \u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"col-md-6 col-lg-4 d-flex align-items-stretch fade-in-up\">\n <div class=\"card building-card w-100\">\n <div class=\"card-img-container\">\n <img decoding=\"async\" src=\"https:\/\/asset.bopp-obec.info\/Uploads\/Building\/Schools\/1027740132\/2566\/1027740132_aa6dc29e-8111-4878-9462-9fae7860ab94.jpg\" class=\"card-img-top\" alt=\"\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e2a\u0e1b\u0e0a.104\/26\">\n <\/div>\n <div class=\"card-body p-4\">\n <h5 class=\"card-title\">\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e2a\u0e1b\u0e0a.104\/26<\/h5>\n <ul class=\"card-details\">\n <li><i class=\"bi bi-calendar-check-fill\"><\/i>\u0e44\u0e14\u0e49\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\u0e1b\u0e35 2532<\/li>\n <li><i class=\"bi bi-door-closed-fill\"><\/i>\u0e08\u0e33\u0e19\u0e27\u0e19 4 \u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"col-md-6 col-lg-4 d-flex align-items-stretch fade-in-up\">\n <div class=\"card building-card w-100\">\n <div class=\"card-img-container\">\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/f7b733\/ffffff?text=\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\" class=\"card-img-top\" alt=\"\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\">\n <\/div>\n <div class=\"card-body p-4\">\n <h5 class=\"card-title\">\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23<\/h5>\n <ul class=\"card-details\">\n <li><i class=\"bi bi-info-circle-fill\"><\/i>\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e01\u0e25\u0e32\u0e07\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23<\/li>\n <li><i class=\"bi bi-people-fill\"><\/i>\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e41\u0e25\u0e30\u0e18\u0e38\u0e23\u0e01\u0e32\u0e23<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"col-md-6 col-lg-4 d-flex align-items-stretch fade-in-up\">\n <div class=\"card building-card w-100\">\n <div class=\"card-img-container\">\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/17a2b8\/ffffff?text=\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\" class=\"card-img-top\" alt=\"\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\">\n <\/div>\n <div class=\"card-body p-4\">\n <h5 class=\"card-title\">\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23<\/h5>\n <ul class=\"card-details\">\n <li><i class=\"bi bi-book-half\"><\/i>\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e41\u0e25\u0e30\u0e04\u0e49\u0e19\u0e04\u0e27\u0e49\u0e32<\/li>\n <li><i class=\"bi bi-pc-display\"><\/i>\u0e2b\u0e49\u0e2d\u0e07\u0e04\u0e2d\u0e21\u0e1e\u0e34\u0e27\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e41\u0e25\u0e30\u0e2a\u0e37\u0e48\u0e2d<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"col-md-6 col-lg-4 d-flex align-items-stretch fade-in-up\">\n <div class=\"card building-card w-100\">\n <div class=\"card-img-container\">\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/6f42c1\/ffffff?text=\u0e1a\u0e49\u0e32\u0e19\u0e1e\u0e31\u0e01\u0e04\u0e23\u0e39\" class=\"card-img-top\" alt=\"\u0e1a\u0e49\u0e32\u0e19\u0e1e\u0e31\u0e01\u0e04\u0e23\u0e39\">\n <\/div>\n <div class=\"card-body p-4\">\n <h5 class=\"card-title\">\u0e1a\u0e49\u0e32\u0e19\u0e1e\u0e31\u0e01\u0e04\u0e23\u0e39<\/h5>\n <ul class=\"card-details\">\n <li><i class=\"bi bi-house-heart-fill\"><\/i>\u0e2a\u0e27\u0e31\u0e2a\u0e14\u0e34\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23<\/li>\n <li><i class=\"bi bi-building-fill-check\"><\/i>\u0e08\u0e33\u0e19\u0e27\u0e19 4 \u0e2b\u0e25\u0e31\u0e07<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"col-md-6 col-lg-4 d-flex align-items-stretch fade-in-up\">\n <div class=\"card building-card w-100\">\n <div class=\"card-img-container\">\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/fd7e14\/ffffff?text=\u0e2b\u0e49\u0e2d\u0e07\u0e19\u0e49\u0e33\" class=\"card-img-top\" alt=\"\u0e2b\u0e49\u0e2d\u0e07\u0e19\u0e49\u0e33-\u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e49\u0e27\u0e21\">\n <\/div>\n <div class=\"card-body p-4\">\n <h5 class=\"card-title\">\u0e2b\u0e49\u0e2d\u0e07\u0e19\u0e49\u0e33-\u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e49\u0e27\u0e21<\/h5>\n <ul class=\"card-details\">\n <li><i class=\"bi bi-gender-ambiguous\"><\/i>\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e0a\u0e32\u0e22-\u0e2b\u0e0d\u0e34\u0e07<\/li>\n <li><i class=\"bi bi-droplet-half\"><\/i>\u0e2a\u0e30\u0e2d\u0e32\u0e14\u0e41\u0e25\u0e30\u0e16\u0e39\u0e01\u0e2a\u0e38\u0e02\u0e25\u0e31\u0e01\u0e29\u0e13\u0e30<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"col-md-6 col-lg-4 d-flex align-items-stretch fade-in-up\">\n <div class=\"card building-card w-100\">\n <div class=\"card-img-container\">\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/6c757d\/ffffff?text=\u0e40\u0e2a\u0e32\u0e18\u0e07\" class=\"card-img-top\" alt=\"\u0e40\u0e2a\u0e32\u0e18\u0e07\">\n <\/div>\n <div class=\"card-body p-4\">\n <h5 class=\"card-title\">\u0e40\u0e2a\u0e32\u0e18\u0e07<\/h5>\n <ul class=\"card-details\">\n <li><i class=\"bi bi-flag-fill\"><\/i>\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e23\u0e27\u0e21\u0e43\u0e08\u0e02\u0e2d\u0e07\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19<\/li>\n <li><i class=\"bi bi-sunrise-fill\"><\/i>\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e2a\u0e32\u0e18\u0e07<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"col-md-6 col-lg-4 d-flex align-items-stretch fade-in-up\">\n <div class=\"card building-card w-100\">\n <div class=\"card-img-container\">\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/28a745\/ffffff?text=\u0e2a\u0e19\u0e32\u0e21\u0e1f\u0e38\u0e15\u0e1a\u0e2d\u0e25\" class=\"card-img-top\" alt=\"\u0e2a\u0e19\u0e32\u0e21\u0e1f\u0e38\u0e15\u0e1a\u0e2d\u0e25\">\n <\/div>\n <div class=\"card-body p-4\">\n <h5 class=\"card-title\">\u0e2a\u0e19\u0e32\u0e21\u0e1f\u0e38\u0e15\u0e1a\u0e2d\u0e25<\/h5>\n <ul class=\"card-details\">\n <li><i class=\"bi bi-trophy-fill\"><\/i>\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e01\u0e01\u0e33\u0e25\u0e31\u0e07\u0e01\u0e32\u0e22<\/li>\n <li><i class=\"bi bi-arrows-fullscreen\"><\/i>\u0e02\u0e19\u0e32\u0e14\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"col-md-6 col-lg-4 d-flex align-items-stretch fade-in-up\">\n <div class=\"card building-card w-100\">\n <div class=\"card-img-container\">\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/dc3545\/ffffff?text=\u0e2a\u0e19\u0e32\u0e21\u0e40\u0e14\u0e47\u0e01\u0e40\u0e25\u0e48\u0e19\" class=\"card-img-top\" alt=\"\u0e2a\u0e19\u0e32\u0e21\u0e40\u0e14\u0e47\u0e01\u0e40\u0e25\u0e48\u0e19\">\n <\/div>\n <div class=\"card-body p-4\">\n <h5 class=\"card-title\">\u0e2a\u0e19\u0e32\u0e21\u0e40\u0e14\u0e47\u0e01\u0e40\u0e25\u0e48\u0e19<\/h5>\n <ul class=\"card-details\">\n <li><i class=\"bi bi-joystick\"><\/i>\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e32\u0e23<\/li>\n <li><i class=\"bi bi-shield-lock-fill\"><\/i>\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e40\u0e14\u0e47\u0e01<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n <\/div>\n <\/main>\n\n \n <footer class=\"bg-dark text-white text-center p-4 mt-5\">\n <div class=\"container\">\n <p class=\"mb-0\">© \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 <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\n \n \n <script>\n document.addEventListener(\"DOMContentLoaded\", function() {\n const animatedElements = document.querySelectorAll('.fade-in-up');\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('is-visible');\n }\n });\n }, {\n threshold: 0.1\n });\n\n animatedElements.forEach(el => {\n observer.observe(el);\n });\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e34\u0e48\u0e07\u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07 – \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…<\/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-40","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ksd.ac.th\/web\/index.php?rest_route=\/wp\/v2\/pages\/40","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=40"}],"version-history":[{"count":4,"href":"https:\/\/ksd.ac.th\/web\/index.php?rest_route=\/wp\/v2\/pages\/40\/revisions"}],"predecessor-version":[{"id":45,"href":"https:\/\/ksd.ac.th\/web\/index.php?rest_route=\/wp\/v2\/pages\/40\/revisions\/45"}],"wp:attachment":[{"href":"https:\/\/ksd.ac.th\/web\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":40,"date":"2025-08-05T11:06:13","date_gmt":"2025-08-05T04:06:13","guid":{"rendered":"https:\/\/ksd.ac.th\/web\/?page_id=40"},"modified":"2025-08-05T11:11:15","modified_gmt":"2025-08-05T04:11:15","slug":"%e0%b8%82%e0%b9%89%e0%b8%ad%e0%b8%a1%e0%b8%b9%e0%b8%a5%e0%b8%aa%e0%b8%b4%e0%b9%88%e0%b8%87%e0%b8%81%e0%b9%88%e0%b8%ad%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87","status":"publish","type":"page","link":"https:\/\/ksd.ac.th\/web\/?page_id=40","title":{"rendered":"\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e34\u0e48\u0e07\u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07"},"content":{"rendered":"\n\n\n\n \n \n \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e34\u0e48\u0e07\u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\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 \n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons@1.11.3\/font\/bootstrap-icons.min.css\">\n\n \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&family=Sarabun:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n\n \n <style>\n :root {\n --primary-color: #005a28;\n --secondary-color: #f7b733;\n --background-color: #f8f9fa;\n --card-background: #ffffff;\n --text-color: #343a40;\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 \/* --- Header Section --- *\/\n .header-section {\n padding: 6rem 0;\n background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https:\/\/asset.bopp-obec.info\/Uploads\/Building\/Schools\/1027740132\/2566\/1027740132_0ccb90a7-d118-4519-b890-203563f97aea.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 }\n\n .header-section h1 {\n font-size: clamp(2.8rem, 6vw, 4rem);\n text-shadow: 2px 2px 8px rgba(0,0,0,0.5);\n }\n \n .section-title h2 {\n font-size: 2.8rem;\n color: var(--primary-color);\n position: relative;\n display: inline-block;\n padding-bottom: 0.5rem;\n }\n \n .section-title h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60%;\n height: 4px;\n background: linear-gradient(90deg, var(--secondary-color), var(--primary-color));\n border-radius: 2px;\n }\n\n \/* --- Building Card Styling --- *\/\n .building-card {\n background-color: var(--card-background);\n border: none;\n border-radius: 20px;\n box-shadow: 0 10px 25px -10px rgba(0,0,0,0.1);\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n overflow: hidden;\n display: flex;\n flex-direction: column;\n }\n\n .building-card:hover {\n transform: translateY(-12px);\n box-shadow: 0 20px 40px -15px rgba(0, 90, 40, 0.25);\n }\n\n .card-img-container {\n height: 220px;\n overflow: hidden;\n }\n \n .card-img-container img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.4s ease;\n }\n \n .building-card:hover .card-img-container img {\n transform: scale(1.05);\n }\n \n .card-body {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n }\n\n .card-title {\n color: var(--primary-color);\n font-weight: 700;\n }\n \n .card-details {\n list-style: none;\n padding: 0;\n margin-top: 1rem;\n color: var(--light-text-color);\n font-size: 0.95rem;\n }\n \n .card-details li {\n margin-bottom: 0.5rem;\n display: flex;\n align-items: center;\n }\n \n .card-details .bi {\n margin-right: 0.75rem;\n color: var(--secondary-color);\n font-size: 1.2rem;\n }\n \n .card-footer {\n background-color: transparent;\n border-top: 1px solid #f0f0f0;\n margin-top: auto; \/* Pushes footer to the bottom *\/\n }\n \n .btn-custom {\n background-color: var(--primary-color);\n color: white;\n border: none;\n border-radius: 50px;\n padding: 0.5rem 1.5rem;\n transition: all 0.3s ease;\n }\n \n .btn-custom:hover {\n background-color: #004219;\n box-shadow: 0 4px 10px rgba(0, 90, 40, 0.3);\n transform: translateY(-2px);\n }\n \n \/* Animation *\/\n .fade-in-up {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n }\n \n .fade-in-up.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n <\/style>\n<\/head>\n<body>\n\n \n <header class=\"header-section\">\n <div class=\"container\">\n <h1 class=\"display-4\"><i class=\"bi bi-buildings-fill me-3\"><\/i>\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e41\u0e25\u0e30\u0e2a\u0e34\u0e48\u0e07\u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07<\/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 \n <main class=\"container my-5 py-5\">\n \n <div class=\"section-title text-center mb-5\">\n <h2>\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e41\u0e25\u0e30\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48<\/h2>\n <\/div>\n\n <div class=\"row g-4 g-lg-5\">\n \n \n <div class=\"col-md-6 col-lg-4 d-flex align-items-stretch fade-in-up\">\n <div class=\"card building-card w-100\">\n <div class=\"card-img-container\">\n <img decoding=\"async\" src=\"https:\/\/asset.bopp-obec.info\/Uploads\/Building\/Schools\/1027740132\/2566\/1027740132_0ccb90a7-d118-4519-b890-203563f97aea.jpg\" class=\"card-img-top\" alt=\"\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e2a\u0e1b\u0e0a.101\/26\">\n <\/div>\n <div class=\"card-body p-4\">\n <h5 class=\"card-title\">\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e2a\u0e1b\u0e0a.101\/26<\/h5>\n <ul class=\"card-details\">\n <li><i class=\"bi bi-calendar-check-fill\"><\/i>\u0e44\u0e14\u0e49\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\u0e1b\u0e35 2528<\/li>\n <li><i class=\"bi bi-door-closed-fill\"><\/i>\u0e08\u0e33\u0e19\u0e27\u0e19 4 \u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"col-md-6 col-lg-4 d-flex align-items-stretch fade-in-up\">\n <div class=\"card building-card w-100\">\n <div class=\"card-img-container\">\n <img decoding=\"async\" src=\"https:\/\/asset.bopp-obec.info\/Uploads\/Building\/Schools\/1027740132\/2566\/1027740132_aa6dc29e-8111-4878-9462-9fae7860ab94.jpg\" class=\"card-img-top\" alt=\"\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e2a\u0e1b\u0e0a.104\/26\">\n <\/div>\n <div class=\"card-body p-4\">\n <h5 class=\"card-title\">\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e2a\u0e1b\u0e0a.104\/26<\/h5>\n <ul class=\"card-details\">\n <li><i class=\"bi bi-calendar-check-fill\"><\/i>\u0e44\u0e14\u0e49\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\u0e1b\u0e35 2532<\/li>\n <li><i class=\"bi bi-door-closed-fill\"><\/i>\u0e08\u0e33\u0e19\u0e27\u0e19 4 \u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"col-md-6 col-lg-4 d-flex align-items-stretch fade-in-up\">\n <div class=\"card building-card w-100\">\n <div class=\"card-img-container\">\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/f7b733\/ffffff?text=\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\" class=\"card-img-top\" alt=\"\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\">\n <\/div>\n <div class=\"card-body p-4\">\n <h5 class=\"card-title\">\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23<\/h5>\n <ul class=\"card-details\">\n <li><i class=\"bi bi-info-circle-fill\"><\/i>\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e01\u0e25\u0e32\u0e07\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23<\/li>\n <li><i class=\"bi bi-people-fill\"><\/i>\u0e2b\u0e49\u0e2d\u0e07\u0e1e\u0e31\u0e01\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e41\u0e25\u0e30\u0e18\u0e38\u0e23\u0e01\u0e32\u0e23<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"col-md-6 col-lg-4 d-flex align-items-stretch fade-in-up\">\n <div class=\"card building-card w-100\">\n <div class=\"card-img-container\">\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/17a2b8\/ffffff?text=\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\" class=\"card-img-top\" alt=\"\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\">\n <\/div>\n <div class=\"card-body p-4\">\n <h5 class=\"card-title\">\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23<\/h5>\n <ul class=\"card-details\">\n <li><i class=\"bi bi-book-half\"><\/i>\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e41\u0e25\u0e30\u0e04\u0e49\u0e19\u0e04\u0e27\u0e49\u0e32<\/li>\n <li><i class=\"bi bi-pc-display\"><\/i>\u0e2b\u0e49\u0e2d\u0e07\u0e04\u0e2d\u0e21\u0e1e\u0e34\u0e27\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e41\u0e25\u0e30\u0e2a\u0e37\u0e48\u0e2d<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"col-md-6 col-lg-4 d-flex align-items-stretch fade-in-up\">\n <div class=\"card building-card w-100\">\n <div class=\"card-img-container\">\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/6f42c1\/ffffff?text=\u0e1a\u0e49\u0e32\u0e19\u0e1e\u0e31\u0e01\u0e04\u0e23\u0e39\" class=\"card-img-top\" alt=\"\u0e1a\u0e49\u0e32\u0e19\u0e1e\u0e31\u0e01\u0e04\u0e23\u0e39\">\n <\/div>\n <div class=\"card-body p-4\">\n <h5 class=\"card-title\">\u0e1a\u0e49\u0e32\u0e19\u0e1e\u0e31\u0e01\u0e04\u0e23\u0e39<\/h5>\n <ul class=\"card-details\">\n <li><i class=\"bi bi-house-heart-fill\"><\/i>\u0e2a\u0e27\u0e31\u0e2a\u0e14\u0e34\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23<\/li>\n <li><i class=\"bi bi-building-fill-check\"><\/i>\u0e08\u0e33\u0e19\u0e27\u0e19 4 \u0e2b\u0e25\u0e31\u0e07<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"col-md-6 col-lg-4 d-flex align-items-stretch fade-in-up\">\n <div class=\"card building-card w-100\">\n <div class=\"card-img-container\">\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/fd7e14\/ffffff?text=\u0e2b\u0e49\u0e2d\u0e07\u0e19\u0e49\u0e33\" class=\"card-img-top\" alt=\"\u0e2b\u0e49\u0e2d\u0e07\u0e19\u0e49\u0e33-\u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e49\u0e27\u0e21\">\n <\/div>\n <div class=\"card-body p-4\">\n <h5 class=\"card-title\">\u0e2b\u0e49\u0e2d\u0e07\u0e19\u0e49\u0e33-\u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e49\u0e27\u0e21<\/h5>\n <ul class=\"card-details\">\n <li><i class=\"bi bi-gender-ambiguous\"><\/i>\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e0a\u0e32\u0e22-\u0e2b\u0e0d\u0e34\u0e07<\/li>\n <li><i class=\"bi bi-droplet-half\"><\/i>\u0e2a\u0e30\u0e2d\u0e32\u0e14\u0e41\u0e25\u0e30\u0e16\u0e39\u0e01\u0e2a\u0e38\u0e02\u0e25\u0e31\u0e01\u0e29\u0e13\u0e30<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"col-md-6 col-lg-4 d-flex align-items-stretch fade-in-up\">\n <div class=\"card building-card w-100\">\n <div class=\"card-img-container\">\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/6c757d\/ffffff?text=\u0e40\u0e2a\u0e32\u0e18\u0e07\" class=\"card-img-top\" alt=\"\u0e40\u0e2a\u0e32\u0e18\u0e07\">\n <\/div>\n <div class=\"card-body p-4\">\n <h5 class=\"card-title\">\u0e40\u0e2a\u0e32\u0e18\u0e07<\/h5>\n <ul class=\"card-details\">\n <li><i class=\"bi bi-flag-fill\"><\/i>\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e23\u0e27\u0e21\u0e43\u0e08\u0e02\u0e2d\u0e07\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19<\/li>\n <li><i class=\"bi bi-sunrise-fill\"><\/i>\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e2a\u0e32\u0e18\u0e07<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"col-md-6 col-lg-4 d-flex align-items-stretch fade-in-up\">\n <div class=\"card building-card w-100\">\n <div class=\"card-img-container\">\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/28a745\/ffffff?text=\u0e2a\u0e19\u0e32\u0e21\u0e1f\u0e38\u0e15\u0e1a\u0e2d\u0e25\" class=\"card-img-top\" alt=\"\u0e2a\u0e19\u0e32\u0e21\u0e1f\u0e38\u0e15\u0e1a\u0e2d\u0e25\">\n <\/div>\n <div class=\"card-body p-4\">\n <h5 class=\"card-title\">\u0e2a\u0e19\u0e32\u0e21\u0e1f\u0e38\u0e15\u0e1a\u0e2d\u0e25<\/h5>\n <ul class=\"card-details\">\n <li><i class=\"bi bi-trophy-fill\"><\/i>\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e01\u0e01\u0e33\u0e25\u0e31\u0e07\u0e01\u0e32\u0e22<\/li>\n <li><i class=\"bi bi-arrows-fullscreen\"><\/i>\u0e02\u0e19\u0e32\u0e14\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"col-md-6 col-lg-4 d-flex align-items-stretch fade-in-up\">\n <div class=\"card building-card w-100\">\n <div class=\"card-img-container\">\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/dc3545\/ffffff?text=\u0e2a\u0e19\u0e32\u0e21\u0e40\u0e14\u0e47\u0e01\u0e40\u0e25\u0e48\u0e19\" class=\"card-img-top\" alt=\"\u0e2a\u0e19\u0e32\u0e21\u0e40\u0e14\u0e47\u0e01\u0e40\u0e25\u0e48\u0e19\">\n <\/div>\n <div class=\"card-body p-4\">\n <h5 class=\"card-title\">\u0e2a\u0e19\u0e32\u0e21\u0e40\u0e14\u0e47\u0e01\u0e40\u0e25\u0e48\u0e19<\/h5>\n <ul class=\"card-details\">\n <li><i class=\"bi bi-joystick\"><\/i>\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e32\u0e23<\/li>\n <li><i class=\"bi bi-shield-lock-fill\"><\/i>\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e40\u0e14\u0e47\u0e01<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n <\/div>\n <\/main>\n\n \n <footer class=\"bg-dark text-white text-center p-4 mt-5\">\n <div class=\"container\">\n <p class=\"mb-0\">© \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 <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\n \n \n <script>\n document.addEventListener(\"DOMContentLoaded\", function() {\n const animatedElements = document.querySelectorAll('.fade-in-up');\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('is-visible');\n }\n });\n }, {\n threshold: 0.1\n });\n\n animatedElements.forEach(el => {\n observer.observe(el);\n });\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e34\u0e48\u0e07\u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07 – \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…<\/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-40","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ksd.ac.th\/web\/index.php?rest_route=\/wp\/v2\/pages\/40","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=40"}],"version-history":[{"count":4,"href":"https:\/\/ksd.ac.th\/web\/index.php?rest_route=\/wp\/v2\/pages\/40\/revisions"}],"predecessor-version":[{"id":45,"href":"https:\/\/ksd.ac.th\/web\/index.php?rest_route=\/wp\/v2\/pages\/40\/revisions\/45"}],"wp:attachment":[{"href":"https:\/\/ksd.ac.th\/web\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}