\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08\u0e41\u0e25\u0e30\u0e41\u0e1a\u0e1a\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23<\/title>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;600;700&display=swap');\n \n \/* WordPress Compatible CSS - \u0e43\u0e0a\u0e49 class prefix \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e44\u0e21\u0e48\u0e17\u0e31\u0e1a\u0e01\u0e31\u0e1a theme *\/\n .wp-survey-banner {\n font-family: 'Sarabun', sans-serif !important;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n padding: 40px 20px;\n margin: 20px 0;\n border-radius: 10px;\n box-sizing: border-box;\n width: 100%;\n clear: both;\n }\n \n .wp-survey-banner *,\n .wp-survey-banner *::before,\n .wp-survey-banner *::after {\n box-sizing: border-box;\n }\n \n .wp-survey-banner .survey-container {\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border-radius: 20px;\n box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2);\n overflow: hidden;\n max-width: 900px;\n width: 100%;\n position: relative;\n margin: 0 auto;\n }\n \n .wp-survey-banner .survey-container::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 5px;\n background: linear-gradient(90deg, #ff6b6b, #4ecdc4, #45b7d1, #f9ca24, #6c5ce7);\n background-size: 200% 100%;\n animation: wp-gradientShift 3s ease-in-out infinite;\n z-index: 1;\n }\n \n @keyframes wp-gradientShift {\n 0%, 100% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n }\n \n .wp-survey-banner .survey-header {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: white;\n padding: 40px 30px;\n text-align: center;\n position: relative;\n overflow: hidden;\n z-index: 2;\n }\n \n .wp-survey-banner .survey-header::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"wp-dots\" x=\"0\" y=\"0\" width=\"20\" height=\"20\" patternUnits=\"userSpaceOnUse\"><circle cx=\"10\" cy=\"10\" r=\"1.5\" fill=\"rgba(255,255,255,0.1)\"\/><\/pattern><\/defs><rect width=\"100\" height=\"100\" fill=\"url(%23wp-dots)\"\/><\/svg>');\n animation: wp-float 20s linear infinite;\n z-index: -1;\n }\n \n @keyframes wp-float {\n 0% { transform: translate(-50%, -50%) rotate(0deg); }\n 100% { transform: translate(-50%, -50%) rotate(360deg); }\n }\n \n .wp-survey-banner .survey-title {\n font-size: 2.5rem !important;\n font-weight: 700 !important;\n margin: 0 0 10px 0 !important;\n position: relative;\n z-index: 2;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);\n color: white !important;\n line-height: 1.2 !important;\n }\n \n .wp-survey-banner .survey-subtitle {\n font-size: 1.2rem !important;\n font-weight: 400 !important;\n opacity: 0.9;\n position: relative;\n z-index: 2;\n margin: 0 !important;\n color: white !important;\n line-height: 1.4 !important;\n }\n \n .wp-survey-banner .survey-content {\n padding: 40px 30px;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n align-items: center;\n }\n \n .wp-survey-banner .survey-section {\n background: linear-gradient(135deg, #f8f9ff 0%, #e8eeff 100%);\n padding: 30px;\n border-radius: 15px;\n border: 1px solid rgba(102, 126, 234, 0.1);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n \n .wp-survey-banner .survey-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);\n transition: left 0.5s;\n }\n \n .wp-survey-banner .survey-section:hover::before {\n left: 100%;\n }\n \n .wp-survey-banner .survey-section:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 35px rgba(102, 126, 234, 0.2);\n }\n \n .wp-survey-banner .section-icon {\n width: 60px;\n height: 60px;\n background: linear-gradient(135deg, #667eea, #764ba2);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 0 20px 0;\n color: white;\n font-size: 24px;\n box-shadow: 0 8px 20px rgba(102, 126, 234, 0.3);\n }\n \n .wp-survey-banner .section-title {\n font-size: 1.4rem !important;\n font-weight: 600 !important;\n color: #2d3748 !important;\n margin: 0 0 15px 0 !important;\n line-height: 1.3 !important;\n }\n \n .wp-survey-banner .section-desc {\n color: #4a5568 !important;\n line-height: 1.6 !important;\n margin: 0 0 20px 0 !important;\n font-size: 1rem !important;\n }\n \n .wp-survey-banner .survey-btn {\n background: linear-gradient(135deg, #667eea, #764ba2) !important;\n color: white !important;\n border: none !important;\n padding: 12px 24px !important;\n border-radius: 25px !important;\n font-weight: 600 !important;\n cursor: pointer !important;\n transition: all 0.3s ease !important;\n font-size: 1rem !important;\n box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4) !important;\n text-decoration: none !important;\n display: inline-block !important;\n text-align: center !important;\n font-family: 'Sarabun', sans-serif !important;\n }\n \n .wp-survey-banner .survey-btn:hover {\n transform: translateY(-2px) !important;\n box-shadow: 0 8px 25px rgba(102, 126, 234, 0.6) !important;\n color: white !important;\n text-decoration: none !important;\n }\n \n .wp-survey-banner .survey-btn:visited {\n color: white !important;\n }\n \n .wp-survey-banner .stats-section {\n background: linear-gradient(135deg, #4ecdc4, #44a08d);\n color: white;\n padding: 30px;\n border-radius: 15px;\n text-align: center;\n grid-column: 1 \/ -1;\n margin-top: 20px;\n }\n \n .wp-survey-banner .stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 20px;\n margin-top: 20px;\n }\n \n .wp-survey-banner .stat-item {\n background: rgba(255, 255, 255, 0.2);\n padding: 20px;\n border-radius: 10px;\n backdrop-filter: blur(10px);\n }\n \n .wp-survey-banner .stat-number {\n font-size: 2rem !important;\n font-weight: 700 !important;\n display: block;\n color: white !important;\n margin: 0 !important;\n line-height: 1.2 !important;\n }\n \n .wp-survey-banner .stat-label {\n font-size: 0.9rem !important;\n opacity: 0.9;\n margin: 5px 0 0 0 !important;\n color: white !important;\n line-height: 1.3 !important;\n }\n \n .wp-survey-banner .stats-title {\n font-size: 1.5rem !important;\n margin: 0 0 10px 0 !important;\n color: white !important;\n font-weight: 600 !important;\n line-height: 1.3 !important;\n }\n \n .wp-survey-banner .pulse {\n animation: wp-pulse 2s infinite;\n }\n \n @keyframes wp-pulse {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n 100% { transform: scale(1); }\n }\n \n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .wp-survey-banner .survey-title {\n font-size: 2rem !important;\n }\n \n .wp-survey-banner .survey-content {\n grid-template-columns: 1fr;\n padding: 30px 20px;\n }\n \n .wp-survey-banner .survey-header {\n padding: 30px 20px;\n }\n \n .wp-survey-banner {\n padding: 20px 10px;\n margin: 10px 0;\n }\n }\n \n @media (max-width: 480px) {\n .wp-survey-banner .survey-title {\n font-size: 1.8rem !important;\n }\n \n .wp-survey-banner .survey-subtitle {\n font-size: 1rem !important;\n }\n \n .wp-survey-banner .survey-content {\n padding: 20px 15px;\n }\n \n .wp-survey-banner .survey-section {\n padding: 20px;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <div class=\"wp-survey-banner\">\n <div class=\"survey-container\">\n <div class=\"survey-header\">\n <h1 class=\"survey-title\">\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08\u0e41\u0e25\u0e30\u0e41\u0e1a\u0e1a\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23<\/h1>\n <p class=\"survey-subtitle\">\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e\u0e40\u0e1a\u0e47\u0e14\u0e40\u0e2a\u0e23\u0e47\u0e08 (OSSC) \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e01\u0e32\u0e2c\u0e2a\u0e34\u0e19\u0e18\u0e38\u0e4c<\/p>\n <\/div>\n \n <div class=\"survey-content\">\n <div class=\"survey-section\">\n <div class=\"section-icon\">\ud83d\udcca<\/div>\n <h3 class=\"section-title\">\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08<\/h3>\n <p class=\"section-desc\">\u0e41\u0e1a\u0e1a\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08\u0e15\u0e48\u0e2d\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e\u0e40\u0e1a\u0e47\u0e14\u0e40\u0e2a\u0e23\u0e47\u0e08 (OSSC) \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e01\u0e32\u0e2c\u0e2a\u0e34\u0e19\u0e18\u0e38\u0e4c\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08\u0e43\u0e19\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d\u0e41\u0e19\u0e30\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e35\u0e48\u0e14\u0e35\u0e02\u0e36\u0e49\u0e19<\/p>\n \n <a href=\"https:\/\/forms.gle\/qHMyX1ojEsGkQSiq5\" target=\"_blank\" class=\"survey-btn pulse\">\u0e40\u0e23\u0e34\u0e48\u0e21\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19<\/a>\n <\/div>\n \n <div class=\"survey-section\">\n <div class=\"section-icon\">\ud83d\udcad<\/div>\n <h3 class=\"section-title\">\u0e41\u0e1a\u0e1a\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\/\u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d\u0e41\u0e19\u0e30<\/h3>\n <p class=\"section-desc\">\u0e41\u0e1a\u0e1a\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e17\u0e33\u0e04\u0e27\u0e32\u0e21\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e04\u0e32\u0e14\u0e2b\u0e27\u0e31\u0e07\u0e02\u0e2d\u0e07\u0e17\u0e48\u0e32\u0e19 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e33\u0e21\u0e32\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e15\u0e23\u0e07\u0e01\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23<\/p>\n \n <a href=\"https:\/\/forms.gle\/SvddCVbWs9a8G5qDA\" target=\"_blank\" class=\"survey-btn\">\u0e40\u0e23\u0e34\u0e48\u0e21\u0e2a\u0e33\u0e23\u0e27\u0e08<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <script>\n \/\/ WordPress Compatible JavaScript\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Add hover effects for survey sections\n const surveySections = document.querySelectorAll('.wp-survey-banner .survey-section');\n surveySections.forEach(function(section) {\n section.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-5px) scale(1.02)';\n });\n \n section.addEventListener('mouseleave', function() {\n this.style.transform = 'translateY(0) scale(1)';\n });\n });\n \n \/\/ Animate stats on scroll\n const statsSection = document.querySelector('.wp-survey-banner .stats-section');\n if (statsSection) {\n const observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n const statNumbers = entry.target.querySelectorAll('.stat-number');\n statNumbers.forEach(function(stat) {\n stat.style.animation = 'wp-pulse 1s ease-in-out';\n });\n }\n });\n });\n \n observer.observe(statsSection);\n }\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08\u0e41\u0e25\u0e30\u0e41\u0e1a\u0e1a\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23 \u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e36 […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3055","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/divisionksn.moph.go.th\/fda\/index.php?rest_route=\/wp\/v2\/pages\/3055","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/divisionksn.moph.go.th\/fda\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/divisionksn.moph.go.th\/fda\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/divisionksn.moph.go.th\/fda\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/divisionksn.moph.go.th\/fda\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3055"}],"version-history":[{"count":3,"href":"https:\/\/divisionksn.moph.go.th\/fda\/index.php?rest_route=\/wp\/v2\/pages\/3055\/revisions"}],"predecessor-version":[{"id":3060,"href":"https:\/\/divisionksn.moph.go.th\/fda\/index.php?rest_route=\/wp\/v2\/pages\/3055\/revisions\/3060"}],"wp:attachment":[{"href":"https:\/\/divisionksn.moph.go.th\/fda\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3055"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":3055,"date":"2025-07-01T15:07:08","date_gmt":"2025-07-01T08:07:08","guid":{"rendered":"https:\/\/divisionksn.moph.go.th\/fda\/?page_id=3055"},"modified":"2025-07-01T15:11:46","modified_gmt":"2025-07-01T08:11:46","slug":"test","status":"publish","type":"page","link":"https:\/\/divisionksn.moph.go.th\/fda\/?page_id=3055","title":{"rendered":"\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08\u0e41\u0e25\u0e30\u0e41\u0e1a\u0e1a\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23"},"content":{"rendered":"\n\n\n\n \n \n \u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08\u0e41\u0e25\u0e30\u0e41\u0e1a\u0e1a\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23<\/title>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;600;700&display=swap');\n \n \/* WordPress Compatible CSS - \u0e43\u0e0a\u0e49 class prefix \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e44\u0e21\u0e48\u0e17\u0e31\u0e1a\u0e01\u0e31\u0e1a theme *\/\n .wp-survey-banner {\n font-family: 'Sarabun', sans-serif !important;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n padding: 40px 20px;\n margin: 20px 0;\n border-radius: 10px;\n box-sizing: border-box;\n width: 100%;\n clear: both;\n }\n \n .wp-survey-banner *,\n .wp-survey-banner *::before,\n .wp-survey-banner *::after {\n box-sizing: border-box;\n }\n \n .wp-survey-banner .survey-container {\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border-radius: 20px;\n box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2);\n overflow: hidden;\n max-width: 900px;\n width: 100%;\n position: relative;\n margin: 0 auto;\n }\n \n .wp-survey-banner .survey-container::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 5px;\n background: linear-gradient(90deg, #ff6b6b, #4ecdc4, #45b7d1, #f9ca24, #6c5ce7);\n background-size: 200% 100%;\n animation: wp-gradientShift 3s ease-in-out infinite;\n z-index: 1;\n }\n \n @keyframes wp-gradientShift {\n 0%, 100% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n }\n \n .wp-survey-banner .survey-header {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: white;\n padding: 40px 30px;\n text-align: center;\n position: relative;\n overflow: hidden;\n z-index: 2;\n }\n \n .wp-survey-banner .survey-header::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"wp-dots\" x=\"0\" y=\"0\" width=\"20\" height=\"20\" patternUnits=\"userSpaceOnUse\"><circle cx=\"10\" cy=\"10\" r=\"1.5\" fill=\"rgba(255,255,255,0.1)\"\/><\/pattern><\/defs><rect width=\"100\" height=\"100\" fill=\"url(%23wp-dots)\"\/><\/svg>');\n animation: wp-float 20s linear infinite;\n z-index: -1;\n }\n \n @keyframes wp-float {\n 0% { transform: translate(-50%, -50%) rotate(0deg); }\n 100% { transform: translate(-50%, -50%) rotate(360deg); }\n }\n \n .wp-survey-banner .survey-title {\n font-size: 2.5rem !important;\n font-weight: 700 !important;\n margin: 0 0 10px 0 !important;\n position: relative;\n z-index: 2;\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);\n color: white !important;\n line-height: 1.2 !important;\n }\n \n .wp-survey-banner .survey-subtitle {\n font-size: 1.2rem !important;\n font-weight: 400 !important;\n opacity: 0.9;\n position: relative;\n z-index: 2;\n margin: 0 !important;\n color: white !important;\n line-height: 1.4 !important;\n }\n \n .wp-survey-banner .survey-content {\n padding: 40px 30px;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n align-items: center;\n }\n \n .wp-survey-banner .survey-section {\n background: linear-gradient(135deg, #f8f9ff 0%, #e8eeff 100%);\n padding: 30px;\n border-radius: 15px;\n border: 1px solid rgba(102, 126, 234, 0.1);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n \n .wp-survey-banner .survey-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);\n transition: left 0.5s;\n }\n \n .wp-survey-banner .survey-section:hover::before {\n left: 100%;\n }\n \n .wp-survey-banner .survey-section:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 35px rgba(102, 126, 234, 0.2);\n }\n \n .wp-survey-banner .section-icon {\n width: 60px;\n height: 60px;\n background: linear-gradient(135deg, #667eea, #764ba2);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 0 20px 0;\n color: white;\n font-size: 24px;\n box-shadow: 0 8px 20px rgba(102, 126, 234, 0.3);\n }\n \n .wp-survey-banner .section-title {\n font-size: 1.4rem !important;\n font-weight: 600 !important;\n color: #2d3748 !important;\n margin: 0 0 15px 0 !important;\n line-height: 1.3 !important;\n }\n \n .wp-survey-banner .section-desc {\n color: #4a5568 !important;\n line-height: 1.6 !important;\n margin: 0 0 20px 0 !important;\n font-size: 1rem !important;\n }\n \n .wp-survey-banner .survey-btn {\n background: linear-gradient(135deg, #667eea, #764ba2) !important;\n color: white !important;\n border: none !important;\n padding: 12px 24px !important;\n border-radius: 25px !important;\n font-weight: 600 !important;\n cursor: pointer !important;\n transition: all 0.3s ease !important;\n font-size: 1rem !important;\n box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4) !important;\n text-decoration: none !important;\n display: inline-block !important;\n text-align: center !important;\n font-family: 'Sarabun', sans-serif !important;\n }\n \n .wp-survey-banner .survey-btn:hover {\n transform: translateY(-2px) !important;\n box-shadow: 0 8px 25px rgba(102, 126, 234, 0.6) !important;\n color: white !important;\n text-decoration: none !important;\n }\n \n .wp-survey-banner .survey-btn:visited {\n color: white !important;\n }\n \n .wp-survey-banner .stats-section {\n background: linear-gradient(135deg, #4ecdc4, #44a08d);\n color: white;\n padding: 30px;\n border-radius: 15px;\n text-align: center;\n grid-column: 1 \/ -1;\n margin-top: 20px;\n }\n \n .wp-survey-banner .stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 20px;\n margin-top: 20px;\n }\n \n .wp-survey-banner .stat-item {\n background: rgba(255, 255, 255, 0.2);\n padding: 20px;\n border-radius: 10px;\n backdrop-filter: blur(10px);\n }\n \n .wp-survey-banner .stat-number {\n font-size: 2rem !important;\n font-weight: 700 !important;\n display: block;\n color: white !important;\n margin: 0 !important;\n line-height: 1.2 !important;\n }\n \n .wp-survey-banner .stat-label {\n font-size: 0.9rem !important;\n opacity: 0.9;\n margin: 5px 0 0 0 !important;\n color: white !important;\n line-height: 1.3 !important;\n }\n \n .wp-survey-banner .stats-title {\n font-size: 1.5rem !important;\n margin: 0 0 10px 0 !important;\n color: white !important;\n font-weight: 600 !important;\n line-height: 1.3 !important;\n }\n \n .wp-survey-banner .pulse {\n animation: wp-pulse 2s infinite;\n }\n \n @keyframes wp-pulse {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n 100% { transform: scale(1); }\n }\n \n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .wp-survey-banner .survey-title {\n font-size: 2rem !important;\n }\n \n .wp-survey-banner .survey-content {\n grid-template-columns: 1fr;\n padding: 30px 20px;\n }\n \n .wp-survey-banner .survey-header {\n padding: 30px 20px;\n }\n \n .wp-survey-banner {\n padding: 20px 10px;\n margin: 10px 0;\n }\n }\n \n @media (max-width: 480px) {\n .wp-survey-banner .survey-title {\n font-size: 1.8rem !important;\n }\n \n .wp-survey-banner .survey-subtitle {\n font-size: 1rem !important;\n }\n \n .wp-survey-banner .survey-content {\n padding: 20px 15px;\n }\n \n .wp-survey-banner .survey-section {\n padding: 20px;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <div class=\"wp-survey-banner\">\n <div class=\"survey-container\">\n <div class=\"survey-header\">\n <h1 class=\"survey-title\">\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08\u0e41\u0e25\u0e30\u0e41\u0e1a\u0e1a\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23<\/h1>\n <p class=\"survey-subtitle\">\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e\u0e40\u0e1a\u0e47\u0e14\u0e40\u0e2a\u0e23\u0e47\u0e08 (OSSC) \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e01\u0e32\u0e2c\u0e2a\u0e34\u0e19\u0e18\u0e38\u0e4c<\/p>\n <\/div>\n \n <div class=\"survey-content\">\n <div class=\"survey-section\">\n <div class=\"section-icon\">\ud83d\udcca<\/div>\n <h3 class=\"section-title\">\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08<\/h3>\n <p class=\"section-desc\">\u0e41\u0e1a\u0e1a\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08\u0e15\u0e48\u0e2d\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e\u0e40\u0e1a\u0e47\u0e14\u0e40\u0e2a\u0e23\u0e47\u0e08 (OSSC) \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e01\u0e32\u0e2c\u0e2a\u0e34\u0e19\u0e18\u0e38\u0e4c\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08\u0e43\u0e19\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d\u0e41\u0e19\u0e30\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e35\u0e48\u0e14\u0e35\u0e02\u0e36\u0e49\u0e19<\/p>\n \n <a href=\"https:\/\/forms.gle\/qHMyX1ojEsGkQSiq5\" target=\"_blank\" class=\"survey-btn pulse\">\u0e40\u0e23\u0e34\u0e48\u0e21\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19<\/a>\n <\/div>\n \n <div class=\"survey-section\">\n <div class=\"section-icon\">\ud83d\udcad<\/div>\n <h3 class=\"section-title\">\u0e41\u0e1a\u0e1a\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\/\u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d\u0e41\u0e19\u0e30<\/h3>\n <p class=\"section-desc\">\u0e41\u0e1a\u0e1a\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e17\u0e33\u0e04\u0e27\u0e32\u0e21\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e04\u0e32\u0e14\u0e2b\u0e27\u0e31\u0e07\u0e02\u0e2d\u0e07\u0e17\u0e48\u0e32\u0e19 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e33\u0e21\u0e32\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e15\u0e23\u0e07\u0e01\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23<\/p>\n \n <a href=\"https:\/\/forms.gle\/SvddCVbWs9a8G5qDA\" target=\"_blank\" class=\"survey-btn\">\u0e40\u0e23\u0e34\u0e48\u0e21\u0e2a\u0e33\u0e23\u0e27\u0e08<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <script>\n \/\/ WordPress Compatible JavaScript\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Add hover effects for survey sections\n const surveySections = document.querySelectorAll('.wp-survey-banner .survey-section');\n surveySections.forEach(function(section) {\n section.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-5px) scale(1.02)';\n });\n \n section.addEventListener('mouseleave', function() {\n this.style.transform = 'translateY(0) scale(1)';\n });\n });\n \n \/\/ Animate stats on scroll\n const statsSection = document.querySelector('.wp-survey-banner .stats-section');\n if (statsSection) {\n const observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n const statNumbers = entry.target.querySelectorAll('.stat-number');\n statNumbers.forEach(function(stat) {\n stat.style.animation = 'wp-pulse 1s ease-in-out';\n });\n }\n });\n });\n \n observer.observe(statsSection);\n }\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08\u0e41\u0e25\u0e30\u0e41\u0e1a\u0e1a\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23 \u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e36 […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3055","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/divisionksn.moph.go.th\/fda\/index.php?rest_route=\/wp\/v2\/pages\/3055","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/divisionksn.moph.go.th\/fda\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/divisionksn.moph.go.th\/fda\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/divisionksn.moph.go.th\/fda\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/divisionksn.moph.go.th\/fda\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3055"}],"version-history":[{"count":3,"href":"https:\/\/divisionksn.moph.go.th\/fda\/index.php?rest_route=\/wp\/v2\/pages\/3055\/revisions"}],"predecessor-version":[{"id":3060,"href":"https:\/\/divisionksn.moph.go.th\/fda\/index.php?rest_route=\/wp\/v2\/pages\/3055\/revisions\/3060"}],"wp:attachment":[{"href":"https:\/\/divisionksn.moph.go.th\/fda\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3055"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}