\u0e27\u0e34\u0e18\u0e35\u0e02\u0e2d\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e23\u0e31\u0e01\u0e29\u0e32 - \u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e28\u0e23\u0e35\u0e19\u0e04\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n \r\n <style>\r\n :root {\r\n --color-primary: #00A6A6; \r\n --color-secondary: #F28F3B; \r\n --color-accent-red: #E84855; \r\n --color-accent-purple: #7161EF; \r\n --color-text-gray: #4B5563; \r\n --color-bg-light: #F7F7F7; \r\n }\r\n\r\n body {\r\n background-color: var(--color-bg-light);\r\n font-family: 'Sukhumvit Set', sans-serif;\r\n }\r\n\r\n .navbar-shadow {\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n }\r\n\r\n .flowchart-step {\r\n text-align: center;\r\n padding: 1.25rem;\r\n border-radius: 0.75rem;\r\n font-weight: bold;\r\n flex-grow: 1;\r\n transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;\r\n }\r\n\r\n .flowchart-step:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .flowchart-arrow {\r\n font-size: 2.5rem;\r\n color: #9CA3AF;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .flowchart-arrow {\r\n transform: rotate(90deg);\r\n margin: 0.5rem 0;\r\n }\r\n #request-steps .grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n .legal-term-section .toggle-content {\r\n font-size: 1.5rem;\r\n width: 36px;\r\n height: 36px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 9999px;\r\n background-color: #E5E7EB;\r\n color: var(--color-text-gray);\r\n transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out;\r\n }\r\n .legal-term-section .toggle-content:hover {\r\n background-color: #D1D5DB;\r\n transform: scale(1.05);\r\n }\r\n .legal-term-section h3 {\r\n border-bottom: 1px solid #E5E7EB;\r\n padding-bottom: 0.75rem;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"container mx-auto p-4 md:p-8 max-w-6xl\">\r\n\r\n <header class=\"text-center mb-10 md:mb-12 pt-4\">\r\n <h1 class=\"text-5xl md:text-6xl font-extrabold mb-3 leading-tight\" style=\"color: var(--color-primary);\">\r\n \u0e27\u0e34\u0e18\u0e35\u0e02\u0e2d\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e23\u0e31\u0e01\u0e29\u0e32\r\n <\/h1>\r\n <p class=\"text-xl md:text-2xl text-gray-700 font-semibold\">\r\n \u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e28\u0e23\u0e35\u0e19\u0e04\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c \u0e04\u0e13\u0e30\u0e41\u0e1e\u0e17\u0e22\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e02\u0e2d\u0e19\u0e41\u0e01\u0e48\u0e19\r\n <\/p>\r\n <p class=\"text-md md:text-lg text-gray-500 mt-2\">\r\n \u0e04\u0e33\u0e41\u0e19\u0e30\u0e19\u0e33\u0e04\u0e23\u0e1a\u0e27\u0e07\u0e08\u0e23\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e27\u0e0a\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\r\n <\/p>\r\n <\/header>\r\n\r\n <nav class=\"bg-white p-4 rounded-xl shadow-xl mb-10 navbar-shadow sticky top-0 z-10\">\r\n <ul class=\"flex flex-wrap justify-center gap-x-6 gap-y-3 text-base md:text-lg font-medium\">\r\n <li><a href=\"#contact-location\" class=\"text-gray-700 hover:text-blue-700 transition-colors duration-200 p-2 rounded-lg hover:bg-blue-50\">\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d<\/a><\/li>\r\n <li><a href=\"#who-can-request\" class=\"text-gray-700 hover:text-blue-700 transition-colors duration-200 p-2 rounded-lg hover:bg-blue-50\">\u0e1c\u0e39\u0e49\u0e21\u0e35\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e02\u0e2d<\/a><\/li>\r\n <li><a href=\"#request-steps\" class=\"text-gray-700 hover:text-blue-700 transition-colors duration-200 p-2 rounded-lg hover:bg-blue-50\">\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e02\u0e2d<\/a><\/li>\r\n <li><a href=\"#document-checklist\" class=\"text-gray-700 hover:text-blue-700 transition-colors duration-200 p-2 rounded-lg hover:bg-blue-50\">\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e43\u0e0a\u0e49<\/a><\/li>\r\n <li><a href=\"#fee-info\" class=\"text-red-600 font-bold hover:text-red-800 transition-colors duration-200 p-2 rounded-lg hover:bg-red-50\">\u0e04\u0e48\u0e32\u0e18\u0e23\u0e23\u0e21\u0e40\u0e19\u0e35\u0e22\u0e21<\/a><\/li>\r\n <li><a href=\"#mail-request\" class=\"text-gray-700 hover:text-blue-700 transition-colors duration-200 p-2 rounded-lg hover:bg-blue-50\">\u0e02\u0e2d\u0e17\u0e32\u0e07\u0e44\u0e1b\u0e23\u0e29\u0e13\u0e35\u0e22\u0e4c<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n\r\n <section id=\"contact-location\" class=\"mb-14\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold text-center mb-8\" style=\"color: var(--color-primary);\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e41\u0e25\u0e30\u0e40\u0e27\u0e25\u0e32\u0e17\u0e33\u0e01\u0e32\u0e23<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 text-center\">\r\n <div class=\"bg-white p-8 rounded-xl shadow-xl flex flex-col justify-between transform transition duration-300 hover:scale-105\" style=\"border-top: 6px solid var(--color-primary);\">\r\n <div>\r\n <p class=\"text-4xl mb-3\">\ud83d\udccd<\/p>\r\n <h3 class=\"text-2xl font-bold mb-2\" style=\"color: var(--color-primary);\">\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d<\/h3>\r\n <p class=\"text-gray-700 text-lg leading-relaxed\">\r\n \u0e2d\u0e32\u0e04\u0e32\u0e23 \u0e2a\u0e27.2 \u0e0a\u0e31\u0e49\u0e19 2<br>\u0e0a\u0e48\u0e2d\u0e07\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48 9 (\u0e07\u0e32\u0e19\u0e40\u0e27\u0e0a\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e41\u0e25\u0e30\u0e2a\u0e16\u0e34\u0e15\u0e34)\r\n <\/p>\r\n <\/div>\r\n <a href=\"https:\/\/www.google.com\/maps\/place\/%E0%B8%95%E0%B8%B9%E0%B9%89%E0%B9%80%E0%B8%95%E0%B9%88%E0%B8%B2%E0%B8%9A%E0%B8%B4%E0%B8%99+%E0%B8%AA%E0%B8%A7.2+%E0%B8%8A%E0%B8%B1%E0%B9%89%E0%B8%99+2\/@16.4667165,102.8298626,67m\/data=!3m1!1e3!4m6!3m5!1s0x31228b0036935fb3:0xa404bffac77ff318!8m2!3d16.4668456!4d102.8298292!16s%2Fg%2F11y301mvhn?entry=ttu&g_ep=EgoyMDI1MDcwOS4wIKXMDSoASAFQAw%3D%3D\" target=\"_blank\" class=\"mt-6 inline-block bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-6 rounded-full shadow-md transition duration-300 text-base\">\u0e14\u0e39\u0e41\u0e1c\u0e19\u0e17\u0e35\u0e48<\/a>\r\n <\/div>\r\n <div class=\"bg-white p-8 rounded-xl shadow-xl transform transition duration-300 hover:scale-105\" style=\"border-top: 6px solid var(--color-secondary);\">\r\n <p class=\"text-4xl mb-3\">\ud83d\udd52<\/p>\r\n <h3 class=\"text-2xl font-bold mb-2\" style=\"color: var(--color-secondary);\">\u0e40\u0e27\u0e25\u0e32\u0e17\u0e33\u0e01\u0e32\u0e23<\/h3>\r\n <p class=\"text-gray-700 text-lg leading-relaxed\">\r\n <span class=\"font-bold\">\u0e27\u0e31\u0e19\u0e41\u0e25\u0e30\u0e40\u0e27\u0e25\u0e32\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23<\/span><br>\r\n 08:30 - 16:30 \u0e19. (\u0e23\u0e31\u0e1a\u0e04\u0e33\u0e02\u0e2d\u0e16\u0e36\u0e07 16:00 \u0e19.)<br>\r\n <span class=\"text-sm text-gray-500 italic mt-2 block\">*\u0e42\u0e1b\u0e23\u0e14\u0e40\u0e15\u0e23\u0e35\u0e22\u0e21\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23 (\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07\u0e2a\u0e33\u0e40\u0e19\u0e32\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07) \u0e15\u0e32\u0e21 Checklist \u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e23\u0e27\u0e14\u0e40\u0e23\u0e47\u0e27<\/span>\r\n <\/p>\r\n <\/div>\r\n <div class=\"bg-white p-8 rounded-xl shadow-xl transform transition duration-300 hover:scale-105\" style=\"border-top: 6px solid var(--color-accent-red);\">\r\n <p class=\"text-4xl mb-3\">\ud83d\udcde<\/p>\r\n <h3 class=\"text-2xl font-bold mb-2\" style=\"color: var(--color-accent-red);\">\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21<\/h3>\r\n <div class=\"text-gray-700 font-bold text-xl space-y-2\">\r\n <p>043-366787 <span class=\"text-sm font-normal text-gray-500\">(\u0e17\u0e32\u0e07\u0e08\u0e14\u0e2b\u0e21\u0e32\u0e22\/\u0e2b\u0e31\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e2b\u0e19\u0e48\u0e27\u0e22)<\/span><\/p>\r\n <p>043-366780 <span class=\"text-sm font-normal text-gray-500\">(\u0e40\u0e04\u0e49\u0e32\u0e40\u0e15\u0e2d\u0e23\u0e4c 6)<\/span><\/p>\r\n <p>043-366781 <span class=\"text-sm font-normal text-gray-500\">(\u0e40\u0e04\u0e49\u0e32\u0e40\u0e15\u0e2d\u0e23\u0e4c 9)<\/span><\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"who-can-request\" class=\"bg-white p-8 md:p-10 rounded-xl shadow-xl mb-14\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold text-center mb-8\" style=\"color: var(--color-accent-purple);\">\u0e43\u0e04\u0e23\u0e1a\u0e49\u0e32\u0e07\u0e17\u0e35\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e02\u0e2d\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e23\u0e31\u0e01\u0e29\u0e32\u0e44\u0e14\u0e49?<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\r\n <div class=\"text-center p-6 border-2 border-gray-200 rounded-xl transition duration-300 hover:border-blue-400 hover:shadow-md\">\r\n <p class=\"text-5xl mb-4\">\ud83d\udc64<\/p>\r\n <h4 class=\"font-bold text-xl mb-1\">\u0e40\u0e08\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25<\/h4>\r\n <p class=\"text-base text-gray-600\">\u0e1c\u0e39\u0e49\u0e1b\u0e48\u0e27\u0e22\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e02\u0e2d\u0e07\u0e15\u0e19\u0e40\u0e2d\u0e07<\/p>\r\n <\/div>\r\n <div class=\"text-center p-6 border-2 border-gray-200 rounded-xl transition duration-300 hover:border-orange-400 hover:shadow-md\">\r\n <p class=\"text-5xl mb-4\">\ud83e\uddd1\u200d\ud83e\udd1d\u200d\ud83e\uddd1<\/p>\r\n <h4 class=\"font-bold text-xl mb-1\">\u0e1c\u0e39\u0e49\u0e23\u0e31\u0e1a\u0e21\u0e2d\u0e1a\u0e2d\u0e33\u0e19\u0e32\u0e08<\/h4>\r\n <p class=\"text-base text-gray-600\">\u0e1a\u0e38\u0e04\u0e04\u0e25\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e21\u0e2d\u0e1a\u0e2d\u0e33\u0e19\u0e32\u0e08\u0e08\u0e32\u0e01\u0e40\u0e08\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25<\/p>\r\n <\/div>\r\n <div class=\"text-center p-6 border-2 border-gray-200 rounded-xl transition duration-300 hover:border-red-400 hover:shadow-md\">\r\n <p class=\"text-5xl mb-4\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67<\/p>\r\n <h4 class=\"font-bold text-xl mb-1\">\u0e1c\u0e39\u0e49\u0e41\u0e17\u0e19\u0e42\u0e14\u0e22\u0e0a\u0e2d\u0e1a\u0e18\u0e23\u0e23\u0e21<\/h4>\r\n <p class=\"text-base text-gray-600\">\u0e1a\u0e34\u0e14\u0e32\u0e21\u0e32\u0e23\u0e14\u0e32 \u0e2b\u0e23\u0e37\u0e2d\u0e1c\u0e39\u0e49\u0e1b\u0e01\u0e04\u0e23\u0e2d\u0e07\u0e02\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e40\u0e22\u0e32\u0e27\u0e4c<\/p>\r\n <\/div>\r\n <div class=\"text-center p-6 border-2 border-gray-200 rounded-xl transition duration-300 hover:border-purple-400 hover:shadow-md\">\r\n <p class=\"text-5xl mb-4\">\ud83d\udd4a\ufe0f<\/p>\r\n <h4 class=\"font-bold text-xl mb-1\">\u0e17\u0e32\u0e22\u0e32\u0e17\u0e42\u0e14\u0e22\u0e18\u0e23\u0e23\u0e21<\/h4>\r\n <p class=\"text-base text-gray-600\">\u0e0d\u0e32\u0e15\u0e34\u0e2a\u0e32\u0e22\u0e15\u0e23\u0e07\u0e02\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e40\u0e2a\u0e35\u0e22\u0e0a\u0e35\u0e27\u0e34\u0e15<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <section id=\"request-steps\" class=\"mb-14\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold text-center mb-10\" style=\"color: var(--color-primary);\">\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e07\u0e48\u0e32\u0e22\u0e46 \u0e43\u0e19\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e23\u0e31\u0e01\u0e29\u0e32 (\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e04\u0e49\u0e32\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23)<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-7 items-center gap-4 md:gap-6\">\r\n <div class=\"flowchart-step\" style=\"background-color: #e6f6f6; color: var(--color-primary); border: 2px solid var(--color-primary);\">\r\n <span class=\"text-3xl block mb-2\">\u2460<\/span> \u0e40\u0e15\u0e23\u0e35\u0e22\u0e21\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\r\n <\/div>\r\n <div class=\"flowchart-arrow hidden md:flex\">\u2192<\/div>\r\n <div class=\"flowchart-step\" style=\"background-color: #feedde; color: var(--color-secondary); border: 2px solid var(--color-secondary);\">\r\n <span class=\"text-3xl block mb-2\">\u2461<\/span> \u0e01\u0e23\u0e2d\u0e01\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e17\u0e35\u0e48 \u0e23\u0e1e.\r\n <\/div>\r\n <div class=\"flowchart-arrow hidden md:flex\">\u2192<\/div>\r\n <div class=\"flowchart-step\" style=\"background-color: #fde8ea; color: var(--color-accent-red); border: 2px solid var(--color-accent-red);\">\r\n <span class=\"text-3xl block mb-2\">\u2462<\/span> \u0e22\u0e37\u0e48\u0e19\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e41\u0e25\u0e30\u0e23\u0e2d\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\r\n <\/div>\r\n <div class=\"flowchart-arrow hidden md:flex\">\u2192<\/div>\r\n <div class=\"flowchart-step\" style=\"background-color: #ebe9fd; color: var(--color-accent-purple); border: 2px solid var(--color-accent-purple);\">\r\n <span class=\"text-3xl block mb-2\">\u2463<\/span> \u0e23\u0e2d\u0e23\u0e31\u0e1a \u0e1b\u0e13. \/ \u0e21\u0e32\u0e23\u0e31\u0e1a\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"mt-10 text-center\">\r\n <h3 class=\"text-3xl font-bold mb-6\" style=\"color: #C1666B;\">\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e17\u0e35\u0e48\u0e19\u0e35\u0e48<\/h3>\r\n <a href=\"https:\/\/www.medicalrecords.kku.ac.th\/wp-content\/uploads\/2025\/06\/\u0e43\u0e1a\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e02\u0e2d\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e23\u0e31\u0e01\u0e29\u0e32\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e28\u0e23\u0e35\u0e19\u0e04\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c-18-07-2567.pdf\" target=\"_blank\" class=\"inline-block bg-green-600 hover:bg-green-700 text-white font-bold py-3 px-8 rounded-lg shadow-md transition duration-300 mr-4 mb-3 text-lg\"><span class=\"mr-2\">\ud83d\udcc4<\/span> \u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e02\u0e2d\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34<\/a>\r\n <a href=\"https:\/\/www.medicalrecords.kku.ac.th\/wp-content\/uploads\/2025\/06\/\u0e21\u0e2d\u0e1a\u0e2d\u0e33\u0e19\u0e32\u0e08\u0e41\u0e25\u0e30\u0e22\u0e34\u0e19\u0e22\u0e2d\u0e21\u0e40\u0e1b\u0e34\u0e14\u0e40\u0e1c\u0e22\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34.pdf\" target=\"_blank\" class=\"inline-block bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-lg shadow-md transition duration-300 mb-3 text-lg\"><span class=\"mr-2\">\u270d\ufe0f<\/span> \u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e21\u0e2d\u0e1a\u0e2d\u0e33\u0e19\u0e32\u0e08\u0e41\u0e25\u0e30\u0e22\u0e34\u0e19\u0e22\u0e2d\u0e21<\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"document-checklist\" class=\"bg-white p-8 md:p-10 rounded-xl shadow-xl mb-14\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold text-center mb-4\" style=\"color: var(--color-secondary);\">Checklist: \u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e43\u0e0a\u0e49\u0e43\u0e19\u0e41\u0e15\u0e48\u0e25\u0e30\u0e01\u0e23\u0e13\u0e35<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-5 gap-8\">\r\n <div class=\"md:col-span-3\">\r\n <div class=\"chart-container h-72 md:h-80\"><canvas id=\"documentsChart\"><\/canvas><\/div>\r\n <\/div>\r\n <div class=\"md:col-span-2 space-y-6\">\r\n <div>\r\n <h4 class=\"font-bold text-xl mb-2\" style=\"color: var(--color-primary);\">1. \u0e02\u0e2d\u0e14\u0e49\u0e27\u0e22\u0e15\u0e19\u0e40\u0e2d\u0e07 (\u0e40\u0e08\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25)<\/h4>\r\n <ul class=\"list-disc list-inside text-gray-700 text-base leading-relaxed pl-4\">\r\n <li>\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e02\u0e2d\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34<\/li>\r\n <li>\u0e2a\u0e33\u0e40\u0e19\u0e32\u0e1a\u0e31\u0e15\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e0a\u0e19\u0e1c\u0e39\u0e49\u0e02\u0e2d<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-xl mb-2\" style=\"color: var(--color-secondary);\">2. \u0e21\u0e2d\u0e1a\u0e2d\u0e33\u0e19\u0e32\u0e08<\/h4>\r\n <ul class=\"list-disc list-inside text-gray-700 text-base leading-relaxed pl-4\">\r\n <li>\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e02\u0e2d\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34<\/li>\r\n <li>\u0e2a\u0e33\u0e40\u0e19\u0e32\u0e1a\u0e31\u0e15\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e0a\u0e19 (\u0e1c\u0e39\u0e49\u0e21\u0e2d\u0e1a\u0e2d\u0e33\u0e19\u0e32\u0e08\u0e41\u0e25\u0e30\u0e1c\u0e39\u0e49\u0e23\u0e31\u0e1a\u0e21\u0e2d\u0e1a)<\/li>\r\n <li>\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e21\u0e2d\u0e1a\u0e2d\u0e33\u0e19\u0e32\u0e08\u0e41\u0e25\u0e30\u0e22\u0e34\u0e19\u0e22\u0e2d\u0e21\u0e40\u0e1b\u0e34\u0e14\u0e40\u0e1c\u0e22\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34 <\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-xl mb-2\" style=\"color: var(--color-accent-red);\">3. \u0e02\u0e2d\u0e43\u0e2b\u0e49\u0e1a\u0e38\u0e15\u0e23 (\u0e2d\u0e32\u0e22\u0e38\u0e44\u0e21\u0e48\u0e40\u0e01\u0e34\u0e19 15 \u0e1b\u0e35)<\/h4>\r\n <ul class=\"list-disc list-inside text-gray-700 text-base leading-relaxed pl-4\">\r\n <li>\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e02\u0e2d\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34<\/li>\r\n <li>\u0e2a\u0e33\u0e40\u0e19\u0e32\u0e1a\u0e31\u0e15\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e0a\u0e19\u0e02\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e1b\u0e01\u0e04\u0e23\u0e2d\u0e07<\/li>\r\n <li>\u0e2a\u0e33\u0e40\u0e19\u0e32\u0e2a\u0e39\u0e15\u0e34\u0e1a\u0e31\u0e15\u0e23 \u0e2b\u0e23\u0e37\u0e2d \u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e1a\u0e49\u0e32\u0e19\u0e1a\u0e38\u0e15\u0e23<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-xl mb-2\" style=\"color: var(--color-accent-purple);\">4. \u0e02\u0e2d\u0e02\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e40\u0e2a\u0e35\u0e22\u0e0a\u0e35\u0e27\u0e34\u0e15 (\u0e42\u0e14\u0e22\u0e17\u0e32\u0e22\u0e32\u0e17)<\/h4>\r\n <ul class=\"list-disc list-inside text-gray-700 text-base leading-relaxed pl-4\">\r\n <li>\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e02\u0e2d\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34 \u0e41\u0e25\u0e30 \u0e2a\u0e33\u0e40\u0e19\u0e32\u0e43\u0e1a\u0e21\u0e23\u0e13\u0e1a\u0e31\u0e15\u0e23<\/li>\r\n <li>\u0e2a\u0e33\u0e40\u0e19\u0e32\u0e1a\u0e31\u0e15\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e0a\u0e19\/\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e1a\u0e49\u0e32\u0e19 \u0e17\u0e32\u0e22\u0e32\u0e17\u0e41\u0e25\u0e30\u0e1c\u0e39\u0e49\u0e40\u0e2a\u0e35\u0e22\u0e0a\u0e35\u0e27\u0e34\u0e15<\/li>\r\n <li>\u0e2b\u0e25\u0e31\u0e01\u0e10\u0e32\u0e19\u0e41\u0e2a\u0e14\u0e07\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e32\u0e22\u0e32\u0e17<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"mt-6 p-4 rounded-lg bg-red-50 text-red-800 text-base border border-red-200\">\r\n <strong class=\"block text-lg mb-1\">\u26a0\ufe0f \u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e21\u0e32\u0e01:<\/strong> \u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e2a\u0e33\u0e40\u0e19\u0e32\u0e17\u0e38\u0e01\u0e09\u0e1a\u0e31\u0e1a\u0e15\u0e49\u0e2d\u0e07\u0e25\u0e07\u0e19\u0e32\u0e21 \"<span class=\"font-bold\">\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07\u0e2a\u0e33\u0e40\u0e19\u0e32\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07<\/span>\"\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"fee-info\" class=\"bg-white p-8 md:p-10 rounded-xl shadow-xl mb-14 border-l-8\" style=\"border-color: var(--color-accent-red);\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold text-center mb-6\" style=\"color: var(--color-accent-red);\">\ud83d\udcb8 \u0e2d\u0e31\u0e15\u0e23\u0e32\u0e04\u0e48\u0e32\u0e18\u0e23\u0e23\u0e21\u0e40\u0e19\u0e35\u0e22\u0e21<\/h2>\r\n \r\n <div class=\"bg-red-50 p-6 md:p-8 rounded-xl border border-red-200 shadow-sm mb-6\">\r\n <p class=\"text-2xl md:text-3xl font-extrabold text-red-700 text-center mb-2\">\r\n \u0e40\u0e23\u0e35\u0e22\u0e01\u0e40\u0e01\u0e47\u0e1a\u0e04\u0e48\u0e32\u0e18\u0e23\u0e23\u0e21\u0e40\u0e19\u0e35\u0e22\u0e21 300 \u0e1a\u0e32\u0e17 (\u0e0a\u0e33\u0e23\u0e30\u0e40\u0e2d\u0e07) \u0e43\u0e19\u0e17\u0e38\u0e01\u0e01\u0e23\u0e13\u0e35\r\n <\/p>\r\n <p class=\"text-lg text-red-600 text-center font-medium mb-4\">\r\n (\u0e23\u0e27\u0e21\u0e16\u0e36\u0e07\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e1c\u0e25\u0e15\u0e23\u0e27\u0e08\u0e1e\u0e34\u0e40\u0e28\u0e29\u0e2d\u0e37\u0e48\u0e19\u0e46 \u0e17\u0e38\u0e01\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17)\r\n <\/p>\r\n \r\n <div class=\"text-center mt-5 pt-5 border-t border-red-200\">\r\n <p class=\"text-red-800 text-base font-medium mb-2\">\r\n \u0e15\u0e32\u0e21\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e04\u0e13\u0e30\u0e41\u0e1e\u0e17\u0e22\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c (\u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 49\/2569) \u0e21\u0e35\u0e1c\u0e25\u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a\u0e43\u0e0a\u0e49\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48 <span class=\"font-bold\">14 \u0e21\u0e35\u0e19\u0e32\u0e04\u0e21 2569<\/span> \u0e40\u0e1b\u0e47\u0e19\u0e15\u0e49\u0e19\u0e44\u0e1b\r\n <\/p>\r\n <a href=\"https:\/\/drive.google.com\/file\/d\/11jnAiAg_ai1sU3nTjkxALfh99GD9ls5Y\/view\" target=\"_blank\" class=\"inline-flex items-center justify-center bg-red-600 hover:bg-red-700 text-white font-bold py-2 px-6 rounded-full shadow-md transition duration-300 text-base\">\r\n <span class=\"mr-2\">\ud83d\udcc4<\/span> \u0e2d\u0e48\u0e32\u0e19\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e09\u0e1a\u0e31\u0e1a\u0e40\u0e15\u0e47\u0e21\u0e04\u0e25\u0e34\u0e01\u0e17\u0e35\u0e48\u0e19\u0e35\u0e48\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-green-50 p-6 md:p-8 rounded-xl border border-green-200 shadow-sm\">\r\n <h3 class=\"text-2xl font-bold text-green-800 mb-4 flex items-center\">\r\n <span class=\"text-3xl mr-3\">\u2705<\/span> \u0e02\u0e49\u0e2d\u0e22\u0e01\u0e40\u0e27\u0e49\u0e19 (\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e2a\u0e35\u0e22\u0e04\u0e48\u0e32\u0e18\u0e23\u0e23\u0e21\u0e40\u0e19\u0e35\u0e22\u0e21)\r\n <\/h3>\r\n <p class=\"text-gray-800 text-lg leading-relaxed mb-3\">\r\n \u0e22\u0e01\u0e40\u0e27\u0e49\u0e19\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e01\u0e23\u0e13\u0e35 <strong>\u0e02\u0e2d\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e44\u0e1b\u0e23\u0e31\u0e01\u0e29\u0e32\u0e15\u0e48\u0e2d \u0e2b\u0e23\u0e37\u0e2d\u0e2a\u0e48\u0e07\u0e15\u0e31\u0e27\u0e01\u0e25\u0e31\u0e1a (Refer)<\/strong> \u0e42\u0e14\u0e22\u0e1c\u0e39\u0e49\u0e02\u0e2d\u0e08\u0e30\u0e15\u0e49\u0e2d\u0e07\u0e19\u0e33\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e14\u0e31\u0e07\u0e15\u0e48\u0e2d\u0e44\u0e1b\u0e19\u0e35\u0e49\u0e21\u0e32\u0e41\u0e2a\u0e14\u0e07\u0e15\u0e48\u0e2d\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e1c\u0e39\u0e49\u0e23\u0e31\u0e1a\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07:\r\n <\/p>\r\n <ul class=\"list-disc list-inside text-gray-700 text-lg space-y-3 ml-4\">\r\n <li>\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e2a\u0e48\u0e07\u0e15\u0e31\u0e27\u0e2b\u0e23\u0e37\u0e2d\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e2d\u0e37\u0e48\u0e19\u0e43\u0e14\u0e08\u0e32\u0e01\u0e41\u0e1e\u0e17\u0e22\u0e4c\u0e02\u0e2d\u0e07\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e1b\u0e25\u0e32\u0e22\u0e17\u0e32\u0e07 \u0e23\u0e30\u0e1a\u0e38\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19\u0e27\u0e48\u0e32\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e23\u0e31\u0e01\u0e29\u0e32 \u0e41\u0e25\u0e30\u0e1c\u0e25\u0e15\u0e23\u0e27\u0e08\u0e1e\u0e34\u0e40\u0e28\u0e29\u0e43\u0e14\u0e1a\u0e49\u0e32\u0e07<\/li>\r\n <li>\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07\u0e2d\u0e37\u0e48\u0e19\u0e46 \u0e08\u0e32\u0e01\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e1b\u0e25\u0e32\u0e22\u0e17\u0e32\u0e07\u0e17\u0e35\u0e48\u0e41\u0e2a\u0e14\u0e07\u0e04\u0e27\u0e32\u0e21\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19\u0e43\u0e19\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e23\u0e31\u0e01\u0e29\u0e32\u0e15\u0e48\u0e2d<\/li>\r\n <li><span class=\"font-bold text-green-900\">\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e08\u0e32\u0e01\u0e41\u0e1e\u0e17\u0e22\u0e4c\u0e17\u0e35\u0e48\u0e2a\u0e48\u0e07\u0e15\u0e31\u0e27\u0e01\u0e25\u0e31\u0e1a\u0e23\u0e31\u0e01\u0e29\u0e32\u0e15\u0e48\u0e2d\u0e17\u0e35\u0e48\u0e20\u0e39\u0e21\u0e34\u0e25\u0e33\u0e40\u0e19\u0e32 \u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e43\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e48\u0e07\u0e15\u0e31\u0e27\u0e01\u0e25\u0e31\u0e1a\u0e08\u0e32\u0e01\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e28\u0e23\u0e35\u0e19\u0e04\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c<\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/section>\r\n <section id=\"pdpa-emergency\" class=\"bg-white p-8 md:p-10 rounded-xl shadow-xl mb-14 border-t-8\" style=\"border-top-color: #3B82F6;\">\r\n <header class=\"text-center mb-8\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold mb-3\" style=\"color: #1D4ED8;\">\ud83d\udee1\ufe0f \u0e2a\u0e34\u0e17\u0e18\u0e34\u0e2a\u0e48\u0e27\u0e19\u0e1a\u0e38\u0e04\u0e04\u0e25 (PDPA) \u0e41\u0e25\u0e30 \u0e01\u0e32\u0e23\u0e02\u0e2d\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e01\u0e23\u0e13\u0e35\u0e09\u0e38\u0e01\u0e40\u0e09\u0e34\u0e19<\/h2>\r\n <p class=\"text-lg text-gray-600\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e16\u0e39\u0e01\u0e04\u0e38\u0e49\u0e21\u0e04\u0e23\u0e2d\u0e07\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e02\u0e49\u0e21\u0e07\u0e27\u0e14 \u0e41\u0e15\u0e48\u0e43\u0e19\u0e22\u0e32\u0e21\u0e04\u0e31\u0e1a\u0e02\u0e31\u0e19 \u0e2a\u0e34\u0e17\u0e18\u0e34\u0e43\u0e19\u0e01\u0e32\u0e23\u0e23\u0e31\u0e01\u0e29\u0e32\u0e0a\u0e35\u0e27\u0e34\u0e15\u0e15\u0e49\u0e2d\u0e07\u0e21\u0e32\u0e01\u0e48\u0e2d\u0e19<\/p>\r\n <\/header>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n <div class=\"bg-blue-50 p-6 rounded-xl border border-blue-100\">\r\n <h3 class=\"text-xl font-bold text-blue-800 mb-3 flex items-center\">\r\n <span class=\"text-2xl mr-2\">\ud83d\udd12<\/span> \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e04\u0e37\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e25\u0e31\u0e1a\r\n <\/h3>\r\n <p class=\"text-gray-700 text-base leading-relaxed\">\r\n \u0e15\u0e32\u0e21 <strong>\u0e1e.\u0e23.\u0e1a. \u0e04\u0e38\u0e49\u0e21\u0e04\u0e23\u0e2d\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e48\u0e27\u0e19\u0e1a\u0e38\u0e04\u0e04\u0e25 (PDPA)<\/strong> \u0e41\u0e25\u0e30 <strong>\u0e1e.\u0e23.\u0e1a. \u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e\u0e41\u0e2b\u0e48\u0e07\u0e0a\u0e32\u0e15\u0e34<\/strong> \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e\u0e16\u0e37\u0e2d\u0e40\u0e1b\u0e47\u0e19 <span class=\"text-red-600 font-semibold\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e2d\u0e48\u0e2d\u0e19\u0e44\u0e2b\u0e27 (Sensitive Data)<\/span> \u0e01\u0e32\u0e23\u0e40\u0e1b\u0e34\u0e14\u0e40\u0e1c\u0e22\u0e2b\u0e23\u0e37\u0e2d\u0e2a\u0e48\u0e07\u0e15\u0e48\u0e2d\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e15\u0e49\u0e2d\u0e07\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a <strong>\"\u0e04\u0e27\u0e32\u0e21\u0e22\u0e34\u0e19\u0e22\u0e2d\u0e21\"<\/strong> \u0e08\u0e32\u0e01\u0e04\u0e19\u0e44\u0e02\u0e49\u0e01\u0e48\u0e2d\u0e19\u0e40\u0e2a\u0e21\u0e2d \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e01\u0e32\u0e23\u0e19\u0e33\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e44\u0e1b\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e40\u0e01\u0e34\u0e14\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2a\u0e35\u0e22\u0e2b\u0e32\u0e22\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"bg-green-50 p-6 rounded-xl border border-green-100\">\r\n <h3 class=\"text-xl font-bold text-green-800 mb-3 flex items-center\">\r\n <span class=\"text-2xl mr-2\">\ud83d\ude91<\/span> \u0e02\u0e49\u0e2d\u0e22\u0e01\u0e40\u0e27\u0e49\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e0a\u0e48\u0e27\u0e22\u0e0a\u0e35\u0e27\u0e34\u0e15 (Vital Interest)\r\n <\/h3>\r\n <p class=\"text-gray-700 text-base leading-relaxed\">\r\n \u0e2b\u0e32\u0e01\u0e40\u0e01\u0e34\u0e14\u0e01\u0e23\u0e13\u0e35\u0e09\u0e38\u0e01\u0e40\u0e09\u0e34\u0e19 \u0e40\u0e0a\u0e48\u0e19 <span class=\"font-semibold text-green-700\">\u0e04\u0e19\u0e44\u0e02\u0e49\u0e2b\u0e21\u0e14\u0e2a\u0e15\u0e34 \u0e1a\u0e32\u0e14\u0e40\u0e08\u0e47\u0e1a\u0e2a\u0e32\u0e2b\u0e31\u0e2a<\/span> \u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22\u0e41\u0e25\u0e30\u0e08\u0e23\u0e34\u0e22\u0e18\u0e23\u0e23\u0e21\u0e41\u0e1e\u0e17\u0e22\u0e4c\u0e40\u0e1b\u0e34\u0e14\u0e0a\u0e48\u0e2d\u0e07\u0e43\u0e2b\u0e49\u0e41\u0e1e\u0e17\u0e22\u0e4c\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2a\u0e48\u0e07\u0e15\u0e48\u0e2d\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e23\u0e31\u0e01\u0e29\u0e32\u0e43\u0e2b\u0e49\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e1b\u0e25\u0e32\u0e22\u0e17\u0e32\u0e07\u0e44\u0e14\u0e49\u0e17\u0e31\u0e19\u0e17\u0e35 <strong>\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e23\u0e30\u0e07\u0e31\u0e1a\u0e2d\u0e31\u0e19\u0e15\u0e23\u0e32\u0e22\u0e15\u0e48\u0e2d\u0e0a\u0e35\u0e27\u0e34\u0e15<\/strong> \u0e42\u0e14\u0e22\u0e16\u0e37\u0e2d\u0e40\u0e1b\u0e47\u0e19\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14\u0e02\u0e2d\u0e07\u0e04\u0e19\u0e44\u0e02\u0e49\u0e41\u0e25\u0e30\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e23\u0e2d\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e22\u0e34\u0e19\u0e22\u0e2d\u0e21\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <section id=\"legal-terms\" class=\"bg-white p-8 md:p-10 rounded-xl shadow-xl mb-14\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold text-center mb-8\" style=\"color: #C1666B;\">\u0e04\u0e33\u0e2d\u0e18\u0e34\u0e1a\u0e32\u0e22\u0e28\u0e31\u0e1e\u0e17\u0e4c\u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22\u0e17\u0e35\u0e48\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e2d\u0e37\u0e48\u0e19\u0e46<\/h2>\r\n <div class=\"space-y-8\">\r\n <div class=\"legal-term-section\">\r\n <h3 class=\"text-2xl font-bold mb-3 flex justify-between items-center cursor-pointer\" style=\"color: var(--color-primary);\" onclick=\"toggleAccordion(this)\">\r\n <span>1. \u0e04\u0e33\u0e2a\u0e31\u0e48\u0e07\u0e28\u0e32\u0e25 (Court Order)<\/span>\r\n <button class=\"toggle-content\">+<\/button>\r\n <\/h3>\r\n <div class=\"content-to-toggle hidden pl-6 border-l-4 border-gray-200 py-2 space-y-3\">\r\n <p class=\"text-gray-700 text-base leading-relaxed\">\u0e04\u0e37\u0e2d \u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e17\u0e35\u0e48\u0e2d\u0e2d\u0e01\u0e42\u0e14\u0e22\u0e28\u0e32\u0e25\u0e22\u0e38\u0e15\u0e34\u0e18\u0e23\u0e23\u0e21 \u0e40\u0e1b\u0e47\u0e19\u0e04\u0e33\u0e2a\u0e31\u0e48\u0e07\u0e2b\u0e23\u0e37\u0e2d\u0e04\u0e33\u0e27\u0e34\u0e19\u0e34\u0e08\u0e09\u0e31\u0e22\u0e02\u0e2d\u0e07\u0e28\u0e32\u0e25\u0e17\u0e35\u0e48\u0e43\u0e2b\u0e49\u0e2a\u0e16\u0e32\u0e19\u0e30\u0e17\u0e32\u0e07\u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22\u0e41\u0e01\u0e48\u0e1a\u0e38\u0e04\u0e04\u0e25 \u0e2b\u0e23\u0e37\u0e2d\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e43\u0e2b\u0e49\u0e01\u0e23\u0e30\u0e17\u0e33\u0e01\u0e32\u0e23\u0e1a\u0e32\u0e07\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e14\u0e49 \u0e40\u0e0a\u0e48\u0e19 \u0e01\u0e32\u0e23\u0e41\u0e15\u0e48\u0e07\u0e15\u0e31\u0e49\u0e07\u0e1c\u0e39\u0e49\u0e14\u0e39\u0e41\u0e25 \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e4c\u0e2a\u0e34\u0e19 \u0e2b\u0e23\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e15\u0e48\u0e32\u0e07\u0e46<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"legal-term-section\">\r\n <h3 class=\"text-2xl font-bold mb-3 flex justify-between items-center cursor-pointer\" style=\"color: var(--color-secondary);\" onclick=\"toggleAccordion(this)\">\r\n <span>2. \u0e1c\u0e39\u0e49\u0e2d\u0e19\u0e38\u0e1a\u0e32\u0e25 \u0e41\u0e25\u0e30 \u0e1c\u0e39\u0e49\u0e1e\u0e34\u0e17\u0e31\u0e01\u0e29\u0e4c<\/span>\r\n <button class=\"toggle-content\">+<\/button>\r\n <\/h3>\r\n <div class=\"content-to-toggle hidden pl-6 border-l-4 border-gray-200 py-2 space-y-3\">\r\n <p class=\"text-gray-700 text-base leading-relaxed\">\u0e04\u0e37\u0e2d\u0e1a\u0e38\u0e04\u0e04\u0e25\u0e17\u0e35\u0e48\u0e28\u0e32\u0e25\u0e21\u0e35\u0e04\u0e33\u0e2a\u0e31\u0e48\u0e07\u0e41\u0e15\u0e48\u0e07\u0e15\u0e31\u0e49\u0e07\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e14\u0e39\u0e41\u0e25\u0e1a\u0e38\u0e04\u0e04\u0e25\u0e2d\u0e37\u0e48\u0e19\u0e17\u0e35\u0e48\u0e44\u0e21\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e01\u0e34\u0e08\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e15\u0e19\u0e40\u0e2d\u0e07\u0e44\u0e14\u0e49<\/p>\r\n <ul class=\"list-disc list-inside text-gray-700 pl-6 mt-2 space-y-2 text-base leading-relaxed\">\r\n <li><b style=\"color: var(--color-accent-red);\">\u0e1c\u0e39\u0e49\u0e2d\u0e19\u0e38\u0e1a\u0e32\u0e25 (\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a \"\u0e04\u0e19\u0e44\u0e23\u0e49\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\"):<\/b> \u0e14\u0e39\u0e41\u0e25\u0e1c\u0e39\u0e49\u0e17\u0e35\u0e48\u0e28\u0e32\u0e25\u0e2a\u0e31\u0e48\u0e07\u0e27\u0e48\u0e32\u0e44\u0e21\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e34\u0e08\u0e01\u0e32\u0e23\u0e40\u0e2d\u0e07\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22 (\u0e40\u0e0a\u0e48\u0e19 \u0e1c\u0e39\u0e49\u0e1b\u0e48\u0e27\u0e22\u0e15\u0e34\u0e14\u0e40\u0e15\u0e35\u0e22\u0e07\u0e44\u0e21\u0e48\u0e23\u0e39\u0e49\u0e2a\u0e36\u0e01\u0e15\u0e31\u0e27) \u0e21\u0e35\u0e2d\u0e33\u0e19\u0e32\u0e08\u0e40\u0e15\u0e47\u0e21\u0e43\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e01\u0e34\u0e08\u0e01\u0e32\u0e23\u0e41\u0e17\u0e19<\/li>\r\n <li><b style=\"color: var(--color-accent-red);\">\u0e1c\u0e39\u0e49\u0e1e\u0e34\u0e17\u0e31\u0e01\u0e29\u0e4c (\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a \"\u0e04\u0e19\u0e40\u0e2a\u0e21\u0e37\u0e2d\u0e19\u0e44\u0e23\u0e49\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\"):<\/b> \u0e14\u0e39\u0e41\u0e25\u0e1c\u0e39\u0e49\u0e17\u0e35\u0e48\u0e22\u0e31\u0e07\u0e1e\u0e2d\u0e17\u0e33\u0e01\u0e34\u0e08\u0e01\u0e32\u0e23\u0e1a\u0e32\u0e07\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e14\u0e49 \u0e41\u0e15\u0e48\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e1a\u0e01\u0e1e\u0e23\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e01\u0e32\u0e22\u0e2b\u0e23\u0e37\u0e2d\u0e08\u0e34\u0e15 \u0e21\u0e35\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e43\u0e2b\u0e49\u0e04\u0e27\u0e32\u0e21\u0e22\u0e34\u0e19\u0e22\u0e2d\u0e21\u0e43\u0e19\u0e19\u0e34\u0e15\u0e34\u0e01\u0e23\u0e23\u0e21\u0e17\u0e35\u0e48\u0e2a\u0e33\u0e04\u0e31\u0e0d<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <section id=\"mail-request\" class=\"bg-white p-8 md:p-10 rounded-xl shadow-xl mb-14\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold text-center mb-8\" style=\"color: #C1666B;\">\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e23\u0e31\u0e01\u0e29\u0e32\u0e17\u0e32\u0e07\u0e44\u0e1b\u0e23\u0e29\u0e13\u0e35\u0e22\u0e4c<\/h2>\r\n <div class=\"space-y-10\">\r\n <div>\r\n <h3 class=\"text-2xl font-bold mb-4 flex items-center\" style=\"color: var(--color-primary);\"><span class=\"text-4xl mr-4\">\u2460<\/span> \u0e40\u0e15\u0e23\u0e35\u0e22\u0e21\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e41\u0e25\u0e30\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e04\u0e23\u0e1a\u0e16\u0e49\u0e27\u0e19<\/h3>\r\n <div class=\"pl-12 space-y-4\">\r\n <ul class=\"list-disc list-inside text-gray-700 space-y-2 text-base leading-relaxed\">\r\n <li><b>\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e02\u0e2d\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34:<\/b> \u0e01\u0e23\u0e2d\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e43\u0e2b\u0e49\u0e04\u0e23\u0e1a\u0e16\u0e49\u0e27\u0e19<\/li>\r\n <li><b>\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e21\u0e2d\u0e1a\u0e2d\u0e33\u0e19\u0e32\u0e08\u0e41\u0e25\u0e30\u0e22\u0e34\u0e19\u0e22\u0e2d\u0e21:<\/b> \u0e43\u0e0a\u0e49\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e23\u0e13\u0e35\u0e21\u0e2d\u0e1a\u0e2d\u0e33\u0e19\u0e32\u0e08<\/li>\r\n <li><b>\u0e2a\u0e33\u0e40\u0e19\u0e32\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14:<\/b> \u0e15\u0e49\u0e2d\u0e07\u0e16\u0e48\u0e32\u0e22\u0e2a\u0e33\u0e40\u0e19\u0e32\u0e41\u0e25\u0e30\u0e25\u0e07\u0e19\u0e32\u0e21 \"\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07\u0e2a\u0e33\u0e40\u0e19\u0e32\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07\" \u0e17\u0e38\u0e01\u0e09\u0e1a\u0e31\u0e1a<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <h3 class=\"text-2xl font-bold mb-4 flex items-center\" style=\"color: var(--color-secondary);\"><span class=\"text-4xl mr-4\">\u2461<\/span> \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e2a\u0e48\u0e07\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23<\/h3>\r\n <div class=\"pl-12\">\r\n <div class=\"p-5 bg-gray-50 rounded-lg border border-gray-200\">\r\n <p class=\"text-gray-700 font-semibold mb-3 text-base leading-relaxed\">\r\n \u0e08\u0e31\u0e14\u0e2a\u0e48\u0e07\u0e1c\u0e48\u0e32\u0e19\u0e44\u0e1b\u0e23\u0e29\u0e13\u0e35\u0e22\u0e4c\u0e44\u0e17\u0e22\u0e41\u0e1a\u0e1a <span class=\"font-bold text-orange-700\">'\u0e1e\u0e31\u0e2a\u0e14\u0e38\u0e25\u0e07\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19'<\/span> \u0e2b\u0e23\u0e37\u0e2d <span class=\"font-bold text-orange-700\">'EMS'<\/span> \u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19\r\n <\/p>\r\n <p class=\"text-gray-700 mb-1 text-base leading-relaxed\"><b>\u0e40\u0e23\u0e35\u0e22\u0e19:<\/b> \u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e28\u0e23\u0e35\u0e19\u0e04\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c \u0e04\u0e13\u0e30\u0e41\u0e1e\u0e17\u0e22\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c<\/p>\r\n <p class=\"text-gray-700 mb-1 text-base leading-relaxed\"><b>\u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48:<\/b> 123 \u0e16\u0e19\u0e19\u0e21\u0e34\u0e15\u0e23\u0e20\u0e32\u0e1e \u0e15.\u0e43\u0e19\u0e40\u0e21\u0e37\u0e2d\u0e07 \u0e2d.\u0e40\u0e21\u0e37\u0e2d\u0e07 \u0e08.\u0e02\u0e2d\u0e19\u0e41\u0e01\u0e48\u0e19 40002<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <h3 class=\"text-2xl font-bold mb-4 flex items-center\" style=\"color: var(--color-accent-red);\"><span class=\"text-4xl mr-4\">\u2462<\/span> \u0e04\u0e48\u0e32\u0e18\u0e23\u0e23\u0e21\u0e40\u0e19\u0e35\u0e22\u0e21\u0e41\u0e25\u0e30\u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e0a\u0e33\u0e23\u0e30<\/h3>\r\n <div class=\"pl-12 space-y-4\">\r\n <ul class=\"list-disc list-inside text-gray-700 space-y-2 text-base leading-relaxed\">\r\n <li class=\"text-red-600\"><b>\u0e04\u0e48\u0e32\u0e18\u0e23\u0e23\u0e21\u0e40\u0e19\u0e35\u0e22\u0e21: 300 \u0e1a\u0e32\u0e17 (\u0e0a\u0e33\u0e23\u0e30\u0e40\u0e2d\u0e07) \u0e17\u0e38\u0e01\u0e01\u0e23\u0e13\u0e35<\/b> (\u0e01\u0e23\u0e38\u0e13\u0e32\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e02\u0e49\u0e2d\u0e22\u0e01\u0e40\u0e27\u0e49\u0e19\u0e43\u0e19 <a href=\"#fee-info\" class=\"underline font-bold hover:text-red-800\">\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e04\u0e48\u0e32\u0e18\u0e23\u0e23\u0e21\u0e40\u0e19\u0e35\u0e22\u0e21<\/a>)<\/li>\r\n <li>\r\n <b>\u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e0a\u0e33\u0e23\u0e30:<\/b> \u0e42\u0e14\u0e22\u0e43\u0e0a\u0e49 <span class=\"font-bold\">\u0e40\u0e0a\u0e47\u0e04\u0e2a\u0e31\u0e48\u0e07\u0e08\u0e48\u0e32\u0e22\u0e43\u0e19\u0e19\u0e32\u0e21 \"\u0e40\u0e07\u0e34\u0e19\u0e23\u0e32\u0e22\u0e44\u0e14\u0e49 \u0e21\u0e02.(\u0e04\u0e13\u0e30\u0e41\u0e1e\u0e17\u0e22\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c)\"<\/span> \u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19<br>\r\n <span class=\"text-sm text-gray-500 italic\">*\u0e2b\u0e32\u0e01\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e2a\u0e07\u0e2a\u0e31\u0e22 \u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d \u0e04\u0e38\u0e13\u0e2a\u0e38\u0e23\u0e28\u0e31\u0e01\u0e14\u0e34\u0e4c (043-366787)<\/span>\r\n <\/li>\r\n <\/ul>\r\n <div class=\"mt-6 p-4 rounded-lg bg-yellow-50 text-yellow-800 text-base border border-yellow-200\">\r\n <strong class=\"block text-lg mb-2\">\u2757\ufe0f \u0e02\u0e49\u0e2d\u0e04\u0e27\u0e23\u0e23\u0e30\u0e27\u0e31\u0e07\u0e2a\u0e33\u0e04\u0e31\u0e0d:<\/strong>\r\n <ul class=\"list-disc list-inside ml-4 space-y-1\">\r\n <li>\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25 <span class=\"font-bold\">\u0e44\u0e21\u0e48\u0e23\u0e31\u0e1a\u0e40\u0e07\u0e34\u0e19\u0e2a\u0e14, \u0e44\u0e21\u0e48\u0e23\u0e31\u0e1a\u0e40\u0e07\u0e34\u0e19\u0e42\u0e2d\u0e19<\/span> \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e17\u0e32\u0e07\u0e44\u0e1b\u0e23\u0e29\u0e13\u0e35\u0e22\u0e4c<\/li>\r\n <li>\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e08\u0e30\u0e44\u0e21\u0e48\u0e23\u0e31\u0e1a\u0e1c\u0e34\u0e14\u0e0a\u0e2d\u0e1a\u0e2b\u0e32\u0e01\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\/\u0e40\u0e0a\u0e47\u0e04 \u0e0a\u0e33\u0e23\u0e38\u0e14\u0e2b\u0e23\u0e37\u0e2d\u0e2a\u0e39\u0e0d\u0e2b\u0e32\u0e22<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"rights-responsibilities\" class=\"bg-white p-8 md:p-10 rounded-xl shadow-xl mb-14\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold text-center mb-8\" style=\"color: var(--color-accent-purple);\">\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e23\u0e31\u0e1a\u0e1c\u0e34\u0e14\u0e0a\u0e2d\u0e1a\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 items-center\">\r\n <div class=\"chart-container h-72 md:h-80\">\r\n <canvas id=\"rightsChart\"><\/canvas>\r\n <\/div>\r\n <div class=\"space-y-6\">\r\n <div class=\"flex items-start\">\r\n <div class=\"w-5 h-5 rounded-full mt-1 mr-4 flex-shrink-0\" style=\"background-color: var(--color-primary);\"><\/div>\r\n <div>\r\n <h4 class=\"font-bold text-xl mb-1\">\u0e43\u0e0a\u0e49\u0e15\u0e32\u0e21\u0e27\u0e31\u0e15\u0e16\u0e38\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c\u0e17\u0e35\u0e48\u0e41\u0e08\u0e49\u0e07\u0e44\u0e27\u0e49\u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19<\/h4>\r\n <p class=\"text-gray-600 text-base leading-relaxed\">\r\n \u0e17\u0e48\u0e32\u0e19\u0e08\u0e30\u0e15\u0e49\u0e2d\u0e07\u0e19\u0e33\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e44\u0e1b\u0e43\u0e0a\u0e49\u0e15\u0e32\u0e21\u0e27\u0e31\u0e15\u0e16\u0e38\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c\u0e17\u0e35\u0e48\u0e23\u0e30\u0e1a\u0e38\u0e44\u0e27\u0e49\u0e43\u0e19\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e02\u0e2d\u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <div class=\"w-5 h-5 rounded-full mt-1 mr-4 flex-shrink-0\" style=\"background-color: var(--color-secondary);\"><\/div>\r\n <div>\r\n <h4 class=\"font-bold text-xl mb-1\">\u0e2b\u0e49\u0e32\u0e21\u0e40\u0e1c\u0e22\u0e41\u0e1e\u0e23\u0e48\u0e15\u0e48\u0e2d<\/h4>\r\n <p class=\"text-gray-600 text-base leading-relaxed\">\r\n \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e14\u0e49\u0e32\u0e19\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e\u0e40\u0e1b\u0e47\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e48\u0e27\u0e19\u0e1a\u0e38\u0e04\u0e04\u0e25\u0e17\u0e35\u0e48\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e2d\u0e48\u0e2d\u0e19 \u0e2b\u0e49\u0e32\u0e21\u0e17\u0e48\u0e32\u0e19\u0e19\u0e33\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e44\u0e1b\u0e40\u0e1c\u0e22\u0e41\u0e1e\u0e23\u0e48\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <footer class=\"text-center text-sm text-gray-500 pt-10 pb-6 bg-gray-100 rounded-b-xl shadow-inner\">\r\n <p class=\"text-gray-700 mb-3 text-base\">\u0e2b\u0e19\u0e49\u0e32\u0e19\u0e35\u0e49\u0e08\u0e31\u0e14\u0e17\u0e33\u0e02\u0e36\u0e49\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e23\u0e38\u0e1b\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e08\u0e32\u0e01\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e02\u0e2d\u0e07\u0e04\u0e13\u0e30\u0e41\u0e1e\u0e17\u0e22\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e21\u0e02. \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e02\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e0a\u0e19<\/p>\r\n <p class=\"text-gray-800 font-bold text-xl\">\u0e08\u0e31\u0e14\u0e17\u0e33\u0e42\u0e14\u0e22\u0e07\u0e32\u0e19\u0e40\u0e27\u0e0a\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e41\u0e25\u0e30\u0e2a\u0e16\u0e34\u0e15\u0e34<\/p>\r\n <\/footer>\r\n <\/div>\r\n\r\n<script>\r\n function wrapLabel(label, maxLength) {\r\n if (label.length <= maxLength) return label;\r\n const words = label.split(' ');\r\n let currentLine = '';\r\n const lines = [];\r\n for (const word of words) {\r\n if ((currentLine + word).length > maxLength && currentLine.length > 0) {\r\n lines.push(currentLine.trim());\r\n currentLine = '';\r\n }\r\n currentLine += word + ' ';\r\n }\r\n lines.push(currentLine.trim());\r\n return lines;\r\n }\r\n\r\n const tooltipTitleCallback = (tooltipItems) => {\r\n const item = tooltipItems[0];\r\n let label = item.chart.data.labels[item.dataIndex];\r\n return Array.isArray(label) ? label.join(' ') : label;\r\n };\r\n \r\n const colors = {\r\n blue: getComputedStyle(document.documentElement).getPropertyValue('--color-primary').trim(),\r\n orange: getComputedStyle(document.documentElement).getPropertyValue('--color-secondary').trim(),\r\n red: getComputedStyle(document.documentElement).getPropertyValue('--color-accent-red').trim(),\r\n purple: getComputedStyle(document.documentElement).getPropertyValue('--color-accent-purple').trim()\r\n };\r\n\r\n const documentsChartCtx = document.getElementById('documentsChart').getContext('2d');\r\n const documentsChart = new Chart(documentsChartCtx, {\r\n type: 'bar',\r\n data: {\r\n labels: ['\u0e02\u0e2d\u0e14\u0e49\u0e27\u0e22\u0e15\u0e19\u0e40\u0e2d\u0e07', '\u0e21\u0e2d\u0e1a\u0e2d\u0e33\u0e19\u0e32\u0e08', '\u0e02\u0e2d\u0e43\u0e2b\u0e49\u0e1a\u0e38\u0e15\u0e23 (< 15 \u0e1b\u0e35)', '\u0e02\u0e2d\u0e02\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e40\u0e2a\u0e35\u0e22\u0e0a\u0e35\u0e27\u0e34\u0e15'],\r\n datasets: [{\r\n label: '\u0e08\u0e33\u0e19\u0e27\u0e19\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23 (\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23)',\r\n data: [2, 4, 4, 8],\r\n backgroundColor: [colors.blue, colors.orange, colors.red, colors.purple],\r\n borderColor: [colors.blue, colors.orange, colors.red, colors.purple],\r\n borderWidth: 1\r\n }]\r\n },\r\n options: {\r\n indexAxis: 'y',\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n scales: {\r\n x: { beginAtZero: true, ticks: { stepSize: 1 }, grid: { display: false } },\r\n y: { grid: { display: false } }\r\n },\r\n plugins: {\r\n legend: { display: false },\r\n tooltip: { \r\n callbacks: { \r\n title: tooltipTitleCallback,\r\n label: function(context) { return `\u0e08\u0e33\u0e19\u0e27\u0e19\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23: ${context.raw} \u0e23\u0e32\u0e22\u0e01\u0e32\u0e23`; }\r\n } \r\n }\r\n }\r\n }\r\n });\r\n\r\n const rightsChartCtx = document.getElementById('rightsChart').getContext('2d');\r\n const rightsChart = new Chart(rightsChartCtx, {\r\n type: 'doughnut',\r\n data: {\r\n labels: [\r\n wrapLabel('\u0e43\u0e0a\u0e49\u0e15\u0e32\u0e21\u0e27\u0e31\u0e15\u0e16\u0e38\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c\u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19', 20),\r\n wrapLabel('\u0e2b\u0e49\u0e32\u0e21\u0e40\u0e1c\u0e22\u0e41\u0e1e\u0e23\u0e48\u0e15\u0e48\u0e2d', 20),\r\n wrapLabel('\u0e23\u0e31\u0e1a\u0e1c\u0e34\u0e14\u0e0a\u0e2d\u0e1a\u0e2b\u0e32\u0e01\u0e40\u0e01\u0e34\u0e14\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2a\u0e35\u0e22\u0e2b\u0e32\u0e22', 20)\r\n ],\r\n datasets: [{\r\n label: '\u0e04\u0e27\u0e32\u0e21\u0e23\u0e31\u0e1a\u0e1c\u0e34\u0e14\u0e0a\u0e2d\u0e1a',\r\n data: [33.3, 33.3, 33.3],\r\n backgroundColor: [colors.blue, colors.orange, colors.red],\r\n hoverOffset: 8,\r\n borderWidth: 2,\r\n borderColor: 'white'\r\n }]\r\n },\r\n options: {\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n plugins: {\r\n legend: { display: false },\r\n tooltip: {\r\n callbacks: {\r\n title: tooltipTitleCallback,\r\n label: function(context) {\r\n let label = context.chart.data.labels[context.dataIndex];\r\n return Array.isArray(label) ? label.join(' ') : label;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n });\r\n\r\n function toggleAccordion(element) {\r\n const content = element.nextElementSibling;\r\n const button = element.querySelector('.toggle-content');\r\n const isHidden = content.classList.contains('hidden');\r\n \r\n content.classList.toggle('hidden');\r\n button.textContent = isHidden ? '\u2212' : '+';\r\n }\r\n<\/script>\r\n\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>\u0e27\u0e34\u0e18\u0e35\u0e02\u0e2d\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e23\u0e31\u0e01\u0e29\u0e32 – \u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e28\u0e23\u0e35\u0e19\u0e04\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c \u0e27\u0e34\u0e18\u0e35 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-1554","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.medicalrecords.kku.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/1554","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.medicalrecords.kku.ac.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.medicalrecords.kku.ac.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.medicalrecords.kku.ac.th\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.medicalrecords.kku.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1554"}],"version-history":[{"count":474,"href":"https:\/\/www.medicalrecords.kku.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/1554\/revisions"}],"predecessor-version":[{"id":3812,"href":"https:\/\/www.medicalrecords.kku.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/1554\/revisions\/3812"}],"wp:attachment":[{"href":"https:\/\/www.medicalrecords.kku.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1554"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

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

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u0e27\u0e34\u0e18\u0e35\u0e02\u0e2d\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e23\u0e31\u0e01\u0e29\u0e32 - \u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e28\u0e23\u0e35\u0e19\u0e04\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n \r\n <style>\r\n :root {\r\n --color-primary: #00A6A6; \r\n --color-secondary: #F28F3B; \r\n --color-accent-red: #E84855; \r\n --color-accent-purple: #7161EF; \r\n --color-text-gray: #4B5563; \r\n --color-bg-light: #F7F7F7; \r\n }\r\n\r\n body {\r\n background-color: var(--color-bg-light);\r\n font-family: 'Sukhumvit Set', sans-serif;\r\n }\r\n\r\n .navbar-shadow {\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n }\r\n\r\n .flowchart-step {\r\n text-align: center;\r\n padding: 1.25rem;\r\n border-radius: 0.75rem;\r\n font-weight: bold;\r\n flex-grow: 1;\r\n transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;\r\n }\r\n\r\n .flowchart-step:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .flowchart-arrow {\r\n font-size: 2.5rem;\r\n color: #9CA3AF;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .flowchart-arrow {\r\n transform: rotate(90deg);\r\n margin: 0.5rem 0;\r\n }\r\n #request-steps .grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n .legal-term-section .toggle-content {\r\n font-size: 1.5rem;\r\n width: 36px;\r\n height: 36px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 9999px;\r\n background-color: #E5E7EB;\r\n color: var(--color-text-gray);\r\n transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out;\r\n }\r\n .legal-term-section .toggle-content:hover {\r\n background-color: #D1D5DB;\r\n transform: scale(1.05);\r\n }\r\n .legal-term-section h3 {\r\n border-bottom: 1px solid #E5E7EB;\r\n padding-bottom: 0.75rem;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"container mx-auto p-4 md:p-8 max-w-6xl\">\r\n\r\n <header class=\"text-center mb-10 md:mb-12 pt-4\">\r\n <h1 class=\"text-5xl md:text-6xl font-extrabold mb-3 leading-tight\" style=\"color: var(--color-primary);\">\r\n \u0e27\u0e34\u0e18\u0e35\u0e02\u0e2d\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e23\u0e31\u0e01\u0e29\u0e32\r\n <\/h1>\r\n <p class=\"text-xl md:text-2xl text-gray-700 font-semibold\">\r\n \u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e28\u0e23\u0e35\u0e19\u0e04\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c \u0e04\u0e13\u0e30\u0e41\u0e1e\u0e17\u0e22\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e02\u0e2d\u0e19\u0e41\u0e01\u0e48\u0e19\r\n <\/p>\r\n <p class=\"text-md md:text-lg text-gray-500 mt-2\">\r\n \u0e04\u0e33\u0e41\u0e19\u0e30\u0e19\u0e33\u0e04\u0e23\u0e1a\u0e27\u0e07\u0e08\u0e23\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e27\u0e0a\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\r\n <\/p>\r\n <\/header>\r\n\r\n <nav class=\"bg-white p-4 rounded-xl shadow-xl mb-10 navbar-shadow sticky top-0 z-10\">\r\n <ul class=\"flex flex-wrap justify-center gap-x-6 gap-y-3 text-base md:text-lg font-medium\">\r\n <li><a href=\"#contact-location\" class=\"text-gray-700 hover:text-blue-700 transition-colors duration-200 p-2 rounded-lg hover:bg-blue-50\">\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d<\/a><\/li>\r\n <li><a href=\"#who-can-request\" class=\"text-gray-700 hover:text-blue-700 transition-colors duration-200 p-2 rounded-lg hover:bg-blue-50\">\u0e1c\u0e39\u0e49\u0e21\u0e35\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e02\u0e2d<\/a><\/li>\r\n <li><a href=\"#request-steps\" class=\"text-gray-700 hover:text-blue-700 transition-colors duration-200 p-2 rounded-lg hover:bg-blue-50\">\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e02\u0e2d<\/a><\/li>\r\n <li><a href=\"#document-checklist\" class=\"text-gray-700 hover:text-blue-700 transition-colors duration-200 p-2 rounded-lg hover:bg-blue-50\">\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e43\u0e0a\u0e49<\/a><\/li>\r\n <li><a href=\"#fee-info\" class=\"text-red-600 font-bold hover:text-red-800 transition-colors duration-200 p-2 rounded-lg hover:bg-red-50\">\u0e04\u0e48\u0e32\u0e18\u0e23\u0e23\u0e21\u0e40\u0e19\u0e35\u0e22\u0e21<\/a><\/li>\r\n <li><a href=\"#mail-request\" class=\"text-gray-700 hover:text-blue-700 transition-colors duration-200 p-2 rounded-lg hover:bg-blue-50\">\u0e02\u0e2d\u0e17\u0e32\u0e07\u0e44\u0e1b\u0e23\u0e29\u0e13\u0e35\u0e22\u0e4c<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n\r\n <section id=\"contact-location\" class=\"mb-14\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold text-center mb-8\" style=\"color: var(--color-primary);\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e41\u0e25\u0e30\u0e40\u0e27\u0e25\u0e32\u0e17\u0e33\u0e01\u0e32\u0e23<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 text-center\">\r\n <div class=\"bg-white p-8 rounded-xl shadow-xl flex flex-col justify-between transform transition duration-300 hover:scale-105\" style=\"border-top: 6px solid var(--color-primary);\">\r\n <div>\r\n <p class=\"text-4xl mb-3\">\ud83d\udccd<\/p>\r\n <h3 class=\"text-2xl font-bold mb-2\" style=\"color: var(--color-primary);\">\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d<\/h3>\r\n <p class=\"text-gray-700 text-lg leading-relaxed\">\r\n \u0e2d\u0e32\u0e04\u0e32\u0e23 \u0e2a\u0e27.2 \u0e0a\u0e31\u0e49\u0e19 2<br>\u0e0a\u0e48\u0e2d\u0e07\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48 9 (\u0e07\u0e32\u0e19\u0e40\u0e27\u0e0a\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e41\u0e25\u0e30\u0e2a\u0e16\u0e34\u0e15\u0e34)\r\n <\/p>\r\n <\/div>\r\n <a href=\"https:\/\/www.google.com\/maps\/place\/%E0%B8%95%E0%B8%B9%E0%B9%89%E0%B9%80%E0%B8%95%E0%B9%88%E0%B8%B2%E0%B8%9A%E0%B8%B4%E0%B8%99+%E0%B8%AA%E0%B8%A7.2+%E0%B8%8A%E0%B8%B1%E0%B9%89%E0%B8%99+2\/@16.4667165,102.8298626,67m\/data=!3m1!1e3!4m6!3m5!1s0x31228b0036935fb3:0xa404bffac77ff318!8m2!3d16.4668456!4d102.8298292!16s%2Fg%2F11y301mvhn?entry=ttu&g_ep=EgoyMDI1MDcwOS4wIKXMDSoASAFQAw%3D%3D\" target=\"_blank\" class=\"mt-6 inline-block bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-6 rounded-full shadow-md transition duration-300 text-base\">\u0e14\u0e39\u0e41\u0e1c\u0e19\u0e17\u0e35\u0e48<\/a>\r\n <\/div>\r\n <div class=\"bg-white p-8 rounded-xl shadow-xl transform transition duration-300 hover:scale-105\" style=\"border-top: 6px solid var(--color-secondary);\">\r\n <p class=\"text-4xl mb-3\">\ud83d\udd52<\/p>\r\n <h3 class=\"text-2xl font-bold mb-2\" style=\"color: var(--color-secondary);\">\u0e40\u0e27\u0e25\u0e32\u0e17\u0e33\u0e01\u0e32\u0e23<\/h3>\r\n <p class=\"text-gray-700 text-lg leading-relaxed\">\r\n <span class=\"font-bold\">\u0e27\u0e31\u0e19\u0e41\u0e25\u0e30\u0e40\u0e27\u0e25\u0e32\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23<\/span><br>\r\n 08:30 - 16:30 \u0e19. (\u0e23\u0e31\u0e1a\u0e04\u0e33\u0e02\u0e2d\u0e16\u0e36\u0e07 16:00 \u0e19.)<br>\r\n <span class=\"text-sm text-gray-500 italic mt-2 block\">*\u0e42\u0e1b\u0e23\u0e14\u0e40\u0e15\u0e23\u0e35\u0e22\u0e21\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23 (\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07\u0e2a\u0e33\u0e40\u0e19\u0e32\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07) \u0e15\u0e32\u0e21 Checklist \u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e23\u0e27\u0e14\u0e40\u0e23\u0e47\u0e27<\/span>\r\n <\/p>\r\n <\/div>\r\n <div class=\"bg-white p-8 rounded-xl shadow-xl transform transition duration-300 hover:scale-105\" style=\"border-top: 6px solid var(--color-accent-red);\">\r\n <p class=\"text-4xl mb-3\">\ud83d\udcde<\/p>\r\n <h3 class=\"text-2xl font-bold mb-2\" style=\"color: var(--color-accent-red);\">\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21<\/h3>\r\n <div class=\"text-gray-700 font-bold text-xl space-y-2\">\r\n <p>043-366787 <span class=\"text-sm font-normal text-gray-500\">(\u0e17\u0e32\u0e07\u0e08\u0e14\u0e2b\u0e21\u0e32\u0e22\/\u0e2b\u0e31\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e2b\u0e19\u0e48\u0e27\u0e22)<\/span><\/p>\r\n <p>043-366780 <span class=\"text-sm font-normal text-gray-500\">(\u0e40\u0e04\u0e49\u0e32\u0e40\u0e15\u0e2d\u0e23\u0e4c 6)<\/span><\/p>\r\n <p>043-366781 <span class=\"text-sm font-normal text-gray-500\">(\u0e40\u0e04\u0e49\u0e32\u0e40\u0e15\u0e2d\u0e23\u0e4c 9)<\/span><\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"who-can-request\" class=\"bg-white p-8 md:p-10 rounded-xl shadow-xl mb-14\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold text-center mb-8\" style=\"color: var(--color-accent-purple);\">\u0e43\u0e04\u0e23\u0e1a\u0e49\u0e32\u0e07\u0e17\u0e35\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e02\u0e2d\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e23\u0e31\u0e01\u0e29\u0e32\u0e44\u0e14\u0e49?<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\r\n <div class=\"text-center p-6 border-2 border-gray-200 rounded-xl transition duration-300 hover:border-blue-400 hover:shadow-md\">\r\n <p class=\"text-5xl mb-4\">\ud83d\udc64<\/p>\r\n <h4 class=\"font-bold text-xl mb-1\">\u0e40\u0e08\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25<\/h4>\r\n <p class=\"text-base text-gray-600\">\u0e1c\u0e39\u0e49\u0e1b\u0e48\u0e27\u0e22\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e02\u0e2d\u0e07\u0e15\u0e19\u0e40\u0e2d\u0e07<\/p>\r\n <\/div>\r\n <div class=\"text-center p-6 border-2 border-gray-200 rounded-xl transition duration-300 hover:border-orange-400 hover:shadow-md\">\r\n <p class=\"text-5xl mb-4\">\ud83e\uddd1\u200d\ud83e\udd1d\u200d\ud83e\uddd1<\/p>\r\n <h4 class=\"font-bold text-xl mb-1\">\u0e1c\u0e39\u0e49\u0e23\u0e31\u0e1a\u0e21\u0e2d\u0e1a\u0e2d\u0e33\u0e19\u0e32\u0e08<\/h4>\r\n <p class=\"text-base text-gray-600\">\u0e1a\u0e38\u0e04\u0e04\u0e25\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e21\u0e2d\u0e1a\u0e2d\u0e33\u0e19\u0e32\u0e08\u0e08\u0e32\u0e01\u0e40\u0e08\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25<\/p>\r\n <\/div>\r\n <div class=\"text-center p-6 border-2 border-gray-200 rounded-xl transition duration-300 hover:border-red-400 hover:shadow-md\">\r\n <p class=\"text-5xl mb-4\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67<\/p>\r\n <h4 class=\"font-bold text-xl mb-1\">\u0e1c\u0e39\u0e49\u0e41\u0e17\u0e19\u0e42\u0e14\u0e22\u0e0a\u0e2d\u0e1a\u0e18\u0e23\u0e23\u0e21<\/h4>\r\n <p class=\"text-base text-gray-600\">\u0e1a\u0e34\u0e14\u0e32\u0e21\u0e32\u0e23\u0e14\u0e32 \u0e2b\u0e23\u0e37\u0e2d\u0e1c\u0e39\u0e49\u0e1b\u0e01\u0e04\u0e23\u0e2d\u0e07\u0e02\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e40\u0e22\u0e32\u0e27\u0e4c<\/p>\r\n <\/div>\r\n <div class=\"text-center p-6 border-2 border-gray-200 rounded-xl transition duration-300 hover:border-purple-400 hover:shadow-md\">\r\n <p class=\"text-5xl mb-4\">\ud83d\udd4a\ufe0f<\/p>\r\n <h4 class=\"font-bold text-xl mb-1\">\u0e17\u0e32\u0e22\u0e32\u0e17\u0e42\u0e14\u0e22\u0e18\u0e23\u0e23\u0e21<\/h4>\r\n <p class=\"text-base text-gray-600\">\u0e0d\u0e32\u0e15\u0e34\u0e2a\u0e32\u0e22\u0e15\u0e23\u0e07\u0e02\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e40\u0e2a\u0e35\u0e22\u0e0a\u0e35\u0e27\u0e34\u0e15<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <section id=\"request-steps\" class=\"mb-14\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold text-center mb-10\" style=\"color: var(--color-primary);\">\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e07\u0e48\u0e32\u0e22\u0e46 \u0e43\u0e19\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e23\u0e31\u0e01\u0e29\u0e32 (\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e04\u0e49\u0e32\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23)<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-7 items-center gap-4 md:gap-6\">\r\n <div class=\"flowchart-step\" style=\"background-color: #e6f6f6; color: var(--color-primary); border: 2px solid var(--color-primary);\">\r\n <span class=\"text-3xl block mb-2\">\u2460<\/span> \u0e40\u0e15\u0e23\u0e35\u0e22\u0e21\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\r\n <\/div>\r\n <div class=\"flowchart-arrow hidden md:flex\">\u2192<\/div>\r\n <div class=\"flowchart-step\" style=\"background-color: #feedde; color: var(--color-secondary); border: 2px solid var(--color-secondary);\">\r\n <span class=\"text-3xl block mb-2\">\u2461<\/span> \u0e01\u0e23\u0e2d\u0e01\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e17\u0e35\u0e48 \u0e23\u0e1e.\r\n <\/div>\r\n <div class=\"flowchart-arrow hidden md:flex\">\u2192<\/div>\r\n <div class=\"flowchart-step\" style=\"background-color: #fde8ea; color: var(--color-accent-red); border: 2px solid var(--color-accent-red);\">\r\n <span class=\"text-3xl block mb-2\">\u2462<\/span> \u0e22\u0e37\u0e48\u0e19\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e41\u0e25\u0e30\u0e23\u0e2d\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\r\n <\/div>\r\n <div class=\"flowchart-arrow hidden md:flex\">\u2192<\/div>\r\n <div class=\"flowchart-step\" style=\"background-color: #ebe9fd; color: var(--color-accent-purple); border: 2px solid var(--color-accent-purple);\">\r\n <span class=\"text-3xl block mb-2\">\u2463<\/span> \u0e23\u0e2d\u0e23\u0e31\u0e1a \u0e1b\u0e13. \/ \u0e21\u0e32\u0e23\u0e31\u0e1a\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"mt-10 text-center\">\r\n <h3 class=\"text-3xl font-bold mb-6\" style=\"color: #C1666B;\">\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e17\u0e35\u0e48\u0e19\u0e35\u0e48<\/h3>\r\n <a href=\"https:\/\/www.medicalrecords.kku.ac.th\/wp-content\/uploads\/2025\/06\/\u0e43\u0e1a\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e02\u0e2d\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e23\u0e31\u0e01\u0e29\u0e32\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e28\u0e23\u0e35\u0e19\u0e04\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c-18-07-2567.pdf\" target=\"_blank\" class=\"inline-block bg-green-600 hover:bg-green-700 text-white font-bold py-3 px-8 rounded-lg shadow-md transition duration-300 mr-4 mb-3 text-lg\"><span class=\"mr-2\">\ud83d\udcc4<\/span> \u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e02\u0e2d\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34<\/a>\r\n <a href=\"https:\/\/www.medicalrecords.kku.ac.th\/wp-content\/uploads\/2025\/06\/\u0e21\u0e2d\u0e1a\u0e2d\u0e33\u0e19\u0e32\u0e08\u0e41\u0e25\u0e30\u0e22\u0e34\u0e19\u0e22\u0e2d\u0e21\u0e40\u0e1b\u0e34\u0e14\u0e40\u0e1c\u0e22\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34.pdf\" target=\"_blank\" class=\"inline-block bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-lg shadow-md transition duration-300 mb-3 text-lg\"><span class=\"mr-2\">\u270d\ufe0f<\/span> \u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e21\u0e2d\u0e1a\u0e2d\u0e33\u0e19\u0e32\u0e08\u0e41\u0e25\u0e30\u0e22\u0e34\u0e19\u0e22\u0e2d\u0e21<\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"document-checklist\" class=\"bg-white p-8 md:p-10 rounded-xl shadow-xl mb-14\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold text-center mb-4\" style=\"color: var(--color-secondary);\">Checklist: \u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e43\u0e0a\u0e49\u0e43\u0e19\u0e41\u0e15\u0e48\u0e25\u0e30\u0e01\u0e23\u0e13\u0e35<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-5 gap-8\">\r\n <div class=\"md:col-span-3\">\r\n <div class=\"chart-container h-72 md:h-80\"><canvas id=\"documentsChart\"><\/canvas><\/div>\r\n <\/div>\r\n <div class=\"md:col-span-2 space-y-6\">\r\n <div>\r\n <h4 class=\"font-bold text-xl mb-2\" style=\"color: var(--color-primary);\">1. \u0e02\u0e2d\u0e14\u0e49\u0e27\u0e22\u0e15\u0e19\u0e40\u0e2d\u0e07 (\u0e40\u0e08\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25)<\/h4>\r\n <ul class=\"list-disc list-inside text-gray-700 text-base leading-relaxed pl-4\">\r\n <li>\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e02\u0e2d\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34<\/li>\r\n <li>\u0e2a\u0e33\u0e40\u0e19\u0e32\u0e1a\u0e31\u0e15\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e0a\u0e19\u0e1c\u0e39\u0e49\u0e02\u0e2d<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-xl mb-2\" style=\"color: var(--color-secondary);\">2. \u0e21\u0e2d\u0e1a\u0e2d\u0e33\u0e19\u0e32\u0e08<\/h4>\r\n <ul class=\"list-disc list-inside text-gray-700 text-base leading-relaxed pl-4\">\r\n <li>\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e02\u0e2d\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34<\/li>\r\n <li>\u0e2a\u0e33\u0e40\u0e19\u0e32\u0e1a\u0e31\u0e15\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e0a\u0e19 (\u0e1c\u0e39\u0e49\u0e21\u0e2d\u0e1a\u0e2d\u0e33\u0e19\u0e32\u0e08\u0e41\u0e25\u0e30\u0e1c\u0e39\u0e49\u0e23\u0e31\u0e1a\u0e21\u0e2d\u0e1a)<\/li>\r\n <li>\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e21\u0e2d\u0e1a\u0e2d\u0e33\u0e19\u0e32\u0e08\u0e41\u0e25\u0e30\u0e22\u0e34\u0e19\u0e22\u0e2d\u0e21\u0e40\u0e1b\u0e34\u0e14\u0e40\u0e1c\u0e22\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34 <\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-xl mb-2\" style=\"color: var(--color-accent-red);\">3. \u0e02\u0e2d\u0e43\u0e2b\u0e49\u0e1a\u0e38\u0e15\u0e23 (\u0e2d\u0e32\u0e22\u0e38\u0e44\u0e21\u0e48\u0e40\u0e01\u0e34\u0e19 15 \u0e1b\u0e35)<\/h4>\r\n <ul class=\"list-disc list-inside text-gray-700 text-base leading-relaxed pl-4\">\r\n <li>\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e02\u0e2d\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34<\/li>\r\n <li>\u0e2a\u0e33\u0e40\u0e19\u0e32\u0e1a\u0e31\u0e15\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e0a\u0e19\u0e02\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e1b\u0e01\u0e04\u0e23\u0e2d\u0e07<\/li>\r\n <li>\u0e2a\u0e33\u0e40\u0e19\u0e32\u0e2a\u0e39\u0e15\u0e34\u0e1a\u0e31\u0e15\u0e23 \u0e2b\u0e23\u0e37\u0e2d \u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e1a\u0e49\u0e32\u0e19\u0e1a\u0e38\u0e15\u0e23<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-xl mb-2\" style=\"color: var(--color-accent-purple);\">4. \u0e02\u0e2d\u0e02\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e40\u0e2a\u0e35\u0e22\u0e0a\u0e35\u0e27\u0e34\u0e15 (\u0e42\u0e14\u0e22\u0e17\u0e32\u0e22\u0e32\u0e17)<\/h4>\r\n <ul class=\"list-disc list-inside text-gray-700 text-base leading-relaxed pl-4\">\r\n <li>\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e02\u0e2d\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34 \u0e41\u0e25\u0e30 \u0e2a\u0e33\u0e40\u0e19\u0e32\u0e43\u0e1a\u0e21\u0e23\u0e13\u0e1a\u0e31\u0e15\u0e23<\/li>\r\n <li>\u0e2a\u0e33\u0e40\u0e19\u0e32\u0e1a\u0e31\u0e15\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e0a\u0e19\/\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e1a\u0e49\u0e32\u0e19 \u0e17\u0e32\u0e22\u0e32\u0e17\u0e41\u0e25\u0e30\u0e1c\u0e39\u0e49\u0e40\u0e2a\u0e35\u0e22\u0e0a\u0e35\u0e27\u0e34\u0e15<\/li>\r\n <li>\u0e2b\u0e25\u0e31\u0e01\u0e10\u0e32\u0e19\u0e41\u0e2a\u0e14\u0e07\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e32\u0e22\u0e32\u0e17<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"mt-6 p-4 rounded-lg bg-red-50 text-red-800 text-base border border-red-200\">\r\n <strong class=\"block text-lg mb-1\">\u26a0\ufe0f \u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e21\u0e32\u0e01:<\/strong> \u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e2a\u0e33\u0e40\u0e19\u0e32\u0e17\u0e38\u0e01\u0e09\u0e1a\u0e31\u0e1a\u0e15\u0e49\u0e2d\u0e07\u0e25\u0e07\u0e19\u0e32\u0e21 \"<span class=\"font-bold\">\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07\u0e2a\u0e33\u0e40\u0e19\u0e32\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07<\/span>\"\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"fee-info\" class=\"bg-white p-8 md:p-10 rounded-xl shadow-xl mb-14 border-l-8\" style=\"border-color: var(--color-accent-red);\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold text-center mb-6\" style=\"color: var(--color-accent-red);\">\ud83d\udcb8 \u0e2d\u0e31\u0e15\u0e23\u0e32\u0e04\u0e48\u0e32\u0e18\u0e23\u0e23\u0e21\u0e40\u0e19\u0e35\u0e22\u0e21<\/h2>\r\n \r\n <div class=\"bg-red-50 p-6 md:p-8 rounded-xl border border-red-200 shadow-sm mb-6\">\r\n <p class=\"text-2xl md:text-3xl font-extrabold text-red-700 text-center mb-2\">\r\n \u0e40\u0e23\u0e35\u0e22\u0e01\u0e40\u0e01\u0e47\u0e1a\u0e04\u0e48\u0e32\u0e18\u0e23\u0e23\u0e21\u0e40\u0e19\u0e35\u0e22\u0e21 300 \u0e1a\u0e32\u0e17 (\u0e0a\u0e33\u0e23\u0e30\u0e40\u0e2d\u0e07) \u0e43\u0e19\u0e17\u0e38\u0e01\u0e01\u0e23\u0e13\u0e35\r\n <\/p>\r\n <p class=\"text-lg text-red-600 text-center font-medium mb-4\">\r\n (\u0e23\u0e27\u0e21\u0e16\u0e36\u0e07\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e1c\u0e25\u0e15\u0e23\u0e27\u0e08\u0e1e\u0e34\u0e40\u0e28\u0e29\u0e2d\u0e37\u0e48\u0e19\u0e46 \u0e17\u0e38\u0e01\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17)\r\n <\/p>\r\n \r\n <div class=\"text-center mt-5 pt-5 border-t border-red-200\">\r\n <p class=\"text-red-800 text-base font-medium mb-2\">\r\n \u0e15\u0e32\u0e21\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e04\u0e13\u0e30\u0e41\u0e1e\u0e17\u0e22\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c (\u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 49\/2569) \u0e21\u0e35\u0e1c\u0e25\u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a\u0e43\u0e0a\u0e49\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48 <span class=\"font-bold\">14 \u0e21\u0e35\u0e19\u0e32\u0e04\u0e21 2569<\/span> \u0e40\u0e1b\u0e47\u0e19\u0e15\u0e49\u0e19\u0e44\u0e1b\r\n <\/p>\r\n <a href=\"https:\/\/drive.google.com\/file\/d\/11jnAiAg_ai1sU3nTjkxALfh99GD9ls5Y\/view\" target=\"_blank\" class=\"inline-flex items-center justify-center bg-red-600 hover:bg-red-700 text-white font-bold py-2 px-6 rounded-full shadow-md transition duration-300 text-base\">\r\n <span class=\"mr-2\">\ud83d\udcc4<\/span> \u0e2d\u0e48\u0e32\u0e19\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e09\u0e1a\u0e31\u0e1a\u0e40\u0e15\u0e47\u0e21\u0e04\u0e25\u0e34\u0e01\u0e17\u0e35\u0e48\u0e19\u0e35\u0e48\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-green-50 p-6 md:p-8 rounded-xl border border-green-200 shadow-sm\">\r\n <h3 class=\"text-2xl font-bold text-green-800 mb-4 flex items-center\">\r\n <span class=\"text-3xl mr-3\">\u2705<\/span> \u0e02\u0e49\u0e2d\u0e22\u0e01\u0e40\u0e27\u0e49\u0e19 (\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e2a\u0e35\u0e22\u0e04\u0e48\u0e32\u0e18\u0e23\u0e23\u0e21\u0e40\u0e19\u0e35\u0e22\u0e21)\r\n <\/h3>\r\n <p class=\"text-gray-800 text-lg leading-relaxed mb-3\">\r\n \u0e22\u0e01\u0e40\u0e27\u0e49\u0e19\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e01\u0e23\u0e13\u0e35 <strong>\u0e02\u0e2d\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e44\u0e1b\u0e23\u0e31\u0e01\u0e29\u0e32\u0e15\u0e48\u0e2d \u0e2b\u0e23\u0e37\u0e2d\u0e2a\u0e48\u0e07\u0e15\u0e31\u0e27\u0e01\u0e25\u0e31\u0e1a (Refer)<\/strong> \u0e42\u0e14\u0e22\u0e1c\u0e39\u0e49\u0e02\u0e2d\u0e08\u0e30\u0e15\u0e49\u0e2d\u0e07\u0e19\u0e33\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e14\u0e31\u0e07\u0e15\u0e48\u0e2d\u0e44\u0e1b\u0e19\u0e35\u0e49\u0e21\u0e32\u0e41\u0e2a\u0e14\u0e07\u0e15\u0e48\u0e2d\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e1c\u0e39\u0e49\u0e23\u0e31\u0e1a\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07:\r\n <\/p>\r\n <ul class=\"list-disc list-inside text-gray-700 text-lg space-y-3 ml-4\">\r\n <li>\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e2a\u0e48\u0e07\u0e15\u0e31\u0e27\u0e2b\u0e23\u0e37\u0e2d\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e2d\u0e37\u0e48\u0e19\u0e43\u0e14\u0e08\u0e32\u0e01\u0e41\u0e1e\u0e17\u0e22\u0e4c\u0e02\u0e2d\u0e07\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e1b\u0e25\u0e32\u0e22\u0e17\u0e32\u0e07 \u0e23\u0e30\u0e1a\u0e38\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19\u0e27\u0e48\u0e32\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e23\u0e31\u0e01\u0e29\u0e32 \u0e41\u0e25\u0e30\u0e1c\u0e25\u0e15\u0e23\u0e27\u0e08\u0e1e\u0e34\u0e40\u0e28\u0e29\u0e43\u0e14\u0e1a\u0e49\u0e32\u0e07<\/li>\r\n <li>\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07\u0e2d\u0e37\u0e48\u0e19\u0e46 \u0e08\u0e32\u0e01\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e1b\u0e25\u0e32\u0e22\u0e17\u0e32\u0e07\u0e17\u0e35\u0e48\u0e41\u0e2a\u0e14\u0e07\u0e04\u0e27\u0e32\u0e21\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19\u0e43\u0e19\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e23\u0e31\u0e01\u0e29\u0e32\u0e15\u0e48\u0e2d<\/li>\r\n <li><span class=\"font-bold text-green-900\">\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e08\u0e32\u0e01\u0e41\u0e1e\u0e17\u0e22\u0e4c\u0e17\u0e35\u0e48\u0e2a\u0e48\u0e07\u0e15\u0e31\u0e27\u0e01\u0e25\u0e31\u0e1a\u0e23\u0e31\u0e01\u0e29\u0e32\u0e15\u0e48\u0e2d\u0e17\u0e35\u0e48\u0e20\u0e39\u0e21\u0e34\u0e25\u0e33\u0e40\u0e19\u0e32 \u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e43\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e48\u0e07\u0e15\u0e31\u0e27\u0e01\u0e25\u0e31\u0e1a\u0e08\u0e32\u0e01\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e28\u0e23\u0e35\u0e19\u0e04\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c<\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/section>\r\n <section id=\"pdpa-emergency\" class=\"bg-white p-8 md:p-10 rounded-xl shadow-xl mb-14 border-t-8\" style=\"border-top-color: #3B82F6;\">\r\n <header class=\"text-center mb-8\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold mb-3\" style=\"color: #1D4ED8;\">\ud83d\udee1\ufe0f \u0e2a\u0e34\u0e17\u0e18\u0e34\u0e2a\u0e48\u0e27\u0e19\u0e1a\u0e38\u0e04\u0e04\u0e25 (PDPA) \u0e41\u0e25\u0e30 \u0e01\u0e32\u0e23\u0e02\u0e2d\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e01\u0e23\u0e13\u0e35\u0e09\u0e38\u0e01\u0e40\u0e09\u0e34\u0e19<\/h2>\r\n <p class=\"text-lg text-gray-600\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e16\u0e39\u0e01\u0e04\u0e38\u0e49\u0e21\u0e04\u0e23\u0e2d\u0e07\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e02\u0e49\u0e21\u0e07\u0e27\u0e14 \u0e41\u0e15\u0e48\u0e43\u0e19\u0e22\u0e32\u0e21\u0e04\u0e31\u0e1a\u0e02\u0e31\u0e19 \u0e2a\u0e34\u0e17\u0e18\u0e34\u0e43\u0e19\u0e01\u0e32\u0e23\u0e23\u0e31\u0e01\u0e29\u0e32\u0e0a\u0e35\u0e27\u0e34\u0e15\u0e15\u0e49\u0e2d\u0e07\u0e21\u0e32\u0e01\u0e48\u0e2d\u0e19<\/p>\r\n <\/header>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n <div class=\"bg-blue-50 p-6 rounded-xl border border-blue-100\">\r\n <h3 class=\"text-xl font-bold text-blue-800 mb-3 flex items-center\">\r\n <span class=\"text-2xl mr-2\">\ud83d\udd12<\/span> \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e04\u0e37\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e25\u0e31\u0e1a\r\n <\/h3>\r\n <p class=\"text-gray-700 text-base leading-relaxed\">\r\n \u0e15\u0e32\u0e21 <strong>\u0e1e.\u0e23.\u0e1a. \u0e04\u0e38\u0e49\u0e21\u0e04\u0e23\u0e2d\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e48\u0e27\u0e19\u0e1a\u0e38\u0e04\u0e04\u0e25 (PDPA)<\/strong> \u0e41\u0e25\u0e30 <strong>\u0e1e.\u0e23.\u0e1a. \u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e\u0e41\u0e2b\u0e48\u0e07\u0e0a\u0e32\u0e15\u0e34<\/strong> \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e\u0e16\u0e37\u0e2d\u0e40\u0e1b\u0e47\u0e19 <span class=\"text-red-600 font-semibold\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e2d\u0e48\u0e2d\u0e19\u0e44\u0e2b\u0e27 (Sensitive Data)<\/span> \u0e01\u0e32\u0e23\u0e40\u0e1b\u0e34\u0e14\u0e40\u0e1c\u0e22\u0e2b\u0e23\u0e37\u0e2d\u0e2a\u0e48\u0e07\u0e15\u0e48\u0e2d\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e15\u0e49\u0e2d\u0e07\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a <strong>\"\u0e04\u0e27\u0e32\u0e21\u0e22\u0e34\u0e19\u0e22\u0e2d\u0e21\"<\/strong> \u0e08\u0e32\u0e01\u0e04\u0e19\u0e44\u0e02\u0e49\u0e01\u0e48\u0e2d\u0e19\u0e40\u0e2a\u0e21\u0e2d \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e01\u0e32\u0e23\u0e19\u0e33\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e44\u0e1b\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e40\u0e01\u0e34\u0e14\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2a\u0e35\u0e22\u0e2b\u0e32\u0e22\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"bg-green-50 p-6 rounded-xl border border-green-100\">\r\n <h3 class=\"text-xl font-bold text-green-800 mb-3 flex items-center\">\r\n <span class=\"text-2xl mr-2\">\ud83d\ude91<\/span> \u0e02\u0e49\u0e2d\u0e22\u0e01\u0e40\u0e27\u0e49\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e0a\u0e48\u0e27\u0e22\u0e0a\u0e35\u0e27\u0e34\u0e15 (Vital Interest)\r\n <\/h3>\r\n <p class=\"text-gray-700 text-base leading-relaxed\">\r\n \u0e2b\u0e32\u0e01\u0e40\u0e01\u0e34\u0e14\u0e01\u0e23\u0e13\u0e35\u0e09\u0e38\u0e01\u0e40\u0e09\u0e34\u0e19 \u0e40\u0e0a\u0e48\u0e19 <span class=\"font-semibold text-green-700\">\u0e04\u0e19\u0e44\u0e02\u0e49\u0e2b\u0e21\u0e14\u0e2a\u0e15\u0e34 \u0e1a\u0e32\u0e14\u0e40\u0e08\u0e47\u0e1a\u0e2a\u0e32\u0e2b\u0e31\u0e2a<\/span> \u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22\u0e41\u0e25\u0e30\u0e08\u0e23\u0e34\u0e22\u0e18\u0e23\u0e23\u0e21\u0e41\u0e1e\u0e17\u0e22\u0e4c\u0e40\u0e1b\u0e34\u0e14\u0e0a\u0e48\u0e2d\u0e07\u0e43\u0e2b\u0e49\u0e41\u0e1e\u0e17\u0e22\u0e4c\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2a\u0e48\u0e07\u0e15\u0e48\u0e2d\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e23\u0e31\u0e01\u0e29\u0e32\u0e43\u0e2b\u0e49\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e1b\u0e25\u0e32\u0e22\u0e17\u0e32\u0e07\u0e44\u0e14\u0e49\u0e17\u0e31\u0e19\u0e17\u0e35 <strong>\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e23\u0e30\u0e07\u0e31\u0e1a\u0e2d\u0e31\u0e19\u0e15\u0e23\u0e32\u0e22\u0e15\u0e48\u0e2d\u0e0a\u0e35\u0e27\u0e34\u0e15<\/strong> \u0e42\u0e14\u0e22\u0e16\u0e37\u0e2d\u0e40\u0e1b\u0e47\u0e19\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14\u0e02\u0e2d\u0e07\u0e04\u0e19\u0e44\u0e02\u0e49\u0e41\u0e25\u0e30\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e23\u0e2d\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e22\u0e34\u0e19\u0e22\u0e2d\u0e21\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <section id=\"legal-terms\" class=\"bg-white p-8 md:p-10 rounded-xl shadow-xl mb-14\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold text-center mb-8\" style=\"color: #C1666B;\">\u0e04\u0e33\u0e2d\u0e18\u0e34\u0e1a\u0e32\u0e22\u0e28\u0e31\u0e1e\u0e17\u0e4c\u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22\u0e17\u0e35\u0e48\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e2d\u0e37\u0e48\u0e19\u0e46<\/h2>\r\n <div class=\"space-y-8\">\r\n <div class=\"legal-term-section\">\r\n <h3 class=\"text-2xl font-bold mb-3 flex justify-between items-center cursor-pointer\" style=\"color: var(--color-primary);\" onclick=\"toggleAccordion(this)\">\r\n <span>1. \u0e04\u0e33\u0e2a\u0e31\u0e48\u0e07\u0e28\u0e32\u0e25 (Court Order)<\/span>\r\n <button class=\"toggle-content\">+<\/button>\r\n <\/h3>\r\n <div class=\"content-to-toggle hidden pl-6 border-l-4 border-gray-200 py-2 space-y-3\">\r\n <p class=\"text-gray-700 text-base leading-relaxed\">\u0e04\u0e37\u0e2d \u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e17\u0e35\u0e48\u0e2d\u0e2d\u0e01\u0e42\u0e14\u0e22\u0e28\u0e32\u0e25\u0e22\u0e38\u0e15\u0e34\u0e18\u0e23\u0e23\u0e21 \u0e40\u0e1b\u0e47\u0e19\u0e04\u0e33\u0e2a\u0e31\u0e48\u0e07\u0e2b\u0e23\u0e37\u0e2d\u0e04\u0e33\u0e27\u0e34\u0e19\u0e34\u0e08\u0e09\u0e31\u0e22\u0e02\u0e2d\u0e07\u0e28\u0e32\u0e25\u0e17\u0e35\u0e48\u0e43\u0e2b\u0e49\u0e2a\u0e16\u0e32\u0e19\u0e30\u0e17\u0e32\u0e07\u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22\u0e41\u0e01\u0e48\u0e1a\u0e38\u0e04\u0e04\u0e25 \u0e2b\u0e23\u0e37\u0e2d\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e43\u0e2b\u0e49\u0e01\u0e23\u0e30\u0e17\u0e33\u0e01\u0e32\u0e23\u0e1a\u0e32\u0e07\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e14\u0e49 \u0e40\u0e0a\u0e48\u0e19 \u0e01\u0e32\u0e23\u0e41\u0e15\u0e48\u0e07\u0e15\u0e31\u0e49\u0e07\u0e1c\u0e39\u0e49\u0e14\u0e39\u0e41\u0e25 \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e4c\u0e2a\u0e34\u0e19 \u0e2b\u0e23\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e15\u0e48\u0e32\u0e07\u0e46<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"legal-term-section\">\r\n <h3 class=\"text-2xl font-bold mb-3 flex justify-between items-center cursor-pointer\" style=\"color: var(--color-secondary);\" onclick=\"toggleAccordion(this)\">\r\n <span>2. \u0e1c\u0e39\u0e49\u0e2d\u0e19\u0e38\u0e1a\u0e32\u0e25 \u0e41\u0e25\u0e30 \u0e1c\u0e39\u0e49\u0e1e\u0e34\u0e17\u0e31\u0e01\u0e29\u0e4c<\/span>\r\n <button class=\"toggle-content\">+<\/button>\r\n <\/h3>\r\n <div class=\"content-to-toggle hidden pl-6 border-l-4 border-gray-200 py-2 space-y-3\">\r\n <p class=\"text-gray-700 text-base leading-relaxed\">\u0e04\u0e37\u0e2d\u0e1a\u0e38\u0e04\u0e04\u0e25\u0e17\u0e35\u0e48\u0e28\u0e32\u0e25\u0e21\u0e35\u0e04\u0e33\u0e2a\u0e31\u0e48\u0e07\u0e41\u0e15\u0e48\u0e07\u0e15\u0e31\u0e49\u0e07\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e14\u0e39\u0e41\u0e25\u0e1a\u0e38\u0e04\u0e04\u0e25\u0e2d\u0e37\u0e48\u0e19\u0e17\u0e35\u0e48\u0e44\u0e21\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e01\u0e34\u0e08\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e15\u0e19\u0e40\u0e2d\u0e07\u0e44\u0e14\u0e49<\/p>\r\n <ul class=\"list-disc list-inside text-gray-700 pl-6 mt-2 space-y-2 text-base leading-relaxed\">\r\n <li><b style=\"color: var(--color-accent-red);\">\u0e1c\u0e39\u0e49\u0e2d\u0e19\u0e38\u0e1a\u0e32\u0e25 (\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a \"\u0e04\u0e19\u0e44\u0e23\u0e49\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\"):<\/b> \u0e14\u0e39\u0e41\u0e25\u0e1c\u0e39\u0e49\u0e17\u0e35\u0e48\u0e28\u0e32\u0e25\u0e2a\u0e31\u0e48\u0e07\u0e27\u0e48\u0e32\u0e44\u0e21\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e34\u0e08\u0e01\u0e32\u0e23\u0e40\u0e2d\u0e07\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22 (\u0e40\u0e0a\u0e48\u0e19 \u0e1c\u0e39\u0e49\u0e1b\u0e48\u0e27\u0e22\u0e15\u0e34\u0e14\u0e40\u0e15\u0e35\u0e22\u0e07\u0e44\u0e21\u0e48\u0e23\u0e39\u0e49\u0e2a\u0e36\u0e01\u0e15\u0e31\u0e27) \u0e21\u0e35\u0e2d\u0e33\u0e19\u0e32\u0e08\u0e40\u0e15\u0e47\u0e21\u0e43\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e01\u0e34\u0e08\u0e01\u0e32\u0e23\u0e41\u0e17\u0e19<\/li>\r\n <li><b style=\"color: var(--color-accent-red);\">\u0e1c\u0e39\u0e49\u0e1e\u0e34\u0e17\u0e31\u0e01\u0e29\u0e4c (\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a \"\u0e04\u0e19\u0e40\u0e2a\u0e21\u0e37\u0e2d\u0e19\u0e44\u0e23\u0e49\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\"):<\/b> \u0e14\u0e39\u0e41\u0e25\u0e1c\u0e39\u0e49\u0e17\u0e35\u0e48\u0e22\u0e31\u0e07\u0e1e\u0e2d\u0e17\u0e33\u0e01\u0e34\u0e08\u0e01\u0e32\u0e23\u0e1a\u0e32\u0e07\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e14\u0e49 \u0e41\u0e15\u0e48\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e1a\u0e01\u0e1e\u0e23\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e01\u0e32\u0e22\u0e2b\u0e23\u0e37\u0e2d\u0e08\u0e34\u0e15 \u0e21\u0e35\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e43\u0e2b\u0e49\u0e04\u0e27\u0e32\u0e21\u0e22\u0e34\u0e19\u0e22\u0e2d\u0e21\u0e43\u0e19\u0e19\u0e34\u0e15\u0e34\u0e01\u0e23\u0e23\u0e21\u0e17\u0e35\u0e48\u0e2a\u0e33\u0e04\u0e31\u0e0d<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <section id=\"mail-request\" class=\"bg-white p-8 md:p-10 rounded-xl shadow-xl mb-14\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold text-center mb-8\" style=\"color: #C1666B;\">\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e23\u0e31\u0e01\u0e29\u0e32\u0e17\u0e32\u0e07\u0e44\u0e1b\u0e23\u0e29\u0e13\u0e35\u0e22\u0e4c<\/h2>\r\n <div class=\"space-y-10\">\r\n <div>\r\n <h3 class=\"text-2xl font-bold mb-4 flex items-center\" style=\"color: var(--color-primary);\"><span class=\"text-4xl mr-4\">\u2460<\/span> \u0e40\u0e15\u0e23\u0e35\u0e22\u0e21\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e41\u0e25\u0e30\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e04\u0e23\u0e1a\u0e16\u0e49\u0e27\u0e19<\/h3>\r\n <div class=\"pl-12 space-y-4\">\r\n <ul class=\"list-disc list-inside text-gray-700 space-y-2 text-base leading-relaxed\">\r\n <li><b>\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e02\u0e2d\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34:<\/b> \u0e01\u0e23\u0e2d\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e43\u0e2b\u0e49\u0e04\u0e23\u0e1a\u0e16\u0e49\u0e27\u0e19<\/li>\r\n <li><b>\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e21\u0e2d\u0e1a\u0e2d\u0e33\u0e19\u0e32\u0e08\u0e41\u0e25\u0e30\u0e22\u0e34\u0e19\u0e22\u0e2d\u0e21:<\/b> \u0e43\u0e0a\u0e49\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e23\u0e13\u0e35\u0e21\u0e2d\u0e1a\u0e2d\u0e33\u0e19\u0e32\u0e08<\/li>\r\n <li><b>\u0e2a\u0e33\u0e40\u0e19\u0e32\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14:<\/b> \u0e15\u0e49\u0e2d\u0e07\u0e16\u0e48\u0e32\u0e22\u0e2a\u0e33\u0e40\u0e19\u0e32\u0e41\u0e25\u0e30\u0e25\u0e07\u0e19\u0e32\u0e21 \"\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07\u0e2a\u0e33\u0e40\u0e19\u0e32\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07\" \u0e17\u0e38\u0e01\u0e09\u0e1a\u0e31\u0e1a<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <h3 class=\"text-2xl font-bold mb-4 flex items-center\" style=\"color: var(--color-secondary);\"><span class=\"text-4xl mr-4\">\u2461<\/span> \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e2a\u0e48\u0e07\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23<\/h3>\r\n <div class=\"pl-12\">\r\n <div class=\"p-5 bg-gray-50 rounded-lg border border-gray-200\">\r\n <p class=\"text-gray-700 font-semibold mb-3 text-base leading-relaxed\">\r\n \u0e08\u0e31\u0e14\u0e2a\u0e48\u0e07\u0e1c\u0e48\u0e32\u0e19\u0e44\u0e1b\u0e23\u0e29\u0e13\u0e35\u0e22\u0e4c\u0e44\u0e17\u0e22\u0e41\u0e1a\u0e1a <span class=\"font-bold text-orange-700\">'\u0e1e\u0e31\u0e2a\u0e14\u0e38\u0e25\u0e07\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19'<\/span> \u0e2b\u0e23\u0e37\u0e2d <span class=\"font-bold text-orange-700\">'EMS'<\/span> \u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19\r\n <\/p>\r\n <p class=\"text-gray-700 mb-1 text-base leading-relaxed\"><b>\u0e40\u0e23\u0e35\u0e22\u0e19:<\/b> \u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e28\u0e23\u0e35\u0e19\u0e04\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c \u0e04\u0e13\u0e30\u0e41\u0e1e\u0e17\u0e22\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c<\/p>\r\n <p class=\"text-gray-700 mb-1 text-base leading-relaxed\"><b>\u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48:<\/b> 123 \u0e16\u0e19\u0e19\u0e21\u0e34\u0e15\u0e23\u0e20\u0e32\u0e1e \u0e15.\u0e43\u0e19\u0e40\u0e21\u0e37\u0e2d\u0e07 \u0e2d.\u0e40\u0e21\u0e37\u0e2d\u0e07 \u0e08.\u0e02\u0e2d\u0e19\u0e41\u0e01\u0e48\u0e19 40002<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <h3 class=\"text-2xl font-bold mb-4 flex items-center\" style=\"color: var(--color-accent-red);\"><span class=\"text-4xl mr-4\">\u2462<\/span> \u0e04\u0e48\u0e32\u0e18\u0e23\u0e23\u0e21\u0e40\u0e19\u0e35\u0e22\u0e21\u0e41\u0e25\u0e30\u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e0a\u0e33\u0e23\u0e30<\/h3>\r\n <div class=\"pl-12 space-y-4\">\r\n <ul class=\"list-disc list-inside text-gray-700 space-y-2 text-base leading-relaxed\">\r\n <li class=\"text-red-600\"><b>\u0e04\u0e48\u0e32\u0e18\u0e23\u0e23\u0e21\u0e40\u0e19\u0e35\u0e22\u0e21: 300 \u0e1a\u0e32\u0e17 (\u0e0a\u0e33\u0e23\u0e30\u0e40\u0e2d\u0e07) \u0e17\u0e38\u0e01\u0e01\u0e23\u0e13\u0e35<\/b> (\u0e01\u0e23\u0e38\u0e13\u0e32\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e02\u0e49\u0e2d\u0e22\u0e01\u0e40\u0e27\u0e49\u0e19\u0e43\u0e19 <a href=\"#fee-info\" class=\"underline font-bold hover:text-red-800\">\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e04\u0e48\u0e32\u0e18\u0e23\u0e23\u0e21\u0e40\u0e19\u0e35\u0e22\u0e21<\/a>)<\/li>\r\n <li>\r\n <b>\u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e0a\u0e33\u0e23\u0e30:<\/b> \u0e42\u0e14\u0e22\u0e43\u0e0a\u0e49 <span class=\"font-bold\">\u0e40\u0e0a\u0e47\u0e04\u0e2a\u0e31\u0e48\u0e07\u0e08\u0e48\u0e32\u0e22\u0e43\u0e19\u0e19\u0e32\u0e21 \"\u0e40\u0e07\u0e34\u0e19\u0e23\u0e32\u0e22\u0e44\u0e14\u0e49 \u0e21\u0e02.(\u0e04\u0e13\u0e30\u0e41\u0e1e\u0e17\u0e22\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c)\"<\/span> \u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19<br>\r\n <span class=\"text-sm text-gray-500 italic\">*\u0e2b\u0e32\u0e01\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e2a\u0e07\u0e2a\u0e31\u0e22 \u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d \u0e04\u0e38\u0e13\u0e2a\u0e38\u0e23\u0e28\u0e31\u0e01\u0e14\u0e34\u0e4c (043-366787)<\/span>\r\n <\/li>\r\n <\/ul>\r\n <div class=\"mt-6 p-4 rounded-lg bg-yellow-50 text-yellow-800 text-base border border-yellow-200\">\r\n <strong class=\"block text-lg mb-2\">\u2757\ufe0f \u0e02\u0e49\u0e2d\u0e04\u0e27\u0e23\u0e23\u0e30\u0e27\u0e31\u0e07\u0e2a\u0e33\u0e04\u0e31\u0e0d:<\/strong>\r\n <ul class=\"list-disc list-inside ml-4 space-y-1\">\r\n <li>\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25 <span class=\"font-bold\">\u0e44\u0e21\u0e48\u0e23\u0e31\u0e1a\u0e40\u0e07\u0e34\u0e19\u0e2a\u0e14, \u0e44\u0e21\u0e48\u0e23\u0e31\u0e1a\u0e40\u0e07\u0e34\u0e19\u0e42\u0e2d\u0e19<\/span> \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e17\u0e32\u0e07\u0e44\u0e1b\u0e23\u0e29\u0e13\u0e35\u0e22\u0e4c<\/li>\r\n <li>\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e08\u0e30\u0e44\u0e21\u0e48\u0e23\u0e31\u0e1a\u0e1c\u0e34\u0e14\u0e0a\u0e2d\u0e1a\u0e2b\u0e32\u0e01\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\/\u0e40\u0e0a\u0e47\u0e04 \u0e0a\u0e33\u0e23\u0e38\u0e14\u0e2b\u0e23\u0e37\u0e2d\u0e2a\u0e39\u0e0d\u0e2b\u0e32\u0e22<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"rights-responsibilities\" class=\"bg-white p-8 md:p-10 rounded-xl shadow-xl mb-14\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold text-center mb-8\" style=\"color: var(--color-accent-purple);\">\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e23\u0e31\u0e1a\u0e1c\u0e34\u0e14\u0e0a\u0e2d\u0e1a\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 items-center\">\r\n <div class=\"chart-container h-72 md:h-80\">\r\n <canvas id=\"rightsChart\"><\/canvas>\r\n <\/div>\r\n <div class=\"space-y-6\">\r\n <div class=\"flex items-start\">\r\n <div class=\"w-5 h-5 rounded-full mt-1 mr-4 flex-shrink-0\" style=\"background-color: var(--color-primary);\"><\/div>\r\n <div>\r\n <h4 class=\"font-bold text-xl mb-1\">\u0e43\u0e0a\u0e49\u0e15\u0e32\u0e21\u0e27\u0e31\u0e15\u0e16\u0e38\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c\u0e17\u0e35\u0e48\u0e41\u0e08\u0e49\u0e07\u0e44\u0e27\u0e49\u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19<\/h4>\r\n <p class=\"text-gray-600 text-base leading-relaxed\">\r\n \u0e17\u0e48\u0e32\u0e19\u0e08\u0e30\u0e15\u0e49\u0e2d\u0e07\u0e19\u0e33\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e44\u0e1b\u0e43\u0e0a\u0e49\u0e15\u0e32\u0e21\u0e27\u0e31\u0e15\u0e16\u0e38\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c\u0e17\u0e35\u0e48\u0e23\u0e30\u0e1a\u0e38\u0e44\u0e27\u0e49\u0e43\u0e19\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e02\u0e2d\u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <div class=\"w-5 h-5 rounded-full mt-1 mr-4 flex-shrink-0\" style=\"background-color: var(--color-secondary);\"><\/div>\r\n <div>\r\n <h4 class=\"font-bold text-xl mb-1\">\u0e2b\u0e49\u0e32\u0e21\u0e40\u0e1c\u0e22\u0e41\u0e1e\u0e23\u0e48\u0e15\u0e48\u0e2d<\/h4>\r\n <p class=\"text-gray-600 text-base leading-relaxed\">\r\n \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e14\u0e49\u0e32\u0e19\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e\u0e40\u0e1b\u0e47\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e48\u0e27\u0e19\u0e1a\u0e38\u0e04\u0e04\u0e25\u0e17\u0e35\u0e48\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e2d\u0e48\u0e2d\u0e19 \u0e2b\u0e49\u0e32\u0e21\u0e17\u0e48\u0e32\u0e19\u0e19\u0e33\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e44\u0e1b\u0e40\u0e1c\u0e22\u0e41\u0e1e\u0e23\u0e48\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <footer class=\"text-center text-sm text-gray-500 pt-10 pb-6 bg-gray-100 rounded-b-xl shadow-inner\">\r\n <p class=\"text-gray-700 mb-3 text-base\">\u0e2b\u0e19\u0e49\u0e32\u0e19\u0e35\u0e49\u0e08\u0e31\u0e14\u0e17\u0e33\u0e02\u0e36\u0e49\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e23\u0e38\u0e1b\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e08\u0e32\u0e01\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e02\u0e2d\u0e07\u0e04\u0e13\u0e30\u0e41\u0e1e\u0e17\u0e22\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e21\u0e02. \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e02\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e0a\u0e19<\/p>\r\n <p class=\"text-gray-800 font-bold text-xl\">\u0e08\u0e31\u0e14\u0e17\u0e33\u0e42\u0e14\u0e22\u0e07\u0e32\u0e19\u0e40\u0e27\u0e0a\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e41\u0e25\u0e30\u0e2a\u0e16\u0e34\u0e15\u0e34<\/p>\r\n <\/footer>\r\n <\/div>\r\n\r\n<script>\r\n function wrapLabel(label, maxLength) {\r\n if (label.length <= maxLength) return label;\r\n const words = label.split(' ');\r\n let currentLine = '';\r\n const lines = [];\r\n for (const word of words) {\r\n if ((currentLine + word).length > maxLength && currentLine.length > 0) {\r\n lines.push(currentLine.trim());\r\n currentLine = '';\r\n }\r\n currentLine += word + ' ';\r\n }\r\n lines.push(currentLine.trim());\r\n return lines;\r\n }\r\n\r\n const tooltipTitleCallback = (tooltipItems) => {\r\n const item = tooltipItems[0];\r\n let label = item.chart.data.labels[item.dataIndex];\r\n return Array.isArray(label) ? label.join(' ') : label;\r\n };\r\n \r\n const colors = {\r\n blue: getComputedStyle(document.documentElement).getPropertyValue('--color-primary').trim(),\r\n orange: getComputedStyle(document.documentElement).getPropertyValue('--color-secondary').trim(),\r\n red: getComputedStyle(document.documentElement).getPropertyValue('--color-accent-red').trim(),\r\n purple: getComputedStyle(document.documentElement).getPropertyValue('--color-accent-purple').trim()\r\n };\r\n\r\n const documentsChartCtx = document.getElementById('documentsChart').getContext('2d');\r\n const documentsChart = new Chart(documentsChartCtx, {\r\n type: 'bar',\r\n data: {\r\n labels: ['\u0e02\u0e2d\u0e14\u0e49\u0e27\u0e22\u0e15\u0e19\u0e40\u0e2d\u0e07', '\u0e21\u0e2d\u0e1a\u0e2d\u0e33\u0e19\u0e32\u0e08', '\u0e02\u0e2d\u0e43\u0e2b\u0e49\u0e1a\u0e38\u0e15\u0e23 (< 15 \u0e1b\u0e35)', '\u0e02\u0e2d\u0e02\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e40\u0e2a\u0e35\u0e22\u0e0a\u0e35\u0e27\u0e34\u0e15'],\r\n datasets: [{\r\n label: '\u0e08\u0e33\u0e19\u0e27\u0e19\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23 (\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23)',\r\n data: [2, 4, 4, 8],\r\n backgroundColor: [colors.blue, colors.orange, colors.red, colors.purple],\r\n borderColor: [colors.blue, colors.orange, colors.red, colors.purple],\r\n borderWidth: 1\r\n }]\r\n },\r\n options: {\r\n indexAxis: 'y',\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n scales: {\r\n x: { beginAtZero: true, ticks: { stepSize: 1 }, grid: { display: false } },\r\n y: { grid: { display: false } }\r\n },\r\n plugins: {\r\n legend: { display: false },\r\n tooltip: { \r\n callbacks: { \r\n title: tooltipTitleCallback,\r\n label: function(context) { return `\u0e08\u0e33\u0e19\u0e27\u0e19\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23: ${context.raw} \u0e23\u0e32\u0e22\u0e01\u0e32\u0e23`; }\r\n } \r\n }\r\n }\r\n }\r\n });\r\n\r\n const rightsChartCtx = document.getElementById('rightsChart').getContext('2d');\r\n const rightsChart = new Chart(rightsChartCtx, {\r\n type: 'doughnut',\r\n data: {\r\n labels: [\r\n wrapLabel('\u0e43\u0e0a\u0e49\u0e15\u0e32\u0e21\u0e27\u0e31\u0e15\u0e16\u0e38\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c\u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19', 20),\r\n wrapLabel('\u0e2b\u0e49\u0e32\u0e21\u0e40\u0e1c\u0e22\u0e41\u0e1e\u0e23\u0e48\u0e15\u0e48\u0e2d', 20),\r\n wrapLabel('\u0e23\u0e31\u0e1a\u0e1c\u0e34\u0e14\u0e0a\u0e2d\u0e1a\u0e2b\u0e32\u0e01\u0e40\u0e01\u0e34\u0e14\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2a\u0e35\u0e22\u0e2b\u0e32\u0e22', 20)\r\n ],\r\n datasets: [{\r\n label: '\u0e04\u0e27\u0e32\u0e21\u0e23\u0e31\u0e1a\u0e1c\u0e34\u0e14\u0e0a\u0e2d\u0e1a',\r\n data: [33.3, 33.3, 33.3],\r\n backgroundColor: [colors.blue, colors.orange, colors.red],\r\n hoverOffset: 8,\r\n borderWidth: 2,\r\n borderColor: 'white'\r\n }]\r\n },\r\n options: {\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n plugins: {\r\n legend: { display: false },\r\n tooltip: {\r\n callbacks: {\r\n title: tooltipTitleCallback,\r\n label: function(context) {\r\n let label = context.chart.data.labels[context.dataIndex];\r\n return Array.isArray(label) ? label.join(' ') : label;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n });\r\n\r\n function toggleAccordion(element) {\r\n const content = element.nextElementSibling;\r\n const button = element.querySelector('.toggle-content');\r\n const isHidden = content.classList.contains('hidden');\r\n \r\n content.classList.toggle('hidden');\r\n button.textContent = isHidden ? '\u2212' : '+';\r\n }\r\n<\/script>\r\n\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>\u0e27\u0e34\u0e18\u0e35\u0e02\u0e2d\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e23\u0e31\u0e01\u0e29\u0e32 – \u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e28\u0e23\u0e35\u0e19\u0e04\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c \u0e27\u0e34\u0e18\u0e35 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-1554","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.medicalrecords.kku.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/1554","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.medicalrecords.kku.ac.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.medicalrecords.kku.ac.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.medicalrecords.kku.ac.th\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.medicalrecords.kku.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1554"}],"version-history":[{"count":474,"href":"https:\/\/www.medicalrecords.kku.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/1554\/revisions"}],"predecessor-version":[{"id":3812,"href":"https:\/\/www.medicalrecords.kku.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/1554\/revisions\/3812"}],"wp:attachment":[{"href":"https:\/\/www.medicalrecords.kku.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1554"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}