{"id":27,"date":"2025-08-05T10:15:42","date_gmt":"2025-08-05T03:15:42","guid":{"rendered":"https:\/\/ksd.ac.th\/web\/?page_id=27"},"modified":"2025-08-05T10:15:42","modified_gmt":"2025-08-05T03:15:42","slug":"%e0%b8%9b%e0%b8%a3%e0%b8%b0%e0%b8%a7%e0%b8%b1%e0%b8%95%e0%b8%b4%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=27","title":{"rendered":"\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\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>\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\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: #fdfdff; \/* A very light, clean background *\/\n        }\n        \n        h1, h2, h3, h4, h5, h6 {\n            font-family: 'Kanit', sans-serif;\n            font-weight: 500;\n        }\n\n        \/* --- Hero Section with Parallax-like effect --- *\/\n        .hero-section {\n            position: relative;\n            height: 65vh;\n            \/* Image Source: Pexels.com - A royalty-free image of Thai students *\/\n            background-image: url('https:\/\/images.pexels.com\/photos\/8613089\/pexels-photo-8613089.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2');\n            background-attachment: fixed; \/* Creates the parallax effect *\/\n            background-position: center;\n            background-repeat: no-repeat;\n            background-size: cover;\n            color: white;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            text-align: center;\n        }\n\n        .hero-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            \/* A subtle gradient overlay for better text contrast *\/\n            background: linear-gradient(to top, rgba(0, 66, 25, 0.7), rgba(0, 0, 0, 0.3));\n        }\n\n        .hero-content {\n            position: relative;\n            z-index: 1;\n            text-shadow: 2px 2px 8px rgba(0,0,0,0.6);\n        }\n\n        .hero-content h1 {\n            font-size: clamp(2.5rem, 5vw, 4rem); \/* Responsive font size *\/\n            font-weight: 700;\n        }\n\n        .hero-content p {\n            font-size: clamp(1.2rem, 3vw, 1.5rem);\n            font-weight: 400;\n        }\n        \n        \/* --- Section Styling --- *\/\n        .section-title {\n            text-align: center;\n            margin-bottom: 60px;\n            position: relative;\n        }\n\n        .section-title h2 {\n            font-size: 2.8rem;\n            font-weight: 700;\n            color: #004219; \/* Dark Green for Titles *\/\n        }\n\n        .section-title::after {\n            content: '';\n            width: 80px;\n            height: 4px;\n            background-image: linear-gradient(90deg, #198754, #20c997); \/* Green gradient underline *\/\n            position: absolute;\n            bottom: -15px;\n            left: 50%;\n            transform: translateX(-50%);\n            border-radius: 2px;\n        }\n\n        .content-card {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            border: none;\n            border-radius: 20px; \/* More rounded corners *\/\n            background-color: white;\n        }\n\n        .content-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 1.5rem 4rem rgba(0, 66, 25, 0.15)!important;\n        }\n        \n        .img-fluid {\n             border-radius: 20px;\n        }\n\n        \/* --- Timeline Styling --- *\/\n        .timeline {\n            position: relative;\n            padding: 50px 0;\n        }\n\n        .timeline::before {\n            content: '';\n            position: absolute;\n            left: 50%;\n            width: 3px;\n            height: 100%;\n            top: 0;\n            transform: translateX(-50%);\n            background-image: linear-gradient(to bottom, #198754, #20c997);\n        }\n\n        .timeline-item {\n            position: relative;\n            width: 50%;\n            padding: 20px 40px;\n            margin-bottom: 40px;\n        }\n\n        .timeline-item:nth-child(odd) {\n            left: 0;\n            padding-right: 70px;\n            text-align: right;\n        }\n\n        .timeline-item:nth-child(even) {\n            left: 50%;\n            padding-left: 70px;\n        }\n\n        .timeline-dot {\n            content: '';\n            position: absolute;\n            width: 22px;\n            height: 22px;\n            background-color: white;\n            border: 5px solid #198754;\n            border-radius: 50%;\n            top: 45px;\n            z-index: 1;\n            transition: transform 0.3s ease;\n        }\n        \n        .timeline-item:hover .timeline-dot {\n            transform: scale(1.2);\n        }\n\n        .timeline-item:nth-child(odd) .timeline-dot {\n            right: -11px;\n        }\n\n        .timeline-item:nth-child(even) .timeline-dot {\n            left: -11px;\n        }\n\n        .timeline-content {\n            background: #ffffff;\n            padding: 25px 30px;\n            border-radius: 15px;\n            box-shadow: 0 0.5rem 1.5rem rgba(0,0,0,.1);\n            transition: all 0.3s ease;\n            position: relative;\n        }\n        \n        .timeline-content:hover {\n             transform: scale(1.03);\n             box-shadow: 0 1rem 2rem rgba(0,0,0,.15);\n        }\n\n        .timeline-date {\n            font-size: 1.25rem;\n            font-weight: 700;\n            color: #198754;\n            margin-bottom: 8px;\n        }\n\n        .timeline-title {\n            font-size: 1.3rem;\n            font-weight: 700;\n            color: #343a40;\n        }\n\n        .timeline-text {\n            color: #6c757d;\n            font-size: 1rem;\n            font-weight: 500;\n        }\n\n        \/* --- Responsive Adjustments for Mobile --- *\/\n        @media (max-width: 768px) {\n            .hero-section { background-attachment: scroll; } \/* Disable parallax on mobile for performance *\/\n            .timeline::before { left: 11px; }\n            .timeline-item { width: 100%; padding-left: 50px; padding-right: 15px; }\n            .timeline-item:nth-child(even), .timeline-item:nth-child(odd) { \n                left: 0; \n                text-align: left;\n                padding-left: 50px;\n            }\n            .timeline-dot { left: 0; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- Hero Section -->\n    <header class=\"hero-section\">\n        <div class=\"hero-content\">\n            <h1 class=\"display-3\">\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e1a\u0e49\u0e32\u0e19\u0e41\u0e01\u0e48\u0e07\u0e2a\u0e30\u0e40\u0e14\u0e32<\/h1>\n            <p class=\"lead\">\u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07\u0e41\u0e2b\u0e48\u0e07\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e08\u0e32\u0e01\u0e1e\u0e25\u0e31\u0e07\u0e0a\u0e38\u0e21\u0e0a\u0e19\u0e2a\u0e39\u0e48\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e35\u0e48\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19<\/p>\n        <\/div>\n    <\/header>\n\n    <!-- Main Content Container -->\n    <main class=\"container my-5 py-5\">\n        \n        <!-- Section 1: Founding -->\n        <section id=\"founding\" class=\"mb-5 py-4\">\n            <div class=\"section-title\">\n                <h2><i class=\"bi bi-flag-fill me-3\"><\/i>\u0e08\u0e38\u0e14\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e41\u0e25\u0e30\u0e01\u0e48\u0e2d\u0e15\u0e31\u0e49\u0e07<\/h2>\n            <\/div>\n            <div class=\"row align-items-center g-5\">\n                <div class=\"col-lg-6\">\n                    <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/5905479\/pexels-photo-5905479.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1260&#038;h=750&#038;dpr=2\" class=\"img-fluid shadow-lg\" alt=\"\u0e20\u0e32\u0e1e\u0e01\u0e32\u0e23\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d\u0e02\u0e2d\u0e07\u0e0a\u0e38\u0e21\u0e0a\u0e19\">\n                <\/div>\n                <div class=\"col-lg-6\">\n                     <div class=\"card h-100 content-card shadow-sm\">\n                        <div class=\"card-body p-5\">\n                            <p class=\"card-text fs-5 lh-lg\">\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e1a\u0e49\u0e32\u0e19\u0e41\u0e01\u0e48\u0e07\u0e2a\u0e30\u0e40\u0e14\u0e32 \u0e01\u0e48\u0e2d\u0e15\u0e31\u0e49\u0e07\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 1 \u0e21\u0e34\u0e16\u0e38\u0e19\u0e32\u0e22\u0e19 \u0e1e.\u0e28. 2525 \u0e40\u0e01\u0e34\u0e14\u0e08\u0e32\u0e01\u0e1e\u0e25\u0e31\u0e07\u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d\u0e02\u0e2d\u0e07\u0e23\u0e32\u0e29\u0e0e\u0e23\u0e1a\u0e49\u0e32\u0e19\u0e41\u0e01\u0e48\u0e07\u0e2a\u0e30\u0e40\u0e14\u0e32\u0e17\u0e35\u0e48\u0e40\u0e25\u0e47\u0e07\u0e40\u0e2b\u0e47\u0e19\u0e16\u0e36\u0e07\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e02\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1a\u0e38\u0e15\u0e23\u0e2b\u0e25\u0e32\u0e19<\/p>\n                            <p class=\"card-text fs-5 lh-lg\">\u0e19\u0e33\u0e42\u0e14\u0e22 <strong>\u0e19\u0e32\u0e22\u0e2a\u0e27\u0e31\u0e2a\u0e14\u0e34\u0e4c \u0e19\u0e01\u0e22\u0e39\u0e07\u0e17\u0e2d\u0e07<\/strong> \u0e01\u0e33\u0e19\u0e31\u0e19\u0e43\u0e19\u0e2a\u0e21\u0e31\u0e22\u0e19\u0e31\u0e49\u0e19 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e14\u0e49\u0e27\u0e22\u0e0a\u0e32\u0e27\u0e1a\u0e49\u0e32\u0e19 \u0e44\u0e14\u0e49\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e19\u0e1a\u0e23\u0e34\u0e08\u0e32\u0e04\u0e17\u0e35\u0e48\u0e14\u0e34\u0e19\u0e1c\u0e37\u0e19\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e08\u0e33\u0e19\u0e27\u0e19 <strong>25 \u0e44\u0e23\u0e48 2 \u0e07\u0e32\u0e19<\/strong> \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2d\u0e19\u0e32\u0e04\u0e15\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e43\u0e2b\u0e49\u0e41\u0e01\u0e48\u0e0a\u0e38\u0e21\u0e0a\u0e19<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <hr class=\"my-5 opacity-25\">\n\n        <!-- Section 2: Development -->\n        <section id=\"development\" class=\"mb-5 py-4\">\n            <div class=\"section-title\">\n                <h2><i class=\"bi bi-building-fill-gear me-3\"><\/i>\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e41\u0e25\u0e30\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32<\/h2>\n            <\/div>\n            <div class=\"row align-items-center g-5\">\n                 <div class=\"col-lg-6 order-lg-2\">\n                    <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/8617830\/pexels-photo-8617830.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=1260&#038;h=750&#038;dpr=2\" class=\"img-fluid shadow-lg\" alt=\"\u0e20\u0e32\u0e1e\u0e40\u0e14\u0e47\u0e01\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e33\u0e25\u0e31\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\">\n                <\/div>\n                <div class=\"col-lg-6 order-lg-1\">\n                     <div class=\"card h-100 content-card shadow-sm\">\n                        <div class=\"card-body p-5\">\n                             <h4 class=\"card-title h3\">\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19<\/h4>\n                             <p class=\"card-text fs-5 lh-lg\">\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07 \u0e42\u0e14\u0e22\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e41\u0e1a\u0e1a \u0e2a\u0e1b\u0e0a.101\/26 \u0e43\u0e19\u0e1b\u0e35 \u0e1e.\u0e28. 2528 \u0e41\u0e25\u0e30\u0e2d\u0e32\u0e04\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e17\u0e35\u0e48\u0e2a\u0e2d\u0e07\u0e41\u0e1a\u0e1a \u0e2a\u0e1b\u0e0a.104\/26 \u0e43\u0e19\u0e1b\u0e35 \u0e1e.\u0e28. 2532<\/p>\n                             <h4 class=\"card-title mt-4 h3\">\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23<\/h4>\n                             <p class=\"card-text fs-5 lh-lg\">\u0e08\u0e32\u0e01\u0e08\u0e38\u0e14\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e34\u0e14\u0e2a\u0e2d\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e16\u0e21\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e44\u0e14\u0e49\u0e02\u0e22\u0e32\u0e22\u0e2a\u0e39\u0e48\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1b\u0e10\u0e21\u0e27\u0e31\u0e22\u0e43\u0e19\u0e1b\u0e35 2529 \u0e41\u0e25\u0e30\u0e40\u0e1b\u0e34\u0e14\u0e2a\u0e2d\u0e19\u0e0a\u0e31\u0e49\u0e19\u0e2d\u0e19\u0e38\u0e1a\u0e32\u0e25 2 \u0e43\u0e19\u0e1b\u0e35 2536 \u0e1b\u0e31\u0e08\u0e08\u0e38\u0e1a\u0e31\u0e19\u0e40\u0e1b\u0e34\u0e14\u0e2a\u0e2d\u0e19\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e31\u0e49\u0e19\u0e2d\u0e19\u0e38\u0e1a\u0e32\u0e25 2 \u0e16\u0e36\u0e07\u0e0a\u0e31\u0e49\u0e19\u0e1b\u0e23\u0e30\u0e16\u0e21\u0e28\u0e36\u0e01\u0e29\u0e32\u0e1b\u0e35\u0e17\u0e35\u0e48 6<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n         <hr class=\"my-5 opacity-25\">\n\n        <!-- Section 3: Leadership Timeline -->\n        <section id=\"leaders\" class=\"py-4\">\n            <div class=\"section-title\">\n                <h2><i class=\"bi bi-person-workspace me-3\"><\/i>\u0e17\u0e33\u0e40\u0e19\u0e35\u0e22\u0e1a\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23<\/h2>\n            <\/div>\n            <div class=\"timeline\">\n                <!-- Timeline Item -->\n                <div class=\"timeline-item\">\n                    <div class=\"timeline-dot\"><\/div>\n                    <div class=\"timeline-content\">\n                        <div class=\"timeline-date\">2525 \u2013 2526<\/div>\n                        <div class=\"timeline-title\">\u0e19\u0e32\u0e22\u0e2a\u0e21\u0e0a\u0e32\u0e22 \u0e08\u0e34\u0e15\u0e42\u0e2a\u0e20\u0e32<\/div>\n                        <p class=\"timeline-text\">\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07 \u0e04\u0e23\u0e39\u0e43\u0e2b\u0e0d\u0e48<\/p>\n                    <\/div>\n                <\/div>\n                <!-- Timeline Item -->\n                 <div class=\"timeline-item\">\n                    <div class=\"timeline-dot\"><\/div>\n                    <div class=\"timeline-content\">\n                        <div class=\"timeline-date\">2526 \u2013 2529<\/div>\n                        <div class=\"timeline-title\">\u0e19\u0e32\u0e22\u0e44\u0e01\u0e23\u0e28\u0e31\u0e01\u0e14\u0e34\u0e4c \u0e40\u0e28\u0e29\u0e28\u0e23\u0e35<\/div>\n                        <p class=\"timeline-text\">\u0e23\u0e31\u0e01\u0e29\u0e32\u0e01\u0e32\u0e23\u0e43\u0e19\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07\u0e04\u0e23\u0e39\u0e43\u0e2b\u0e0d\u0e48<\/p>\n                    <\/div>\n                <\/div>\n                <!-- Timeline Item -->\n                 <div class=\"timeline-item\">\n                    <div class=\"timeline-dot\"><\/div>\n                    <div class=\"timeline-content\">\n                        <div class=\"timeline-date\">2529 \u2013 2536<\/div>\n                        <div class=\"timeline-title\">\u0e19\u0e32\u0e22\u0e08\u0e23\u0e39\u0e0d \u0e01\u0e33\u0e08\u0e31\u0e14\u0e20\u0e31\u0e22<\/div>\n                        <p class=\"timeline-text\">\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07 \u0e2d\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c\u0e43\u0e2b\u0e0d\u0e48<\/p>\n                    <\/div>\n                <\/div>\n                <!-- Timeline Item -->\n                 <div class=\"timeline-item\">\n                    <div class=\"timeline-dot\"><\/div>\n                    <div class=\"timeline-content\">\n                        <div class=\"timeline-date\">2536 \u2013 2547<\/div>\n                        <div class=\"timeline-title\">\u0e19\u0e32\u0e22\u0e27\u0e23\u0e27\u0e38\u0e12\u0e34 \u0e2d\u0e19\u0e38\u0e23\u0e31\u0e01\u0e29\u0e4c<\/div>\n                        <p class=\"timeline-text\">\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07 \u0e2d\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c\u0e43\u0e2b\u0e0d\u0e48 \u0e41\u0e25\u0e30 \u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19<\/p>\n                    <\/div>\n                <\/div>\n                <!-- Timeline Item -->\n                <div class=\"timeline-item\">\n                    <div class=\"timeline-dot\"><\/div>\n                    <div class=\"timeline-content\">\n                        <div class=\"timeline-date\">2547 \u2013 2548<\/div>\n                        <div class=\"timeline-title\">\u0e19\u0e32\u0e07\u0e01\u0e24\u0e29\u0e13\u0e32 \u0e40\u0e2a\u0e32\u0e27\u0e1a\u0e38\u0e15\u0e23<\/div>\n                        <p class=\"timeline-text\">\u0e23\u0e31\u0e01\u0e29\u0e32\u0e01\u0e32\u0e23\u0e43\u0e19\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23<\/p>\n                    <\/div>\n                <\/div>\n                <!-- Timeline Item -->\n                 <div class=\"timeline-item\">\n                    <div class=\"timeline-dot\"><\/div>\n                    <div class=\"timeline-content\">\n                        <div class=\"timeline-date\">2548 \u2013 2551<\/div>\n                        <div class=\"timeline-title\">\u0e27\u0e48\u0e32\u0e17\u0e35\u0e48 \u0e23.\u0e15.\u0e42\u0e08\u0e17\u0e22\u0e4c \u0e41\u0e14\u0e07\u0e08\u0e31\u0e19\u0e17\u0e23\u0e4c<\/div>\n                        <p class=\"timeline-text\">\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07 \u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32<\/p>\n                    <\/div>\n                <\/div>\n                <!-- Timeline Item -->\n                 <div class=\"timeline-item\">\n                    <div class=\"timeline-dot\"><\/div>\n                    <div class=\"timeline-content\">\n                        <div class=\"timeline-date\">2551 \u2013 2562<\/div>\n                        <div class=\"timeline-title\">\u0e19\u0e32\u0e22\u0e2a\u0e19\u0e34\u0e17 \u0e04\u0e33\u0e2a\u0e34\u0e19<\/div>\n                        <p class=\"timeline-text\">\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07 \u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32<\/p>\n                    <\/div>\n                <\/div>\n                <!-- Timeline Item -->\n                 <div class=\"timeline-item\">\n                    <div class=\"timeline-dot\"><\/div>\n                    <div class=\"timeline-content\">\n                        <div class=\"timeline-date\">2562 \u2013 2563<\/div>\n                        <div class=\"timeline-title\">\u0e19\u0e32\u0e22\u0e40\u0e1e\u0e17\u0e32\u0e22 \u0e1f\u0e31\u0e01\u0e41\u0e01\u0e49\u0e27<\/div>\n                        <p class=\"timeline-text\">\u0e23\u0e31\u0e01\u0e29\u0e32\u0e01\u0e32\u0e23\u0e43\u0e19\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23<\/p>\n                    <\/div>\n                <\/div>\n                <!-- Timeline Item -->\n                 <div class=\"timeline-item\">\n                    <div class=\"timeline-dot\"><\/div>\n                    <div class=\"timeline-content\">\n                        <div class=\"timeline-date\">2563 \u2013 \u0e1b\u0e31\u0e08\u0e08\u0e38\u0e1a\u0e31\u0e19<\/div>\n                        <div class=\"timeline-title\">\u0e19\u0e32\u0e22\u0e40\u0e1b\u0e35\u0e48\u0e22\u0e21\u0e28\u0e31\u0e01\u0e14\u0e34\u0e4c \u0e40\u0e14\u0e0a\u0e02\u0e31\u0e19\u0e18\u0e4c<\/div>\n                        <p class=\"timeline-text\">\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07 \u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n    <\/main>\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>\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e1a\u0e49\u0e32\u0e19\u0e41\u0e01\u0e48\u0e07\u0e2a\u0e30\u0e40\u0e14\u0e32 \u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e1a\u0e49\u0e32\u0e19\u0e41\u0e01\u0e48\u0e07\u0e2a\u0e30\u0e40&#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-27","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ksd.ac.th\/web\/index.php?rest_route=\/wp\/v2\/pages\/27","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=27"}],"version-history":[{"count":1,"href":"https:\/\/ksd.ac.th\/web\/index.php?rest_route=\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":28,"href":"https:\/\/ksd.ac.th\/web\/index.php?rest_route=\/wp\/v2\/pages\/27\/revisions\/28"}],"wp:attachment":[{"href":"https:\/\/ksd.ac.th\/web\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}