\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23 – \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\/3.4.17\"><\/script>\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n * {\n font-family: 'Sarabun', 'TH Sarabun PSK', sans-serif;\n }\n \n .gradient-bg {\n background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 50%, #cffafe 100%);\n }\n \n .card-hover {\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n }\n \n .card-hover:hover {\n transform: translateY(-8px) scale(1.02);\n }\n \n .glow-effect {\n box-shadow: 0 0 40px rgba(6, 182, 212, 0.15);\n }\n \n .glow-effect:hover {\n box-shadow: 0 0 60px rgba(6, 182, 212, 0.3);\n }\n \n .shimmer {\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\n background-size: 200% 100%;\n animation: shimmer 2s infinite;\n }\n \n @keyframes shimmer {\n 0% { background-position: -200% 0; }\n 100% { background-position: 200% 0; }\n }\n \n @keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n }\n \n .float-animation {\n animation: float 3s ease-in-out infinite;\n }\n \n .stagger-1 { animation-delay: 0.1s; }\n .stagger-2 { animation-delay: 0.2s; }\n .stagger-3 { animation-delay: 0.3s; }\n .stagger-4 { animation-delay: 0.4s; }\n \n @keyframes slideUp {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n .slide-up {\n animation: slideUp 0.6s ease-out forwards;\n opacity: 0;\n }\n \n .glass-card {\n background: rgba(255, 255, 255, 0.7);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.8);\n }\n \n .download-btn {\n background: linear-gradient(135deg, #06b6d4 0%, #14b8a6 100%);\n transition: all 0.3s ease;\n }\n \n .download-btn:hover {\n background: linear-gradient(135deg, #14b8a6 0%, #06b6d4 100%);\n transform: scale(1.05);\n }\n \n .icon-container {\n background: linear-gradient(135deg, rgba(6, 182, 212, 0.2), rgba(20, 184, 166, 0.2));\n }\n \n .text-dark {\n color: #0f172a;\n }\n \n .text-dark-secondary {\n color: #475569;\n }\n \n .text-dark-light {\n color: #64748b;\n }\n\n .modal-scrollable {\n max-height: 70vh;\n overflow-y: auto;\n }\n <\/style>\n<\/head>\n<body class=\"h-full gradient-bg text-dark overflow-auto\">\n <div class=\"min-h-full w-full\">\n \n <header class=\"relative py-12 px-6 text-center overflow-hidden\">\n <div class=\"absolute top-10 left-10 w-20 h-20 rounded-full bg-cyan-300\/30 blur-xl\"><\/div>\n <div class=\"absolute top-20 right-20 w-32 h-32 rounded-full bg-teal-300\/30 blur-xl\"><\/div>\n <div class=\"absolute bottom-0 left-1\/2 -translate-x-1\/2 w-96 h-1 bg-gradient-to-r from-transparent via-cyan-400\/50 to-transparent\"><\/div>\n \n <div class=\"relative z-10\">\n <div class=\"float-animation inline-block mb-6\">\n <div class=\"w-24 h-24 mx-auto rounded-2xl icon-container flex items-center justify-center\">\n <svg class=\"w-14 h-14 text-cyan-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253\"\/>\n <\/svg>\n <\/div>\n <\/div>\n \n <h1 id=\"page-title\" class=\"slide-up text-4xl md:text-5xl font-bold mb-4 bg-gradient-to-r from-cyan-700 via-teal-600 to-cyan-700 bg-clip-text text-transparent\">\n \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\n <\/h1>\n <p id=\"page-subtitle\" class=\"slide-up stagger-1 text-xl md:text-2xl text-cyan-700 font-light\">\n \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\n <\/p>\n <p class=\"slide-up stagger-2 text-lg text-slate-600 mt-2\">\u0e09\u0e1a\u0e31\u0e1a\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07 \u0e1e.\u0e28. \u0e52\u0e55\u0e56\u0e51<\/p>\n <\/div>\n <\/header>\n\n \n <main class=\"max-w-6xl mx-auto px-6 pb-16\">\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n \n \n <div class=\"slide-up stagger-1 card-hover glass-card glow-effect rounded-3xl p-8 relative overflow-hidden group\">\n <div class=\"absolute top-0 right-0 w-32 h-32 bg-gradient-to-br from-cyan-400\/30 to-transparent rounded-bl-full\"><\/div>\n <div class=\"shimmer absolute inset-0 rounded-3xl pointer-events-none\"><\/div>\n \n <div class=\"relative z-10\">\n <div class=\"flex items-start gap-5 mb-6\">\n <div class=\"w-16 h-16 rounded-2xl bg-gradient-to-br from-cyan-500 to-teal-500 flex items-center justify-center flex-shrink-0 shadow-lg shadow-cyan-400\/30\">\n <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"\/>\n <\/svg>\n <\/div>\n <div>\n <span class=\"inline-block px-3 py-1 rounded-full text-xs font-semibold bg-cyan-200 text-cyan-800 mb-2\">PDF Document<\/span>\n <h3 class=\"text-2xl font-bold text-dark\">\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c<\/h3>\n <\/div>\n <\/div>\n \n <p class=\"text-dark-light mb-6 leading-relaxed\">\n \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e09\u0e1a\u0e31\u0e1a\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35 \u0e1e.\u0e28. \u0e52\u0e55\u0e56\u0e51 \u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19 \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e2b\u0e19\u0e49\u0e32 \u0e01\u0e32\u0e23\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07 \u0e41\u0e25\u0e30\u0e41\u0e19\u0e27\u0e17\u0e32\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\n <\/p>\n \n <div class=\"flex items-center gap-4 mb-6 text-sm text-dark-light\">\n <span class=\"flex items-center gap-2\">\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z\"\/>\n <\/svg>\n PDF\n <\/span>\n <span class=\"flex items-center gap-2\">\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"\/>\n <\/svg>\n 2561\n <\/span>\n <\/div>\n \n <button onclick=\"downloadFile('manual-2561.pdf', '\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c 2561.pdf')\" class=\"download-btn w-full py-4 rounded-xl font-semibold text-white flex items-center justify-center gap-3 shadow-lg shadow-cyan-400\/40\">\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4\"\/>\n <\/svg>\n \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\n <\/button>\n <\/div>\n <\/div>\n \n \n <div class=\"slide-up stagger-2 card-hover glass-card glow-effect rounded-3xl p-8 relative overflow-hidden group\">\n <div class=\"absolute top-0 right-0 w-32 h-32 bg-gradient-to-br from-violet-400\/30 to-transparent rounded-bl-full\"><\/div>\n <div class=\"shimmer absolute inset-0 rounded-3xl pointer-events-none\"><\/div>\n \n <div class=\"relative z-10\">\n <div class=\"flex items-start gap-5 mb-6\">\n <div class=\"w-16 h-16 rounded-2xl bg-gradient-to-br from-violet-500 to-purple-500 flex items-center justify-center flex-shrink-0 shadow-lg shadow-violet-400\/30\">\n <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z\"\/>\n <\/svg>\n <\/div>\n <div>\n <span class=\"inline-block px-3 py-1 rounded-full text-xs font-semibold bg-purple-200 text-purple-800 mb-2\">Template<\/span>\n <h3 class=\"text-2xl font-bold text-dark\">Template \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c<\/h3>\n <\/div>\n <\/div>\n \n <p class=\"text-dark-light mb-6 leading-relaxed\">\n \u0e41\u0e21\u0e48\u0e41\u0e1a\u0e1a\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e23\u0e39\u0e1b \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07 \u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e04\u0e38\u0e13\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e40\u0e02\u0e35\u0e22\u0e19\u0e44\u0e14\u0e49\u0e17\u0e31\u0e19\u0e17\u0e35\n <\/p>\n \n <div class=\"flex items-center gap-4 mb-6 text-sm text-dark-light\">\n <span class=\"flex items-center gap-2\">\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z\"\/>\n <\/svg>\n DOCX \/ PDF\n <\/span>\n <span class=\"flex items-center gap-2\">\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z\"\/>\n <\/svg>\n \u0e41\u0e01\u0e49\u0e44\u0e02\u0e44\u0e14\u0e49\n <\/span>\n <\/div>\n \n <button onclick=\"downloadFile('template.docx', 'Template \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c.docx')\" class=\"w-full py-4 rounded-xl font-semibold text-white flex items-center justify-center gap-3 shadow-lg shadow-violet-400\/40 bg-gradient-to-r from-violet-500 to-purple-500 hover:from-purple-500 hover:to-violet-500 transition-all duration-300 hover:scale-105\">\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4\"\/>\n <\/svg>\n \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14 Template\n <\/button>\n <\/div>\n <\/div>\n \n \n <div class=\"slide-up stagger-3 card-hover glass-card glow-effect rounded-3xl p-8 relative overflow-hidden group\">\n <div class=\"absolute top-0 right-0 w-32 h-32 bg-gradient-to-br from-emerald-400\/30 to-transparent rounded-bl-full\"><\/div>\n <div class=\"shimmer absolute inset-0 rounded-3xl pointer-events-none\"><\/div>\n \n <div class=\"relative z-10\">\n <div class=\"flex items-start gap-5 mb-6\">\n <div class=\"w-16 h-16 rounded-2xl bg-gradient-to-br from-emerald-500 to-teal-500 flex items-center justify-center flex-shrink-0 shadow-lg shadow-emerald-400\/30\">\n <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5h12M9 3v2m1.048 9.5A18.022 18.022 0 016.412 9m6.088 9h7M11 21l5-10 5 10M12.751 5C11.783 10.77 8.07 15.61 3 18.129\"\/>\n <\/svg>\n <\/div>\n <div>\n <span class=\"inline-block px-3 py-1 rounded-full text-xs font-semibold bg-emerald-200 text-emerald-800 mb-2\">Font<\/span>\n <h3 class=\"text-2xl font-bold text-dark\">TH Sarabun PSK (SIPA)<\/h3>\n <\/div>\n <\/div>\n \n <p class=\"text-dark-light mb-6 leading-relaxed\">\n \u0e1f\u0e2d\u0e19\u0e15\u0e4c\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23\u0e44\u0e17\u0e22 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e43\u0e0a\u0e49\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23 \u0e1e\u0e31\u0e12\u0e19\u0e32\u0e42\u0e14\u0e22 SIPA\n <\/p>\n \n <div class=\"bg-slate-50 rounded-xl p-4 mb-6 border border-slate-200\">\n <p class=\"text-lg text-emerald-700 font-medium mb-1\" style=\"font-family: 'Sarabun', sans-serif;\">\n \u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c: \u0e01 \u0e02 \u0e04 \u0e07 \u0e08 \u0e09 \u0e0a \u0e0b\n <\/p>\n <p class=\"text-sm text-slate-600\" style=\"font-family: 'Sarabun', sans-serif;\">\n ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789\n <\/p>\n <\/div>\n \n <div class=\"flex items-center gap-4 mb-6 text-sm text-dark-light\">\n <span class=\"flex items-center gap-2\">\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z\"\/>\n <\/svg>\n TTF \/ OTF\n <\/span>\n <span class=\"flex items-center gap-2\">\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\/>\n <\/svg>\n \u0e1f\u0e23\u0e35\n <\/span>\n <\/div>\n \n <button onclick=\"downloadFile('th-sarabun-psk.zip', 'TH Sarabun PSK Font.zip')\" class=\"w-full py-4 rounded-xl font-semibold text-white flex items-center justify-center gap-3 shadow-lg shadow-emerald-400\/40 bg-gradient-to-r from-emerald-500 to-teal-500 hover:from-teal-500 hover:to-emerald-500 transition-all duration-300 hover:scale-105\">\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4\"\/>\n <\/svg>\n \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e1f\u0e2d\u0e19\u0e15\u0e4c\n <\/button>\n <\/div>\n <\/div>\n \n \n <div class=\"slide-up stagger-4 card-hover glass-card glow-effect rounded-3xl p-8 relative overflow-hidden group\">\n <div class=\"absolute top-0 right-0 w-32 h-32 bg-gradient-to-br from-amber-300\/30 to-transparent rounded-bl-full\"><\/div>\n <div class=\"shimmer absolute inset-0 rounded-3xl pointer-events-none\"><\/div>\n \n <div class=\"relative z-10\">\n <div class=\"flex items-start gap-5 mb-6\">\n <div class=\"w-16 h-16 rounded-2xl bg-gradient-to-br from-amber-500 to-orange-500 flex items-center justify-center flex-shrink-0 shadow-lg shadow-amber-400\/30\">\n <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253\"\/>\n <\/svg>\n <\/div>\n <div>\n <span class=\"inline-block px-3 py-1 rounded-full text-xs font-semibold bg-amber-200 text-amber-800 mb-2\">E-Book<\/span>\n <h3 class=\"text-2xl font-bold text-dark\">\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\u0e2f \u0e09\u0e1a\u0e31\u0e1a E-Book<\/h3>\n <\/div>\n <\/div>\n \n <p class=\"text-dark-light mb-6 leading-relaxed\">\n \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e09\u0e1a\u0e31\u0e1a\u0e2d\u0e34\u0e40\u0e25\u0e47\u0e01\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c \u0e2d\u0e48\u0e32\u0e19\u0e07\u0e48\u0e32\u0e22\u0e1a\u0e19\u0e17\u0e38\u0e01\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e23\u0e30\u0e1a\u0e1a\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e41\u0e25\u0e30\u0e1a\u0e38\u0e4a\u0e01\u0e21\u0e32\u0e23\u0e4c\u0e01\n <\/p>\n \n <div class=\"flex flex-wrap gap-2 mb-6\">\n <span class=\"px-3 py-1 rounded-full text-xs bg-amber-200 text-amber-800 border border-amber-400\">\ud83d\udcf1 \u0e2d\u0e48\u0e32\u0e19\u0e1a\u0e19\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d<\/span>\n <span class=\"px-3 py-1 rounded-full text-xs bg-amber-200 text-amber-800 border border-amber-400\">\ud83d\udcbb \u0e2d\u0e48\u0e32\u0e19\u0e1a\u0e19 PC<\/span>\n <span class=\"px-3 py-1 rounded-full text-xs bg-amber-200 text-amber-800 border border-amber-400\">\ud83d\udd0d \u0e04\u0e49\u0e19\u0e2b\u0e32\u0e44\u0e14\u0e49<\/span>\n <\/div>\n \n <div class=\"flex items-center gap-4 mb-6 text-sm text-dark-light\">\n <span class=\"flex items-center gap-2\">\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z\"\/>\n <\/svg>\n EPUB \/ PDF\n <\/span>\n <span class=\"flex items-center gap-2\">\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"\/>\n <\/svg>\n 2561\n <\/span>\n <\/div>\n \n <button onclick=\"downloadFile('ebook-2561.epub', '\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c E-Book 2561.epub')\" class=\"w-full py-4 rounded-xl font-semibold text-white flex items-center justify-center gap-3 shadow-lg shadow-amber-400\/40 bg-gradient-to-r from-amber-500 to-orange-500 hover:from-orange-500 hover:to-amber-500 transition-all duration-300 hover:scale-105\">\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4\"\/>\n <\/svg>\n \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14 E-Book\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"slide-up stagger-4 mt-12 glass-card rounded-3xl p-8 text-center border-l-4 border-cyan-500\">\n <div class=\"flex items-center justify-center gap-3 mb-4\">\n <svg class=\"w-6 h-6 text-amber-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\n <\/svg>\n <h4 class=\"text-xl font-semibold text-dark\">\u0e04\u0e33\u0e41\u0e19\u0e30\u0e19\u0e33\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19<\/h4>\n <\/div>\n <p class=\"text-dark-light max-w-2xl mx-auto leading-relaxed\">\n \u0e01\u0e23\u0e38\u0e13\u0e32\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c TH Sarabun PSK \u0e01\u0e48\u0e2d\u0e19\u0e40\u0e1b\u0e34\u0e14\u0e44\u0e1f\u0e25\u0e4c Template \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e44\u0e14\u0e49\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07 \n \u0e2b\u0e32\u0e01\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e2a\u0e07\u0e2a\u0e31\u0e22\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e44\u0e14\u0e49\n <\/p>\n <\/div>\n\n \n <div class=\"mt-16 mb-8\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-dark mb-3 text-center\">\n \ud83d\udcdd \u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\n <\/h2>\n <p class=\"text-center text-dark-light mb-8 max-w-2xl mx-auto\">\n \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e01\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\n <\/p>\n\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n \n <div class=\"slide-up stagger-1 card-hover glass-card glow-effect rounded-2xl overflow-hidden group\">\n <div class=\"h-40 bg-gradient-to-br from-cyan-400 to-blue-500 relative overflow-hidden\">\n <div class=\"absolute inset-0 opacity-20\">\n <svg class=\"w-full h-full\" viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"0.5\">\n <path d=\"M10 20h80M10 35h80M10 50h60M10 65h80M10 80h50\"\/>\n <\/svg>\n <\/div>\n <div class=\"absolute inset-0 flex items-center justify-center\">\n <svg class=\"w-16 h-16 text-white\/80\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z\"\/>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"p-6\">\n <h3 class=\"text-xl font-bold text-dark mb-2\">\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e40\u0e0a\u0e34\u0e07\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e<\/h3>\n <p class=\"text-dark-light text-sm mb-4 leading-relaxed\">\n \u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e17\u0e35\u0e48\u0e40\u0e19\u0e49\u0e19\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e25\u0e36\u0e01\u0e0b\u0e36\u0e49\u0e07\n <\/p>\n <button onclick=\"openModal('quality')\" class=\"w-full py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-cyan-500 to-blue-500 hover:from-blue-500 hover:to-cyan-500 transition-all duration-300 hover:scale-105 text-sm\">\n \u0e04\u0e25\u0e34\u0e01 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e39\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"slide-up stagger-2 card-hover glass-card glow-effect rounded-2xl overflow-hidden group\">\n <div class=\"h-40 bg-gradient-to-br from-purple-400 to-indigo-500 relative overflow-hidden\">\n <div class=\"absolute inset-0 opacity-20\">\n <svg class=\"w-full h-full\" viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"0.5\">\n <path d=\"M10 20h80M10 35h80M10 50h60M10 65h80M10 80h50\"\/>\n <\/svg>\n <\/div>\n <div class=\"absolute inset-0 flex items-center justify-center\">\n <svg class=\"w-16 h-16 text-white\/80\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253\"\/>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"p-6\">\n <h3 class=\"text-xl font-bold text-dark mb-2\">\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23<\/h3>\n <p class=\"text-dark-light text-sm mb-4 leading-relaxed\">\n \u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2d\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c\u0e17\u0e35\u0e48\u0e21\u0e35\u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23\u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\n <\/p>\n <button onclick=\"openModal('academic')\" class=\"w-full py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-purple-500 to-indigo-500 hover:from-indigo-500 hover:to-purple-500 transition-all duration-300 hover:scale-105 text-sm\">\n \u0e04\u0e25\u0e34\u0e01 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e39\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"slide-up stagger-3 card-hover glass-card glow-effect rounded-2xl overflow-hidden group\">\n <div class=\"h-40 bg-gradient-to-br from-emerald-400 to-teal-500 relative overflow-hidden\">\n <div class=\"absolute inset-0 opacity-20\">\n <svg class=\"w-full h-full\" viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"0.5\">\n <path d=\"M10 20h80M10 35h80M10 50h60M10 65h80M10 80h50\"\/>\n <\/svg>\n <\/div>\n <div class=\"absolute inset-0 flex items-center justify-center\">\n <svg class=\"w-16 h-16 text-white\/80\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253\"\/>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"p-6\">\n <h3 class=\"text-xl font-bold text-dark mb-2\">\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e19\u0e34\u0e2a\u0e34\u0e15<\/h3>\n <p class=\"text-dark-light text-sm mb-4 leading-relaxed\">\n \u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e19\u0e34\u0e2a\u0e34\u0e15\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\n <\/p>\n <button onclick=\"openModal('student')\" class=\"w-full py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-emerald-500 to-teal-500 hover:from-teal-500 hover:to-emerald-500 transition-all duration-300 hover:scale-105 text-sm\">\n \u0e04\u0e25\u0e34\u0e01 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e39\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/main>\n \n \n <footer class=\"text-center py-8 px-6 border-t border-slate-300\">\n <p class=\"text-slate-600 text-sm\">\n \u00a9 \u0e52\u0e55\u0e56\u0e51 \u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22 | \u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e40\u0e1b\u0e47\u0e19\u0e25\u0e34\u0e02\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e02\u0e2d\u0e07\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\n <\/p>\n <\/footer>\n <\/div>\n \n \n <div id=\"toast\" class=\"fixed bottom-6 right-6 transform translate-y-20 opacity-0 transition-all duration-300 z-50\">\n <div class=\"glass-card rounded-xl px-6 py-4 flex items-center gap-3 shadow-2xl border border-white\/80\">\n <div class=\"w-10 h-10 rounded-full bg-green-400\/20 flex items-center justify-center\">\n <svg class=\"w-5 h-5 text-green-700\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\n <\/svg>\n <\/div>\n <div>\n <p class=\"font-medium text-dark\">\u0e40\u0e23\u0e34\u0e48\u0e21\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e41\u0e25\u0e49\u0e27!<\/p>\n <p id=\"toast-filename\" class=\"text-sm text-dark-light\">\u0e0a\u0e37\u0e48\u0e2d\u0e44\u0e1f\u0e25\u0e4c<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"modal-backdrop\" class=\"hidden fixed inset-0 bg-black\/50 z-40 transition-opacity\" onclick=\"closeAllModals()\"><\/div>\n\n \n <div id=\"article-modal\" class=\"hidden fixed inset-0 z-50 flex items-center justify-center p-4 overflow-y-auto\">\n <div class=\"bg-white rounded-3xl max-w-4xl w-full my-8 shadow-2xl animate-bounce-in\">\n \n <div id=\"modal-header\" class=\"px-8 py-6 border-b border-slate-200 flex items-center justify-between\">\n <h2 id=\"modal-title\" class=\"text-2xl font-bold text-dark\"><\/h2>\n <button onclick=\"closeAllModals()\" class=\"w-10 h-10 flex items-center justify-center rounded-full hover:bg-slate-100 transition-colors\">\n <svg class=\"w-6 h-6 text-dark-light\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"\/>\n <\/svg>\n <\/button>\n <\/div>\n\n \n <div class=\"px-8 py-6 modal-scrollable\">\n <div id=\"modal-content\" class=\"text-dark-light leading-relaxed space-y-4\"><\/div>\n <\/div>\n\n \n <div class=\"px-8 py-4 border-t border-slate-200 flex gap-3 justify-end bg-slate-50 rounded-b-3xl\">\n <button onclick=\"closeAllModals()\" class=\"px-6 py-2 rounded-lg font-semibold text-dark border border-slate-300 hover:bg-slate-100 transition-colors\">\n \u0e1b\u0e34\u0e14\n <\/button>\n <button onclick=\"downloadArticleFormat()\" class=\"px-6 py-2 rounded-lg font-semibold text-white bg-gradient-to-r from-cyan-500 to-blue-500 hover:from-blue-500 hover:to-cyan-500 transition-all duration-300 hover:scale-105\">\n \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n const articleFormats = {\n quality: {\n title: '\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e40\u0e0a\u0e34\u0e07\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e',\n color: 'from-cyan-500 to-blue-500',\n content: `\n <h3 class=\"text-lg font-bold text-dark mb-3\">\ud83c\udfaf \u0e25\u0e31\u0e01\u0e29\u0e13\u0e30\u0e40\u0e14\u0e48\u0e19\u0e02\u0e2d\u0e07\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e19\u0e35\u0e49:<\/h3>\n <ul class=\"list-disc list-inside space-y-2 mb-4 ml-2\">\n <li>\u0e40\u0e19\u0e49\u0e19\u0e01\u0e32\u0e23\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e25\u0e36\u0e01\u0e0b\u0e36\u0e49\u0e07\u0e41\u0e25\u0e30\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e21\u0e35\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e<\/li>\n <li>\u0e21\u0e35\u0e2a\u0e48\u0e27\u0e19\u0e27\u0e34\u0e08\u0e32\u0e23\u0e13\u0e4c\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e1c\u0e25<\/li>\n <li>\u0e43\u0e0a\u0e49\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e08\u0e32\u0e01\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e01\u0e23\u0e13\u0e35\u0e28\u0e36\u0e01\u0e29\u0e32<\/li>\n <li>\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e01\u0e32\u0e23\u0e2d\u0e20\u0e34\u0e1b\u0e23\u0e32\u0e22\u0e40\u0e0a\u0e34\u0e07\u0e25\u0e36\u0e01<\/li>\n <\/ul>\n <h3 class=\"text-lg font-bold text-dark mb-3\">\ud83d\udccb \u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2b\u0e25\u0e31\u0e01:<\/h3>\n <ul class=\"list-disc list-inside space-y-2 ml-2\">\n <li>\u0e2b\u0e31\u0e27\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07<\/li>\n <li>\u0e1a\u0e17\u0e19\u0e33<\/li>\n <li>\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e01\u0e23\u0e13\u0e35\u0e28\u0e36\u0e01\u0e29\u0e32<\/li>\n <li>\u0e01\u0e32\u0e23\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e2d\u0e20\u0e34\u0e1b\u0e23\u0e32\u0e22<\/li>\n <li>\u0e1a\u0e17\u0e2a\u0e23\u0e38\u0e1b<\/li>\n <li>\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07<\/li>\n <\/ul>\n `\n },\n academic: {\n title: '\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2d\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c',\n color: 'from-purple-500 to-indigo-500',\n content: `\n <h3 class=\"text-lg font-bold text-dark mb-3\">\ud83c\udfaf \u0e25\u0e31\u0e01\u0e29\u0e13\u0e30\u0e40\u0e14\u0e48\u0e19\u0e02\u0e2d\u0e07\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e19\u0e35\u0e49:<\/h3>\n <ul class=\"list-disc list-inside space-y-2 mb-4 ml-2\">\n <li>\u0e21\u0e35\u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23\u0e27\u0e34\u0e08\u0e31\u0e22\u0e17\u0e35\u0e48\u0e40\u0e02\u0e49\u0e21\u0e07\u0e27\u0e14<\/li>\n <li>\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07\u0e41\u0e1a\u0e1a\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e1a\u0e23\u0e23\u0e13\u0e32\u0e19\u0e38\u0e01\u0e23\u0e21<\/li>\n <li>\u0e23\u0e27\u0e21\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e32\u0e07\u0e2a\u0e16\u0e34\u0e15\u0e34\u0e41\u0e25\u0e30\u0e1c\u0e25\u0e27\u0e34\u0e08\u0e31\u0e22\u0e40\u0e0a\u0e34\u0e07\u0e1b\u0e23\u0e34\u0e21\u0e32\u0e13<\/li>\n <li>\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e15\u0e35\u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e43\u0e19\u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23<\/li>\n <\/ul>\n <h3 class=\"text-lg font-bold text-dark mb-3\">\ud83d\udccb \u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2b\u0e25\u0e31\u0e01:<\/h3>\n <ul class=\"list-disc list-inside space-y-2 ml-2\">\n <li>\u0e1a\u0e17\u0e04\u0e31\u0e14\u0e22\u0e48\u0e2d (Abstract)<\/li>\n <li>\u0e1a\u0e17\u0e19\u0e33\u0e41\u0e25\u0e30\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e01\u0e32\u0e23\u0e27\u0e34\u0e08\u0e31\u0e22<\/li>\n <li>\u0e17\u0e24\u0e29\u0e0e\u0e35\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e27\u0e23\u0e23\u0e13\u0e04\u0e14\u0e35<\/li>\n <li>\u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e27\u0e34\u0e08\u0e31\u0e22<\/li>\n <li>\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e2d\u0e20\u0e34\u0e1b\u0e23\u0e32\u0e22\u0e1c\u0e25<\/li>\n <li>\u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d\u0e41\u0e19\u0e30\u0e41\u0e25\u0e30\u0e02\u0e49\u0e2d\u0e2a\u0e23\u0e38\u0e1b<\/li>\n <li>\u0e1a\u0e23\u0e23\u0e13\u0e32\u0e19\u0e38\u0e01\u0e23\u0e21<\/li>\n <\/ul>\n `\n },\n student: {\n title: '\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e19\u0e34\u0e2a\u0e34\u0e15',\n color: 'from-emerald-500 to-teal-500',\n content: `\n <h3 class=\"text-lg font-bold text-dark mb-3\">\ud83c\udfaf \u0e25\u0e31\u0e01\u0e29\u0e13\u0e30\u0e40\u0e14\u0e48\u0e19\u0e02\u0e2d\u0e07\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e19\u0e35\u0e49:<\/h3>\n <ul class=\"list-disc list-inside space-y-2 mb-4 ml-2\">\n <li>\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b<\/li>\n <li>\u0e44\u0e21\u0e48\u0e0b\u0e31\u0e1a\u0e0b\u0e49\u0e2d\u0e19\u0e40\u0e01\u0e34\u0e19\u0e44\u0e1b \u0e41\u0e15\u0e48\u0e21\u0e35\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19<\/li>\n <li>\u0e40\u0e19\u0e49\u0e19\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c\u0e02\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07<\/li>\n <li>\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e2a\u0e48\u0e07\u0e07\u0e32\u0e19\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e1c\u0e25<\/li>\n <\/ul>\n <h3 class=\"text-lg font-bold text-dark mb-3\">\ud83d\udccb \u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2b\u0e25\u0e31\u0e01:<\/h3>\n <ul class=\"list-disc list-inside space-y-2 ml-2\">\n <li>\u0e1a\u0e17\u0e19\u0e33<\/li>\n <li>\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e2b\u0e25\u0e31\u0e01 (\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e22\u0e48\u0e2d\u0e22)<\/li>\n <li>\u0e01\u0e32\u0e23\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e2d\u0e20\u0e34\u0e1b\u0e23\u0e32\u0e22<\/li>\n <li>\u0e02\u0e49\u0e2d\u0e2a\u0e23\u0e38\u0e1b<\/li>\n <li>\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07<\/li>\n <\/ul>\n `\n }\n };\n\n let currentFormat = null;\n\n function openModal(formatType) {\n currentFormat = formatType;\n const format = articleFormats[formatType];\n \n document.getElementById('modal-title').textContent = format.title;\n document.getElementById('modal-content').innerHTML = format.content;\n document.getElementById('modal-backdrop').classList.remove('hidden');\n document.getElementById('article-modal').classList.remove('hidden');\n document.body.style.overflow = 'hidden';\n }\n\n function closeAllModals() {\n document.getElementById('modal-backdrop').classList.add('hidden');\n document.getElementById('article-modal').classList.add('hidden');\n document.body.style.overflow = 'auto';\n currentFormat = null;\n }\n\n function downloadArticleFormat() {\n if (!currentFormat) return;\n \n const fileNames = {\n quality: '\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e40\u0e0a\u0e34\u0e07\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e.docx',\n academic: '\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2d\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c.docx',\n student: '\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e19\u0e34\u0e2a\u0e34\u0e15.docx'\n };\n \n downloadFile(`article-${currentFormat}.docx`, fileNames[currentFormat]);\n closeAllModals();\n }\n\n const defaultConfig = {\n page_title: '\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23',\n page_subtitle: '\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c',\n background_color: '#f0f9ff',\n text_color: '#0f172a',\n accent_color: '#06b6d4',\n card_color: 'rgba(255, 255, 255, 0.7)',\n button_color: '#06b6d4',\n font_family: 'Sarabun',\n font_size: 16\n };\n\n let config = { ...defaultConfig };\n\n function downloadFile(fileId, fileName) {\n const toast = document.getElementById('toast');\n const toastFilename = document.getElementById('toast-filename');\n toastFilename.textContent = fileName;\n \n toast.classList.remove('translate-y-20', 'opacity-0');\n toast.classList.add('translate-y-0', 'opacity-100');\n \n const dummyContent = `Sample content for: ${fileName}\\n\\nThis is a demonstration file.\\nIn production, this would be the actual document.`;\n const blob = new Blob([dummyContent], { type: 'application\/octet-stream' });\n const url = URL.createObjectURL(blob);\n \n const link = document.createElement('a');\n link.href = url;\n link.download = fileName;\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n URL.revokeObjectURL(url);\n \n setTimeout(() => {\n toast.classList.add('translate-y-20', 'opacity-0');\n toast.classList.remove('translate-y-0', 'opacity-100');\n }, 3000);\n }\n\n async function onConfigChange(newConfig) {\n config = { ...config, ...newConfig };\n \n const titleEl = document.getElementById('page-title');\n const subtitleEl = document.getElementById('page-subtitle');\n \n if (titleEl) titleEl.textContent = config.page_title || defaultConfig.page_title;\n if (subtitleEl) subtitleEl.textContent = config.page_subtitle || defaultConfig.page_subtitle;\n \n const customFont = config.font_family || defaultConfig.font_family;\n document.body.style.fontFamily = `${customFont}, 'TH Sarabun PSK', sans-serif`;\n \n const baseSize = config.font_size || defaultConfig.font_size;\n document.body.style.fontSize = `${baseSize}px`;\n }\n\n function mapToCapabilities(config) {\n return {\n recolorables: [\n {\n get: () => config.background_color || defaultConfig.background_color,\n set: (value) => {\n config.background_color = value;\n if (window.elementSdk) window.elementSdk.setConfig({ background_color: value });\n }\n },\n {\n get: () => config.text_color || defaultConfig.text_color,\n set: (value) => {\n config.text_color = value;\n if (window.elementSdk) window.elementSdk.setConfig({ text_color: value });\n }\n },\n {\n get: () => config.accent_color || defaultConfig.accent_color,\n set: (value) => {\n config.accent_color = value;\n if (window.elementSdk) window.elementSdk.setConfig({ accent_color: value });\n }\n }\n ],\n borderables: [],\n fontEditable: {\n get: () => config.font_family || defaultConfig.font_family,\n set: (value) => {\n config.font_family = value;\n if (window.elementSdk) window.elementSdk.setConfig({ font_family: value });\n }\n },\n fontSizeable: {\n get: () => config.font_size || defaultConfig.font_size,\n set: (value) => {\n config.font_size = value;\n if (window.elementSdk) window.elementSdk.setConfig({ font_size: value });\n }\n }\n };\n }\n\n function mapToEditPanelValues(config) {\n return new Map([\n ['page_title', config.page_title || defaultConfig.page_title],\n ['page_subtitle', config.page_subtitle || defaultConfig.page_subtitle]\n ]);\n }\n\n if (window.elementSdk) {\n window.elementSdk.init({\n defaultConfig,\n onConfigChange,\n mapToCapabilities,\n mapToEditPanelValues\n });\n }\n\n document.addEventListener('keydown', (e) => {\n if (e.key === 'Escape') closeAllModals();\n });\n <\/script>\n<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9cf2119f04a68963',t:'MTc3MTI5NzU4Ny4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23 – \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23 \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e09\u0e1a\u0e31\u0e1a\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07 \u0e1e.\u0e28. \u0e52\u0e55\u0e56\u0e51 PDF Document \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e09\u0e1a\u0e31\u0e1a\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35 \u0e1e.\u0e28. \u0e52\u0e55\u0e56\u0e51 \u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19 \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e2b\u0e19\u0e49\u0e32 \u0e01\u0e32\u0e23\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07 \u0e41\u0e25\u0e30\u0e41\u0e19\u0e27\u0e17\u0e32\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 PDF 2561 \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d Template Template \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e41\u0e21\u0e48\u0e41\u0e1a\u0e1a\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e23\u0e39\u0e1b \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-770","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/770","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=770"}],"version-history":[{"count":3,"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/770\/revisions"}],"predecessor-version":[{"id":815,"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/770\/revisions\/815"}],"wp:attachment":[{"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=770"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":770,"date":"2026-02-17T01:54:21","date_gmt":"2026-02-17T01:54:21","guid":{"rendered":"https:\/\/medkorat.mcu.ac.th\/?page_id=770"},"modified":"2026-02-17T03:06:44","modified_gmt":"2026-02-17T03:06:44","slug":"%e0%b8%84%e0%b8%b9%e0%b9%88%e0%b8%a1%e0%b8%b7%e0%b8%ad%e0%b8%94%e0%b8%b8%e0%b8%a9%e0%b8%8e%e0%b8%b5%e0%b8%99%e0%b8%b4%e0%b8%9e%e0%b8%99%e0%b8%98%e0%b9%8c-%e0%b8%a7%e0%b8%b4%e0%b8%97%e0%b8%a2%e0%b8%b2","status":"publish","type":"page","link":"https:\/\/medkorat.mcu.ac.th\/?page_id=770","title":{"rendered":"\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c"},"content":{"rendered":"\n\n\n\n \n \n \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23 – \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\/3.4.17\"><\/script>\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n * {\n font-family: 'Sarabun', 'TH Sarabun PSK', sans-serif;\n }\n \n .gradient-bg {\n background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 50%, #cffafe 100%);\n }\n \n .card-hover {\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n }\n \n .card-hover:hover {\n transform: translateY(-8px) scale(1.02);\n }\n \n .glow-effect {\n box-shadow: 0 0 40px rgba(6, 182, 212, 0.15);\n }\n \n .glow-effect:hover {\n box-shadow: 0 0 60px rgba(6, 182, 212, 0.3);\n }\n \n .shimmer {\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\n background-size: 200% 100%;\n animation: shimmer 2s infinite;\n }\n \n @keyframes shimmer {\n 0% { background-position: -200% 0; }\n 100% { background-position: 200% 0; }\n }\n \n @keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n }\n \n .float-animation {\n animation: float 3s ease-in-out infinite;\n }\n \n .stagger-1 { animation-delay: 0.1s; }\n .stagger-2 { animation-delay: 0.2s; }\n .stagger-3 { animation-delay: 0.3s; }\n .stagger-4 { animation-delay: 0.4s; }\n \n @keyframes slideUp {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n .slide-up {\n animation: slideUp 0.6s ease-out forwards;\n opacity: 0;\n }\n \n .glass-card {\n background: rgba(255, 255, 255, 0.7);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.8);\n }\n \n .download-btn {\n background: linear-gradient(135deg, #06b6d4 0%, #14b8a6 100%);\n transition: all 0.3s ease;\n }\n \n .download-btn:hover {\n background: linear-gradient(135deg, #14b8a6 0%, #06b6d4 100%);\n transform: scale(1.05);\n }\n \n .icon-container {\n background: linear-gradient(135deg, rgba(6, 182, 212, 0.2), rgba(20, 184, 166, 0.2));\n }\n \n .text-dark {\n color: #0f172a;\n }\n \n .text-dark-secondary {\n color: #475569;\n }\n \n .text-dark-light {\n color: #64748b;\n }\n\n .modal-scrollable {\n max-height: 70vh;\n overflow-y: auto;\n }\n <\/style>\n<\/head>\n<body class=\"h-full gradient-bg text-dark overflow-auto\">\n <div class=\"min-h-full w-full\">\n \n <header class=\"relative py-12 px-6 text-center overflow-hidden\">\n <div class=\"absolute top-10 left-10 w-20 h-20 rounded-full bg-cyan-300\/30 blur-xl\"><\/div>\n <div class=\"absolute top-20 right-20 w-32 h-32 rounded-full bg-teal-300\/30 blur-xl\"><\/div>\n <div class=\"absolute bottom-0 left-1\/2 -translate-x-1\/2 w-96 h-1 bg-gradient-to-r from-transparent via-cyan-400\/50 to-transparent\"><\/div>\n \n <div class=\"relative z-10\">\n <div class=\"float-animation inline-block mb-6\">\n <div class=\"w-24 h-24 mx-auto rounded-2xl icon-container flex items-center justify-center\">\n <svg class=\"w-14 h-14 text-cyan-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253\"\/>\n <\/svg>\n <\/div>\n <\/div>\n \n <h1 id=\"page-title\" class=\"slide-up text-4xl md:text-5xl font-bold mb-4 bg-gradient-to-r from-cyan-700 via-teal-600 to-cyan-700 bg-clip-text text-transparent\">\n \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\n <\/h1>\n <p id=\"page-subtitle\" class=\"slide-up stagger-1 text-xl md:text-2xl text-cyan-700 font-light\">\n \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\n <\/p>\n <p class=\"slide-up stagger-2 text-lg text-slate-600 mt-2\">\u0e09\u0e1a\u0e31\u0e1a\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07 \u0e1e.\u0e28. \u0e52\u0e55\u0e56\u0e51<\/p>\n <\/div>\n <\/header>\n\n \n <main class=\"max-w-6xl mx-auto px-6 pb-16\">\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n \n \n <div class=\"slide-up stagger-1 card-hover glass-card glow-effect rounded-3xl p-8 relative overflow-hidden group\">\n <div class=\"absolute top-0 right-0 w-32 h-32 bg-gradient-to-br from-cyan-400\/30 to-transparent rounded-bl-full\"><\/div>\n <div class=\"shimmer absolute inset-0 rounded-3xl pointer-events-none\"><\/div>\n \n <div class=\"relative z-10\">\n <div class=\"flex items-start gap-5 mb-6\">\n <div class=\"w-16 h-16 rounded-2xl bg-gradient-to-br from-cyan-500 to-teal-500 flex items-center justify-center flex-shrink-0 shadow-lg shadow-cyan-400\/30\">\n <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"\/>\n <\/svg>\n <\/div>\n <div>\n <span class=\"inline-block px-3 py-1 rounded-full text-xs font-semibold bg-cyan-200 text-cyan-800 mb-2\">PDF Document<\/span>\n <h3 class=\"text-2xl font-bold text-dark\">\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c<\/h3>\n <\/div>\n <\/div>\n \n <p class=\"text-dark-light mb-6 leading-relaxed\">\n \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e09\u0e1a\u0e31\u0e1a\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35 \u0e1e.\u0e28. \u0e52\u0e55\u0e56\u0e51 \u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19 \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e2b\u0e19\u0e49\u0e32 \u0e01\u0e32\u0e23\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07 \u0e41\u0e25\u0e30\u0e41\u0e19\u0e27\u0e17\u0e32\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\n <\/p>\n \n <div class=\"flex items-center gap-4 mb-6 text-sm text-dark-light\">\n <span class=\"flex items-center gap-2\">\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z\"\/>\n <\/svg>\n PDF\n <\/span>\n <span class=\"flex items-center gap-2\">\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"\/>\n <\/svg>\n 2561\n <\/span>\n <\/div>\n \n <button onclick=\"downloadFile('manual-2561.pdf', '\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c 2561.pdf')\" class=\"download-btn w-full py-4 rounded-xl font-semibold text-white flex items-center justify-center gap-3 shadow-lg shadow-cyan-400\/40\">\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4\"\/>\n <\/svg>\n \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\n <\/button>\n <\/div>\n <\/div>\n \n \n <div class=\"slide-up stagger-2 card-hover glass-card glow-effect rounded-3xl p-8 relative overflow-hidden group\">\n <div class=\"absolute top-0 right-0 w-32 h-32 bg-gradient-to-br from-violet-400\/30 to-transparent rounded-bl-full\"><\/div>\n <div class=\"shimmer absolute inset-0 rounded-3xl pointer-events-none\"><\/div>\n \n <div class=\"relative z-10\">\n <div class=\"flex items-start gap-5 mb-6\">\n <div class=\"w-16 h-16 rounded-2xl bg-gradient-to-br from-violet-500 to-purple-500 flex items-center justify-center flex-shrink-0 shadow-lg shadow-violet-400\/30\">\n <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z\"\/>\n <\/svg>\n <\/div>\n <div>\n <span class=\"inline-block px-3 py-1 rounded-full text-xs font-semibold bg-purple-200 text-purple-800 mb-2\">Template<\/span>\n <h3 class=\"text-2xl font-bold text-dark\">Template \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c<\/h3>\n <\/div>\n <\/div>\n \n <p class=\"text-dark-light mb-6 leading-relaxed\">\n \u0e41\u0e21\u0e48\u0e41\u0e1a\u0e1a\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e23\u0e39\u0e1b \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07 \u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e04\u0e38\u0e13\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e40\u0e02\u0e35\u0e22\u0e19\u0e44\u0e14\u0e49\u0e17\u0e31\u0e19\u0e17\u0e35\n <\/p>\n \n <div class=\"flex items-center gap-4 mb-6 text-sm text-dark-light\">\n <span class=\"flex items-center gap-2\">\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z\"\/>\n <\/svg>\n DOCX \/ PDF\n <\/span>\n <span class=\"flex items-center gap-2\">\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z\"\/>\n <\/svg>\n \u0e41\u0e01\u0e49\u0e44\u0e02\u0e44\u0e14\u0e49\n <\/span>\n <\/div>\n \n <button onclick=\"downloadFile('template.docx', 'Template \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c.docx')\" class=\"w-full py-4 rounded-xl font-semibold text-white flex items-center justify-center gap-3 shadow-lg shadow-violet-400\/40 bg-gradient-to-r from-violet-500 to-purple-500 hover:from-purple-500 hover:to-violet-500 transition-all duration-300 hover:scale-105\">\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4\"\/>\n <\/svg>\n \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14 Template\n <\/button>\n <\/div>\n <\/div>\n \n \n <div class=\"slide-up stagger-3 card-hover glass-card glow-effect rounded-3xl p-8 relative overflow-hidden group\">\n <div class=\"absolute top-0 right-0 w-32 h-32 bg-gradient-to-br from-emerald-400\/30 to-transparent rounded-bl-full\"><\/div>\n <div class=\"shimmer absolute inset-0 rounded-3xl pointer-events-none\"><\/div>\n \n <div class=\"relative z-10\">\n <div class=\"flex items-start gap-5 mb-6\">\n <div class=\"w-16 h-16 rounded-2xl bg-gradient-to-br from-emerald-500 to-teal-500 flex items-center justify-center flex-shrink-0 shadow-lg shadow-emerald-400\/30\">\n <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5h12M9 3v2m1.048 9.5A18.022 18.022 0 016.412 9m6.088 9h7M11 21l5-10 5 10M12.751 5C11.783 10.77 8.07 15.61 3 18.129\"\/>\n <\/svg>\n <\/div>\n <div>\n <span class=\"inline-block px-3 py-1 rounded-full text-xs font-semibold bg-emerald-200 text-emerald-800 mb-2\">Font<\/span>\n <h3 class=\"text-2xl font-bold text-dark\">TH Sarabun PSK (SIPA)<\/h3>\n <\/div>\n <\/div>\n \n <p class=\"text-dark-light mb-6 leading-relaxed\">\n \u0e1f\u0e2d\u0e19\u0e15\u0e4c\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23\u0e44\u0e17\u0e22 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e43\u0e0a\u0e49\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23 \u0e1e\u0e31\u0e12\u0e19\u0e32\u0e42\u0e14\u0e22 SIPA\n <\/p>\n \n <div class=\"bg-slate-50 rounded-xl p-4 mb-6 border border-slate-200\">\n <p class=\"text-lg text-emerald-700 font-medium mb-1\" style=\"font-family: 'Sarabun', sans-serif;\">\n \u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c: \u0e01 \u0e02 \u0e04 \u0e07 \u0e08 \u0e09 \u0e0a \u0e0b\n <\/p>\n <p class=\"text-sm text-slate-600\" style=\"font-family: 'Sarabun', sans-serif;\">\n ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789\n <\/p>\n <\/div>\n \n <div class=\"flex items-center gap-4 mb-6 text-sm text-dark-light\">\n <span class=\"flex items-center gap-2\">\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z\"\/>\n <\/svg>\n TTF \/ OTF\n <\/span>\n <span class=\"flex items-center gap-2\">\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\/>\n <\/svg>\n \u0e1f\u0e23\u0e35\n <\/span>\n <\/div>\n \n <button onclick=\"downloadFile('th-sarabun-psk.zip', 'TH Sarabun PSK Font.zip')\" class=\"w-full py-4 rounded-xl font-semibold text-white flex items-center justify-center gap-3 shadow-lg shadow-emerald-400\/40 bg-gradient-to-r from-emerald-500 to-teal-500 hover:from-teal-500 hover:to-emerald-500 transition-all duration-300 hover:scale-105\">\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4\"\/>\n <\/svg>\n \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e1f\u0e2d\u0e19\u0e15\u0e4c\n <\/button>\n <\/div>\n <\/div>\n \n \n <div class=\"slide-up stagger-4 card-hover glass-card glow-effect rounded-3xl p-8 relative overflow-hidden group\">\n <div class=\"absolute top-0 right-0 w-32 h-32 bg-gradient-to-br from-amber-300\/30 to-transparent rounded-bl-full\"><\/div>\n <div class=\"shimmer absolute inset-0 rounded-3xl pointer-events-none\"><\/div>\n \n <div class=\"relative z-10\">\n <div class=\"flex items-start gap-5 mb-6\">\n <div class=\"w-16 h-16 rounded-2xl bg-gradient-to-br from-amber-500 to-orange-500 flex items-center justify-center flex-shrink-0 shadow-lg shadow-amber-400\/30\">\n <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253\"\/>\n <\/svg>\n <\/div>\n <div>\n <span class=\"inline-block px-3 py-1 rounded-full text-xs font-semibold bg-amber-200 text-amber-800 mb-2\">E-Book<\/span>\n <h3 class=\"text-2xl font-bold text-dark\">\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\u0e2f \u0e09\u0e1a\u0e31\u0e1a E-Book<\/h3>\n <\/div>\n <\/div>\n \n <p class=\"text-dark-light mb-6 leading-relaxed\">\n \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e09\u0e1a\u0e31\u0e1a\u0e2d\u0e34\u0e40\u0e25\u0e47\u0e01\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c \u0e2d\u0e48\u0e32\u0e19\u0e07\u0e48\u0e32\u0e22\u0e1a\u0e19\u0e17\u0e38\u0e01\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e23\u0e30\u0e1a\u0e1a\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e41\u0e25\u0e30\u0e1a\u0e38\u0e4a\u0e01\u0e21\u0e32\u0e23\u0e4c\u0e01\n <\/p>\n \n <div class=\"flex flex-wrap gap-2 mb-6\">\n <span class=\"px-3 py-1 rounded-full text-xs bg-amber-200 text-amber-800 border border-amber-400\">\ud83d\udcf1 \u0e2d\u0e48\u0e32\u0e19\u0e1a\u0e19\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d<\/span>\n <span class=\"px-3 py-1 rounded-full text-xs bg-amber-200 text-amber-800 border border-amber-400\">\ud83d\udcbb \u0e2d\u0e48\u0e32\u0e19\u0e1a\u0e19 PC<\/span>\n <span class=\"px-3 py-1 rounded-full text-xs bg-amber-200 text-amber-800 border border-amber-400\">\ud83d\udd0d \u0e04\u0e49\u0e19\u0e2b\u0e32\u0e44\u0e14\u0e49<\/span>\n <\/div>\n \n <div class=\"flex items-center gap-4 mb-6 text-sm text-dark-light\">\n <span class=\"flex items-center gap-2\">\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z\"\/>\n <\/svg>\n EPUB \/ PDF\n <\/span>\n <span class=\"flex items-center gap-2\">\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"\/>\n <\/svg>\n 2561\n <\/span>\n <\/div>\n \n <button onclick=\"downloadFile('ebook-2561.epub', '\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c E-Book 2561.epub')\" class=\"w-full py-4 rounded-xl font-semibold text-white flex items-center justify-center gap-3 shadow-lg shadow-amber-400\/40 bg-gradient-to-r from-amber-500 to-orange-500 hover:from-orange-500 hover:to-amber-500 transition-all duration-300 hover:scale-105\">\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4\"\/>\n <\/svg>\n \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14 E-Book\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"slide-up stagger-4 mt-12 glass-card rounded-3xl p-8 text-center border-l-4 border-cyan-500\">\n <div class=\"flex items-center justify-center gap-3 mb-4\">\n <svg class=\"w-6 h-6 text-amber-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\n <\/svg>\n <h4 class=\"text-xl font-semibold text-dark\">\u0e04\u0e33\u0e41\u0e19\u0e30\u0e19\u0e33\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19<\/h4>\n <\/div>\n <p class=\"text-dark-light max-w-2xl mx-auto leading-relaxed\">\n \u0e01\u0e23\u0e38\u0e13\u0e32\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c TH Sarabun PSK \u0e01\u0e48\u0e2d\u0e19\u0e40\u0e1b\u0e34\u0e14\u0e44\u0e1f\u0e25\u0e4c Template \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e44\u0e14\u0e49\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07 \n \u0e2b\u0e32\u0e01\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e2a\u0e07\u0e2a\u0e31\u0e22\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e44\u0e14\u0e49\n <\/p>\n <\/div>\n\n \n <div class=\"mt-16 mb-8\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-dark mb-3 text-center\">\n \ud83d\udcdd \u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\n <\/h2>\n <p class=\"text-center text-dark-light mb-8 max-w-2xl mx-auto\">\n \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e01\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\n <\/p>\n\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n \n <div class=\"slide-up stagger-1 card-hover glass-card glow-effect rounded-2xl overflow-hidden group\">\n <div class=\"h-40 bg-gradient-to-br from-cyan-400 to-blue-500 relative overflow-hidden\">\n <div class=\"absolute inset-0 opacity-20\">\n <svg class=\"w-full h-full\" viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"0.5\">\n <path d=\"M10 20h80M10 35h80M10 50h60M10 65h80M10 80h50\"\/>\n <\/svg>\n <\/div>\n <div class=\"absolute inset-0 flex items-center justify-center\">\n <svg class=\"w-16 h-16 text-white\/80\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z\"\/>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"p-6\">\n <h3 class=\"text-xl font-bold text-dark mb-2\">\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e40\u0e0a\u0e34\u0e07\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e<\/h3>\n <p class=\"text-dark-light text-sm mb-4 leading-relaxed\">\n \u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e17\u0e35\u0e48\u0e40\u0e19\u0e49\u0e19\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e25\u0e36\u0e01\u0e0b\u0e36\u0e49\u0e07\n <\/p>\n <button onclick=\"openModal('quality')\" class=\"w-full py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-cyan-500 to-blue-500 hover:from-blue-500 hover:to-cyan-500 transition-all duration-300 hover:scale-105 text-sm\">\n \u0e04\u0e25\u0e34\u0e01 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e39\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"slide-up stagger-2 card-hover glass-card glow-effect rounded-2xl overflow-hidden group\">\n <div class=\"h-40 bg-gradient-to-br from-purple-400 to-indigo-500 relative overflow-hidden\">\n <div class=\"absolute inset-0 opacity-20\">\n <svg class=\"w-full h-full\" viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"0.5\">\n <path d=\"M10 20h80M10 35h80M10 50h60M10 65h80M10 80h50\"\/>\n <\/svg>\n <\/div>\n <div class=\"absolute inset-0 flex items-center justify-center\">\n <svg class=\"w-16 h-16 text-white\/80\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253\"\/>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"p-6\">\n <h3 class=\"text-xl font-bold text-dark mb-2\">\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23<\/h3>\n <p class=\"text-dark-light text-sm mb-4 leading-relaxed\">\n \u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2d\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c\u0e17\u0e35\u0e48\u0e21\u0e35\u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23\u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\n <\/p>\n <button onclick=\"openModal('academic')\" class=\"w-full py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-purple-500 to-indigo-500 hover:from-indigo-500 hover:to-purple-500 transition-all duration-300 hover:scale-105 text-sm\">\n \u0e04\u0e25\u0e34\u0e01 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e39\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"slide-up stagger-3 card-hover glass-card glow-effect rounded-2xl overflow-hidden group\">\n <div class=\"h-40 bg-gradient-to-br from-emerald-400 to-teal-500 relative overflow-hidden\">\n <div class=\"absolute inset-0 opacity-20\">\n <svg class=\"w-full h-full\" viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"0.5\">\n <path d=\"M10 20h80M10 35h80M10 50h60M10 65h80M10 80h50\"\/>\n <\/svg>\n <\/div>\n <div class=\"absolute inset-0 flex items-center justify-center\">\n <svg class=\"w-16 h-16 text-white\/80\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253\"\/>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"p-6\">\n <h3 class=\"text-xl font-bold text-dark mb-2\">\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e19\u0e34\u0e2a\u0e34\u0e15<\/h3>\n <p class=\"text-dark-light text-sm mb-4 leading-relaxed\">\n \u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e19\u0e34\u0e2a\u0e34\u0e15\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\n <\/p>\n <button onclick=\"openModal('student')\" class=\"w-full py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-emerald-500 to-teal-500 hover:from-teal-500 hover:to-emerald-500 transition-all duration-300 hover:scale-105 text-sm\">\n \u0e04\u0e25\u0e34\u0e01 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e39\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/main>\n \n \n <footer class=\"text-center py-8 px-6 border-t border-slate-300\">\n <p class=\"text-slate-600 text-sm\">\n \u00a9 \u0e52\u0e55\u0e56\u0e51 \u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22 | \u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e40\u0e1b\u0e47\u0e19\u0e25\u0e34\u0e02\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e02\u0e2d\u0e07\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\n <\/p>\n <\/footer>\n <\/div>\n \n \n <div id=\"toast\" class=\"fixed bottom-6 right-6 transform translate-y-20 opacity-0 transition-all duration-300 z-50\">\n <div class=\"glass-card rounded-xl px-6 py-4 flex items-center gap-3 shadow-2xl border border-white\/80\">\n <div class=\"w-10 h-10 rounded-full bg-green-400\/20 flex items-center justify-center\">\n <svg class=\"w-5 h-5 text-green-700\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"\/>\n <\/svg>\n <\/div>\n <div>\n <p class=\"font-medium text-dark\">\u0e40\u0e23\u0e34\u0e48\u0e21\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e41\u0e25\u0e49\u0e27!<\/p>\n <p id=\"toast-filename\" class=\"text-sm text-dark-light\">\u0e0a\u0e37\u0e48\u0e2d\u0e44\u0e1f\u0e25\u0e4c<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"modal-backdrop\" class=\"hidden fixed inset-0 bg-black\/50 z-40 transition-opacity\" onclick=\"closeAllModals()\"><\/div>\n\n \n <div id=\"article-modal\" class=\"hidden fixed inset-0 z-50 flex items-center justify-center p-4 overflow-y-auto\">\n <div class=\"bg-white rounded-3xl max-w-4xl w-full my-8 shadow-2xl animate-bounce-in\">\n \n <div id=\"modal-header\" class=\"px-8 py-6 border-b border-slate-200 flex items-center justify-between\">\n <h2 id=\"modal-title\" class=\"text-2xl font-bold text-dark\"><\/h2>\n <button onclick=\"closeAllModals()\" class=\"w-10 h-10 flex items-center justify-center rounded-full hover:bg-slate-100 transition-colors\">\n <svg class=\"w-6 h-6 text-dark-light\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"\/>\n <\/svg>\n <\/button>\n <\/div>\n\n \n <div class=\"px-8 py-6 modal-scrollable\">\n <div id=\"modal-content\" class=\"text-dark-light leading-relaxed space-y-4\"><\/div>\n <\/div>\n\n \n <div class=\"px-8 py-4 border-t border-slate-200 flex gap-3 justify-end bg-slate-50 rounded-b-3xl\">\n <button onclick=\"closeAllModals()\" class=\"px-6 py-2 rounded-lg font-semibold text-dark border border-slate-300 hover:bg-slate-100 transition-colors\">\n \u0e1b\u0e34\u0e14\n <\/button>\n <button onclick=\"downloadArticleFormat()\" class=\"px-6 py-2 rounded-lg font-semibold text-white bg-gradient-to-r from-cyan-500 to-blue-500 hover:from-blue-500 hover:to-cyan-500 transition-all duration-300 hover:scale-105\">\n \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n const articleFormats = {\n quality: {\n title: '\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e40\u0e0a\u0e34\u0e07\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e',\n color: 'from-cyan-500 to-blue-500',\n content: `\n <h3 class=\"text-lg font-bold text-dark mb-3\">\ud83c\udfaf \u0e25\u0e31\u0e01\u0e29\u0e13\u0e30\u0e40\u0e14\u0e48\u0e19\u0e02\u0e2d\u0e07\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e19\u0e35\u0e49:<\/h3>\n <ul class=\"list-disc list-inside space-y-2 mb-4 ml-2\">\n <li>\u0e40\u0e19\u0e49\u0e19\u0e01\u0e32\u0e23\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e25\u0e36\u0e01\u0e0b\u0e36\u0e49\u0e07\u0e41\u0e25\u0e30\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e21\u0e35\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e<\/li>\n <li>\u0e21\u0e35\u0e2a\u0e48\u0e27\u0e19\u0e27\u0e34\u0e08\u0e32\u0e23\u0e13\u0e4c\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e1c\u0e25<\/li>\n <li>\u0e43\u0e0a\u0e49\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e08\u0e32\u0e01\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e01\u0e23\u0e13\u0e35\u0e28\u0e36\u0e01\u0e29\u0e32<\/li>\n <li>\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e01\u0e32\u0e23\u0e2d\u0e20\u0e34\u0e1b\u0e23\u0e32\u0e22\u0e40\u0e0a\u0e34\u0e07\u0e25\u0e36\u0e01<\/li>\n <\/ul>\n <h3 class=\"text-lg font-bold text-dark mb-3\">\ud83d\udccb \u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2b\u0e25\u0e31\u0e01:<\/h3>\n <ul class=\"list-disc list-inside space-y-2 ml-2\">\n <li>\u0e2b\u0e31\u0e27\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07<\/li>\n <li>\u0e1a\u0e17\u0e19\u0e33<\/li>\n <li>\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e01\u0e23\u0e13\u0e35\u0e28\u0e36\u0e01\u0e29\u0e32<\/li>\n <li>\u0e01\u0e32\u0e23\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e2d\u0e20\u0e34\u0e1b\u0e23\u0e32\u0e22<\/li>\n <li>\u0e1a\u0e17\u0e2a\u0e23\u0e38\u0e1b<\/li>\n <li>\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07<\/li>\n <\/ul>\n `\n },\n academic: {\n title: '\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2d\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c',\n color: 'from-purple-500 to-indigo-500',\n content: `\n <h3 class=\"text-lg font-bold text-dark mb-3\">\ud83c\udfaf \u0e25\u0e31\u0e01\u0e29\u0e13\u0e30\u0e40\u0e14\u0e48\u0e19\u0e02\u0e2d\u0e07\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e19\u0e35\u0e49:<\/h3>\n <ul class=\"list-disc list-inside space-y-2 mb-4 ml-2\">\n <li>\u0e21\u0e35\u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23\u0e27\u0e34\u0e08\u0e31\u0e22\u0e17\u0e35\u0e48\u0e40\u0e02\u0e49\u0e21\u0e07\u0e27\u0e14<\/li>\n <li>\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07\u0e41\u0e1a\u0e1a\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e1a\u0e23\u0e23\u0e13\u0e32\u0e19\u0e38\u0e01\u0e23\u0e21<\/li>\n <li>\u0e23\u0e27\u0e21\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e32\u0e07\u0e2a\u0e16\u0e34\u0e15\u0e34\u0e41\u0e25\u0e30\u0e1c\u0e25\u0e27\u0e34\u0e08\u0e31\u0e22\u0e40\u0e0a\u0e34\u0e07\u0e1b\u0e23\u0e34\u0e21\u0e32\u0e13<\/li>\n <li>\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e15\u0e35\u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e43\u0e19\u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23<\/li>\n <\/ul>\n <h3 class=\"text-lg font-bold text-dark mb-3\">\ud83d\udccb \u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2b\u0e25\u0e31\u0e01:<\/h3>\n <ul class=\"list-disc list-inside space-y-2 ml-2\">\n <li>\u0e1a\u0e17\u0e04\u0e31\u0e14\u0e22\u0e48\u0e2d (Abstract)<\/li>\n <li>\u0e1a\u0e17\u0e19\u0e33\u0e41\u0e25\u0e30\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e01\u0e32\u0e23\u0e27\u0e34\u0e08\u0e31\u0e22<\/li>\n <li>\u0e17\u0e24\u0e29\u0e0e\u0e35\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e27\u0e23\u0e23\u0e13\u0e04\u0e14\u0e35<\/li>\n <li>\u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e27\u0e34\u0e08\u0e31\u0e22<\/li>\n <li>\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e2d\u0e20\u0e34\u0e1b\u0e23\u0e32\u0e22\u0e1c\u0e25<\/li>\n <li>\u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d\u0e41\u0e19\u0e30\u0e41\u0e25\u0e30\u0e02\u0e49\u0e2d\u0e2a\u0e23\u0e38\u0e1b<\/li>\n <li>\u0e1a\u0e23\u0e23\u0e13\u0e32\u0e19\u0e38\u0e01\u0e23\u0e21<\/li>\n <\/ul>\n `\n },\n student: {\n title: '\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e19\u0e34\u0e2a\u0e34\u0e15',\n color: 'from-emerald-500 to-teal-500',\n content: `\n <h3 class=\"text-lg font-bold text-dark mb-3\">\ud83c\udfaf \u0e25\u0e31\u0e01\u0e29\u0e13\u0e30\u0e40\u0e14\u0e48\u0e19\u0e02\u0e2d\u0e07\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e19\u0e35\u0e49:<\/h3>\n <ul class=\"list-disc list-inside space-y-2 mb-4 ml-2\">\n <li>\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b<\/li>\n <li>\u0e44\u0e21\u0e48\u0e0b\u0e31\u0e1a\u0e0b\u0e49\u0e2d\u0e19\u0e40\u0e01\u0e34\u0e19\u0e44\u0e1b \u0e41\u0e15\u0e48\u0e21\u0e35\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19<\/li>\n <li>\u0e40\u0e19\u0e49\u0e19\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c\u0e02\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07<\/li>\n <li>\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e2a\u0e48\u0e07\u0e07\u0e32\u0e19\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e1c\u0e25<\/li>\n <\/ul>\n <h3 class=\"text-lg font-bold text-dark mb-3\">\ud83d\udccb \u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2b\u0e25\u0e31\u0e01:<\/h3>\n <ul class=\"list-disc list-inside space-y-2 ml-2\">\n <li>\u0e1a\u0e17\u0e19\u0e33<\/li>\n <li>\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e2b\u0e25\u0e31\u0e01 (\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e22\u0e48\u0e2d\u0e22)<\/li>\n <li>\u0e01\u0e32\u0e23\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e2d\u0e20\u0e34\u0e1b\u0e23\u0e32\u0e22<\/li>\n <li>\u0e02\u0e49\u0e2d\u0e2a\u0e23\u0e38\u0e1b<\/li>\n <li>\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07<\/li>\n <\/ul>\n `\n }\n };\n\n let currentFormat = null;\n\n function openModal(formatType) {\n currentFormat = formatType;\n const format = articleFormats[formatType];\n \n document.getElementById('modal-title').textContent = format.title;\n document.getElementById('modal-content').innerHTML = format.content;\n document.getElementById('modal-backdrop').classList.remove('hidden');\n document.getElementById('article-modal').classList.remove('hidden');\n document.body.style.overflow = 'hidden';\n }\n\n function closeAllModals() {\n document.getElementById('modal-backdrop').classList.add('hidden');\n document.getElementById('article-modal').classList.add('hidden');\n document.body.style.overflow = 'auto';\n currentFormat = null;\n }\n\n function downloadArticleFormat() {\n if (!currentFormat) return;\n \n const fileNames = {\n quality: '\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e40\u0e0a\u0e34\u0e07\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e.docx',\n academic: '\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2d\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c.docx',\n student: '\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e19\u0e34\u0e2a\u0e34\u0e15.docx'\n };\n \n downloadFile(`article-${currentFormat}.docx`, fileNames[currentFormat]);\n closeAllModals();\n }\n\n const defaultConfig = {\n page_title: '\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23',\n page_subtitle: '\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c',\n background_color: '#f0f9ff',\n text_color: '#0f172a',\n accent_color: '#06b6d4',\n card_color: 'rgba(255, 255, 255, 0.7)',\n button_color: '#06b6d4',\n font_family: 'Sarabun',\n font_size: 16\n };\n\n let config = { ...defaultConfig };\n\n function downloadFile(fileId, fileName) {\n const toast = document.getElementById('toast');\n const toastFilename = document.getElementById('toast-filename');\n toastFilename.textContent = fileName;\n \n toast.classList.remove('translate-y-20', 'opacity-0');\n toast.classList.add('translate-y-0', 'opacity-100');\n \n const dummyContent = `Sample content for: ${fileName}\\n\\nThis is a demonstration file.\\nIn production, this would be the actual document.`;\n const blob = new Blob([dummyContent], { type: 'application\/octet-stream' });\n const url = URL.createObjectURL(blob);\n \n const link = document.createElement('a');\n link.href = url;\n link.download = fileName;\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n URL.revokeObjectURL(url);\n \n setTimeout(() => {\n toast.classList.add('translate-y-20', 'opacity-0');\n toast.classList.remove('translate-y-0', 'opacity-100');\n }, 3000);\n }\n\n async function onConfigChange(newConfig) {\n config = { ...config, ...newConfig };\n \n const titleEl = document.getElementById('page-title');\n const subtitleEl = document.getElementById('page-subtitle');\n \n if (titleEl) titleEl.textContent = config.page_title || defaultConfig.page_title;\n if (subtitleEl) subtitleEl.textContent = config.page_subtitle || defaultConfig.page_subtitle;\n \n const customFont = config.font_family || defaultConfig.font_family;\n document.body.style.fontFamily = `${customFont}, 'TH Sarabun PSK', sans-serif`;\n \n const baseSize = config.font_size || defaultConfig.font_size;\n document.body.style.fontSize = `${baseSize}px`;\n }\n\n function mapToCapabilities(config) {\n return {\n recolorables: [\n {\n get: () => config.background_color || defaultConfig.background_color,\n set: (value) => {\n config.background_color = value;\n if (window.elementSdk) window.elementSdk.setConfig({ background_color: value });\n }\n },\n {\n get: () => config.text_color || defaultConfig.text_color,\n set: (value) => {\n config.text_color = value;\n if (window.elementSdk) window.elementSdk.setConfig({ text_color: value });\n }\n },\n {\n get: () => config.accent_color || defaultConfig.accent_color,\n set: (value) => {\n config.accent_color = value;\n if (window.elementSdk) window.elementSdk.setConfig({ accent_color: value });\n }\n }\n ],\n borderables: [],\n fontEditable: {\n get: () => config.font_family || defaultConfig.font_family,\n set: (value) => {\n config.font_family = value;\n if (window.elementSdk) window.elementSdk.setConfig({ font_family: value });\n }\n },\n fontSizeable: {\n get: () => config.font_size || defaultConfig.font_size,\n set: (value) => {\n config.font_size = value;\n if (window.elementSdk) window.elementSdk.setConfig({ font_size: value });\n }\n }\n };\n }\n\n function mapToEditPanelValues(config) {\n return new Map([\n ['page_title', config.page_title || defaultConfig.page_title],\n ['page_subtitle', config.page_subtitle || defaultConfig.page_subtitle]\n ]);\n }\n\n if (window.elementSdk) {\n window.elementSdk.init({\n defaultConfig,\n onConfigChange,\n mapToCapabilities,\n mapToEditPanelValues\n });\n }\n\n document.addEventListener('keydown', (e) => {\n if (e.key === 'Escape') closeAllModals();\n });\n <\/script>\n<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9cf2119f04a68963',t:'MTc3MTI5NzU4Ny4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23 – \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23 \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e09\u0e1a\u0e31\u0e1a\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07 \u0e1e.\u0e28. \u0e52\u0e55\u0e56\u0e51 PDF Document \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e09\u0e1a\u0e31\u0e1a\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35 \u0e1e.\u0e28. \u0e52\u0e55\u0e56\u0e51 \u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e02\u0e35\u0e22\u0e19 \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e2b\u0e19\u0e49\u0e32 \u0e01\u0e32\u0e23\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07 \u0e41\u0e25\u0e30\u0e41\u0e19\u0e27\u0e17\u0e32\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 PDF 2561 \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d Template Template \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e41\u0e21\u0e48\u0e41\u0e1a\u0e1a\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e23\u0e39\u0e1b \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-770","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/770","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=770"}],"version-history":[{"count":3,"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/770\/revisions"}],"predecessor-version":[{"id":815,"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/770\/revisions\/815"}],"wp:attachment":[{"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=770"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}