\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e15\u0e31\u0e27\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e2a\u0e27\u0e22\u0e46<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n background-color: #f0f0f0;\r\n text-align: center;\r\n margin-top: 50px;\r\n }\r\n\r\n .fancy-text {\r\n font-size: 20px;\r\n font-weight: 600;\r\n color: #333;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .fancy-text:hover {\r\n color: #ff7f50;\r\n transform: scale(1.1);\r\n letter-spacing: 1px;\r\n }\r\n\t \r\n .fancy-day {\r\n font-size: 20px;\r\n font-weight: 600;\r\n color: #f3421d;\r\n transition: all 0.3s ease;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <h4 class=\"fancy-text\">\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e1c\u0e25\u0e2a\u0e31\u0e21\u0e20\u0e32\u0e29\u0e13\u0e4c \u0e41\u0e25\u0e30\u0e27\u0e31\u0e14\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e32\u0e23<\/h4>\r\n\t <h4 class=\"fancy-text\">\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e31\u0e49\u0e19\u0e2d\u0e19\u0e38\u0e1a\u0e32\u0e25 \u0e17\u0e38\u0e01\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23<\/h4>\r\n\t<h4 class=\"fancy-text\">\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2569<\/h4>\r\n\t<h4 class=\"fancy-day\" >(\u0e27\u0e31\u0e19\u0e28\u0e38\u0e01\u0e23\u0e4c\u0e17\u0e35\u0e48 23 \u0e21\u0e01\u0e23\u0e32\u0e04\u0e21 2569 \u0e40\u0e27\u0e25\u0e32 08:30 \u0e19.)<\/h4>\r\n<\/body>\r\n<\/html>\n\n\n\n<div style=\"height:14px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n <style>\r\n .modern-button {\r\n background-color: #8dc1ac;\r\n color: white;\r\n border: none;\r\n padding: 12px 25px;\r\n font-size: 18px;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\r\n }\r\n .modern-button:hover {\r\n background-color: #45a049;\r\n transform: translateY(-3px);\r\n box-shadow: 0 6px 8px rgba(0,0,0,0.15);\r\n }\r\n \r\n .popup-e {\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(0,0,0,0.8);\r\n z-index: 9999;\r\n \/* \u0e08\u0e31\u0e14\u0e43\u0e2b\u0e49\u0e2d\u0e22\u0e39\u0e48\u0e01\u0e25\u0e32\u0e07\u0e08\u0e2d *\/\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: opacity 0.3s ease, visibility 0.3s ease;\r\n }\r\n \r\n .popup-e.active {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n \r\n .popup-content {\r\n position: relative;\r\n max-width: 90%;\r\n max-height: 90vh;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n \r\n .popup-image {\r\n max-width: 100%;\r\n max-height: 90vh;\r\n height: auto;\r\n width: auto;\r\n border-radius: 8px;\r\n box-shadow: 0 10px 40px rgba(0,0,0,0.5);\r\n border: 3px solid #fff;\r\n }\r\n \r\n .close-btn {\r\n position: absolute;\r\n top: -15px;\r\n right: -15px;\r\n background-color: #ff4757;\r\n color: #fff;\r\n width: 45px;\r\n height: 45px;\r\n border-radius: 50%;\r\n border: 3px solid #fff;\r\n font-size: 24px;\r\n font-weight: bold;\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.3);\r\n line-height: 1;\r\n }\r\n \r\n .close-btn:hover,\r\n .close-btn:focus {\r\n background-color: #ff6b81;\r\n transform: rotate(90deg) scale(1.1);\r\n }\r\n \r\n \/* \u0e1b\u0e34\u0e14 scroll \u0e02\u0e2d\u0e07 body \u0e40\u0e21\u0e37\u0e48\u0e2d popup \u0e40\u0e1b\u0e34\u0e14 *\/\r\n body.popup-open {\r\n overflow: hidden;\r\n }\r\n \r\n \/* Responsive \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d *\/\r\n @media (max-width: 768px) {\r\n .popup-content {\r\n max-width: 95%;\r\n max-height: 85vh;\r\n }\r\n .popup-image {\r\n max-height: 85vh;\r\n }\r\n .close-btn {\r\n width: 40px;\r\n height: 40px;\r\n font-size: 20px;\r\n top: -12px;\r\n right: -12px;\r\n }\r\n }\r\n <\/style>\r\n\r\n <button class=\"modern-button\" onclick=\"openPopup()\" aria-label=\"\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e43\u0e1a\u0e2a\u0e21\u0e31\u0e04\u0e23\">\r\n \u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e43\u0e1a\u0e2a\u0e21\u0e31\u0e04\u0e23 <\/button>\r\n\r\n <div id=\"popup-container\" class=\"popup-e\" onclick=\"closePopupExternal(event)\" role=\"dialog\" aria-modal=\"true\">\r\n <div class=\"popup-content\">\r\n <button class=\"close-btn\" onclick=\"closePopup()\" aria-label=\"\u0e1b\u0e34\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e15\u0e48\u0e32\u0e07\" tabindex=\"0\">×<\/button>\r\n <img decoding=\"async\" class=\"popup-image\" src=\"http:\/\/www.kidsbangna.ru.ac.th\/new-std-2569\/wp-content\/uploads\/2026\/01\/\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e43\u0e1a\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19.png\" alt=\"\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e43\u0e1a\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\">\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n function openPopup() {\r\n const popup = document.getElementById(\"popup-container\");\r\n popup.style.display = \"flex\";\r\n \r\n \/\/ \u0e43\u0e0a\u0e49 setTimeout \u0e40\u0e25\u0e47\u0e01\u0e19\u0e49\u0e2d\u0e22\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49 transition \u0e17\u0e33\u0e07\u0e32\u0e19\r\n setTimeout(() => {\r\n popup.classList.add('active');\r\n document.body.classList.add('popup-open');\r\n }, 10);\r\n \r\n \/\/ Focus \u0e17\u0e35\u0e48\u0e1b\u0e38\u0e48\u0e21\u0e1b\u0e34\u0e14\u0e40\u0e1e\u0e37\u0e48\u0e2d accessibility\r\n setTimeout(() => {\r\n document.querySelector('.close-btn').focus();\r\n }, 100);\r\n }\r\n\r\n function closePopup() {\r\n const popup = document.getElementById(\"popup-container\");\r\n popup.classList.remove('active');\r\n document.body.classList.remove('popup-open');\r\n \r\n \/\/ \u0e23\u0e2d\u0e43\u0e2b\u0e49 transition \u0e40\u0e2a\u0e23\u0e47\u0e08\u0e01\u0e48\u0e2d\u0e19 hide\r\n setTimeout(() => {\r\n popup.style.display = \"none\";\r\n }, 300);\r\n }\r\n\r\n function closePopupExternal(event) {\r\n \/\/ \u0e1b\u0e34\u0e14\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e04\u0e25\u0e34\u0e01\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e14\u0e33 (\u0e19\u0e2d\u0e01 popup-content)\r\n if (event.target.id === \"popup-container\") {\r\n closePopup();\r\n }\r\n }\r\n \r\n \/\/ \u0e1b\u0e34\u0e14 popup \u0e14\u0e49\u0e27\u0e22 Escape key\r\n document.addEventListener('keydown', function(event) {\r\n if (event.key === 'Escape') {\r\n const popup = document.getElementById(\"popup-container\");\r\n if (popup.classList.contains('active')) {\r\n closePopup();\r\n }\r\n }\r\n });\r\n <\/script>\r\n \n\n\n\n<div style=\"height:19px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"swpm-login-widget-form\">\r\n <form id=\"swpm-login-form\" name=\"swpm-login-form\" method=\"post\" action=\"\">\r\n <div class=\"swpm-login-form-inner\">\r\n <div class=\"swpm-username-label\">\r\n <label for=\"swpm_user_name\" class=\"swpm-label\">\u0e40\u0e25\u0e02\u0e17\u0e35\u0e48\u0e43\u0e1a\u0e2a\u0e21\u0e31\u0e04\u0e23<\/label>\r\n <\/div>\r\n <div class=\"swpm-username-input\">\r\n <input type=\"text\" class=\"swpm-text-field swpm-username-field\" id=\"swpm_user_name\" value=\"\" size=\"25\" name=\"swpm_user_name\" \/>\r\n <\/div>\r\n <div class=\"swpm-password-label\">\r\n <label for=\"swpm_password\" class=\"swpm-label\">\u0e23\u0e2b\u0e31\u0e2a\u0e1c\u0e48\u0e32\u0e19<\/label>\r\n <\/div>\r\n <div class=\"swpm-password-input\"> \r\n <input type=\"password\" class=\"swpm-text-field swpm-password-field\" id=\"swpm_password\" value=\"\" size=\"25\" name=\"swpm_password\" \/> \r\n <\/div>\r\n <div class=\"swpm-remember-me\">\r\n <span class=\"swpm-remember-checkbox\"><input type=\"checkbox\" name=\"rememberme\" id=\"swpm-rememberme\"><\/span>\r\n <label for=\"swpm-rememberme\" class=\"swpm-rememberme-label\">\r\n <span class=\"swpm-rember-label\"> Remember Me<\/span>\r\n <\/label>\r\n <\/div>\r\n\r\n <div class=\"swpm-before-login-submit-section\"><\/div>\r\n\r\n <div class=\"swpm-login-submit\">\r\n <input type=\"submit\" class=\"swpm-login-form-submit\" name=\"swpm-login\" value=\"\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e23\u0e30\u0e1a\u0e1a\"\/>\r\n <\/div>\r\n <div class=\"swpm-forgot-pass-link\">\r\n <a id=\"forgot_pass\" class=\"swpm-login-form-pw-reset-link\" href=\"http:\/\/www.kidsbangna.ru.ac.th\/new-std-2567\/index.php\/membership-login\/password-reset\/\">Forgot Password?<\/a>\r\n <\/div>\r\n <div class=\"swpm-join-us-link\">\r\n <a id=\"register\" class=\"swpm-login-form-register-link\" href=\"http:\/\/www.kidsbangna.ru.ac.th\/new-std-2567\/index.php\/membership-join\/\">.<\/a>\r\n <\/div>\r\n <div class=\"swpm-login-action-msg\">\r\n <span class=\"swpm-login-widget-action-msg\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/form>\r\n<\/div>\r\n\n\n\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/4.7.0\/css\/font-awesome.min.css\">\r\n<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.0.2\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-EVSTQN3\/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC\" crossorigin=\"anonymous\">\r\n\r\n<style>\r\n body {\r\n font-family: 'Arial', sans-serif;\r\n background-color: #f9f9f9;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .btn-custom {\r\n background-color: #f36c60;\r\n color: white;\r\n font-size: 18px;\r\n padding: 10px 20px;\r\n border-radius: 50px;\r\n transition: all 0.3s ease;\r\n border: none;\r\n }\r\n\r\n .btn-custom:hover {\r\n background-color: #e65550;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n .table-custom {\r\n width: 130%; \/* \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e04\u0e27\u0e32\u0e21\u0e01\u0e27\u0e49\u0e32\u0e07\u0e02\u0e2d\u0e07\u0e15\u0e32\u0e23\u0e32\u0e07 *\/\r\n background-color: #ffffff;\r\n border-radius: 10px;\r\n border: 2px solid #f36c60; \/* \u0e40\u0e1e\u0e34\u0e48\u0e21 border *\/\r\n overflow: hidden;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .table-custom th, .table-custom td {\r\n text-align: center;\r\n padding: 15px;\r\n border-bottom: 1px solid #e9ecef;\r\n }\r\n\r\n .table-custom th {\r\n background-color: #f6af75;\r\n color: white;\r\n border: none;\r\n }\r\n\r\n .table-custom tr:hover {\r\n background-color: #f8f9fa;\r\n }\r\n\r\n .section-title {\r\n text-align: center;\r\n color: #333;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .highlight {\r\n font-weight: bold;\r\n color: #6065f3;\r\n }\r\n\r\n .rounded-border {\r\n border: 3px solid #92c29f; \/* \u0e01\u0e23\u0e2d\u0e1a\u0e2b\u0e25\u0e31\u0e01 *\/\r\n border-radius: 15px;\r\n padding: 20px;\r\n background-color: #ffffff;\r\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); \/* \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e21\u0e34\u0e15\u0e34 *\/\r\n width: 100%; \/* \u0e43\u0e0a\u0e49\u0e40\u0e15\u0e47\u0e21\u0e17\u0e35\u0e48\u0e2b\u0e32\u0e01\u0e08\u0e2d\u0e40\u0e25\u0e47\u0e01 *\/\r\n }\r\n<\/style>\r\n\r\n <div class=\"container text-center mt-5\">\r\n <\/div>\r\n\n\n\n\n<div style=\"height:1.25rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-align-center\"><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-1 wp-block-buttons-is-layout-flex\"><\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--30)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"http:\/\/www.kidsbangna.ru.ac.th\/new-std-2569\/index.php?rest_route=\/wp\/v2\/pages\/2394"}],"collection":[{"href":"http:\/\/www.kidsbangna.ru.ac.th\/new-std-2569\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.kidsbangna.ru.ac.th\/new-std-2569\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.kidsbangna.ru.ac.th\/new-std-2569\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.kidsbangna.ru.ac.th\/new-std-2569\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2394"}],"version-history":[{"count":16,"href":"http:\/\/www.kidsbangna.ru.ac.th\/new-std-2569\/index.php?rest_route=\/wp\/v2\/pages\/2394\/revisions"}],"predecessor-version":[{"id":2464,"href":"http:\/\/www.kidsbangna.ru.ac.th\/new-std-2569\/index.php?rest_route=\/wp\/v2\/pages\/2394\/revisions\/2464"}],"wp:attachment":[{"href":"http:\/\/www.kidsbangna.ru.ac.th\/new-std-2569\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2394"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\r\n\r\n\r\n \r\n \r\n \u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e15\u0e31\u0e27\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e2a\u0e27\u0e22\u0e46<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n background-color: #f0f0f0;\r\n text-align: center;\r\n margin-top: 50px;\r\n }\r\n\r\n .fancy-text {\r\n font-size: 20px;\r\n font-weight: 600;\r\n color: #333;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .fancy-text:hover {\r\n color: #ff7f50;\r\n transform: scale(1.1);\r\n letter-spacing: 1px;\r\n }\r\n\t \r\n .fancy-day {\r\n font-size: 20px;\r\n font-weight: 600;\r\n color: #f3421d;\r\n transition: all 0.3s ease;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <h4 class=\"fancy-text\">\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e1c\u0e25\u0e2a\u0e31\u0e21\u0e20\u0e32\u0e29\u0e13\u0e4c \u0e41\u0e25\u0e30\u0e27\u0e31\u0e14\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e32\u0e23<\/h4>\r\n\t <h4 class=\"fancy-text\">\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e31\u0e49\u0e19\u0e2d\u0e19\u0e38\u0e1a\u0e32\u0e25 \u0e17\u0e38\u0e01\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23<\/h4>\r\n\t<h4 class=\"fancy-text\">\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2569<\/h4>\r\n\t<h4 class=\"fancy-day\" >(\u0e27\u0e31\u0e19\u0e28\u0e38\u0e01\u0e23\u0e4c\u0e17\u0e35\u0e48 23 \u0e21\u0e01\u0e23\u0e32\u0e04\u0e21 2569 \u0e40\u0e27\u0e25\u0e32 08:30 \u0e19.)<\/h4>\r\n<\/body>\r\n<\/html>\n\n\n\n<div style=\"height:14px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n <style>\r\n .modern-button {\r\n background-color: #8dc1ac;\r\n color: white;\r\n border: none;\r\n padding: 12px 25px;\r\n font-size: 18px;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\r\n }\r\n .modern-button:hover {\r\n background-color: #45a049;\r\n transform: translateY(-3px);\r\n box-shadow: 0 6px 8px rgba(0,0,0,0.15);\r\n }\r\n \r\n .popup-e {\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(0,0,0,0.8);\r\n z-index: 9999;\r\n \/* \u0e08\u0e31\u0e14\u0e43\u0e2b\u0e49\u0e2d\u0e22\u0e39\u0e48\u0e01\u0e25\u0e32\u0e07\u0e08\u0e2d *\/\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: opacity 0.3s ease, visibility 0.3s ease;\r\n }\r\n \r\n .popup-e.active {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n \r\n .popup-content {\r\n position: relative;\r\n max-width: 90%;\r\n max-height: 90vh;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n \r\n .popup-image {\r\n max-width: 100%;\r\n max-height: 90vh;\r\n height: auto;\r\n width: auto;\r\n border-radius: 8px;\r\n box-shadow: 0 10px 40px rgba(0,0,0,0.5);\r\n border: 3px solid #fff;\r\n }\r\n \r\n .close-btn {\r\n position: absolute;\r\n top: -15px;\r\n right: -15px;\r\n background-color: #ff4757;\r\n color: #fff;\r\n width: 45px;\r\n height: 45px;\r\n border-radius: 50%;\r\n border: 3px solid #fff;\r\n font-size: 24px;\r\n font-weight: bold;\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.3);\r\n line-height: 1;\r\n }\r\n \r\n .close-btn:hover,\r\n .close-btn:focus {\r\n background-color: #ff6b81;\r\n transform: rotate(90deg) scale(1.1);\r\n }\r\n \r\n \/* \u0e1b\u0e34\u0e14 scroll \u0e02\u0e2d\u0e07 body \u0e40\u0e21\u0e37\u0e48\u0e2d popup \u0e40\u0e1b\u0e34\u0e14 *\/\r\n body.popup-open {\r\n overflow: hidden;\r\n }\r\n \r\n \/* Responsive \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d *\/\r\n @media (max-width: 768px) {\r\n .popup-content {\r\n max-width: 95%;\r\n max-height: 85vh;\r\n }\r\n .popup-image {\r\n max-height: 85vh;\r\n }\r\n .close-btn {\r\n width: 40px;\r\n height: 40px;\r\n font-size: 20px;\r\n top: -12px;\r\n right: -12px;\r\n }\r\n }\r\n <\/style>\r\n\r\n <button class=\"modern-button\" onclick=\"openPopup()\" aria-label=\"\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e43\u0e1a\u0e2a\u0e21\u0e31\u0e04\u0e23\">\r\n \u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e43\u0e1a\u0e2a\u0e21\u0e31\u0e04\u0e23 <\/button>\r\n\r\n <div id=\"popup-container\" class=\"popup-e\" onclick=\"closePopupExternal(event)\" role=\"dialog\" aria-modal=\"true\">\r\n <div class=\"popup-content\">\r\n <button class=\"close-btn\" onclick=\"closePopup()\" aria-label=\"\u0e1b\u0e34\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e15\u0e48\u0e32\u0e07\" tabindex=\"0\">×<\/button>\r\n <img decoding=\"async\" class=\"popup-image\" src=\"http:\/\/www.kidsbangna.ru.ac.th\/new-std-2569\/wp-content\/uploads\/2026\/01\/\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e43\u0e1a\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19.png\" alt=\"\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e43\u0e1a\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\">\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n function openPopup() {\r\n const popup = document.getElementById(\"popup-container\");\r\n popup.style.display = \"flex\";\r\n \r\n \/\/ \u0e43\u0e0a\u0e49 setTimeout \u0e40\u0e25\u0e47\u0e01\u0e19\u0e49\u0e2d\u0e22\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49 transition \u0e17\u0e33\u0e07\u0e32\u0e19\r\n setTimeout(() => {\r\n popup.classList.add('active');\r\n document.body.classList.add('popup-open');\r\n }, 10);\r\n \r\n \/\/ Focus \u0e17\u0e35\u0e48\u0e1b\u0e38\u0e48\u0e21\u0e1b\u0e34\u0e14\u0e40\u0e1e\u0e37\u0e48\u0e2d accessibility\r\n setTimeout(() => {\r\n document.querySelector('.close-btn').focus();\r\n }, 100);\r\n }\r\n\r\n function closePopup() {\r\n const popup = document.getElementById(\"popup-container\");\r\n popup.classList.remove('active');\r\n document.body.classList.remove('popup-open');\r\n \r\n \/\/ \u0e23\u0e2d\u0e43\u0e2b\u0e49 transition \u0e40\u0e2a\u0e23\u0e47\u0e08\u0e01\u0e48\u0e2d\u0e19 hide\r\n setTimeout(() => {\r\n popup.style.display = \"none\";\r\n }, 300);\r\n }\r\n\r\n function closePopupExternal(event) {\r\n \/\/ \u0e1b\u0e34\u0e14\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e04\u0e25\u0e34\u0e01\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e14\u0e33 (\u0e19\u0e2d\u0e01 popup-content)\r\n if (event.target.id === \"popup-container\") {\r\n closePopup();\r\n }\r\n }\r\n \r\n \/\/ \u0e1b\u0e34\u0e14 popup \u0e14\u0e49\u0e27\u0e22 Escape key\r\n document.addEventListener('keydown', function(event) {\r\n if (event.key === 'Escape') {\r\n const popup = document.getElementById(\"popup-container\");\r\n if (popup.classList.contains('active')) {\r\n closePopup();\r\n }\r\n }\r\n });\r\n <\/script>\r\n \n\n\n\n<div style=\"height:19px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"swpm-login-widget-form\">\r\n <form id=\"swpm-login-form\" name=\"swpm-login-form\" method=\"post\" action=\"\">\r\n <div class=\"swpm-login-form-inner\">\r\n <div class=\"swpm-username-label\">\r\n <label for=\"swpm_user_name\" class=\"swpm-label\">\u0e40\u0e25\u0e02\u0e17\u0e35\u0e48\u0e43\u0e1a\u0e2a\u0e21\u0e31\u0e04\u0e23<\/label>\r\n <\/div>\r\n <div class=\"swpm-username-input\">\r\n <input type=\"text\" class=\"swpm-text-field swpm-username-field\" id=\"swpm_user_name\" value=\"\" size=\"25\" name=\"swpm_user_name\" \/>\r\n <\/div>\r\n <div class=\"swpm-password-label\">\r\n <label for=\"swpm_password\" class=\"swpm-label\">\u0e23\u0e2b\u0e31\u0e2a\u0e1c\u0e48\u0e32\u0e19<\/label>\r\n <\/div>\r\n <div class=\"swpm-password-input\"> \r\n <input type=\"password\" class=\"swpm-text-field swpm-password-field\" id=\"swpm_password\" value=\"\" size=\"25\" name=\"swpm_password\" \/> \r\n <\/div>\r\n <div class=\"swpm-remember-me\">\r\n <span class=\"swpm-remember-checkbox\"><input type=\"checkbox\" name=\"rememberme\" id=\"swpm-rememberme\"><\/span>\r\n <label for=\"swpm-rememberme\" class=\"swpm-rememberme-label\">\r\n <span class=\"swpm-rember-label\"> Remember Me<\/span>\r\n <\/label>\r\n <\/div>\r\n\r\n <div class=\"swpm-before-login-submit-section\"><\/div>\r\n\r\n <div class=\"swpm-login-submit\">\r\n <input type=\"submit\" class=\"swpm-login-form-submit\" name=\"swpm-login\" value=\"\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e23\u0e30\u0e1a\u0e1a\"\/>\r\n <\/div>\r\n <div class=\"swpm-forgot-pass-link\">\r\n <a id=\"forgot_pass\" class=\"swpm-login-form-pw-reset-link\" href=\"http:\/\/www.kidsbangna.ru.ac.th\/new-std-2567\/index.php\/membership-login\/password-reset\/\">Forgot Password?<\/a>\r\n <\/div>\r\n <div class=\"swpm-join-us-link\">\r\n <a id=\"register\" class=\"swpm-login-form-register-link\" href=\"http:\/\/www.kidsbangna.ru.ac.th\/new-std-2567\/index.php\/membership-join\/\">.<\/a>\r\n <\/div>\r\n <div class=\"swpm-login-action-msg\">\r\n <span class=\"swpm-login-widget-action-msg\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/form>\r\n<\/div>\r\n\n\n\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/4.7.0\/css\/font-awesome.min.css\">\r\n<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.0.2\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-EVSTQN3\/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC\" crossorigin=\"anonymous\">\r\n\r\n<style>\r\n body {\r\n font-family: 'Arial', sans-serif;\r\n background-color: #f9f9f9;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .btn-custom {\r\n background-color: #f36c60;\r\n color: white;\r\n font-size: 18px;\r\n padding: 10px 20px;\r\n border-radius: 50px;\r\n transition: all 0.3s ease;\r\n border: none;\r\n }\r\n\r\n .btn-custom:hover {\r\n background-color: #e65550;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n .table-custom {\r\n width: 130%; \/* \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e04\u0e27\u0e32\u0e21\u0e01\u0e27\u0e49\u0e32\u0e07\u0e02\u0e2d\u0e07\u0e15\u0e32\u0e23\u0e32\u0e07 *\/\r\n background-color: #ffffff;\r\n border-radius: 10px;\r\n border: 2px solid #f36c60; \/* \u0e40\u0e1e\u0e34\u0e48\u0e21 border *\/\r\n overflow: hidden;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .table-custom th, .table-custom td {\r\n text-align: center;\r\n padding: 15px;\r\n border-bottom: 1px solid #e9ecef;\r\n }\r\n\r\n .table-custom th {\r\n background-color: #f6af75;\r\n color: white;\r\n border: none;\r\n }\r\n\r\n .table-custom tr:hover {\r\n background-color: #f8f9fa;\r\n }\r\n\r\n .section-title {\r\n text-align: center;\r\n color: #333;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .highlight {\r\n font-weight: bold;\r\n color: #6065f3;\r\n }\r\n\r\n .rounded-border {\r\n border: 3px solid #92c29f; \/* \u0e01\u0e23\u0e2d\u0e1a\u0e2b\u0e25\u0e31\u0e01 *\/\r\n border-radius: 15px;\r\n padding: 20px;\r\n background-color: #ffffff;\r\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); \/* \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e21\u0e34\u0e15\u0e34 *\/\r\n width: 100%; \/* \u0e43\u0e0a\u0e49\u0e40\u0e15\u0e47\u0e21\u0e17\u0e35\u0e48\u0e2b\u0e32\u0e01\u0e08\u0e2d\u0e40\u0e25\u0e47\u0e01 *\/\r\n }\r\n<\/style>\r\n\r\n <div class=\"container text-center mt-5\">\r\n <\/div>\r\n\n\n\n\n<div style=\"height:1.25rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-align-center\"><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-1 wp-block-buttons-is-layout-flex\"><\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--30)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"http:\/\/www.kidsbangna.ru.ac.th\/new-std-2569\/index.php?rest_route=\/wp\/v2\/pages\/2394"}],"collection":[{"href":"http:\/\/www.kidsbangna.ru.ac.th\/new-std-2569\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.kidsbangna.ru.ac.th\/new-std-2569\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.kidsbangna.ru.ac.th\/new-std-2569\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.kidsbangna.ru.ac.th\/new-std-2569\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2394"}],"version-history":[{"count":16,"href":"http:\/\/www.kidsbangna.ru.ac.th\/new-std-2569\/index.php?rest_route=\/wp\/v2\/pages\/2394\/revisions"}],"predecessor-version":[{"id":2464,"href":"http:\/\/www.kidsbangna.ru.ac.th\/new-std-2569\/index.php?rest_route=\/wp\/v2\/pages\/2394\/revisions\/2464"}],"wp:attachment":[{"href":"http:\/\/www.kidsbangna.ru.ac.th\/new-std-2569\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2394"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}