\u0e23\u0e30\u0e1a\u0e1a\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23 – \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: #0d47a1; \/* Deep Blue *\/\n --secondary-color: #1976d2; \/* Bright Blue *\/\n --accent-color: #ffc107; \/* Gold Accent *\/\n --background-color: #f5f7fa;\n --card-background: #ffffff;\n --text-color: #333;\n --light-text-color: #555;\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, .nav-link {\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(13, 71, 161, 0.9), rgba(25, 118, 210, 0.8)), url('https:\/\/images.pexels.com\/photos\/3184418\/pexels-photo-3184418.jpeg?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-left-radius: 50px;\n border-bottom-right-radius: 50px;\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.3);\n }\n \n \/* --- Department Tabs --- *\/\n .department-tabs {\n margin-top: -2.5rem;\n position: relative;\n z-index: 10;\n }\n\n .department-tabs .nav-link {\n background: var(--card-background);\n color: var(--light-text-color);\n border: none;\n border-radius: 15px 15px 0 0 !important;\n padding: 1rem 1.5rem;\n margin: 0 5px;\n font-size: 1.1rem;\n font-weight: 500;\n transition: all 0.3s ease;\n box-shadow: 0 -5px 15px -5px rgba(0,0,0,0.05);\n }\n\n .department-tabs .nav-link:hover {\n background: #e9ecef;\n color: var(--primary-color);\n }\n\n .department-tabs .nav-link.active {\n background: var(--primary-color);\n color: white;\n transform: translateY(-5px);\n box-shadow: 0 -8px 20px -5px rgba(13, 71, 161, 0.4);\n }\n \n .tab-content {\n background: var(--card-background);\n border-radius: 20px;\n box-shadow: 0 15px 40px -15px rgba(0, 74, 153, 0.2);\n padding: 2.5rem;\n border-top-left-radius: 0;\n }\n\n \/* --- File List Styling --- *\/\n .file-list-group .list-group-item {\n display: flex;\n align-items: center;\n padding: 1rem 1.5rem;\n border: 1px solid #e9ecef;\n border-radius: 10px !important;\n margin-bottom: 1rem;\n transition: all 0.3s ease;\n }\n \n .file-list-group .list-group-item:hover {\n transform: translateX(10px);\n box-shadow: 0 5px 15px rgba(0,0,0,0.08);\n border-left: 5px solid var(--secondary-color);\n }\n \n .file-icon {\n font-size: 2rem;\n margin-right: 1.5rem;\n }\n \n .file-icon.bi-file-earmark-pdf-fill { color: #dc3545; } \/* Red for PDF *\/\n .file-icon.bi-file-earmark-word-fill { color: #0d6efd; } \/* Blue for Word *\/\n .file-icon.bi-file-earmark-excel-fill { color: #198754; } \/* Green for Excel *\/\n .file-icon.bi-file-earmark-zip-fill { color: #6f42c1; } \/* Purple for Zip *\/\n \n .file-info {\n flex-grow: 1;\n }\n \n .file-name {\n font-weight: 700;\n font-size: 1.1rem;\n color: var(--text-color);\n }\n \n .file-meta {\n font-size: 0.9rem;\n color: var(--light-text-color);\n }\n \n .download-btn {\n background: var(--secondary-color);\n color: white;\n border-radius: 50px;\n padding: 0.5rem 1.5rem;\n text-decoration: none;\n transition: all 0.3s ease;\n box-shadow: 0 4px 10px rgba(25, 118, 210, 0.3);\n }\n \n .download-btn:hover {\n background: var(--primary-color);\n transform: scale(1.05);\n box-shadow: 0 6px 15px rgba(13, 71, 161, 0.4);\n }\n\n <\/style>\n<\/head>\n<body>\n\n \n <header class=\"hero-header\">\n <div class=\"container\">\n <h1><i class=\"bi bi-cloud-arrow-down-fill me-3\"><\/i>\u0e23\u0e30\u0e1a\u0e1a\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23<\/h1>\n <p class=\"lead\">\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e23\u0e27\u0e21\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e02\u0e2d\u0e07\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\">\n \n \n <ul class=\"nav nav-tabs justify-content-center department-tabs\" id=\"departmentTab\" role=\"tablist\">\n <li class=\"nav-item\" role=\"presentation\">\n <button class=\"nav-link active\" id=\"academic-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#academic-tab-pane\" type=\"button\" role=\"tab\"><i class=\"bi bi-book-half me-2\"><\/i>\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23<\/button>\n <\/li>\n <li class=\"nav-item\" role=\"presentation\">\n <button class=\"nav-link\" id=\"budget-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#budget-tab-pane\" type=\"button\" role=\"tab\"><i class=\"bi bi-cash-coin me-2\"><\/i>\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13<\/button>\n <\/li>\n <li class=\"nav-item\" role=\"presentation\">\n <button class=\"nav-link\" id=\"personnel-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#personnel-tab-pane\" type=\"button\" role=\"tab\"><i class=\"bi bi-people-fill me-2\"><\/i>\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19\u0e1a\u0e38\u0e04\u0e04\u0e25<\/button>\n <\/li>\n <li class=\"nav-item\" role=\"presentation\">\n <button class=\"nav-link\" id=\"general-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#general-tab-pane\" type=\"button\" role=\"tab\"><i class=\"bi bi-grid-1x2-fill me-2\"><\/i>\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b<\/button>\n <\/li>\n <\/ul>\n\n \n <div class=\"tab-content\" id=\"departmentTabContent\">\n \n <div class=\"tab-pane fade show active\" id=\"academic-tab-pane\" role=\"tabpanel\">\n <h3 class=\"mb-4\">\u0e1d\u0e48\u0e32\u0e22\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23<\/h3>\n <div class=\"list-group file-list-group\">\n <div class=\"list-group-item\">\n <i class=\"bi bi-file-earmark-pdf-fill file-icon\"><\/i>\n <div class=\"file-info\">\n <div class=\"file-name\">\u0e41\u0e1c\u0e19\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2568<\/div>\n <div class=\"file-meta\">\u0e02\u0e19\u0e32\u0e14: 2.5 MB | \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15: 1 \u0e2a.\u0e04. 2568<\/div>\n <\/div>\n <a href=\"#\" class=\"download-btn\"><i class=\"bi bi-download me-2\"><\/i>\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14<\/a>\n <\/div>\n <div class=\"list-group-item\">\n <i class=\"bi bi-file-earmark-word-fill file-icon\"><\/i>\n <div class=\"file-info\">\n <div class=\"file-name\">\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19 (\u0e1b\u0e1e.5)<\/div>\n <div class=\"file-meta\">\u0e02\u0e19\u0e32\u0e14: 350 KB | \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15: 15 \u0e01.\u0e04. 2568<\/div>\n <\/div>\n <a href=\"#\" class=\"download-btn\"><i class=\"bi bi-download me-2\"><\/i>\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14<\/a>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"tab-pane fade\" id=\"budget-tab-pane\" role=\"tabpanel\">\n <h3 class=\"mb-4\">\u0e1d\u0e48\u0e32\u0e22\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13<\/h3>\n <div class=\"list-group file-list-group\">\n <div class=\"list-group-item\">\n <i class=\"bi bi-file-earmark-word-fill file-icon\"><\/i>\n <div class=\"file-info\">\n <div class=\"file-name\">\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e0b\u0e37\u0e49\u0e2d\u0e02\u0e2d\u0e08\u0e49\u0e32\u0e07<\/div>\n <div class=\"file-meta\">\u0e02\u0e19\u0e32\u0e14: 68.6 KB | \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15: 22 \u0e2a.\u0e04. 2568<\/div>\n <\/div>\n <a href=\"https:\/\/www.ksd.ac.th\/download\/%E0%B8%9B%E0%B8%B0%E0%B8%AB%E0%B8%99%E0%B9%89%E0%B8%B2%E0%B8%82%E0%B8%AD%E0%B8%8B%E0%B8%B7%E0%B9%89%E0%B8%AD%E0%B8%82%E0%B8%AD%E0%B8%88%E0%B9%89%E0%B8%B2%E0%B8%87.docx\" class=\"download-btn\"><i class=\"bi bi-download me-2\"><\/i>\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14<\/a>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"tab-pane fade\" id=\"personnel-tab-pane\" role=\"tabpanel\">\n <h3 class=\"mb-4\">\u0e1d\u0e48\u0e32\u0e22\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19\u0e1a\u0e38\u0e04\u0e04\u0e25<\/h3>\n <div class=\"list-group file-list-group\">\n <div class=\"list-group-item\">\n <i class=\"bi bi-file-earmark-pdf-fill file-icon\"><\/i>\n <div class=\"file-info\">\n <div class=\"file-name\">\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e43\u0e1a\u0e25\u0e32 (\u0e17\u0e38\u0e01\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17)<\/div>\n <div class=\"file-meta\">\u0e02\u0e19\u0e32\u0e14: 500 KB | \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15: 1 \u0e21.\u0e04. 2568<\/div>\n <\/div>\n <a href=\"#\" class=\"download-btn\"><i class=\"bi bi-download me-2\"><\/i>\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14<\/a>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"tab-pane fade\" id=\"general-tab-pane\" role=\"tabpanel\">\n <h3 class=\"mb-4\">\u0e1d\u0e48\u0e32\u0e22\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b<\/h3>\n <div class=\"list-group file-list-group\">\n <div class=\"list-group-item\">\n <i class=\"bi bi-file-earmark-zip-fill file-icon\"><\/i>\n <div class=\"file-info\">\n <div class=\"file-name\">\u0e23\u0e27\u0e21\u0e20\u0e32\u0e1e\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e27\u0e31\u0e19\u0e41\u0e21\u0e48\u0e41\u0e2b\u0e48\u0e07\u0e0a\u0e32\u0e15\u0e34 2568<\/div>\n <div class=\"file-meta\">\u0e02\u0e19\u0e32\u0e14: 55.8 MB | \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15: 12 \u0e2a.\u0e04. 2568<\/div>\n <\/div>\n <a href=\"#\" class=\"download-btn\"><i class=\"bi bi-download me-2\"><\/i>\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/main>\n\n \n <footer class=\"text-center p-4 mt-5\">\n <div class=\"container\">\n <p class=\"mb-0 text-muted\">© \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<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0e23\u0e30\u0e1a\u0e1a\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23 – \u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e1a\u0e49\u0e32\u0e19\u0e41\u0e01\u0e48\u0e07\u0e2a\u0e30\u0e40\u0e14\u0e32 \u0e23\u0e30\u0e1a\u0e1a\u0e14…<\/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-54","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ksd.ac.th\/web\/index.php?rest_route=\/wp\/v2\/pages\/54","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=54"}],"version-history":[{"count":4,"href":"https:\/\/ksd.ac.th\/web\/index.php?rest_route=\/wp\/v2\/pages\/54\/revisions"}],"predecessor-version":[{"id":76,"href":"https:\/\/ksd.ac.th\/web\/index.php?rest_route=\/wp\/v2\/pages\/54\/revisions\/76"}],"wp:attachment":[{"href":"https:\/\/ksd.ac.th\/web\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=54"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":54,"date":"2025-08-05T11:55:46","date_gmt":"2025-08-05T04:55:46","guid":{"rendered":"https:\/\/ksd.ac.th\/web\/?page_id=54"},"modified":"2025-08-22T09:07:25","modified_gmt":"2025-08-22T02:07:25","slug":"%e0%b8%94%e0%b8%b2%e0%b8%a7%e0%b8%99%e0%b9%8c%e0%b9%82%e0%b8%ab%e0%b8%a5%e0%b8%94","status":"publish","type":"page","link":"https:\/\/ksd.ac.th\/web\/?page_id=54","title":{"rendered":"\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14"},"content":{"rendered":"\n\n\n\n \n \n \u0e23\u0e30\u0e1a\u0e1a\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23 – \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: #0d47a1; \/* Deep Blue *\/\n --secondary-color: #1976d2; \/* Bright Blue *\/\n --accent-color: #ffc107; \/* Gold Accent *\/\n --background-color: #f5f7fa;\n --card-background: #ffffff;\n --text-color: #333;\n --light-text-color: #555;\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, .nav-link {\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(13, 71, 161, 0.9), rgba(25, 118, 210, 0.8)), url('https:\/\/images.pexels.com\/photos\/3184418\/pexels-photo-3184418.jpeg?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-left-radius: 50px;\n border-bottom-right-radius: 50px;\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.3);\n }\n \n \/* --- Department Tabs --- *\/\n .department-tabs {\n margin-top: -2.5rem;\n position: relative;\n z-index: 10;\n }\n\n .department-tabs .nav-link {\n background: var(--card-background);\n color: var(--light-text-color);\n border: none;\n border-radius: 15px 15px 0 0 !important;\n padding: 1rem 1.5rem;\n margin: 0 5px;\n font-size: 1.1rem;\n font-weight: 500;\n transition: all 0.3s ease;\n box-shadow: 0 -5px 15px -5px rgba(0,0,0,0.05);\n }\n\n .department-tabs .nav-link:hover {\n background: #e9ecef;\n color: var(--primary-color);\n }\n\n .department-tabs .nav-link.active {\n background: var(--primary-color);\n color: white;\n transform: translateY(-5px);\n box-shadow: 0 -8px 20px -5px rgba(13, 71, 161, 0.4);\n }\n \n .tab-content {\n background: var(--card-background);\n border-radius: 20px;\n box-shadow: 0 15px 40px -15px rgba(0, 74, 153, 0.2);\n padding: 2.5rem;\n border-top-left-radius: 0;\n }\n\n \/* --- File List Styling --- *\/\n .file-list-group .list-group-item {\n display: flex;\n align-items: center;\n padding: 1rem 1.5rem;\n border: 1px solid #e9ecef;\n border-radius: 10px !important;\n margin-bottom: 1rem;\n transition: all 0.3s ease;\n }\n \n .file-list-group .list-group-item:hover {\n transform: translateX(10px);\n box-shadow: 0 5px 15px rgba(0,0,0,0.08);\n border-left: 5px solid var(--secondary-color);\n }\n \n .file-icon {\n font-size: 2rem;\n margin-right: 1.5rem;\n }\n \n .file-icon.bi-file-earmark-pdf-fill { color: #dc3545; } \/* Red for PDF *\/\n .file-icon.bi-file-earmark-word-fill { color: #0d6efd; } \/* Blue for Word *\/\n .file-icon.bi-file-earmark-excel-fill { color: #198754; } \/* Green for Excel *\/\n .file-icon.bi-file-earmark-zip-fill { color: #6f42c1; } \/* Purple for Zip *\/\n \n .file-info {\n flex-grow: 1;\n }\n \n .file-name {\n font-weight: 700;\n font-size: 1.1rem;\n color: var(--text-color);\n }\n \n .file-meta {\n font-size: 0.9rem;\n color: var(--light-text-color);\n }\n \n .download-btn {\n background: var(--secondary-color);\n color: white;\n border-radius: 50px;\n padding: 0.5rem 1.5rem;\n text-decoration: none;\n transition: all 0.3s ease;\n box-shadow: 0 4px 10px rgba(25, 118, 210, 0.3);\n }\n \n .download-btn:hover {\n background: var(--primary-color);\n transform: scale(1.05);\n box-shadow: 0 6px 15px rgba(13, 71, 161, 0.4);\n }\n\n <\/style>\n<\/head>\n<body>\n\n \n <header class=\"hero-header\">\n <div class=\"container\">\n <h1><i class=\"bi bi-cloud-arrow-down-fill me-3\"><\/i>\u0e23\u0e30\u0e1a\u0e1a\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23<\/h1>\n <p class=\"lead\">\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e23\u0e27\u0e21\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e02\u0e2d\u0e07\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\">\n \n \n <ul class=\"nav nav-tabs justify-content-center department-tabs\" id=\"departmentTab\" role=\"tablist\">\n <li class=\"nav-item\" role=\"presentation\">\n <button class=\"nav-link active\" id=\"academic-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#academic-tab-pane\" type=\"button\" role=\"tab\"><i class=\"bi bi-book-half me-2\"><\/i>\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23<\/button>\n <\/li>\n <li class=\"nav-item\" role=\"presentation\">\n <button class=\"nav-link\" id=\"budget-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#budget-tab-pane\" type=\"button\" role=\"tab\"><i class=\"bi bi-cash-coin me-2\"><\/i>\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13<\/button>\n <\/li>\n <li class=\"nav-item\" role=\"presentation\">\n <button class=\"nav-link\" id=\"personnel-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#personnel-tab-pane\" type=\"button\" role=\"tab\"><i class=\"bi bi-people-fill me-2\"><\/i>\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19\u0e1a\u0e38\u0e04\u0e04\u0e25<\/button>\n <\/li>\n <li class=\"nav-item\" role=\"presentation\">\n <button class=\"nav-link\" id=\"general-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#general-tab-pane\" type=\"button\" role=\"tab\"><i class=\"bi bi-grid-1x2-fill me-2\"><\/i>\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b<\/button>\n <\/li>\n <\/ul>\n\n \n <div class=\"tab-content\" id=\"departmentTabContent\">\n \n <div class=\"tab-pane fade show active\" id=\"academic-tab-pane\" role=\"tabpanel\">\n <h3 class=\"mb-4\">\u0e1d\u0e48\u0e32\u0e22\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23<\/h3>\n <div class=\"list-group file-list-group\">\n <div class=\"list-group-item\">\n <i class=\"bi bi-file-earmark-pdf-fill file-icon\"><\/i>\n <div class=\"file-info\">\n <div class=\"file-name\">\u0e41\u0e1c\u0e19\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2568<\/div>\n <div class=\"file-meta\">\u0e02\u0e19\u0e32\u0e14: 2.5 MB | \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15: 1 \u0e2a.\u0e04. 2568<\/div>\n <\/div>\n <a href=\"#\" class=\"download-btn\"><i class=\"bi bi-download me-2\"><\/i>\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14<\/a>\n <\/div>\n <div class=\"list-group-item\">\n <i class=\"bi bi-file-earmark-word-fill file-icon\"><\/i>\n <div class=\"file-info\">\n <div class=\"file-name\">\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19 (\u0e1b\u0e1e.5)<\/div>\n <div class=\"file-meta\">\u0e02\u0e19\u0e32\u0e14: 350 KB | \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15: 15 \u0e01.\u0e04. 2568<\/div>\n <\/div>\n <a href=\"#\" class=\"download-btn\"><i class=\"bi bi-download me-2\"><\/i>\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14<\/a>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"tab-pane fade\" id=\"budget-tab-pane\" role=\"tabpanel\">\n <h3 class=\"mb-4\">\u0e1d\u0e48\u0e32\u0e22\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13<\/h3>\n <div class=\"list-group file-list-group\">\n <div class=\"list-group-item\">\n <i class=\"bi bi-file-earmark-word-fill file-icon\"><\/i>\n <div class=\"file-info\">\n <div class=\"file-name\">\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e0b\u0e37\u0e49\u0e2d\u0e02\u0e2d\u0e08\u0e49\u0e32\u0e07<\/div>\n <div class=\"file-meta\">\u0e02\u0e19\u0e32\u0e14: 68.6 KB | \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15: 22 \u0e2a.\u0e04. 2568<\/div>\n <\/div>\n <a href=\"https:\/\/www.ksd.ac.th\/download\/%E0%B8%9B%E0%B8%B0%E0%B8%AB%E0%B8%99%E0%B9%89%E0%B8%B2%E0%B8%82%E0%B8%AD%E0%B8%8B%E0%B8%B7%E0%B9%89%E0%B8%AD%E0%B8%82%E0%B8%AD%E0%B8%88%E0%B9%89%E0%B8%B2%E0%B8%87.docx\" class=\"download-btn\"><i class=\"bi bi-download me-2\"><\/i>\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14<\/a>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"tab-pane fade\" id=\"personnel-tab-pane\" role=\"tabpanel\">\n <h3 class=\"mb-4\">\u0e1d\u0e48\u0e32\u0e22\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19\u0e1a\u0e38\u0e04\u0e04\u0e25<\/h3>\n <div class=\"list-group file-list-group\">\n <div class=\"list-group-item\">\n <i class=\"bi bi-file-earmark-pdf-fill file-icon\"><\/i>\n <div class=\"file-info\">\n <div class=\"file-name\">\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e43\u0e1a\u0e25\u0e32 (\u0e17\u0e38\u0e01\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17)<\/div>\n <div class=\"file-meta\">\u0e02\u0e19\u0e32\u0e14: 500 KB | \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15: 1 \u0e21.\u0e04. 2568<\/div>\n <\/div>\n <a href=\"#\" class=\"download-btn\"><i class=\"bi bi-download me-2\"><\/i>\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14<\/a>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"tab-pane fade\" id=\"general-tab-pane\" role=\"tabpanel\">\n <h3 class=\"mb-4\">\u0e1d\u0e48\u0e32\u0e22\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b<\/h3>\n <div class=\"list-group file-list-group\">\n <div class=\"list-group-item\">\n <i class=\"bi bi-file-earmark-zip-fill file-icon\"><\/i>\n <div class=\"file-info\">\n <div class=\"file-name\">\u0e23\u0e27\u0e21\u0e20\u0e32\u0e1e\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e27\u0e31\u0e19\u0e41\u0e21\u0e48\u0e41\u0e2b\u0e48\u0e07\u0e0a\u0e32\u0e15\u0e34 2568<\/div>\n <div class=\"file-meta\">\u0e02\u0e19\u0e32\u0e14: 55.8 MB | \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15: 12 \u0e2a.\u0e04. 2568<\/div>\n <\/div>\n <a href=\"#\" class=\"download-btn\"><i class=\"bi bi-download me-2\"><\/i>\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/main>\n\n \n <footer class=\"text-center p-4 mt-5\">\n <div class=\"container\">\n <p class=\"mb-0 text-muted\">© \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<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0e23\u0e30\u0e1a\u0e1a\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23 – \u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e1a\u0e49\u0e32\u0e19\u0e41\u0e01\u0e48\u0e07\u0e2a\u0e30\u0e40\u0e14\u0e32 \u0e23\u0e30\u0e1a\u0e1a\u0e14…<\/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-54","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ksd.ac.th\/web\/index.php?rest_route=\/wp\/v2\/pages\/54","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=54"}],"version-history":[{"count":4,"href":"https:\/\/ksd.ac.th\/web\/index.php?rest_route=\/wp\/v2\/pages\/54\/revisions"}],"predecessor-version":[{"id":76,"href":"https:\/\/ksd.ac.th\/web\/index.php?rest_route=\/wp\/v2\/pages\/54\/revisions\/76"}],"wp:attachment":[{"href":"https:\/\/ksd.ac.th\/web\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=54"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}