\u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kanit:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@4.6.2\/dist\/css\/bootstrap.min.css\">\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n <style>\r\n body {\r\n font-family: 'Kanit', sans-serif;\r\n background-color: #f8f9fa;\r\n min-height: 100vh;\r\n padding: 20px 0;\r\n }\r\n \r\n .header-section {\r\n background-color: #2c3e50;\r\n color: white;\r\n border-radius: 10px;\r\n padding: 25px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\r\n }\r\n \r\n .btn-custom {\r\n border-radius: 10px;\r\n padding: 18px 20px;\r\n font-weight: 500;\r\n font-size: 1.1rem;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);\r\n border: 1px solid #e0e0e0;\r\n margin-bottom: 15px;\r\n text-align: left;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n width: 100%;\r\n background-color: white;\r\n color: #333;\r\n }\r\n \r\n .btn-custom:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\r\n text-decoration: none;\r\n color: #333;\r\n background-color: #f8f9fa;\r\n }\r\n \r\n .btn-content {\r\n display: flex;\r\n align-items: center;\r\n }\r\n \r\n .btn-icon {\r\n font-size: 1.4rem;\r\n margin-right: 15px;\r\n width: 40px;\r\n text-align: center;\r\n color: #2c3e50;\r\n }\r\n \r\n .btn-arrow {\r\n font-size: 1.1rem;\r\n color: #666;\r\n }\r\n \r\n .btn-title {\r\n font-weight: 500;\r\n color: #2c3e50;\r\n margin-bottom: 3px;\r\n }\r\n \r\n .btn-desc {\r\n font-size: 0.85rem;\r\n color: #666;\r\n font-weight: 400;\r\n }\r\n \r\n .system-info {\r\n background: white;\r\n border-radius: 10px;\r\n padding: 20px;\r\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\r\n margin-top: 25px;\r\n border: 1px solid #e9ecef;\r\n }\r\n \r\n .footer {\r\n text-align: center;\r\n margin-top: 30px;\r\n color: #666;\r\n font-size: 0.85rem;\r\n }\r\n \r\n h1 {\r\n font-weight: 500;\r\n margin-bottom: 8px;\r\n font-size: 1.8rem;\r\n }\r\n \r\n .lead {\r\n font-weight: 300;\r\n opacity: 0.9;\r\n font-size: 1rem;\r\n }\r\n \r\n .container {\r\n max-width: 1000px;\r\n }\r\n \r\n \/* \u0e2a\u0e35\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e25\u0e30\u0e1b\u0e38\u0e48\u0e21 *\/\r\n .btn-custom:nth-child(1) {\r\n border-left: 5px solid #3498db;\r\n }\r\n \r\n .btn-custom:nth-child(2) {\r\n border-left: 5px solid #2ecc71;\r\n }\r\n \r\n .btn-custom:nth-child(3) {\r\n border-left: 5px solid #e74c3c;\r\n }\r\n \r\n .btn-custom:nth-child(4) {\r\n border-left: 5px solid #f39c12;\r\n }\r\n \r\n .btn-custom:nth-child(5) {\r\n border-left: 5px solid #9b59b6;\r\n }\r\n \r\n .btn-custom:nth-child(6) {\r\n border-left: 5px solid #1abc9c;\r\n }\r\n \r\n .btn-custom:nth-child(7) {\r\n border-left: 5px solid #ff6b6b;\r\n }\r\n \r\n .btn-custom:nth-child(8) {\r\n border-left: 5px solid #4ecdc4;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n \r\n <div class=\"header-section text-center\">\r\n <h1><i class=\"fas fa-graduation-cap mr-2\"><\/i>\u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32<\/h1>\r\n <p class=\"lead\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e23\u0e30\u0e1a\u0e1a\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32<\/p>\r\n <\/div>\r\n \r\n \r\n <div class=\"row\">\r\n <div class=\"col-lg-6\">\r\n \r\n <a href=\"https:\/\/drive.google.com\/drive\/u\/2\/folders\/1vB5O0p9AlA3OGjeRTjN6AzogLnUmenY4\" class=\"btn btn-custom\" target=\"_blank\">\r\n <div class=\"btn-content\">\r\n <div class=\"btn-icon\">\r\n <i class=\"fas fa-file-alt\" style=\"color: #3498db;\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"btn-title\">\u0e1b\u0e1e.5 \u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<\/div>\r\n <div class=\"btn-desc\">\u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e04\u0e27\u0e32\u0e21\u0e01\u0e49\u0e32\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"btn-arrow\">\r\n <i class=\"fas fa-chevron-right\"><\/i>\r\n <\/div>\r\n <\/a>\r\n \r\n \r\n <a href=\"https:\/\/sinnarin.ac.th\/srwweb\/sm-srw\/\" class=\"btn btn-custom\" target=\"_blank\">\r\n <div class=\"btn-content\">\r\n <div class=\"btn-icon\">\r\n <i class=\"fas fa-cogs\" style=\"color: #2ecc71;\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"btn-title\">\u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32 SM.SRW<\/div>\r\n <div class=\"btn-desc\">\u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e04\u0e23\u0e1a\u0e27\u0e07\u0e08\u0e23<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"btn-arrow\">\r\n <i class=\"fas fa-chevron-right\"><\/i>\r\n <\/div>\r\n <\/a>\r\n \r\n \r\n <a href=\"https:\/\/example.com\/studentcare\" class=\"btn btn-custom\" target=\"_blank\">\r\n <div class=\"btn-content\">\r\n <div class=\"btn-icon\">\r\n <i class=\"fas fa-home\" style=\"color: #e74c3c;\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"btn-title\">Surin4Child68<\/div>\r\n <div class=\"btn-desc\">\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21\u0e1a\u0e49\u0e32\u0e19\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"btn-arrow\">\r\n <i class=\"fas fa-chevron-right\"><\/i>\r\n <\/div>\r\n <\/a>\r\n \r\n \r\n <a href=\"https:\/\/sams.sinnarin.ac.th\/\" class=\"btn btn-custom\" target=\"_blank\">\r\n <div class=\"btn-content\">\r\n <div class=\"btn-icon\">\r\n <i class=\"fas fa-tools\" style=\"color: #ff6b6b;\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"btn-title\">\u0e23\u0e30\u0e1a\u0e1a\u0e22\u0e37\u0e21-\u0e04\u0e37\u0e19 \u0e27\u0e31\u0e2a\u0e14\u0e38\u0e04\u0e23\u0e38\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32 SAMS<\/div>\r\n <div class=\"btn-desc\">\u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e22\u0e37\u0e21-\u0e04\u0e37\u0e19\u0e27\u0e31\u0e2a\u0e14\u0e38\u0e04\u0e23\u0e38\u0e20\u0e31\u0e13\u0e11\u0e4c<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"btn-arrow\">\r\n <i class=\"fas fa-chevron-right\"><\/i>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n \r\n <div class=\"col-lg-6\">\r\n \r\n <a href=\"https:\/\/reg.sinnarin.ac.th\/\" class=\"btn btn-custom\" target=\"_blank\">\r\n <div class=\"btn-content\">\r\n <div class=\"btn-icon\">\r\n <i class=\"fas fa-user-edit\" style=\"color: #f39c12;\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"btn-title\">\u0e23\u0e30\u0e1a\u0e1a\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<\/div>\r\n <div class=\"btn-desc\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e1c\u0e48\u0e32\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"btn-arrow\">\r\n <i class=\"fas fa-chevron-right\"><\/i>\r\n <\/div>\r\n <\/a>\r\n \r\n \r\n <a href=\"https:\/\/sgs.bopp-obec.info\/\" class=\"btn btn-custom\" target=\"_blank\">\r\n <div class=\"btn-content\">\r\n <div class=\"btn-icon\">\r\n <i class=\"fas fa-chart-bar\" style=\"color: #9b59b6;\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"btn-title\">\u0e23\u0e30\u0e1a\u0e1a SGS<\/div>\r\n <div class=\"btn-desc\">\u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e04\u0e27\u0e32\u0e21\u0e01\u0e49\u0e32\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"btn-arrow\">\r\n <i class=\"fas fa-chevron-right\"><\/i>\r\n <\/div>\r\n <\/a>\r\n \r\n \r\n <a href=\"https:\/\/portal.bopp-obec.info\/obec68\/\" class=\"btn btn-custom\" target=\"_blank\">\r\n <div class=\"btn-content\">\r\n <div class=\"btn-icon\">\r\n <i class=\"fas fa-server\" style=\"color: #1abc9c;\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"btn-title\">\u0e23\u0e30\u0e1a\u0e1a DMC<\/div>\r\n <div class=\"btn-desc\">\u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e25\u0e32\u0e07\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"btn-arrow\">\r\n <i class=\"fas fa-chevron-right\"><\/i>\r\n <\/div>\r\n <\/a>\r\n \r\n \r\n <a href=\"https:\/\/e-exam.sinnarin.ac.th\/\" class=\"btn btn-custom\" target=\"_blank\">\r\n <div class=\"btn-content\">\r\n <div class=\"btn-icon\">\r\n <i class=\"fas fa-laptop\" style=\"color: #4ecdc4;\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"btn-title\">\u0e23\u0e30\u0e1a\u0e1a\u0e2a\u0e2d\u0e1a\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c e-exam<\/div>\r\n <div class=\"btn-desc\">\u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a\u0e27\u0e31\u0e14\u0e1c\u0e25\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"btn-arrow\">\r\n <i class=\"fas fa-chevron-right\"><\/i>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n\r\n \r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/jquery@3.5.1\/dist\/jquery.slim.min.js\"><\/script>\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/popper.js@1.16.1\/dist\/umd\/popper.min.js\"><\/script>\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@4.6.2\/dist\/js\/bootstrap.min.js\"><\/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-35f625b e-flex e-con-boxed e-con e-parent\" data-id=\"35f625b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07d1248 elementor-widget elementor-widget-html\" data-id=\"07d1248\" 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>\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e08\u0e33\u0e19\u0e27\u0e19\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kanit:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@4.6.2\/dist\/css\/bootstrap.min.css\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n <style>\r\n body {\r\n font-family: 'Kanit', sans-serif;\r\n background-color: #f8f9fa;\r\n padding: 20px 0;\r\n }\r\n \r\n .header-section {\r\n background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);\r\n color: white;\r\n border-radius: 15px;\r\n padding: 25px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n }\r\n \r\n .card {\r\n border-radius: 12px;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\r\n margin-bottom: 25px;\r\n border: none;\r\n }\r\n \r\n .card-header {\r\n background-color: white;\r\n border-bottom: 1px solid #eaeaea;\r\n font-weight: 500;\r\n padding: 15px 20px;\r\n border-radius: 12px 12px 0 0 !important;\r\n font-size: 1.2rem;\r\n }\r\n \r\n .stats-card {\r\n text-align: center;\r\n padding: 20px;\r\n transition: transform 0.3s ease;\r\n }\r\n \r\n .stats-card:hover {\r\n transform: translateY(-5px);\r\n }\r\n \r\n .stats-number {\r\n font-size: 2.2rem;\r\n font-weight: 600;\r\n color: #2c3e50;\r\n }\r\n \r\n .stats-label {\r\n color: #7f8c8d;\r\n font-size: 0.9rem;\r\n }\r\n \r\n .table th {\r\n background-color: #2c3e50;\r\n color: white;\r\n font-weight: 500;\r\n border: none;\r\n }\r\n \r\n .table td {\r\n border-color: #eaeaea;\r\n padding: 12px 15px;\r\n }\r\n \r\n .table tbody tr:hover {\r\n background-color: #f8f9fa;\r\n }\r\n \r\n .total-row {\r\n background-color: #e8f4fd !important;\r\n font-weight: 500;\r\n }\r\n \r\n .chart-container {\r\n position: relative;\r\n height: 300px;\r\n margin: 20px 0;\r\n }\r\n \r\n .gender-male {\r\n color: #3498db;\r\n }\r\n \r\n .gender-female {\r\n color: #e83e8c;\r\n }\r\n \r\n .gender-total {\r\n color: #2c3e50;\r\n }\r\n \r\n .percentage-card {\r\n padding: 15px;\r\n border-radius: 10px;\r\n margin-bottom: 15px;\r\n text-align: center;\r\n }\r\n \r\n .percentage-male {\r\n background-color: #e3f2fd;\r\n border-left: 4px solid #3498db;\r\n }\r\n \r\n .percentage-female {\r\n background-color: #fce4ec;\r\n border-left: 4px solid #e83e8c;\r\n }\r\n \r\n .summary-row {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 15px;\r\n border-bottom: 1px solid #eaeaea;\r\n }\r\n \r\n .summary-row:last-child {\r\n border-bottom: none;\r\n }\r\n \r\n .summary-label {\r\n font-weight: 500;\r\n color: #2c3e50;\r\n }\r\n \r\n .summary-value {\r\n font-size: 1.1rem;\r\n font-weight: 500;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n \r\n <div class=\"header-section text-center\">\r\n <h1><i class=\"fas fa-user-graduate mr-3\"><\/i>\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e08\u0e33\u0e19\u0e27\u0e19\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19<\/h1>\r\n <p class=\"lead\">\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e322568 - \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>\r\n \r\n \r\n <div class=\"row mb-4\">\r\n <div class=\"col-md-4\">\r\n <div class=\"card stats-card\">\r\n <div class=\"stats-number gender-male\">363<\/div>\r\n <div class=\"stats-label\">\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e0a\u0e32\u0e22\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-md-4\">\r\n <div class=\"card stats-card\">\r\n <div class=\"stats-number gender-female\">365<\/div>\r\n <div class=\"stats-label\">\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2b\u0e0d\u0e34\u0e07\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-md-4\">\r\n <div class=\"card stats-card\">\r\n <div class=\"stats-number gender-total\">728<\/div>\r\n <div class=\"stats-label\">\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"card mb-4\">\r\n <div class=\"card-header\">\r\n <i class=\"fas fa-table mr-2\"><\/i>\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e08\u0e33\u0e19\u0e27\u0e19\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e41\u0e22\u0e01\u0e15\u0e32\u0e21\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e31\u0e49\u0e19\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"table-responsive\">\r\n <table class=\"table table-hover\">\r\n <thead>\r\n <tr>\r\n <th>\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e31\u0e49\u0e19<\/th>\r\n <th class=\"text-center gender-male\">\u0e0a\u0e32\u0e22<\/th>\r\n <th class=\"text-center gender-female\">\u0e2b\u0e0d\u0e34\u0e07<\/th>\r\n <th class=\"text-center gender-total\">\u0e23\u0e27\u0e21<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>\u0e21\u0e31\u0e18\u0e22\u0e21\u0e28\u0e36\u0e01\u0e29\u0e32\u0e1b\u0e35\u0e17\u0e35\u0e48 1<\/td>\r\n <td class=\"text-center\">66<\/td>\r\n <td class=\"text-center\">60<\/td>\r\n <td class=\"text-center\">126<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>\u0e21\u0e31\u0e18\u0e22\u0e21\u0e28\u0e36\u0e01\u0e29\u0e32\u0e1b\u0e35\u0e17\u0e35\u0e48 2<\/td>\r\n <td class=\"text-center\">61<\/td>\r\n <td class=\"text-center\">61<\/td>\r\n <td class=\"text-center\">122<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>\u0e21\u0e31\u0e18\u0e22\u0e21\u0e28\u0e36\u0e01\u0e29\u0e32\u0e1b\u0e35\u0e17\u0e35\u0e48 3<\/td>\r\n <td class=\"text-center\">51<\/td>\r\n <td class=\"text-center\">73<\/td>\r\n <td class=\"text-center\">124<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>\u0e21\u0e31\u0e18\u0e22\u0e21\u0e28\u0e36\u0e01\u0e29\u0e32\u0e1b\u0e35\u0e17\u0e35\u0e48 4<\/td>\r\n <td class=\"text-center\">70<\/td>\r\n <td class=\"text-center\">62<\/td>\r\n <td class=\"text-center\">132<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>\u0e21\u0e31\u0e18\u0e22\u0e21\u0e28\u0e36\u0e01\u0e29\u0e32\u0e1b\u0e35\u0e17\u0e35\u0e48 5<\/td>\r\n <td class=\"text-center\">48<\/td>\r\n <td class=\"text-center\">46<\/td>\r\n <td class=\"text-center\">94<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>\u0e21\u0e31\u0e18\u0e22\u0e21\u0e28\u0e36\u0e01\u0e29\u0e32\u0e1b\u0e35\u0e17\u0e35\u0e48 6<\/td>\r\n <td class=\"text-center\">67<\/td>\r\n <td class=\"text-center\">63<\/td>\r\n <td class=\"text-center\">130<\/td>\r\n <\/tr>\r\n <tr class=\"total-row\">\r\n <td><strong>\u0e23\u0e27\u0e21\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/strong><\/td>\r\n <td class=\"text-center\"><strong>363<\/strong><\/td>\r\n <td class=\"text-center\"><strong>365<\/strong><\/td>\r\n <td class=\"text-center\"><strong>728<\/strong><\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"card mb-4\">\r\n <div class=\"card-header\">\r\n <i class=\"fas fa-chart-pie mr-2\"><\/i>\u0e2a\u0e23\u0e38\u0e1b\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"summary-row\">\r\n <div class=\"summary-label gender-male\">\r\n <i class=\"fas fa-male mr-2\"><\/i>\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e0a\u0e32\u0e22\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\r\n <\/div>\r\n <div class=\"summary-value gender-male\">363 \u0e04\u0e19 (49.86%)<\/div>\r\n <\/div>\r\n <div class=\"summary-row\">\r\n <div class=\"summary-label gender-female\">\r\n <i class=\"fas fa-female mr-2\"><\/i>\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2b\u0e0d\u0e34\u0e07\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\r\n <\/div>\r\n <div class=\"summary-value gender-female\">365 \u0e04\u0e19 (50.14%)<\/div>\r\n <\/div>\r\n <div class=\"summary-row\">\r\n <div class=\"summary-label gender-total\">\r\n <i class=\"fas fa-users mr-2\"><\/i>\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\r\n <\/div>\r\n <div class=\"summary-value gender-total\">728 \u0e04\u0e19<\/div>\r\n <\/div>\r\n <div class=\"summary-row\">\r\n <div class=\"summary-label\">\r\n <i class=\"fas fa-balance-scale mr-2\"><\/i>\u0e2d\u0e31\u0e15\u0e23\u0e32\u0e2a\u0e48\u0e27\u0e19\u0e0a\u0e32\u0e22:\u0e2b\u0e0d\u0e34\u0e07\r\n <\/div>\r\n <div class=\"summary-value\">1:1.01<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"row\">\r\n <div class=\"col-lg-8\">\r\n <div class=\"card\">\r\n <div class=\"card-header\">\r\n <i class=\"fas fa-chart-bar mr-2\"><\/i>\u0e01\u0e23\u0e32\u0e1f\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e08\u0e33\u0e19\u0e27\u0e19\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"chart-container\">\r\n <canvas id=\"studentChart\"><\/canvas>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"col-lg-4\">\r\n <div class=\"card\">\r\n <div class=\"card-header\">\r\n <i class=\"fas fa-chart-pie mr-2\"><\/i>\u0e2a\u0e31\u0e14\u0e2a\u0e48\u0e27\u0e19\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"chart-container\">\r\n <canvas id=\"genderPieChart\"><\/canvas>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@4.6.2\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n\r\n <script>\r\n \/\/ \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\r\n const studentData = {\r\n levels: ['\u0e21.1', '\u0e21.2', '\u0e21.3', '\u0e21.4', '\u0e21.5', '\u0e21.6'],\r\n male: [66, 61, 51, 70, 48, 67],\r\n female: [60, 61, 73, 62, 46, 63],\r\n total: [126, 122, 124, 132, 94, 130]\r\n };\r\n \r\n \/\/ \u0e01\u0e23\u0e32\u0e1f\u0e41\u0e17\u0e48\u0e07\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a\r\n const studentChart = new Chart(document.getElementById('studentChart'), {\r\n type: 'bar',\r\n data: {\r\n labels: studentData.levels,\r\n datasets: [\r\n {\r\n label: '\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e0a\u0e32\u0e22',\r\n data: studentData.male,\r\n backgroundColor: '#3498db',\r\n borderColor: '#2980b9',\r\n borderWidth: 1\r\n },\r\n {\r\n label: '\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2b\u0e0d\u0e34\u0e07',\r\n data: studentData.female,\r\n backgroundColor: '#e83e8c',\r\n borderColor: '#c2185b',\r\n borderWidth: 1\r\n }\r\n ]\r\n },\r\n options: {\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n scales: {\r\n y: {\r\n beginAtZero: true,\r\n title: {\r\n display: true,\r\n text: '\u0e08\u0e33\u0e19\u0e27\u0e19\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19'\r\n }\r\n },\r\n x: {\r\n title: {\r\n display: true,\r\n text: '\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e31\u0e49\u0e19'\r\n }\r\n }\r\n },\r\n plugins: {\r\n legend: {\r\n position: 'top',\r\n },\r\n title: {\r\n display: true,\r\n text: '\u0e08\u0e33\u0e19\u0e27\u0e19\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e41\u0e22\u0e01\u0e15\u0e32\u0e21\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e31\u0e49\u0e19\u0e41\u0e25\u0e30\u0e40\u0e1e\u0e28'\r\n }\r\n }\r\n }\r\n });\r\n \r\n \/\/ \u0e01\u0e23\u0e32\u0e1f\u0e27\u0e07\u0e01\u0e25\u0e21\u0e2a\u0e31\u0e14\u0e2a\u0e48\u0e27\u0e19\u0e40\u0e1e\u0e28\r\n const genderPieChart = new Chart(document.getElementById('genderPieChart'), {\r\n type: 'pie',\r\n data: {\r\n labels: ['\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e0a\u0e32\u0e22', '\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2b\u0e0d\u0e34\u0e07'],\r\n datasets: [{\r\n data: [363, 365],\r\n backgroundColor: ['#3498db', '#e83e8c'],\r\n borderWidth: 1\r\n }]\r\n },\r\n options: {\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n plugins: {\r\n legend: {\r\n position: 'bottom'\r\n },\r\n tooltip: {\r\n callbacks: {\r\n label: function(context) {\r\n const label = context.label || '';\r\n const value = context.raw || 0;\r\n const total = 728;\r\n const percentage = ((value \/ total) * 100).toFixed(2);\r\n return `${label}: ${value} \u0e04\u0e19 (${percentage}%)`;\r\n }\r\n }\r\n }\r\n }\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-9ad402c e-flex e-con-boxed e-con e-parent\" data-id=\"9ad402c\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e7e34b elementor-widget elementor-widget-html\" data-id=\"8e7e34b\" 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>Facebook Fanpage \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=Kanit:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n \r\n body {\r\n font-family: 'Kanit', sans-serif;\r\n background: linear-gradient(135deg, #e6f7ff 0%, #fff9e6 100%);\r\n color: #333;\r\n line-height: 1.6;\r\n min-height: 100vh;\r\n padding: 20px;\r\n }\r\n \r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n \r\n .header-section {\r\n background: linear-gradient(135deg, #1e88e5, #ffd54f);\r\n color: white;\r\n border-radius: 15px;\r\n padding: 30px;\r\n margin-bottom: 30px;\r\n text-align: center;\r\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\r\n }\r\n \r\n .school-name-th {\r\n font-size: 2.5rem;\r\n font-weight: 500;\r\n margin-bottom: 10px;\r\n }\r\n \r\n .school-name-en {\r\n font-size: 1.6rem;\r\n font-weight: 300;\r\n opacity: 0.9;\r\n }\r\n \r\n .page-title {\r\n font-size: 2rem;\r\n font-weight: 500;\r\n color: #1e88e5;\r\n margin-bottom: 30px;\r\n text-align: center;\r\n border-bottom: 2px solid #ffd54f;\r\n padding-bottom: 10px;\r\n }\r\n \r\n .content-wrapper {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 30px;\r\n margin-bottom: 30px;\r\n }\r\n \r\n .facebook-section {\r\n flex: 1;\r\n min-width: 300px;\r\n }\r\n \r\n .info-section {\r\n flex: 1;\r\n min-width: 300px;\r\n }\r\n \r\n .info-card {\r\n background: white;\r\n border-radius: 15px;\r\n padding: 25px;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\r\n margin-bottom: 20px;\r\n border-top: 5px solid #1e88e5;\r\n }\r\n \r\n .info-card h3 {\r\n color: #1e88e5;\r\n margin-bottom: 15px;\r\n font-size: 1.4rem;\r\n }\r\n \r\n .contact-link {\r\n display: block;\r\n background: #1877f2;\r\n color: white;\r\n text-decoration: none;\r\n padding: 15px 20px;\r\n border-radius: 10px;\r\n text-align: center;\r\n margin-top: 20px;\r\n font-weight: 500;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .contact-link:hover {\r\n background: #166fe5;\r\n transform: translateY(-2px);\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\r\n }\r\n \r\n .contact-link i {\r\n margin-right: 10px;\r\n }\r\n \r\n .fb-page-container {\r\n background: white;\r\n border-radius: 15px;\r\n padding: 20px;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\r\n text-align: center;\r\n }\r\n \r\n .footer {\r\n text-align: center;\r\n padding: 20px;\r\n color: #666;\r\n font-size: 0.9rem;\r\n border-top: 1px solid #e0e0e0;\r\n margin-top: 30px;\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .content-wrapper {\r\n flex-direction: column;\r\n }\r\n \r\n .school-name-th {\r\n font-size: 2rem;\r\n }\r\n \r\n .school-name-en {\r\n font-size: 1.3rem;\r\n }\r\n \r\n .page-title {\r\n font-size: 1.6rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n \r\n <h2 class=\"page-title\">Facebook Fanpage \u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19<\/h2>\r\n \r\n \r\n <div class=\"content-wrapper\">\r\n \r\n <div class=\"facebook-section\">\r\n <div class=\"fb-page-container\">\r\n \r\n <div id=\"fb-root\"><\/div>\r\n <script async defer crossorigin=\"anonymous\" \r\n src=\"https:\/\/connect.facebook.net\/th_TH\/sdk.js#xfbml=1&version=v18.0\"><\/script>\r\n \r\n <div class=\"fb-page\" \r\n data-href=\"https:\/\/www.facebook.com\/SinnarinWittayaSchool\"\r\n data-tabs=\"timeline\"\r\n data-width=\"500\" \r\n data-height=\"600\"\r\n data-small-header=\"false\" \r\n data-adapt-container-width=\"true\"\r\n data-hide-cover=\"false\" \r\n data-show-facepile=\"true\">\r\n <blockquote cite=\"https:\/\/www.facebook.com\/SinnarinWittayaSchool\" \r\n class=\"fb-xfbml-parse-ignore\">\r\n <a href=\"https:\/\/www.facebook.com\/SinnarinWittayaSchool\">\r\n \u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2a\u0e34\u0e19\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c\u0e27\u0e34\u0e17\u0e22\u0e32\r\n <\/a>\r\n <\/blockquote>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"info-section\">\r\n <div class=\"info-card\">\r\n <h3><i class=\"fas fa-info-circle\"><\/i> \u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a Facebook Fanpage<\/h3>\r\n <p>Facebook Fanpage \u0e19\u0e35\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e2b\u0e25\u0e31\u0e01\u0e43\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e37\u0e48\u0e2d\u0e2a\u0e32\u0e23\u0e41\u0e25\u0e30\u0e40\u0e1c\u0e22\u0e41\u0e1e\u0e23\u0e48\u0e02\u0e48\u0e32\u0e27\u0e2a\u0e32\u0e23\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<\/p>\r\n <ul style=\"margin-top: 15px; padding-left: 20px;\">\r\n <li>\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e02\u0e48\u0e32\u0e27\u0e2a\u0e32\u0e23\u0e2a\u0e33\u0e04\u0e31\u0e0d<\/li>\r\n <li>\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e15\u0e48\u0e32\u0e07\u0e46 \u0e02\u0e2d\u0e07\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19<\/li>\r\n <li>\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19<\/li>\r\n <li>\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e41\u0e25\u0e30\u0e04\u0e23\u0e39<\/li>\r\n <li>\u0e15\u0e32\u0e23\u0e32\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e41\u0e25\u0e30\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e01\u0e32\u0e23<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/www.facebook.com\/SinnarinWittayaSchool\" \r\n target=\"_blank\" \r\n >\r\n <i class=\"fab fa-facebook\"><\/i> \u0e44\u0e1b\u0e17\u0e35\u0e48 Facebook Fanpage\r\n <\/a>\r\n <\/div>\r\n \r\n <div class=\"info-card\">\r\n <h3><i class=\"fas fa-bullhorn\"><\/i> \u0e02\u0e48\u0e32\u0e27\u0e2a\u0e32\u0e23\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14<\/h3>\r\n <p>\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e02\u0e48\u0e32\u0e27\u0e2a\u0e32\u0e23\u0e41\u0e25\u0e30\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14\u0e02\u0e2d\u0e07\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e44\u0e14\u0e49\u0e17\u0e32\u0e07 Facebook Fanpage<\/p>\r\n <div style=\"margin-top: 15px; padding: 15px; background: #f8f9fa; border-radius: 8px;\">\r\n <p><strong>\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e14\u0e39:<\/strong><\/p>\r\n <ul style=\"margin-top: 10px; padding-left: 20px;\">\r\n <li>\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e23\u0e31\u0e1a\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e43\u0e2b\u0e21\u0e48<\/li>\r\n <li>\u0e15\u0e32\u0e23\u0e32\u0e07\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a\u0e41\u0e25\u0e30\u0e27\u0e31\u0e14\u0e1c\u0e25<\/li>\r\n <li>\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e1e\u0e34\u0e40\u0e28\u0e29\u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e15\u0e48\u0e32\u0e07\u0e46<\/li>\r\n <li>\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n\r\n <script>\r\n \/\/ \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e27\u0e48\u0e32 Facebook SDK \u0e42\u0e2b\u0e25\u0e14\u0e41\u0e25\u0e49\u0e27\u0e2b\u0e23\u0e37\u0e2d\u0e44\u0e21\u0e48\r\n window.fbAsyncInit = function() {\r\n FB.init({\r\n appId : 'your-app-id',\r\n autoLogAppEvents : true,\r\n xfbml : true,\r\n version : 'v18.0'\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c \u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e23\u0e30… <a href=\"https:\/\/sinnarin.ac.th\/srwweb\/\" rel=\"bookmark\"><span class=\"screen-reader-text\">HOME<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","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-399","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":"\u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c \u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e23\u0e30…","_links":{"self":[{"href":"https:\/\/sinnarin.ac.th\/srwweb\/wp-json\/wp\/v2\/pages\/399","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=399"}],"version-history":[{"count":692,"href":"https:\/\/sinnarin.ac.th\/srwweb\/wp-json\/wp\/v2\/pages\/399\/revisions"}],"predecessor-version":[{"id":3282,"href":"https:\/\/sinnarin.ac.th\/srwweb\/wp-json\/wp\/v2\/pages\/399\/revisions\/3282"}],"wp:attachment":[{"href":"https:\/\/sinnarin.ac.th\/srwweb\/wp-json\/wp\/v2\/media?parent=399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t<\/div>\n\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 \u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kanit:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@4.6.2\/dist\/css\/bootstrap.min.css\">\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n <style>\r\n body {\r\n font-family: 'Kanit', sans-serif;\r\n background-color: #f8f9fa;\r\n min-height: 100vh;\r\n padding: 20px 0;\r\n }\r\n \r\n .header-section {\r\n background-color: #2c3e50;\r\n color: white;\r\n border-radius: 10px;\r\n padding: 25px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\r\n }\r\n \r\n .btn-custom {\r\n border-radius: 10px;\r\n padding: 18px 20px;\r\n font-weight: 500;\r\n font-size: 1.1rem;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);\r\n border: 1px solid #e0e0e0;\r\n margin-bottom: 15px;\r\n text-align: left;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n width: 100%;\r\n background-color: white;\r\n color: #333;\r\n }\r\n \r\n .btn-custom:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\r\n text-decoration: none;\r\n color: #333;\r\n background-color: #f8f9fa;\r\n }\r\n \r\n .btn-content {\r\n display: flex;\r\n align-items: center;\r\n }\r\n \r\n .btn-icon {\r\n font-size: 1.4rem;\r\n margin-right: 15px;\r\n width: 40px;\r\n text-align: center;\r\n color: #2c3e50;\r\n }\r\n \r\n .btn-arrow {\r\n font-size: 1.1rem;\r\n color: #666;\r\n }\r\n \r\n .btn-title {\r\n font-weight: 500;\r\n color: #2c3e50;\r\n margin-bottom: 3px;\r\n }\r\n \r\n .btn-desc {\r\n font-size: 0.85rem;\r\n color: #666;\r\n font-weight: 400;\r\n }\r\n \r\n .system-info {\r\n background: white;\r\n border-radius: 10px;\r\n padding: 20px;\r\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\r\n margin-top: 25px;\r\n border: 1px solid #e9ecef;\r\n }\r\n \r\n .footer {\r\n text-align: center;\r\n margin-top: 30px;\r\n color: #666;\r\n font-size: 0.85rem;\r\n }\r\n \r\n h1 {\r\n font-weight: 500;\r\n margin-bottom: 8px;\r\n font-size: 1.8rem;\r\n }\r\n \r\n .lead {\r\n font-weight: 300;\r\n opacity: 0.9;\r\n font-size: 1rem;\r\n }\r\n \r\n .container {\r\n max-width: 1000px;\r\n }\r\n \r\n \/* \u0e2a\u0e35\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e25\u0e30\u0e1b\u0e38\u0e48\u0e21 *\/\r\n .btn-custom:nth-child(1) {\r\n border-left: 5px solid #3498db;\r\n }\r\n \r\n .btn-custom:nth-child(2) {\r\n border-left: 5px solid #2ecc71;\r\n }\r\n \r\n .btn-custom:nth-child(3) {\r\n border-left: 5px solid #e74c3c;\r\n }\r\n \r\n .btn-custom:nth-child(4) {\r\n border-left: 5px solid #f39c12;\r\n }\r\n \r\n .btn-custom:nth-child(5) {\r\n border-left: 5px solid #9b59b6;\r\n }\r\n \r\n .btn-custom:nth-child(6) {\r\n border-left: 5px solid #1abc9c;\r\n }\r\n \r\n .btn-custom:nth-child(7) {\r\n border-left: 5px solid #ff6b6b;\r\n }\r\n \r\n .btn-custom:nth-child(8) {\r\n border-left: 5px solid #4ecdc4;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n \r\n <div class=\"header-section text-center\">\r\n <h1><i class=\"fas fa-graduation-cap mr-2\"><\/i>\u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32<\/h1>\r\n <p class=\"lead\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e23\u0e30\u0e1a\u0e1a\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32<\/p>\r\n <\/div>\r\n \r\n \r\n <div class=\"row\">\r\n <div class=\"col-lg-6\">\r\n \r\n <a href=\"https:\/\/drive.google.com\/drive\/u\/2\/folders\/1vB5O0p9AlA3OGjeRTjN6AzogLnUmenY4\" class=\"btn btn-custom\" target=\"_blank\">\r\n <div class=\"btn-content\">\r\n <div class=\"btn-icon\">\r\n <i class=\"fas fa-file-alt\" style=\"color: #3498db;\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"btn-title\">\u0e1b\u0e1e.5 \u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<\/div>\r\n <div class=\"btn-desc\">\u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e04\u0e27\u0e32\u0e21\u0e01\u0e49\u0e32\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"btn-arrow\">\r\n <i class=\"fas fa-chevron-right\"><\/i>\r\n <\/div>\r\n <\/a>\r\n \r\n \r\n <a href=\"https:\/\/sinnarin.ac.th\/srwweb\/sm-srw\/\" class=\"btn btn-custom\" target=\"_blank\">\r\n <div class=\"btn-content\">\r\n <div class=\"btn-icon\">\r\n <i class=\"fas fa-cogs\" style=\"color: #2ecc71;\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"btn-title\">\u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32 SM.SRW<\/div>\r\n <div class=\"btn-desc\">\u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e04\u0e23\u0e1a\u0e27\u0e07\u0e08\u0e23<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"btn-arrow\">\r\n <i class=\"fas fa-chevron-right\"><\/i>\r\n <\/div>\r\n <\/a>\r\n \r\n \r\n <a href=\"https:\/\/example.com\/studentcare\" class=\"btn btn-custom\" target=\"_blank\">\r\n <div class=\"btn-content\">\r\n <div class=\"btn-icon\">\r\n <i class=\"fas fa-home\" style=\"color: #e74c3c;\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"btn-title\">Surin4Child68<\/div>\r\n <div class=\"btn-desc\">\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21\u0e1a\u0e49\u0e32\u0e19\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"btn-arrow\">\r\n <i class=\"fas fa-chevron-right\"><\/i>\r\n <\/div>\r\n <\/a>\r\n \r\n \r\n <a href=\"https:\/\/sams.sinnarin.ac.th\/\" class=\"btn btn-custom\" target=\"_blank\">\r\n <div class=\"btn-content\">\r\n <div class=\"btn-icon\">\r\n <i class=\"fas fa-tools\" style=\"color: #ff6b6b;\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"btn-title\">\u0e23\u0e30\u0e1a\u0e1a\u0e22\u0e37\u0e21-\u0e04\u0e37\u0e19 \u0e27\u0e31\u0e2a\u0e14\u0e38\u0e04\u0e23\u0e38\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32 SAMS<\/div>\r\n <div class=\"btn-desc\">\u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e22\u0e37\u0e21-\u0e04\u0e37\u0e19\u0e27\u0e31\u0e2a\u0e14\u0e38\u0e04\u0e23\u0e38\u0e20\u0e31\u0e13\u0e11\u0e4c<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"btn-arrow\">\r\n <i class=\"fas fa-chevron-right\"><\/i>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n \r\n <div class=\"col-lg-6\">\r\n \r\n <a href=\"https:\/\/reg.sinnarin.ac.th\/\" class=\"btn btn-custom\" target=\"_blank\">\r\n <div class=\"btn-content\">\r\n <div class=\"btn-icon\">\r\n <i class=\"fas fa-user-edit\" style=\"color: #f39c12;\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"btn-title\">\u0e23\u0e30\u0e1a\u0e1a\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<\/div>\r\n <div class=\"btn-desc\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e1c\u0e48\u0e32\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"btn-arrow\">\r\n <i class=\"fas fa-chevron-right\"><\/i>\r\n <\/div>\r\n <\/a>\r\n \r\n \r\n <a href=\"https:\/\/sgs.bopp-obec.info\/\" class=\"btn btn-custom\" target=\"_blank\">\r\n <div class=\"btn-content\">\r\n <div class=\"btn-icon\">\r\n <i class=\"fas fa-chart-bar\" style=\"color: #9b59b6;\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"btn-title\">\u0e23\u0e30\u0e1a\u0e1a SGS<\/div>\r\n <div class=\"btn-desc\">\u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e04\u0e27\u0e32\u0e21\u0e01\u0e49\u0e32\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"btn-arrow\">\r\n <i class=\"fas fa-chevron-right\"><\/i>\r\n <\/div>\r\n <\/a>\r\n \r\n \r\n <a href=\"https:\/\/portal.bopp-obec.info\/obec68\/\" class=\"btn btn-custom\" target=\"_blank\">\r\n <div class=\"btn-content\">\r\n <div class=\"btn-icon\">\r\n <i class=\"fas fa-server\" style=\"color: #1abc9c;\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"btn-title\">\u0e23\u0e30\u0e1a\u0e1a DMC<\/div>\r\n <div class=\"btn-desc\">\u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e25\u0e32\u0e07\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"btn-arrow\">\r\n <i class=\"fas fa-chevron-right\"><\/i>\r\n <\/div>\r\n <\/a>\r\n \r\n \r\n <a href=\"https:\/\/e-exam.sinnarin.ac.th\/\" class=\"btn btn-custom\" target=\"_blank\">\r\n <div class=\"btn-content\">\r\n <div class=\"btn-icon\">\r\n <i class=\"fas fa-laptop\" style=\"color: #4ecdc4;\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"btn-title\">\u0e23\u0e30\u0e1a\u0e1a\u0e2a\u0e2d\u0e1a\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c e-exam<\/div>\r\n <div class=\"btn-desc\">\u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a\u0e27\u0e31\u0e14\u0e1c\u0e25\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"btn-arrow\">\r\n <i class=\"fas fa-chevron-right\"><\/i>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n\r\n \r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/jquery@3.5.1\/dist\/jquery.slim.min.js\"><\/script>\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/popper.js@1.16.1\/dist\/umd\/popper.min.js\"><\/script>\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@4.6.2\/dist\/js\/bootstrap.min.js\"><\/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-35f625b e-flex e-con-boxed e-con e-parent\" data-id=\"35f625b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07d1248 elementor-widget elementor-widget-html\" data-id=\"07d1248\" 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>\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e08\u0e33\u0e19\u0e27\u0e19\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kanit:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@4.6.2\/dist\/css\/bootstrap.min.css\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n <style>\r\n body {\r\n font-family: 'Kanit', sans-serif;\r\n background-color: #f8f9fa;\r\n padding: 20px 0;\r\n }\r\n \r\n .header-section {\r\n background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);\r\n color: white;\r\n border-radius: 15px;\r\n padding: 25px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n }\r\n \r\n .card {\r\n border-radius: 12px;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\r\n margin-bottom: 25px;\r\n border: none;\r\n }\r\n \r\n .card-header {\r\n background-color: white;\r\n border-bottom: 1px solid #eaeaea;\r\n font-weight: 500;\r\n padding: 15px 20px;\r\n border-radius: 12px 12px 0 0 !important;\r\n font-size: 1.2rem;\r\n }\r\n \r\n .stats-card {\r\n text-align: center;\r\n padding: 20px;\r\n transition: transform 0.3s ease;\r\n }\r\n \r\n .stats-card:hover {\r\n transform: translateY(-5px);\r\n }\r\n \r\n .stats-number {\r\n font-size: 2.2rem;\r\n font-weight: 600;\r\n color: #2c3e50;\r\n }\r\n \r\n .stats-label {\r\n color: #7f8c8d;\r\n font-size: 0.9rem;\r\n }\r\n \r\n .table th {\r\n background-color: #2c3e50;\r\n color: white;\r\n font-weight: 500;\r\n border: none;\r\n }\r\n \r\n .table td {\r\n border-color: #eaeaea;\r\n padding: 12px 15px;\r\n }\r\n \r\n .table tbody tr:hover {\r\n background-color: #f8f9fa;\r\n }\r\n \r\n .total-row {\r\n background-color: #e8f4fd !important;\r\n font-weight: 500;\r\n }\r\n \r\n .chart-container {\r\n position: relative;\r\n height: 300px;\r\n margin: 20px 0;\r\n }\r\n \r\n .gender-male {\r\n color: #3498db;\r\n }\r\n \r\n .gender-female {\r\n color: #e83e8c;\r\n }\r\n \r\n .gender-total {\r\n color: #2c3e50;\r\n }\r\n \r\n .percentage-card {\r\n padding: 15px;\r\n border-radius: 10px;\r\n margin-bottom: 15px;\r\n text-align: center;\r\n }\r\n \r\n .percentage-male {\r\n background-color: #e3f2fd;\r\n border-left: 4px solid #3498db;\r\n }\r\n \r\n .percentage-female {\r\n background-color: #fce4ec;\r\n border-left: 4px solid #e83e8c;\r\n }\r\n \r\n .summary-row {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 15px;\r\n border-bottom: 1px solid #eaeaea;\r\n }\r\n \r\n .summary-row:last-child {\r\n border-bottom: none;\r\n }\r\n \r\n .summary-label {\r\n font-weight: 500;\r\n color: #2c3e50;\r\n }\r\n \r\n .summary-value {\r\n font-size: 1.1rem;\r\n font-weight: 500;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n \r\n <div class=\"header-section text-center\">\r\n <h1><i class=\"fas fa-user-graduate mr-3\"><\/i>\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e08\u0e33\u0e19\u0e27\u0e19\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19<\/h1>\r\n <p class=\"lead\">\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e322568 - \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>\r\n \r\n \r\n <div class=\"row mb-4\">\r\n <div class=\"col-md-4\">\r\n <div class=\"card stats-card\">\r\n <div class=\"stats-number gender-male\">363<\/div>\r\n <div class=\"stats-label\">\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e0a\u0e32\u0e22\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-md-4\">\r\n <div class=\"card stats-card\">\r\n <div class=\"stats-number gender-female\">365<\/div>\r\n <div class=\"stats-label\">\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2b\u0e0d\u0e34\u0e07\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-md-4\">\r\n <div class=\"card stats-card\">\r\n <div class=\"stats-number gender-total\">728<\/div>\r\n <div class=\"stats-label\">\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"card mb-4\">\r\n <div class=\"card-header\">\r\n <i class=\"fas fa-table mr-2\"><\/i>\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e08\u0e33\u0e19\u0e27\u0e19\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e41\u0e22\u0e01\u0e15\u0e32\u0e21\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e31\u0e49\u0e19\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"table-responsive\">\r\n <table class=\"table table-hover\">\r\n <thead>\r\n <tr>\r\n <th>\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e31\u0e49\u0e19<\/th>\r\n <th class=\"text-center gender-male\">\u0e0a\u0e32\u0e22<\/th>\r\n <th class=\"text-center gender-female\">\u0e2b\u0e0d\u0e34\u0e07<\/th>\r\n <th class=\"text-center gender-total\">\u0e23\u0e27\u0e21<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>\u0e21\u0e31\u0e18\u0e22\u0e21\u0e28\u0e36\u0e01\u0e29\u0e32\u0e1b\u0e35\u0e17\u0e35\u0e48 1<\/td>\r\n <td class=\"text-center\">66<\/td>\r\n <td class=\"text-center\">60<\/td>\r\n <td class=\"text-center\">126<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>\u0e21\u0e31\u0e18\u0e22\u0e21\u0e28\u0e36\u0e01\u0e29\u0e32\u0e1b\u0e35\u0e17\u0e35\u0e48 2<\/td>\r\n <td class=\"text-center\">61<\/td>\r\n <td class=\"text-center\">61<\/td>\r\n <td class=\"text-center\">122<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>\u0e21\u0e31\u0e18\u0e22\u0e21\u0e28\u0e36\u0e01\u0e29\u0e32\u0e1b\u0e35\u0e17\u0e35\u0e48 3<\/td>\r\n <td class=\"text-center\">51<\/td>\r\n <td class=\"text-center\">73<\/td>\r\n <td class=\"text-center\">124<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>\u0e21\u0e31\u0e18\u0e22\u0e21\u0e28\u0e36\u0e01\u0e29\u0e32\u0e1b\u0e35\u0e17\u0e35\u0e48 4<\/td>\r\n <td class=\"text-center\">70<\/td>\r\n <td class=\"text-center\">62<\/td>\r\n <td class=\"text-center\">132<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>\u0e21\u0e31\u0e18\u0e22\u0e21\u0e28\u0e36\u0e01\u0e29\u0e32\u0e1b\u0e35\u0e17\u0e35\u0e48 5<\/td>\r\n <td class=\"text-center\">48<\/td>\r\n <td class=\"text-center\">46<\/td>\r\n <td class=\"text-center\">94<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>\u0e21\u0e31\u0e18\u0e22\u0e21\u0e28\u0e36\u0e01\u0e29\u0e32\u0e1b\u0e35\u0e17\u0e35\u0e48 6<\/td>\r\n <td class=\"text-center\">67<\/td>\r\n <td class=\"text-center\">63<\/td>\r\n <td class=\"text-center\">130<\/td>\r\n <\/tr>\r\n <tr class=\"total-row\">\r\n <td><strong>\u0e23\u0e27\u0e21\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/strong><\/td>\r\n <td class=\"text-center\"><strong>363<\/strong><\/td>\r\n <td class=\"text-center\"><strong>365<\/strong><\/td>\r\n <td class=\"text-center\"><strong>728<\/strong><\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"card mb-4\">\r\n <div class=\"card-header\">\r\n <i class=\"fas fa-chart-pie mr-2\"><\/i>\u0e2a\u0e23\u0e38\u0e1b\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"summary-row\">\r\n <div class=\"summary-label gender-male\">\r\n <i class=\"fas fa-male mr-2\"><\/i>\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e0a\u0e32\u0e22\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\r\n <\/div>\r\n <div class=\"summary-value gender-male\">363 \u0e04\u0e19 (49.86%)<\/div>\r\n <\/div>\r\n <div class=\"summary-row\">\r\n <div class=\"summary-label gender-female\">\r\n <i class=\"fas fa-female mr-2\"><\/i>\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2b\u0e0d\u0e34\u0e07\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\r\n <\/div>\r\n <div class=\"summary-value gender-female\">365 \u0e04\u0e19 (50.14%)<\/div>\r\n <\/div>\r\n <div class=\"summary-row\">\r\n <div class=\"summary-label gender-total\">\r\n <i class=\"fas fa-users mr-2\"><\/i>\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\r\n <\/div>\r\n <div class=\"summary-value gender-total\">728 \u0e04\u0e19<\/div>\r\n <\/div>\r\n <div class=\"summary-row\">\r\n <div class=\"summary-label\">\r\n <i class=\"fas fa-balance-scale mr-2\"><\/i>\u0e2d\u0e31\u0e15\u0e23\u0e32\u0e2a\u0e48\u0e27\u0e19\u0e0a\u0e32\u0e22:\u0e2b\u0e0d\u0e34\u0e07\r\n <\/div>\r\n <div class=\"summary-value\">1:1.01<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"row\">\r\n <div class=\"col-lg-8\">\r\n <div class=\"card\">\r\n <div class=\"card-header\">\r\n <i class=\"fas fa-chart-bar mr-2\"><\/i>\u0e01\u0e23\u0e32\u0e1f\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e08\u0e33\u0e19\u0e27\u0e19\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"chart-container\">\r\n <canvas id=\"studentChart\"><\/canvas>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"col-lg-4\">\r\n <div class=\"card\">\r\n <div class=\"card-header\">\r\n <i class=\"fas fa-chart-pie mr-2\"><\/i>\u0e2a\u0e31\u0e14\u0e2a\u0e48\u0e27\u0e19\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"chart-container\">\r\n <canvas id=\"genderPieChart\"><\/canvas>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@4.6.2\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n\r\n <script>\r\n \/\/ \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\r\n const studentData = {\r\n levels: ['\u0e21.1', '\u0e21.2', '\u0e21.3', '\u0e21.4', '\u0e21.5', '\u0e21.6'],\r\n male: [66, 61, 51, 70, 48, 67],\r\n female: [60, 61, 73, 62, 46, 63],\r\n total: [126, 122, 124, 132, 94, 130]\r\n };\r\n \r\n \/\/ \u0e01\u0e23\u0e32\u0e1f\u0e41\u0e17\u0e48\u0e07\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a\r\n const studentChart = new Chart(document.getElementById('studentChart'), {\r\n type: 'bar',\r\n data: {\r\n labels: studentData.levels,\r\n datasets: [\r\n {\r\n label: '\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e0a\u0e32\u0e22',\r\n data: studentData.male,\r\n backgroundColor: '#3498db',\r\n borderColor: '#2980b9',\r\n borderWidth: 1\r\n },\r\n {\r\n label: '\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2b\u0e0d\u0e34\u0e07',\r\n data: studentData.female,\r\n backgroundColor: '#e83e8c',\r\n borderColor: '#c2185b',\r\n borderWidth: 1\r\n }\r\n ]\r\n },\r\n options: {\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n scales: {\r\n y: {\r\n beginAtZero: true,\r\n title: {\r\n display: true,\r\n text: '\u0e08\u0e33\u0e19\u0e27\u0e19\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19'\r\n }\r\n },\r\n x: {\r\n title: {\r\n display: true,\r\n text: '\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e31\u0e49\u0e19'\r\n }\r\n }\r\n },\r\n plugins: {\r\n legend: {\r\n position: 'top',\r\n },\r\n title: {\r\n display: true,\r\n text: '\u0e08\u0e33\u0e19\u0e27\u0e19\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e41\u0e22\u0e01\u0e15\u0e32\u0e21\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e31\u0e49\u0e19\u0e41\u0e25\u0e30\u0e40\u0e1e\u0e28'\r\n }\r\n }\r\n }\r\n });\r\n \r\n \/\/ \u0e01\u0e23\u0e32\u0e1f\u0e27\u0e07\u0e01\u0e25\u0e21\u0e2a\u0e31\u0e14\u0e2a\u0e48\u0e27\u0e19\u0e40\u0e1e\u0e28\r\n const genderPieChart = new Chart(document.getElementById('genderPieChart'), {\r\n type: 'pie',\r\n data: {\r\n labels: ['\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e0a\u0e32\u0e22', '\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2b\u0e0d\u0e34\u0e07'],\r\n datasets: [{\r\n data: [363, 365],\r\n backgroundColor: ['#3498db', '#e83e8c'],\r\n borderWidth: 1\r\n }]\r\n },\r\n options: {\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n plugins: {\r\n legend: {\r\n position: 'bottom'\r\n },\r\n tooltip: {\r\n callbacks: {\r\n label: function(context) {\r\n const label = context.label || '';\r\n const value = context.raw || 0;\r\n const total = 728;\r\n const percentage = ((value \/ total) * 100).toFixed(2);\r\n return `${label}: ${value} \u0e04\u0e19 (${percentage}%)`;\r\n }\r\n }\r\n }\r\n }\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-9ad402c e-flex e-con-boxed e-con e-parent\" data-id=\"9ad402c\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e7e34b elementor-widget elementor-widget-html\" data-id=\"8e7e34b\" 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>Facebook Fanpage \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=Kanit:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n \r\n body {\r\n font-family: 'Kanit', sans-serif;\r\n background: linear-gradient(135deg, #e6f7ff 0%, #fff9e6 100%);\r\n color: #333;\r\n line-height: 1.6;\r\n min-height: 100vh;\r\n padding: 20px;\r\n }\r\n \r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n \r\n .header-section {\r\n background: linear-gradient(135deg, #1e88e5, #ffd54f);\r\n color: white;\r\n border-radius: 15px;\r\n padding: 30px;\r\n margin-bottom: 30px;\r\n text-align: center;\r\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\r\n }\r\n \r\n .school-name-th {\r\n font-size: 2.5rem;\r\n font-weight: 500;\r\n margin-bottom: 10px;\r\n }\r\n \r\n .school-name-en {\r\n font-size: 1.6rem;\r\n font-weight: 300;\r\n opacity: 0.9;\r\n }\r\n \r\n .page-title {\r\n font-size: 2rem;\r\n font-weight: 500;\r\n color: #1e88e5;\r\n margin-bottom: 30px;\r\n text-align: center;\r\n border-bottom: 2px solid #ffd54f;\r\n padding-bottom: 10px;\r\n }\r\n \r\n .content-wrapper {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 30px;\r\n margin-bottom: 30px;\r\n }\r\n \r\n .facebook-section {\r\n flex: 1;\r\n min-width: 300px;\r\n }\r\n \r\n .info-section {\r\n flex: 1;\r\n min-width: 300px;\r\n }\r\n \r\n .info-card {\r\n background: white;\r\n border-radius: 15px;\r\n padding: 25px;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\r\n margin-bottom: 20px;\r\n border-top: 5px solid #1e88e5;\r\n }\r\n \r\n .info-card h3 {\r\n color: #1e88e5;\r\n margin-bottom: 15px;\r\n font-size: 1.4rem;\r\n }\r\n \r\n .contact-link {\r\n display: block;\r\n background: #1877f2;\r\n color: white;\r\n text-decoration: none;\r\n padding: 15px 20px;\r\n border-radius: 10px;\r\n text-align: center;\r\n margin-top: 20px;\r\n font-weight: 500;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .contact-link:hover {\r\n background: #166fe5;\r\n transform: translateY(-2px);\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\r\n }\r\n \r\n .contact-link i {\r\n margin-right: 10px;\r\n }\r\n \r\n .fb-page-container {\r\n background: white;\r\n border-radius: 15px;\r\n padding: 20px;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\r\n text-align: center;\r\n }\r\n \r\n .footer {\r\n text-align: center;\r\n padding: 20px;\r\n color: #666;\r\n font-size: 0.9rem;\r\n border-top: 1px solid #e0e0e0;\r\n margin-top: 30px;\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .content-wrapper {\r\n flex-direction: column;\r\n }\r\n \r\n .school-name-th {\r\n font-size: 2rem;\r\n }\r\n \r\n .school-name-en {\r\n font-size: 1.3rem;\r\n }\r\n \r\n .page-title {\r\n font-size: 1.6rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n \r\n <h2 class=\"page-title\">Facebook Fanpage \u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19<\/h2>\r\n \r\n \r\n <div class=\"content-wrapper\">\r\n \r\n <div class=\"facebook-section\">\r\n <div class=\"fb-page-container\">\r\n \r\n <div id=\"fb-root\"><\/div>\r\n <script async defer crossorigin=\"anonymous\" \r\n src=\"https:\/\/connect.facebook.net\/th_TH\/sdk.js#xfbml=1&version=v18.0\"><\/script>\r\n \r\n <div class=\"fb-page\" \r\n data-href=\"https:\/\/www.facebook.com\/SinnarinWittayaSchool\"\r\n data-tabs=\"timeline\"\r\n data-width=\"500\" \r\n data-height=\"600\"\r\n data-small-header=\"false\" \r\n data-adapt-container-width=\"true\"\r\n data-hide-cover=\"false\" \r\n data-show-facepile=\"true\">\r\n <blockquote cite=\"https:\/\/www.facebook.com\/SinnarinWittayaSchool\" \r\n class=\"fb-xfbml-parse-ignore\">\r\n <a href=\"https:\/\/www.facebook.com\/SinnarinWittayaSchool\">\r\n \u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2a\u0e34\u0e19\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c\u0e27\u0e34\u0e17\u0e22\u0e32\r\n <\/a>\r\n <\/blockquote>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"info-section\">\r\n <div class=\"info-card\">\r\n <h3><i class=\"fas fa-info-circle\"><\/i> \u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a Facebook Fanpage<\/h3>\r\n <p>Facebook Fanpage \u0e19\u0e35\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e2b\u0e25\u0e31\u0e01\u0e43\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e37\u0e48\u0e2d\u0e2a\u0e32\u0e23\u0e41\u0e25\u0e30\u0e40\u0e1c\u0e22\u0e41\u0e1e\u0e23\u0e48\u0e02\u0e48\u0e32\u0e27\u0e2a\u0e32\u0e23\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<\/p>\r\n <ul style=\"margin-top: 15px; padding-left: 20px;\">\r\n <li>\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e02\u0e48\u0e32\u0e27\u0e2a\u0e32\u0e23\u0e2a\u0e33\u0e04\u0e31\u0e0d<\/li>\r\n <li>\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e15\u0e48\u0e32\u0e07\u0e46 \u0e02\u0e2d\u0e07\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19<\/li>\r\n <li>\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19<\/li>\r\n <li>\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e41\u0e25\u0e30\u0e04\u0e23\u0e39<\/li>\r\n <li>\u0e15\u0e32\u0e23\u0e32\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e41\u0e25\u0e30\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e01\u0e32\u0e23<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/www.facebook.com\/SinnarinWittayaSchool\" \r\n target=\"_blank\" \r\n >\r\n <i class=\"fab fa-facebook\"><\/i> \u0e44\u0e1b\u0e17\u0e35\u0e48 Facebook Fanpage\r\n <\/a>\r\n <\/div>\r\n \r\n <div class=\"info-card\">\r\n <h3><i class=\"fas fa-bullhorn\"><\/i> \u0e02\u0e48\u0e32\u0e27\u0e2a\u0e32\u0e23\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14<\/h3>\r\n <p>\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e02\u0e48\u0e32\u0e27\u0e2a\u0e32\u0e23\u0e41\u0e25\u0e30\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14\u0e02\u0e2d\u0e07\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e44\u0e14\u0e49\u0e17\u0e32\u0e07 Facebook Fanpage<\/p>\r\n <div style=\"margin-top: 15px; padding: 15px; background: #f8f9fa; border-radius: 8px;\">\r\n <p><strong>\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e14\u0e39:<\/strong><\/p>\r\n <ul style=\"margin-top: 10px; padding-left: 20px;\">\r\n <li>\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e23\u0e31\u0e1a\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e43\u0e2b\u0e21\u0e48<\/li>\r\n <li>\u0e15\u0e32\u0e23\u0e32\u0e07\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a\u0e41\u0e25\u0e30\u0e27\u0e31\u0e14\u0e1c\u0e25<\/li>\r\n <li>\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e1e\u0e34\u0e40\u0e28\u0e29\u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e15\u0e48\u0e32\u0e07\u0e46<\/li>\r\n <li>\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n\r\n <script>\r\n \/\/ \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e27\u0e48\u0e32 Facebook SDK \u0e42\u0e2b\u0e25\u0e14\u0e41\u0e25\u0e49\u0e27\u0e2b\u0e23\u0e37\u0e2d\u0e44\u0e21\u0e48\r\n window.fbAsyncInit = function() {\r\n FB.init({\r\n appId : 'your-app-id',\r\n autoLogAppEvents : true,\r\n xfbml : true,\r\n version : 'v18.0'\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c \u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e23\u0e30… <a href=\"https:\/\/sinnarin.ac.th\/srwweb\/\" rel=\"bookmark\"><span class=\"screen-reader-text\">HOME<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","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-399","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":"\u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c \u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e23\u0e30…","_links":{"self":[{"href":"https:\/\/sinnarin.ac.th\/srwweb\/wp-json\/wp\/v2\/pages\/399","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=399"}],"version-history":[{"count":692,"href":"https:\/\/sinnarin.ac.th\/srwweb\/wp-json\/wp\/v2\/pages\/399\/revisions"}],"predecessor-version":[{"id":3282,"href":"https:\/\/sinnarin.ac.th\/srwweb\/wp-json\/wp\/v2\/pages\/399\/revisions\/3282"}],"wp:attachment":[{"href":"https:\/\/sinnarin.ac.th\/srwweb\/wp-json\/wp\/v2\/media?parent=399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}