\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e01\u0e25\u0e38\u0e48\u0e21\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 - \u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2a\u0e34\u0e19\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c\u0e27\u0e34\u0e17\u0e22\u0e32<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Sarabun', 'TH Sarabun New', 'TH SarabunPSK', Arial, sans-serif;\r\n }\r\n \r\n body {\r\n background: linear-gradient(135deg, #f5f7fa 0%, #e4edf5 100%);\r\n color: #333;\r\n line-height: 1.6;\r\n min-height: 100vh;\r\n }\r\n \r\n .container {\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n padding: 20px;\r\n }\r\n \r\n header {\r\n background: linear-gradient(135deg, #1a5276 0%, #2c77b5 100%);\r\n color: white;\r\n padding: 30px 0;\r\n text-align: center;\r\n border-radius: 12px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 12px rgba(0,0,0,0.15);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n header::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, #f1c40f, #e67e22, #e74c3c);\r\n }\r\n \r\n .school-logo {\r\n width: 80px;\r\n height: 80px;\r\n background-color: white;\r\n border-radius: 50%;\r\n margin: 0 auto 15px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 4px 8px rgba(0,0,0,0.2);\r\n }\r\n \r\n .school-logo span {\r\n font-size: 2.5rem;\r\n color: #1a5276;\r\n font-weight: bold;\r\n }\r\n \r\n h1 {\r\n font-size: 2.2rem;\r\n margin-bottom: 10px;\r\n font-weight: 700;\r\n }\r\n \r\n .subtitle {\r\n font-size: 1.2rem;\r\n opacity: 0.9;\r\n font-weight: 400;\r\n }\r\n \r\n .document-list {\r\n background-color: white;\r\n border-radius: 12px;\r\n padding: 30px;\r\n box-shadow: 0 6px 15px rgba(0,0,0,0.08);\r\n margin-bottom: 30px;\r\n }\r\n \r\n .section-title {\r\n font-size: 1.5rem;\r\n color: #2c3e50;\r\n margin-bottom: 25px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid #ecf0f1;\r\n font-weight: 600;\r\n }\r\n \r\n .document-item {\r\n padding: 25px;\r\n margin-bottom: 20px;\r\n border-left: 6px solid #3498db;\r\n background-color: #f8f9fa;\r\n border-radius: 0 10px 10px 0;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n \r\n .document-item:hover {\r\n transform: translateX(8px);\r\n box-shadow: 0 8px 20px rgba(0,0,0,0.1);\r\n border-left-color: #2980b9;\r\n }\r\n \r\n .document-header {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 15px;\r\n }\r\n \r\n .document-number {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background-color: #3498db;\r\n color: white;\r\n width: 36px;\r\n height: 36px;\r\n text-align: center;\r\n line-height: 36px;\r\n border-radius: 50%;\r\n margin-right: 15px;\r\n font-weight: bold;\r\n font-size: 1.1rem;\r\n flex-shrink: 0;\r\n }\r\n \r\n .document-title {\r\n font-size: 1.4rem;\r\n color: #2c3e50;\r\n font-weight: 600;\r\n }\r\n \r\n .document-description {\r\n margin-bottom: 15px;\r\n color: #555;\r\n line-height: 1.7;\r\n }\r\n \r\n .document-link {\r\n display: inline-flex;\r\n align-items: center;\r\n background: linear-gradient(to right, #2ecc71, #27ae60);\r\n color: white;\r\n padding: 10px 25px;\r\n border-radius: 6px;\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: all 0.3s;\r\n align-self: flex-start;\r\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\r\n }\r\n \r\n .document-link:hover {\r\n background: linear-gradient(to right, #27ae60, #219653);\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 8px rgba(0,0,0,0.15);\r\n }\r\n \r\n .document-link i {\r\n margin-right: 8px;\r\n }\r\n \r\n footer {\r\n text-align: center;\r\n margin-top: 40px;\r\n padding: 25px;\r\n color: #7f8c8d;\r\n font-size: 0.95rem;\r\n background-color: white;\r\n border-radius: 10px;\r\n box-shadow: 0 4px 10px rgba(0,0,0,0.05);\r\n }\r\n \r\n .contact-info {\r\n margin-top: 15px;\r\n font-size: 0.9rem;\r\n color: #95a5a6;\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .container {\r\n padding: 15px;\r\n }\r\n \r\n header {\r\n padding: 25px 0;\r\n }\r\n \r\n h1 {\r\n font-size: 1.8rem;\r\n }\r\n \r\n .document-title {\r\n font-size: 1.2rem;\r\n }\r\n \r\n .document-header {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n \r\n .document-number {\r\n margin-bottom: 10px;\r\n }\r\n }\r\n \r\n \/* Animation for page load *\/\r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n \r\n .document-item {\r\n animation: fadeIn 0.5s ease forwards;\r\n }\r\n \r\n .document-item:nth-child(1) {\r\n animation-delay: 0.1s;\r\n }\r\n \r\n .document-item:nth-child(2) {\r\n animation-delay: 0.3s;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <header>\r\n <div class=\"school-logo\">\r\n <span>\u0e2a<\/span>\r\n <\/div>\r\n <h1>\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e01\u0e25\u0e38\u0e48\u0e21\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13<\/h1>\r\n <div class=\"subtitle\">\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2a\u0e34\u0e19\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c\u0e27\u0e34\u0e17\u0e22\u0e32<\/div>\r\n <\/header>\r\n \r\n <main class=\"document-list\">\r\n <h2 class=\"section-title\">\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13<\/h2>\r\n \r\n <div class=\"document-item\">\r\n <div class=\"document-header\">\r\n <div class=\"document-number\">1<\/div>\r\n <div class=\"document-title\">\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e02\u0e2d\u0e43\u0e0a\u0e49\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13(\u0e1c\u0e48\u0e32\u0e19\u0e41\u0e1c\u0e19)<\/div>\r\n <\/div>\r\n <p class=\"document-description\">\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e43\u0e0a\u0e49\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\u0e17\u0e35\u0e48\u0e1c\u0e48\u0e32\u0e19\u0e01\u0e32\u0e23\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e41\u0e25\u0e30\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\u0e41\u0e25\u0e49\u0e27 \u0e42\u0e14\u0e22\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e2b\u0e23\u0e37\u0e2d\u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\u0e44\u0e14\u0e49\u0e08\u0e32\u0e01\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07<\/p>\r\n <a href=\"https:\/\/drive.google.com\/drive\/u\/2\/folders\/1l0bSzIigtIpmG2WxFcptiCx2GpxgQvuR\" class=\"document-link\" target=\"_blank\">\r\n <i>\ud83d\udcc1<\/i> \u0e40\u0e1b\u0e34\u0e14\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\r\n <\/a>\r\n <\/div>\r\n \r\n <div class=\"document-item\">\r\n <div class=\"document-header\">\r\n <div class=\"document-number\">2<\/div>\r\n <div class=\"document-title\">\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e22\u0e37\u0e21\u0e40\u0e07\u0e34\u0e19<\/div>\r\n <\/div>\r\n <p class=\"document-description\">\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e22\u0e37\u0e21\u0e40\u0e07\u0e34\u0e19\u0e20\u0e32\u0e22\u0e43\u0e19\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2a\u0e34\u0e19\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c\u0e27\u0e34\u0e17\u0e22\u0e32 \u0e01\u0e23\u0e38\u0e13\u0e32\u0e2d\u0e48\u0e32\u0e19\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e41\u0e25\u0e30\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e01\u0e48\u0e2d\u0e19\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19<\/p>\r\n <a href=\"https:\/\/docs.google.com\/document\/d\/1JCqkdbczPkZV3BNfstqjqff-ofW4hR49\/edit\" class=\"document-link\" target=\"_blank\">\r\n <i>\ud83d\udcc4<\/i> \u0e40\u0e1b\u0e34\u0e14\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\r\n <\/a>\r\n <\/div>\r\n <\/main>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e2d\u0e1f\u0e40\u0e1f\u0e01\u0e15\u0e4c\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e04\u0e25\u0e34\u0e01\u0e17\u0e35\u0e48\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\r\n document.querySelectorAll('.document-link').forEach(link => {\r\n link.addEventListener('click', function() {\r\n this.style.transform = 'scale(0.95)';\r\n setTimeout(() => {\r\n this.style.transform = '';\r\n }, 200);\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5c65840 e-con-full e-flex e-con e-parent\" data-id=\"5c65840\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd2f272 elementor-widget elementor-widget-html\" data-id=\"fd2f272\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"th\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>\u0e41\u0e1c\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32 - \u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2a\u0e34\u0e19\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c\u0e27\u0e34\u0e17\u0e22\u0e32<\/title>\r\n \r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0-alpha1\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n * {\r\n font-family: 'Sarabun', 'TH Sarabun New', 'TH SarabunPSK', Arial, sans-serif;\r\n }\r\n \r\n body {\r\n background: linear-gradient(135deg, #f0f8ff 0%, #e6f3ff 100%);\r\n color: #333;\r\n line-height: 1.6;\r\n min-height: 100vh;\r\n }\r\n \r\n .school-header {\r\n background: linear-gradient(135deg, #1a5276 0%, #2c77b5 100%);\r\n color: white;\r\n padding: 40px 0;\r\n border-radius: 15px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 8px 20px rgba(0,0,0,0.15);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .school-header::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 5px;\r\n background: linear-gradient(90deg, #f1c40f, #e67e22, #e74c3c, #9b59b6);\r\n }\r\n \r\n .school-logo {\r\n width: 90px;\r\n height: 90px;\r\n background-color: white;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 4px 10px rgba(0,0,0,0.2);\r\n margin: 0 auto 20px;\r\n }\r\n \r\n .school-logo span {\r\n font-size: 2.8rem;\r\n color: #1a5276;\r\n font-weight: bold;\r\n }\r\n \r\n .period {\r\n margin-top: 15px;\r\n font-size: 1.2rem;\r\n background: rgba(255,255,255,0.2);\r\n display: inline-block;\r\n padding: 8px 20px;\r\n border-radius: 20px;\r\n }\r\n \r\n .main-plan-card {\r\n border: none;\r\n border-radius: 15px;\r\n box-shadow: 0 10px 25px rgba(0,0,0,0.1);\r\n transition: all 0.3s ease;\r\n overflow: hidden;\r\n margin-bottom: 30px;\r\n }\r\n \r\n .main-plan-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 15px 30px rgba(0,0,0,0.15);\r\n }\r\n \r\n .main-plan-icon {\r\n width: 80px;\r\n height: 80px;\r\n background: linear-gradient(135deg, #3498db, #2980b9);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 20px;\r\n color: white;\r\n font-size: 2rem;\r\n }\r\n \r\n .annual-plan-card {\r\n border: none;\r\n border-radius: 12px;\r\n box-shadow: 0 6px 15px rgba(0,0,0,0.08);\r\n transition: all 0.3s ease;\r\n height: 100%;\r\n border-top: 5px solid;\r\n }\r\n \r\n .annual-plan-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.12);\r\n }\r\n \r\n .year-badge {\r\n display: inline-block;\r\n background: linear-gradient(135deg, #e74c3c, #c0392b);\r\n color: white;\r\n padding: 8px 20px;\r\n border-radius: 20px;\r\n font-weight: 600;\r\n margin-bottom: 15px;\r\n font-size: 1.1rem;\r\n }\r\n \r\n .btn-plan {\r\n background: linear-gradient(to right, #2ecc71, #27ae60);\r\n border: none;\r\n color: white;\r\n font-weight: 600;\r\n padding: 10px 25px;\r\n border-radius: 6px;\r\n transition: all 0.3s;\r\n }\r\n \r\n .btn-plan:hover {\r\n background: linear-gradient(to right, #27ae60, #219653);\r\n transform: translateY(-2px);\r\n color: white;\r\n }\r\n \r\n .btn-annual {\r\n background: #3498db;\r\n border: none;\r\n color: white;\r\n font-weight: 500;\r\n padding: 8px 20px;\r\n border-radius: 6px;\r\n transition: all 0.3s;\r\n width: 100%;\r\n }\r\n \r\n .btn-annual:hover {\r\n background: #2980b9;\r\n transform: translateY(-2px);\r\n color: white;\r\n }\r\n \r\n .section-title {\r\n color: #2c3e50;\r\n margin-bottom: 25px;\r\n padding-bottom: 12px;\r\n border-bottom: 3px solid #ecf0f1;\r\n font-weight: 600;\r\n }\r\n \r\n footer {\r\n background-color: white;\r\n border-radius: 10px;\r\n box-shadow: 0 4px 10px rgba(0,0,0,0.05);\r\n margin-top: 40px;\r\n }\r\n \r\n \/* Animation for cards *\/\r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n \r\n .main-plan-card, .annual-plan-card {\r\n animation: fadeIn 0.5s ease forwards;\r\n }\r\n \r\n \/* Color variations for year cards *\/\r\n .year-2565 { border-top-color: #e74c3c; }\r\n .year-2566 { border-top-color: #3498db; }\r\n .year-2567 { border-top-color: #2ecc71; }\r\n .year-2568 { border-top-color: #f39c12; }\r\n .year-2569 { border-top-color: #9b59b6; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container py-4\">\r\n \r\n <header class=\"school-header text-center\">\r\n <div class=\"school-logo\">\r\n <span>\u0e2a<\/span>\r\n <\/div>\r\n <h1 class=\"display-5 fw-bold\">\u0e41\u0e1c\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32<\/h1>\r\n <p class=\"fs-4\">\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2a\u0e34\u0e19\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c\u0e27\u0e34\u0e17\u0e22\u0e32<\/p>\r\n <div class=\"period\">\u0e1e.\u0e28. 2565 - 2569<\/div>\r\n <\/header>\r\n \r\n \r\n <div class=\"row justify-content-center mb-5\">\r\n <div class=\"col-lg-10\">\r\n <div class=\"card main-plan-card\">\r\n <div class=\"card-body p-5 text-center\">\r\n <div class=\"main-plan-icon\">\r\n <i class=\"fas fa-graduation-cap\"><\/i>\r\n <\/div>\r\n <h2 class=\"card-title h1 mb-3\">\u0e41\u0e1c\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32 2565-2569<\/h2>\r\n <p class=\"card-text fs-5 mb-4\">\r\n \u0e41\u0e1c\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e02\u0e2d\u0e07\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2a\u0e34\u0e19\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c\u0e27\u0e34\u0e17\u0e22\u0e32 \u0e23\u0e30\u0e22\u0e30 5 \u0e1b\u0e35 (\u0e1e.\u0e28. 2565-2569) \r\n \u0e0b\u0e36\u0e48\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e41\u0e1c\u0e19\u0e41\u0e21\u0e48\u0e1a\u0e17\u0e17\u0e35\u0e48\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e27\u0e34\u0e2a\u0e31\u0e22\u0e17\u0e31\u0e28\u0e19\u0e4c \u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22 \u0e41\u0e25\u0e30\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e02\u0e2d\u0e07\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19 \r\n \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19\u0e43\u0e2b\u0e49\u0e21\u0e35\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e15\u0e32\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\r\n <\/p>\r\n <a href=\"https:\/\/drive.google.com\/file\/d\/1xP5GzHYT80P-5NYGbEjAy2dxW3cK2G0x\/view\" \r\n class=\"btn btn-plan\" target=\"_blank\">\r\n <i class=\"fas fa-external-link-alt me-2\"><\/i> \u0e14\u0e39\u0e41\u0e1c\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"mb-5\">\r\n <h2 class=\"section-title text-center h3\">\r\n <i class=\"fas fa-calendar-alt me-2\"><\/i>\u0e41\u0e1c\u0e19\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35\r\n <\/h2>\r\n \r\n \r\n <div class=\"row g-4 mb-4\">\r\n <div class=\"col-md-4\">\r\n <div class=\"card annual-plan-card year-2565 h-100\">\r\n <div class=\"card-body text-center d-flex flex-column\">\r\n <div class=\"year-badge\">2565<\/div>\r\n <h3 class=\"card-title h5 mb-3\">\u0e41\u0e1c\u0e19\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35 2565<\/h3>\r\n <p class=\"card-text flex-grow-1\">\r\n \u0e41\u0e1c\u0e19\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e15\u0e32\u0e21\u0e41\u0e1c\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32 \r\n \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2565\r\n <\/p>\r\n <a href=\"https:\/\/sinnarin.ac.th\/srwweb\/plan2565\/\" \r\n class=\"btn btn-annual mt-auto\" target=\"_blank\">\r\n <i class=\"fas fa-file-alt me-2\"><\/i> \u0e14\u0e39\u0e41\u0e1c\u0e19\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"col-md-4\">\r\n <div class=\"card annual-plan-card year-2566 h-100\">\r\n <div class=\"card-body text-center d-flex flex-column\">\r\n <div class=\"year-badge\">2566<\/div>\r\n <h3 class=\"card-title h5 mb-3\">\u0e41\u0e1c\u0e19\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35 2566<\/h3>\r\n <p class=\"card-text flex-grow-1\">\r\n \u0e41\u0e1c\u0e19\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e15\u0e32\u0e21\u0e41\u0e1c\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32 \r\n \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2566\r\n <\/p>\r\n <a href=\"https:\/\/sinnarin.ac.th\/srwweb\/elementor-2091\/\" \r\n class=\"btn btn-annual mt-auto\" target=\"_blank\">\r\n <i class=\"fas fa-file-alt me-2\"><\/i> \u0e14\u0e39\u0e41\u0e1c\u0e19\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"col-md-4\">\r\n <div class=\"card annual-plan-card year-2567 h-100\">\r\n <div class=\"card-body text-center d-flex flex-column\">\r\n <div class=\"year-badge\">2567<\/div>\r\n <h3 class=\"card-title h5 mb-3\">\u0e41\u0e1c\u0e19\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35 2567<\/h3>\r\n <p class=\"card-text flex-grow-1\">\r\n \u0e41\u0e1c\u0e19\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e15\u0e32\u0e21\u0e41\u0e1c\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32 \r\n \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2567\r\n <\/p>\r\n <a href=\"https:\/\/sinnarin.ac.th\/srwweb\/plan-2567\/\" \r\n class=\"btn btn-annual mt-auto\" target=\"_blank\">\r\n <i class=\"fas fa-file-alt me-2\"><\/i> \u0e14\u0e39\u0e41\u0e1c\u0e19\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"row g-4 justify-content-center\">\r\n <div class=\"col-md-4\">\r\n <div class=\"card annual-plan-card year-2568 h-100\">\r\n <div class=\"card-body text-center d-flex flex-column\">\r\n <div class=\"year-badge\">2568<\/div>\r\n <h3 class=\"card-title h5 mb-3\">\u0e41\u0e1c\u0e19\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35 2568<\/h3>\r\n <p class=\"card-text flex-grow-1\">\r\n \u0e41\u0e1c\u0e19\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e15\u0e32\u0e21\u0e41\u0e1c\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32 \r\n \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2568\r\n <\/p>\r\n <a href=\"https:\/\/sinnarin.ac.th\/srwweb\/plan-2568\/\" \r\n class=\"btn btn-annual mt-auto\" target=\"_blank\">\r\n <i class=\"fas fa-file-alt me-2\"><\/i> \u0e14\u0e39\u0e41\u0e1c\u0e19\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"col-md-4\">\r\n <div class=\"card annual-plan-card year-2569 h-100\">\r\n <div class=\"card-body text-center d-flex flex-column\">\r\n <div class=\"year-badge\">2569<\/div>\r\n <h3 class=\"card-title h5 mb-3\">\u0e41\u0e1c\u0e19\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35 2569<\/h3>\r\n <p class=\"card-text flex-grow-1\">\r\n \u0e41\u0e1c\u0e19\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e15\u0e32\u0e21\u0e41\u0e1c\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32 \r\n \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2569\r\n <\/p>\r\n <a href=\"https:\/\/drive.google.com\/drive\/folders\/1gIeYq9moVMG1Be00dDzoNj8ybtTEKF5L?usp=drive_link\" \r\n class=\"btn btn-annual mt-auto\" target=\"_blank\">\r\n <i class=\"fas fa-folder-open me-2\"><\/i> \u0e14\u0e39\u0e41\u0e1c\u0e19\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <footer class=\"py-4 text-center\">\r\n <p class=\"mb-2\">\u00a9 2023 \u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2a\u0e34\u0e19\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c\u0e27\u0e34\u0e17\u0e22\u0e32 | \u0e41\u0e1c\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e1e.\u0e28. 2565-2569<\/p>\r\n <p class=\"text-muted small mb-0\">\r\n <\/p>\r\n <\/footer>\r\n <\/div>\r\n\r\n \r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0-alpha1\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n \r\n <script>\r\n \/\/ \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e2d\u0e1f\u0e40\u0e1f\u0e01\u0e15\u0e4c\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e04\u0e25\u0e34\u0e01\u0e17\u0e35\u0e48\u0e25\u0e34\u0e07\u0e01\u0e4c\r\n document.querySelectorAll('.btn-plan, .btn-annual').forEach(button => {\r\n button.addEventListener('click', function() {\r\n this.style.transform = 'scale(0.95)';\r\n setTimeout(() => {\r\n this.style.transform = '';\r\n }, 200);\r\n });\r\n });\r\n \r\n \/\/ \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e2d\u0e1f\u0e40\u0e1f\u0e01\u0e15\u0e4c\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e42\u0e2b\u0e25\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\r\n document.addEventListener('DOMContentLoaded', function() {\r\n document.body.style.opacity = '0';\r\n document.body.style.transition = 'opacity 0.5s ease';\r\n \r\n setTimeout(() => {\r\n document.body.style.opacity = '1';\r\n }, 100);\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e01\u0e25\u0e38\u0e48\u0e21\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 – \u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2a\u0e34\u0e19\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c\u0e27… <a href=\"https:\/\/sinnarin.ac.th\/srwweb\/%e0%b8%81%e0%b8%a5%e0%b8%b8%e0%b9%88%e0%b8%a1%e0%b8%9a%e0%b8%a3%e0%b8%b4%e0%b8%ab%e0%b8%b2%e0%b8%a3%e0%b8%87%e0%b8%9a%e0%b8%9b%e0%b8%a3%e0%b8%b0%e0%b8%a1%e0%b8%b2%e0%b8%93\/\" rel=\"bookmark\"><span class=\"screen-reader-text\">\u0e01\u0e25\u0e38\u0e48\u0e21\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"class_list":["post-578","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"admin","author_link":"https:\/\/sinnarin.ac.th\/srwweb\/author\/admin\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e01\u0e25\u0e38\u0e48\u0e21\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 – \u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2a\u0e34\u0e19\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c\u0e27…","_links":{"self":[{"href":"https:\/\/sinnarin.ac.th\/srwweb\/wp-json\/wp\/v2\/pages\/578","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sinnarin.ac.th\/srwweb\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sinnarin.ac.th\/srwweb\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sinnarin.ac.th\/srwweb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sinnarin.ac.th\/srwweb\/wp-json\/wp\/v2\/comments?post=578"}],"version-history":[{"count":127,"href":"https:\/\/sinnarin.ac.th\/srwweb\/wp-json\/wp\/v2\/pages\/578\/revisions"}],"predecessor-version":[{"id":3201,"href":"https:\/\/sinnarin.ac.th\/srwweb\/wp-json\/wp\/v2\/pages\/578\/revisions\/3201"}],"wp:attachment":[{"href":"https:\/\/sinnarin.ac.th\/srwweb\/wp-json\/wp\/v2\/media?parent=578"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e01\u0e25\u0e38\u0e48\u0e21\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 - \u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2a\u0e34\u0e19\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c\u0e27\u0e34\u0e17\u0e22\u0e32<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Sarabun', 'TH Sarabun New', 'TH SarabunPSK', Arial, sans-serif;\r\n }\r\n \r\n body {\r\n background: linear-gradient(135deg, #f5f7fa 0%, #e4edf5 100%);\r\n color: #333;\r\n line-height: 1.6;\r\n min-height: 100vh;\r\n }\r\n \r\n .container {\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n padding: 20px;\r\n }\r\n \r\n header {\r\n background: linear-gradient(135deg, #1a5276 0%, #2c77b5 100%);\r\n color: white;\r\n padding: 30px 0;\r\n text-align: center;\r\n border-radius: 12px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 12px rgba(0,0,0,0.15);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n header::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, #f1c40f, #e67e22, #e74c3c);\r\n }\r\n \r\n .school-logo {\r\n width: 80px;\r\n height: 80px;\r\n background-color: white;\r\n border-radius: 50%;\r\n margin: 0 auto 15px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 4px 8px rgba(0,0,0,0.2);\r\n }\r\n \r\n .school-logo span {\r\n font-size: 2.5rem;\r\n color: #1a5276;\r\n font-weight: bold;\r\n }\r\n \r\n h1 {\r\n font-size: 2.2rem;\r\n margin-bottom: 10px;\r\n font-weight: 700;\r\n }\r\n \r\n .subtitle {\r\n font-size: 1.2rem;\r\n opacity: 0.9;\r\n font-weight: 400;\r\n }\r\n \r\n .document-list {\r\n background-color: white;\r\n border-radius: 12px;\r\n padding: 30px;\r\n box-shadow: 0 6px 15px rgba(0,0,0,0.08);\r\n margin-bottom: 30px;\r\n }\r\n \r\n .section-title {\r\n font-size: 1.5rem;\r\n color: #2c3e50;\r\n margin-bottom: 25px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid #ecf0f1;\r\n font-weight: 600;\r\n }\r\n \r\n .document-item {\r\n padding: 25px;\r\n margin-bottom: 20px;\r\n border-left: 6px solid #3498db;\r\n background-color: #f8f9fa;\r\n border-radius: 0 10px 10px 0;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n \r\n .document-item:hover {\r\n transform: translateX(8px);\r\n box-shadow: 0 8px 20px rgba(0,0,0,0.1);\r\n border-left-color: #2980b9;\r\n }\r\n \r\n .document-header {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 15px;\r\n }\r\n \r\n .document-number {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background-color: #3498db;\r\n color: white;\r\n width: 36px;\r\n height: 36px;\r\n text-align: center;\r\n line-height: 36px;\r\n border-radius: 50%;\r\n margin-right: 15px;\r\n font-weight: bold;\r\n font-size: 1.1rem;\r\n flex-shrink: 0;\r\n }\r\n \r\n .document-title {\r\n font-size: 1.4rem;\r\n color: #2c3e50;\r\n font-weight: 600;\r\n }\r\n \r\n .document-description {\r\n margin-bottom: 15px;\r\n color: #555;\r\n line-height: 1.7;\r\n }\r\n \r\n .document-link {\r\n display: inline-flex;\r\n align-items: center;\r\n background: linear-gradient(to right, #2ecc71, #27ae60);\r\n color: white;\r\n padding: 10px 25px;\r\n border-radius: 6px;\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: all 0.3s;\r\n align-self: flex-start;\r\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\r\n }\r\n \r\n .document-link:hover {\r\n background: linear-gradient(to right, #27ae60, #219653);\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 8px rgba(0,0,0,0.15);\r\n }\r\n \r\n .document-link i {\r\n margin-right: 8px;\r\n }\r\n \r\n footer {\r\n text-align: center;\r\n margin-top: 40px;\r\n padding: 25px;\r\n color: #7f8c8d;\r\n font-size: 0.95rem;\r\n background-color: white;\r\n border-radius: 10px;\r\n box-shadow: 0 4px 10px rgba(0,0,0,0.05);\r\n }\r\n \r\n .contact-info {\r\n margin-top: 15px;\r\n font-size: 0.9rem;\r\n color: #95a5a6;\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .container {\r\n padding: 15px;\r\n }\r\n \r\n header {\r\n padding: 25px 0;\r\n }\r\n \r\n h1 {\r\n font-size: 1.8rem;\r\n }\r\n \r\n .document-title {\r\n font-size: 1.2rem;\r\n }\r\n \r\n .document-header {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n \r\n .document-number {\r\n margin-bottom: 10px;\r\n }\r\n }\r\n \r\n \/* Animation for page load *\/\r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n \r\n .document-item {\r\n animation: fadeIn 0.5s ease forwards;\r\n }\r\n \r\n .document-item:nth-child(1) {\r\n animation-delay: 0.1s;\r\n }\r\n \r\n .document-item:nth-child(2) {\r\n animation-delay: 0.3s;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <header>\r\n <div class=\"school-logo\">\r\n <span>\u0e2a<\/span>\r\n <\/div>\r\n <h1>\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e01\u0e25\u0e38\u0e48\u0e21\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13<\/h1>\r\n <div class=\"subtitle\">\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2a\u0e34\u0e19\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c\u0e27\u0e34\u0e17\u0e22\u0e32<\/div>\r\n <\/header>\r\n \r\n <main class=\"document-list\">\r\n <h2 class=\"section-title\">\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13<\/h2>\r\n \r\n <div class=\"document-item\">\r\n <div class=\"document-header\">\r\n <div class=\"document-number\">1<\/div>\r\n <div class=\"document-title\">\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e02\u0e2d\u0e43\u0e0a\u0e49\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13(\u0e1c\u0e48\u0e32\u0e19\u0e41\u0e1c\u0e19)<\/div>\r\n <\/div>\r\n <p class=\"document-description\">\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e43\u0e0a\u0e49\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\u0e17\u0e35\u0e48\u0e1c\u0e48\u0e32\u0e19\u0e01\u0e32\u0e23\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e41\u0e25\u0e30\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\u0e41\u0e25\u0e49\u0e27 \u0e42\u0e14\u0e22\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e2b\u0e23\u0e37\u0e2d\u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\u0e44\u0e14\u0e49\u0e08\u0e32\u0e01\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07<\/p>\r\n <a href=\"https:\/\/drive.google.com\/drive\/u\/2\/folders\/1l0bSzIigtIpmG2WxFcptiCx2GpxgQvuR\" class=\"document-link\" target=\"_blank\">\r\n <i>\ud83d\udcc1<\/i> \u0e40\u0e1b\u0e34\u0e14\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\r\n <\/a>\r\n <\/div>\r\n \r\n <div class=\"document-item\">\r\n <div class=\"document-header\">\r\n <div class=\"document-number\">2<\/div>\r\n <div class=\"document-title\">\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e22\u0e37\u0e21\u0e40\u0e07\u0e34\u0e19<\/div>\r\n <\/div>\r\n <p class=\"document-description\">\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e22\u0e37\u0e21\u0e40\u0e07\u0e34\u0e19\u0e20\u0e32\u0e22\u0e43\u0e19\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2a\u0e34\u0e19\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c\u0e27\u0e34\u0e17\u0e22\u0e32 \u0e01\u0e23\u0e38\u0e13\u0e32\u0e2d\u0e48\u0e32\u0e19\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e41\u0e25\u0e30\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e01\u0e48\u0e2d\u0e19\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19<\/p>\r\n <a href=\"https:\/\/docs.google.com\/document\/d\/1JCqkdbczPkZV3BNfstqjqff-ofW4hR49\/edit\" class=\"document-link\" target=\"_blank\">\r\n <i>\ud83d\udcc4<\/i> \u0e40\u0e1b\u0e34\u0e14\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\r\n <\/a>\r\n <\/div>\r\n <\/main>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e2d\u0e1f\u0e40\u0e1f\u0e01\u0e15\u0e4c\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e04\u0e25\u0e34\u0e01\u0e17\u0e35\u0e48\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\r\n document.querySelectorAll('.document-link').forEach(link => {\r\n link.addEventListener('click', function() {\r\n this.style.transform = 'scale(0.95)';\r\n setTimeout(() => {\r\n this.style.transform = '';\r\n }, 200);\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5c65840 e-con-full e-flex e-con e-parent\" data-id=\"5c65840\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd2f272 elementor-widget elementor-widget-html\" data-id=\"fd2f272\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"th\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>\u0e41\u0e1c\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32 - \u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2a\u0e34\u0e19\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c\u0e27\u0e34\u0e17\u0e22\u0e32<\/title>\r\n \r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0-alpha1\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n * {\r\n font-family: 'Sarabun', 'TH Sarabun New', 'TH SarabunPSK', Arial, sans-serif;\r\n }\r\n \r\n body {\r\n background: linear-gradient(135deg, #f0f8ff 0%, #e6f3ff 100%);\r\n color: #333;\r\n line-height: 1.6;\r\n min-height: 100vh;\r\n }\r\n \r\n .school-header {\r\n background: linear-gradient(135deg, #1a5276 0%, #2c77b5 100%);\r\n color: white;\r\n padding: 40px 0;\r\n border-radius: 15px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 8px 20px rgba(0,0,0,0.15);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .school-header::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 5px;\r\n background: linear-gradient(90deg, #f1c40f, #e67e22, #e74c3c, #9b59b6);\r\n }\r\n \r\n .school-logo {\r\n width: 90px;\r\n height: 90px;\r\n background-color: white;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 4px 10px rgba(0,0,0,0.2);\r\n margin: 0 auto 20px;\r\n }\r\n \r\n .school-logo span {\r\n font-size: 2.8rem;\r\n color: #1a5276;\r\n font-weight: bold;\r\n }\r\n \r\n .period {\r\n margin-top: 15px;\r\n font-size: 1.2rem;\r\n background: rgba(255,255,255,0.2);\r\n display: inline-block;\r\n padding: 8px 20px;\r\n border-radius: 20px;\r\n }\r\n \r\n .main-plan-card {\r\n border: none;\r\n border-radius: 15px;\r\n box-shadow: 0 10px 25px rgba(0,0,0,0.1);\r\n transition: all 0.3s ease;\r\n overflow: hidden;\r\n margin-bottom: 30px;\r\n }\r\n \r\n .main-plan-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 15px 30px rgba(0,0,0,0.15);\r\n }\r\n \r\n .main-plan-icon {\r\n width: 80px;\r\n height: 80px;\r\n background: linear-gradient(135deg, #3498db, #2980b9);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 20px;\r\n color: white;\r\n font-size: 2rem;\r\n }\r\n \r\n .annual-plan-card {\r\n border: none;\r\n border-radius: 12px;\r\n box-shadow: 0 6px 15px rgba(0,0,0,0.08);\r\n transition: all 0.3s ease;\r\n height: 100%;\r\n border-top: 5px solid;\r\n }\r\n \r\n .annual-plan-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.12);\r\n }\r\n \r\n .year-badge {\r\n display: inline-block;\r\n background: linear-gradient(135deg, #e74c3c, #c0392b);\r\n color: white;\r\n padding: 8px 20px;\r\n border-radius: 20px;\r\n font-weight: 600;\r\n margin-bottom: 15px;\r\n font-size: 1.1rem;\r\n }\r\n \r\n .btn-plan {\r\n background: linear-gradient(to right, #2ecc71, #27ae60);\r\n border: none;\r\n color: white;\r\n font-weight: 600;\r\n padding: 10px 25px;\r\n border-radius: 6px;\r\n transition: all 0.3s;\r\n }\r\n \r\n .btn-plan:hover {\r\n background: linear-gradient(to right, #27ae60, #219653);\r\n transform: translateY(-2px);\r\n color: white;\r\n }\r\n \r\n .btn-annual {\r\n background: #3498db;\r\n border: none;\r\n color: white;\r\n font-weight: 500;\r\n padding: 8px 20px;\r\n border-radius: 6px;\r\n transition: all 0.3s;\r\n width: 100%;\r\n }\r\n \r\n .btn-annual:hover {\r\n background: #2980b9;\r\n transform: translateY(-2px);\r\n color: white;\r\n }\r\n \r\n .section-title {\r\n color: #2c3e50;\r\n margin-bottom: 25px;\r\n padding-bottom: 12px;\r\n border-bottom: 3px solid #ecf0f1;\r\n font-weight: 600;\r\n }\r\n \r\n footer {\r\n background-color: white;\r\n border-radius: 10px;\r\n box-shadow: 0 4px 10px rgba(0,0,0,0.05);\r\n margin-top: 40px;\r\n }\r\n \r\n \/* Animation for cards *\/\r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n \r\n .main-plan-card, .annual-plan-card {\r\n animation: fadeIn 0.5s ease forwards;\r\n }\r\n \r\n \/* Color variations for year cards *\/\r\n .year-2565 { border-top-color: #e74c3c; }\r\n .year-2566 { border-top-color: #3498db; }\r\n .year-2567 { border-top-color: #2ecc71; }\r\n .year-2568 { border-top-color: #f39c12; }\r\n .year-2569 { border-top-color: #9b59b6; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container py-4\">\r\n \r\n <header class=\"school-header text-center\">\r\n <div class=\"school-logo\">\r\n <span>\u0e2a<\/span>\r\n <\/div>\r\n <h1 class=\"display-5 fw-bold\">\u0e41\u0e1c\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32<\/h1>\r\n <p class=\"fs-4\">\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2a\u0e34\u0e19\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c\u0e27\u0e34\u0e17\u0e22\u0e32<\/p>\r\n <div class=\"period\">\u0e1e.\u0e28. 2565 - 2569<\/div>\r\n <\/header>\r\n \r\n \r\n <div class=\"row justify-content-center mb-5\">\r\n <div class=\"col-lg-10\">\r\n <div class=\"card main-plan-card\">\r\n <div class=\"card-body p-5 text-center\">\r\n <div class=\"main-plan-icon\">\r\n <i class=\"fas fa-graduation-cap\"><\/i>\r\n <\/div>\r\n <h2 class=\"card-title h1 mb-3\">\u0e41\u0e1c\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32 2565-2569<\/h2>\r\n <p class=\"card-text fs-5 mb-4\">\r\n \u0e41\u0e1c\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e02\u0e2d\u0e07\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2a\u0e34\u0e19\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c\u0e27\u0e34\u0e17\u0e22\u0e32 \u0e23\u0e30\u0e22\u0e30 5 \u0e1b\u0e35 (\u0e1e.\u0e28. 2565-2569) \r\n \u0e0b\u0e36\u0e48\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e41\u0e1c\u0e19\u0e41\u0e21\u0e48\u0e1a\u0e17\u0e17\u0e35\u0e48\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e27\u0e34\u0e2a\u0e31\u0e22\u0e17\u0e31\u0e28\u0e19\u0e4c \u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22 \u0e41\u0e25\u0e30\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e02\u0e2d\u0e07\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19 \r\n \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19\u0e43\u0e2b\u0e49\u0e21\u0e35\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e15\u0e32\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\r\n <\/p>\r\n <a href=\"https:\/\/drive.google.com\/file\/d\/1xP5GzHYT80P-5NYGbEjAy2dxW3cK2G0x\/view\" \r\n class=\"btn btn-plan\" target=\"_blank\">\r\n <i class=\"fas fa-external-link-alt me-2\"><\/i> \u0e14\u0e39\u0e41\u0e1c\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"mb-5\">\r\n <h2 class=\"section-title text-center h3\">\r\n <i class=\"fas fa-calendar-alt me-2\"><\/i>\u0e41\u0e1c\u0e19\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35\r\n <\/h2>\r\n \r\n \r\n <div class=\"row g-4 mb-4\">\r\n <div class=\"col-md-4\">\r\n <div class=\"card annual-plan-card year-2565 h-100\">\r\n <div class=\"card-body text-center d-flex flex-column\">\r\n <div class=\"year-badge\">2565<\/div>\r\n <h3 class=\"card-title h5 mb-3\">\u0e41\u0e1c\u0e19\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35 2565<\/h3>\r\n <p class=\"card-text flex-grow-1\">\r\n \u0e41\u0e1c\u0e19\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e15\u0e32\u0e21\u0e41\u0e1c\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32 \r\n \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2565\r\n <\/p>\r\n <a href=\"https:\/\/sinnarin.ac.th\/srwweb\/plan2565\/\" \r\n class=\"btn btn-annual mt-auto\" target=\"_blank\">\r\n <i class=\"fas fa-file-alt me-2\"><\/i> \u0e14\u0e39\u0e41\u0e1c\u0e19\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"col-md-4\">\r\n <div class=\"card annual-plan-card year-2566 h-100\">\r\n <div class=\"card-body text-center d-flex flex-column\">\r\n <div class=\"year-badge\">2566<\/div>\r\n <h3 class=\"card-title h5 mb-3\">\u0e41\u0e1c\u0e19\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35 2566<\/h3>\r\n <p class=\"card-text flex-grow-1\">\r\n \u0e41\u0e1c\u0e19\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e15\u0e32\u0e21\u0e41\u0e1c\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32 \r\n \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2566\r\n <\/p>\r\n <a href=\"https:\/\/sinnarin.ac.th\/srwweb\/elementor-2091\/\" \r\n class=\"btn btn-annual mt-auto\" target=\"_blank\">\r\n <i class=\"fas fa-file-alt me-2\"><\/i> \u0e14\u0e39\u0e41\u0e1c\u0e19\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"col-md-4\">\r\n <div class=\"card annual-plan-card year-2567 h-100\">\r\n <div class=\"card-body text-center d-flex flex-column\">\r\n <div class=\"year-badge\">2567<\/div>\r\n <h3 class=\"card-title h5 mb-3\">\u0e41\u0e1c\u0e19\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35 2567<\/h3>\r\n <p class=\"card-text flex-grow-1\">\r\n \u0e41\u0e1c\u0e19\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e15\u0e32\u0e21\u0e41\u0e1c\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32 \r\n \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2567\r\n <\/p>\r\n <a href=\"https:\/\/sinnarin.ac.th\/srwweb\/plan-2567\/\" \r\n class=\"btn btn-annual mt-auto\" target=\"_blank\">\r\n <i class=\"fas fa-file-alt me-2\"><\/i> \u0e14\u0e39\u0e41\u0e1c\u0e19\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"row g-4 justify-content-center\">\r\n <div class=\"col-md-4\">\r\n <div class=\"card annual-plan-card year-2568 h-100\">\r\n <div class=\"card-body text-center d-flex flex-column\">\r\n <div class=\"year-badge\">2568<\/div>\r\n <h3 class=\"card-title h5 mb-3\">\u0e41\u0e1c\u0e19\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35 2568<\/h3>\r\n <p class=\"card-text flex-grow-1\">\r\n \u0e41\u0e1c\u0e19\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e15\u0e32\u0e21\u0e41\u0e1c\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32 \r\n \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2568\r\n <\/p>\r\n <a href=\"https:\/\/sinnarin.ac.th\/srwweb\/plan-2568\/\" \r\n class=\"btn btn-annual mt-auto\" target=\"_blank\">\r\n <i class=\"fas fa-file-alt me-2\"><\/i> \u0e14\u0e39\u0e41\u0e1c\u0e19\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"col-md-4\">\r\n <div class=\"card annual-plan-card year-2569 h-100\">\r\n <div class=\"card-body text-center d-flex flex-column\">\r\n <div class=\"year-badge\">2569<\/div>\r\n <h3 class=\"card-title h5 mb-3\">\u0e41\u0e1c\u0e19\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35 2569<\/h3>\r\n <p class=\"card-text flex-grow-1\">\r\n \u0e41\u0e1c\u0e19\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e15\u0e32\u0e21\u0e41\u0e1c\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32 \r\n \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2569\r\n <\/p>\r\n <a href=\"https:\/\/drive.google.com\/drive\/folders\/1gIeYq9moVMG1Be00dDzoNj8ybtTEKF5L?usp=drive_link\" \r\n class=\"btn btn-annual mt-auto\" target=\"_blank\">\r\n <i class=\"fas fa-folder-open me-2\"><\/i> \u0e14\u0e39\u0e41\u0e1c\u0e19\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <footer class=\"py-4 text-center\">\r\n <p class=\"mb-2\">\u00a9 2023 \u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2a\u0e34\u0e19\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c\u0e27\u0e34\u0e17\u0e22\u0e32 | \u0e41\u0e1c\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e1e.\u0e28. 2565-2569<\/p>\r\n <p class=\"text-muted small mb-0\">\r\n <\/p>\r\n <\/footer>\r\n <\/div>\r\n\r\n \r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0-alpha1\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n \r\n <script>\r\n \/\/ \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e2d\u0e1f\u0e40\u0e1f\u0e01\u0e15\u0e4c\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e04\u0e25\u0e34\u0e01\u0e17\u0e35\u0e48\u0e25\u0e34\u0e07\u0e01\u0e4c\r\n document.querySelectorAll('.btn-plan, .btn-annual').forEach(button => {\r\n button.addEventListener('click', function() {\r\n this.style.transform = 'scale(0.95)';\r\n setTimeout(() => {\r\n this.style.transform = '';\r\n }, 200);\r\n });\r\n });\r\n \r\n \/\/ \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e2d\u0e1f\u0e40\u0e1f\u0e01\u0e15\u0e4c\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e42\u0e2b\u0e25\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\r\n document.addEventListener('DOMContentLoaded', function() {\r\n document.body.style.opacity = '0';\r\n document.body.style.transition = 'opacity 0.5s ease';\r\n \r\n setTimeout(() => {\r\n document.body.style.opacity = '1';\r\n }, 100);\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e01\u0e25\u0e38\u0e48\u0e21\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 – \u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2a\u0e34\u0e19\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c\u0e27… <a href=\"https:\/\/sinnarin.ac.th\/srwweb\/%e0%b8%81%e0%b8%a5%e0%b8%b8%e0%b9%88%e0%b8%a1%e0%b8%9a%e0%b8%a3%e0%b8%b4%e0%b8%ab%e0%b8%b2%e0%b8%a3%e0%b8%87%e0%b8%9a%e0%b8%9b%e0%b8%a3%e0%b8%b0%e0%b8%a1%e0%b8%b2%e0%b8%93\/\" rel=\"bookmark\"><span class=\"screen-reader-text\">\u0e01\u0e25\u0e38\u0e48\u0e21\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"class_list":["post-578","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"admin","author_link":"https:\/\/sinnarin.ac.th\/srwweb\/author\/admin\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e01\u0e25\u0e38\u0e48\u0e21\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 – \u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2a\u0e34\u0e19\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c\u0e27…","_links":{"self":[{"href":"https:\/\/sinnarin.ac.th\/srwweb\/wp-json\/wp\/v2\/pages\/578","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sinnarin.ac.th\/srwweb\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sinnarin.ac.th\/srwweb\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sinnarin.ac.th\/srwweb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sinnarin.ac.th\/srwweb\/wp-json\/wp\/v2\/comments?post=578"}],"version-history":[{"count":127,"href":"https:\/\/sinnarin.ac.th\/srwweb\/wp-json\/wp\/v2\/pages\/578\/revisions"}],"predecessor-version":[{"id":3201,"href":"https:\/\/sinnarin.ac.th\/srwweb\/wp-json\/wp\/v2\/pages\/578\/revisions\/3201"}],"wp:attachment":[{"href":"https:\/\/sinnarin.ac.th\/srwweb\/wp-json\/wp\/v2\/media?parent=578"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}