{"id":756,"date":"2026-02-17T01:48:22","date_gmt":"2026-02-17T01:48:22","guid":{"rendered":"https:\/\/medkorat.mcu.ac.th\/?page_id=756"},"modified":"2026-02-20T02:13:22","modified_gmt":"2026-02-20T02:13:22","slug":"%e0%b8%82%e0%b8%b1%e0%b9%89%e0%b8%99%e0%b8%95%e0%b8%ad%e0%b8%99%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b9%80%e0%b8%aa%e0%b8%99%e0%b8%ad%e0%b8%82%e0%b8%ad%e0%b8%95%e0%b8%a3%e0%b8%a7%e0%b8%88%e0%b8%a3%e0%b8%b9","status":"publish","type":"page","link":"https:\/\/medkorat.mcu.ac.th\/?page_id=756","title":{"rendered":"\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e40\u0e2a\u0e19\u0e2d\u0e02\u0e2d\u0e15\u0e23\u0e27\u0e08\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\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<figure class=\"wp-block-image alignfull size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"509\" height=\"713\" src=\"https:\/\/medkorat.mcu.ac.th\/wp-content\/uploads\/2026\/02\/\u0e02\u0e31\u0e49\u0e19\u0e17\u0e35\u0e48-2.png\" alt=\"\" class=\"wp-image-790\" srcset=\"https:\/\/medkorat.mcu.ac.th\/wp-content\/uploads\/2026\/02\/\u0e02\u0e31\u0e49\u0e19\u0e17\u0e35\u0e48-2.png 509w, https:\/\/medkorat.mcu.ac.th\/wp-content\/uploads\/2026\/02\/\u0e02\u0e31\u0e49\u0e19\u0e17\u0e35\u0e48-2-214x300.png 214w\" sizes=\"(max-width: 509px) 100vw, 509px\" \/><\/figure>\n\n\n\n<!DOCTYPE html>\n<html lang=\"th\" class=\"h-full\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\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&#038;family=Prompt:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        * {\n            font-family: 'Sarabun', sans-serif;\n        }\n        .font-heading {\n            font-family: 'Prompt', sans-serif;\n        }\n        .gradient-bg {\n            background: linear-gradient(135deg, #1e3a5f 0%, #2d5a87 50%, #3d7ab5 100%);\n        }\n        .card-gradient {\n            background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);\n        }\n        .step-line::before {\n            content: '';\n            position: absolute;\n            left: 28px;\n            top: 70px;\n            bottom: -20px;\n            width: 3px;\n            background: linear-gradient(180deg, #3b82f6 0%, #93c5fd 100%);\n            border-radius: 2px;\n        }\n        .step-card {\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n        .step-card:hover {\n            transform: translateX(8px);\n            box-shadow: 0 20px 40px -12px rgba(59, 130, 246, 0.25);\n        }\n        .step-number {\n            background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n            box-shadow: 0 4px 14px rgba(59, 130, 246, 0.4);\n        }\n        .document-item {\n            transition: all 0.2s ease;\n        }\n        .document-item:hover {\n            background: #eff6ff;\n            transform: translateX(4px);\n        }\n        .download-btn {\n            background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n            transition: all 0.3s ease;\n        }\n        .download-btn:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 8px 20px rgba(16, 185, 129, 0.4);\n        }\n        .floating-shape {\n            position: absolute;\n            border-radius: 50%;\n            opacity: 0.1;\n            animation: float 6s ease-in-out infinite;\n        }\n        @keyframes float {\n            0%, 100% { transform: translateY(0px) rotate(0deg); }\n            50% { transform: translateY(-20px) rotate(5deg); }\n        }\n        .pulse-ring {\n            animation: pulse-ring 2s ease-out infinite;\n        }\n        @keyframes pulse-ring {\n            0% { transform: scale(1); opacity: 0.8; }\n            100% { transform: scale(1.5); opacity: 0; }\n        }\n    <\/style>\n<\/head>\n<body class=\"h-full bg-slate-50 overflow-auto\">\n    <div id=\"app-container\" class=\"w-full min-h-full\">\n        <!-- Header Section -->\n        <header class=\"gradient-bg relative overflow-hidden\">\n            <div class=\"floating-shape w-32 h-32 bg-white top-10 left-10\"><\/div>\n            <div class=\"floating-shape w-24 h-24 bg-white top-20 right-20\" style=\"animation-delay: -2s;\"><\/div>\n            <div class=\"floating-shape w-16 h-16 bg-white bottom-10 left-1\/3\" style=\"animation-delay: -4s;\"><\/div>\n            \n            <div class=\"relative z-10 px-6 py-12 md:py-16 max-w-5xl mx-auto text-center\">\n                <div class=\"inline-flex items-center gap-2 bg-white\/20 backdrop-blur-sm px-4 py-2 rounded-full mb-6\">\n                    <svg class=\"w-5 h-5 text-yellow-300\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                        <path d=\"M9 4.804A7.968 7.968 0 005.5 4c-1.255 0-2.443.29-3.5.804v10A7.969 7.969 0 015.5 14c1.669 0 3.218.51 4.5 1.385A7.962 7.962 0 0114.5 14c1.255 0 2.443.29 3.5.804v-10A7.968 7.968 0 0014.5 4c-1.255 0-2.443.29-3.5.804V12a1 1 0 11-2 0V4.804z\"\/>\n                    <\/svg>\n                    <span class=\"text-white\/90 text-sm font-medium\">\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22<\/span>\n                <\/div>\n                \n                <h1 id=\"page-title\" class=\"font-heading text-3xl md:text-4xl lg:text-5xl font-bold text-white mb-4 leading-tight\">\n                    \u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e40\u0e2a\u0e19\u0e2d\u0e02\u0e2d\u0e15\u0e23\u0e27\u0e08\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\n                <\/h1>\n                <p id=\"subtitle\" class=\"text-xl md:text-2xl text-blue-100 font-light\">\n                    \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                \n                <div class=\"mt-8 flex flex-wrap justify-center gap-4\">\n                    <div class=\"bg-white\/10 backdrop-blur-sm px-5 py-3 rounded-xl\">\n                        <span class=\"text-3xl font-bold text-white\">5<\/span>\n                        <span class=\"text-blue-100 ml-2\">\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19<\/span>\n                    <\/div>\n                    <div class=\"bg-white\/10 backdrop-blur-sm px-5 py-3 rounded-xl\">\n                        <span class=\"text-3xl font-bold text-white\">4<\/span>\n                        <span class=\"text-blue-100 ml-2\">\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/header>\n\n        <!-- Main Content -->\n        <main class=\"max-w-4xl mx-auto px-4 md:px-6 py-10 md:py-14\">\n            <!-- Steps Timeline -->\n            <div class=\"space-y-6\">\n                <!-- Step 1 -->\n                <div class=\"step-line relative pb-4\">\n                    <div class=\"step-card card-gradient rounded-2xl shadow-lg border border-slate-100 p-6 ml-0 md:ml-16\">\n                        <div class=\"flex items-start gap-4\">\n                            <div class=\"step-number absolute left-0 md:relative w-14 h-14 rounded-xl flex items-center justify-center text-white text-xl font-bold shrink-0\">\n                                \u0e51\n                            <\/div>\n                            <div class=\"flex-1 ml-16 md:ml-0\">\n                                <h3 class=\"font-heading text-lg md:text-xl font-semibold text-slate-800 mb-2\">\n                                    \u0e02\u0e2d\u0e41\u0e1a\u0e1a\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\n                                <\/h3>\n                                <p class=\"text-slate-600 leading-relaxed\">\n                                    \u0e02\u0e2d\u0e41\u0e1a\u0e1a\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b <span class=\"inline-flex items-center bg-blue-100 text-blue-700 px-3 py-1 rounded-full text-sm font-semibold\">(\u0e1a\u0e11 \u0e56)<\/span> \u0e08\u0e32\u0e01\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\n                                <\/p>\n                                <button onclick=\"downloadForm('\u0e1a\u0e116')\" class=\"download-btn mt-4 inline-flex items-center gap-2 text-white px-5 py-2.5 rounded-xl text-sm font-medium\">\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=\"M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 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                                    \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e41\u0e1a\u0e1a \u0e1a\u0e11 \u0e56\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Step 2 -->\n                <div class=\"step-line relative pb-4\">\n                    <div class=\"step-card card-gradient rounded-2xl shadow-lg border border-slate-100 p-6 ml-0 md:ml-16\">\n                        <div class=\"flex items-start gap-4\">\n                            <div class=\"step-number absolute left-0 md:relative w-14 h-14 rounded-xl flex items-center justify-center text-white text-xl font-bold shrink-0\">\n                                \u0e52\n                            <\/div>\n                            <div class=\"flex-1 ml-16 md:ml-0\">\n                                <h3 class=\"font-heading text-lg md:text-xl font-semibold text-slate-800 mb-2\">\n                                    \u0e01\u0e23\u0e2d\u0e01\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e41\u0e25\u0e30\u0e02\u0e2d\u0e25\u0e32\u0e22\u0e40\u0e0b\u0e47\u0e19\n                                <\/h3>\n                                <p class=\"text-slate-600 leading-relaxed mb-4\">\n                                    \u0e01\u0e23\u0e2d\u0e01\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e15\u0e32\u0e21\u0e41\u0e1a\u0e1a\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07 \u0e41\u0e25\u0e30\u0e02\u0e2d\u0e25\u0e32\u0e22\u0e40\u0e0b\u0e47\u0e19\u0e08\u0e32\u0e01:\n                                <\/p>\n                                <div class=\"space-y-3\">\n                                    <div class=\"flex items-center gap-3 bg-amber-50 px-4 py-3 rounded-xl border border-amber-100\">\n                                        <div class=\"w-8 h-8 bg-amber-500 rounded-lg flex items-center justify-center shrink-0\">\n                                            <svg class=\"w-4 h-4 text-white\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                                <path fill-rule=\"evenodd\" d=\"M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z\" clip-rule=\"evenodd\"\/>\n                                            <\/svg>\n                                        <\/div>\n                                        <span class=\"text-slate-700 font-medium\">\u0e1b\u0e23\u0e30\u0e18\u0e32\u0e19\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \/ \u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \/ \u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c<\/span>\n                                    <\/div>\n                                    <div class=\"flex items-center gap-3 bg-purple-50 px-4 py-3 rounded-xl border border-purple-100\">\n                                        <div class=\"w-8 h-8 bg-purple-500 rounded-lg flex items-center justify-center shrink-0\">\n                                            <svg class=\"w-4 h-4 text-white\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                                <path fill-rule=\"evenodd\" d=\"M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z\" clip-rule=\"evenodd\"\/>\n                                            <\/svg>\n                                        <\/div>\n                                        <span class=\"text-slate-700 font-medium\">\u0e2d\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Step 3 -->\n                <div class=\"step-line relative pb-4\">\n                    <div class=\"step-card card-gradient rounded-2xl shadow-lg border border-slate-100 p-6 ml-0 md:ml-16\">\n                        <div class=\"flex items-start gap-4\">\n                            <div class=\"step-number absolute left-0 md:relative w-14 h-14 rounded-xl flex items-center justify-center text-white text-xl font-bold shrink-0\">\n                                \u0e53\n                            <\/div>\n                            <div class=\"flex-1 ml-16 md:ml-0\">\n                                <h3 class=\"font-heading text-lg md:text-xl font-semibold text-slate-800 mb-3\">\n                                    \u0e2a\u0e48\u0e07\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e41\u0e01\u0e48\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\n                                <\/h3>\n                                <p class=\"text-slate-600 mb-4\">\u0e40\u0e15\u0e23\u0e35\u0e22\u0e21\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e15\u0e48\u0e2d\u0e44\u0e1b\u0e19\u0e35\u0e49\u0e43\u0e2b\u0e49\u0e04\u0e23\u0e1a\u0e16\u0e49\u0e27\u0e19:<\/p>\n                                <div class=\"space-y-2\">\n                                    <div class=\"document-item flex items-start gap-3 px-4 py-3 rounded-xl border border-slate-200\">\n                                        <div class=\"w-6 h-6 bg-emerald-500 rounded-full flex items-center justify-center shrink-0 mt-0.5\">\n                                            <svg class=\"w-3.5 h-3.5 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"\/>\n                                            <\/svg>\n                                        <\/div>\n                                        <div>\n                                            <span class=\"text-slate-700 font-medium\">\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \/ \u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \/ \u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c<\/span>\n                                            <span class=\"text-slate-500\"> \u0e17\u0e35\u0e48\u0e40\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e23\u0e35\u0e22\u0e07\u0e40\u0e2a\u0e23\u0e47\u0e08\u0e41\u0e25\u0e49\u0e27 <\/span>\n                                            <span class=\"bg-blue-100 text-blue-700 px-2 py-0.5 rounded text-sm font-semibold\">\u0e51 \u0e09\u0e1a\u0e31\u0e1a<\/span>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"document-item flex items-start gap-3 px-4 py-3 rounded-xl border border-slate-200\">\n                                        <div class=\"w-6 h-6 bg-emerald-500 rounded-full flex items-center justify-center shrink-0 mt-0.5\">\n                                            <svg class=\"w-3.5 h-3.5 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"\/>\n                                            <\/svg>\n                                        <\/div>\n                                        <span class=\"text-slate-700\">\u0e41\u0e1a\u0e1a\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e02\u0e2d\u0e15\u0e23\u0e27\u0e08\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a <span class=\"bg-blue-100 text-blue-700 px-2 py-0.5 rounded text-sm font-semibold\">(\u0e1a\u0e11 \u0e56)<\/span><\/span>\n                                    <\/div>\n                                    <div class=\"document-item flex items-start gap-3 px-4 py-3 rounded-xl border border-slate-200\">\n                                        <div class=\"w-6 h-6 bg-emerald-500 rounded-full flex items-center justify-center shrink-0 mt-0.5\">\n                                            <svg class=\"w-3.5 h-3.5 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"\/>\n                                            <\/svg>\n                                        <\/div>\n                                        <span class=\"text-slate-700\">\u0e43\u0e1a\u0e40\u0e2a\u0e23\u0e47\u0e08\u0e04\u0e48\u0e32\u0e23\u0e31\u0e01\u0e29\u0e32\u0e2a\u0e16\u0e32\u0e19\u0e20\u0e32\u0e1e\u0e02\u0e2d\u0e07\u0e20\u0e32\u0e04\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14<\/span>\n                                    <\/div>\n                                    <div class=\"document-item flex items-start gap-3 px-4 py-3 rounded-xl border border-slate-200\">\n                                        <div class=\"w-6 h-6 bg-emerald-500 rounded-full flex items-center justify-center shrink-0 mt-0.5\">\n                                            <svg class=\"w-3.5 h-3.5 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"\/>\n                                            <\/svg>\n                                        <\/div>\n                                        <span class=\"text-slate-700\">\u0e0a\u0e37\u0e48\u0e2d\u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e23\u0e48\u0e32\u0e07\u0e2f \u0e40\u0e25\u0e48\u0e21\u0e40\u0e14\u0e34\u0e21\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\u0e43\u0e2b\u0e49\u0e17\u0e33\u0e27\u0e34\u0e08\u0e31\u0e22<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Step 4 -->\n                <div class=\"step-line relative pb-4\">\n                    <div class=\"step-card card-gradient rounded-2xl shadow-lg border border-slate-100 p-6 ml-0 md:ml-16\">\n                        <div class=\"flex items-start gap-4\">\n                            <div class=\"step-number absolute left-0 md:relative w-14 h-14 rounded-xl flex items-center justify-center text-white text-xl font-bold shrink-0\">\n                                \u0e54\n                            <\/div>\n                            <div class=\"flex-1 ml-16 md:ml-0\">\n                                <h3 class=\"font-heading text-lg md:text-xl font-semibold text-slate-800 mb-2\">\n                                    \u0e23\u0e2d\u0e23\u0e31\u0e1a\u0e17\u0e23\u0e32\u0e1a\u0e01\u0e32\u0e23\u0e41\u0e01\u0e49\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\n                                <\/h3>\n                                <div class=\"bg-gradient-to-r from-orange-50 to-yellow-50 border border-orange-200 rounded-xl p-4\">\n                                    <div class=\"flex items-start gap-3\">\n                                        <div class=\"w-10 h-10 bg-orange-500 rounded-xl flex items-center justify-center shrink-0\">\n                                            <svg class=\"w-5 h-5 text-white\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                                <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z\" clip-rule=\"evenodd\"\/>\n                                            <\/svg>\n                                        <\/div>\n                                        <div>\n                                            <p class=\"text-slate-700 font-medium\">\u0e23\u0e2d\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e08\u0e32\u0e01\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48<\/p>\n                                            <p class=\"text-slate-500 text-sm mt-1\">\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e08\u0e30\u0e41\u0e08\u0e49\u0e07\u0e43\u0e2b\u0e49\u0e21\u0e32\u0e23\u0e31\u0e1a\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e44\u0e1b\u0e41\u0e01\u0e49\u0e44\u0e02<\/p>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Step 5 -->\n                <div class=\"relative\">\n                    <div class=\"step-card card-gradient rounded-2xl shadow-lg border border-slate-100 p-6 ml-0 md:ml-16\">\n                        <div class=\"flex items-start gap-4\">\n                            <div class=\"step-number absolute left-0 md:relative w-14 h-14 rounded-xl flex items-center justify-center text-white text-xl font-bold shrink-0\">\n                                \u0e55\n                            <\/div>\n                            <div class=\"flex-1 ml-16 md:ml-0\">\n                                <h3 class=\"font-heading text-lg md:text-xl font-semibold text-slate-800 mb-2\">\n                                    \u0e41\u0e01\u0e49\u0e44\u0e02\u0e41\u0e25\u0e30\u0e2a\u0e48\u0e07\u0e15\u0e23\u0e27\u0e08\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07\n                                <\/h3>\n                                <p class=\"text-slate-600 leading-relaxed mb-4\">\n                                    \u0e41\u0e01\u0e49\u0e44\u0e02\u0e15\u0e32\u0e21\u0e17\u0e35\u0e48\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e41\u0e08\u0e49\u0e07 \u0e41\u0e25\u0e49\u0e27\u0e19\u0e33\u0e21\u0e32\u0e43\u0e2b\u0e49\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e15\u0e23\u0e27\u0e08\u0e2d\u0e35\u0e01 \u0e51 \u0e04\u0e23\u0e31\u0e49\u0e07\n                                <\/p>\n                                <div class=\"bg-gradient-to-r from-emerald-500 to-teal-500 rounded-xl p-4 text-white\">\n                                    <div class=\"flex items-center gap-3\">\n                                        <div class=\"relative\">\n                                            <div class=\"w-12 h-12 bg-white\/20 rounded-full flex items-center justify-center\">\n                                                <svg class=\"w-6 h-6\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                                    <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"\/>\n                                                <\/svg>\n                                            <\/div>\n                                            <div class=\"absolute inset-0 w-12 h-12 bg-white\/30 rounded-full pulse-ring\"><\/div>\n                                        <\/div>\n                                        <div>\n                                            <p class=\"font-semibold text-lg\">\u0e40\u0e2a\u0e23\u0e47\u0e08\u0e2a\u0e34\u0e49\u0e19\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a!<\/p>\n                                            <p class=\"text-emerald-100 text-sm\">\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e40\u0e23\u0e34\u0e48\u0e21\u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e2a\u0e2d\u0e1a\u0e15\u0e48\u0e2d\u0e44\u0e1b<\/p>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Download All Documents Section -->\n            <div class=\"mt-12 bg-gradient-to-br from-slate-800 to-slate-900 rounded-2xl p-6 md:p-8 text-white\">\n                <div class=\"flex flex-col md:flex-row items-center gap-6\">\n                    <div class=\"w-16 h-16 bg-gradient-to-br from-blue-500 to-blue-600 rounded-2xl flex items-center justify-center shrink-0\">\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 class=\"flex-1 text-center md:text-left\">\n                        <h3 class=\"font-heading text-xl font-semibold mb-2\">\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/h3>\n                        <p class=\"text-slate-300\">\u0e23\u0e27\u0e21\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e41\u0e25\u0e30\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e17\u0e35\u0e48\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a<\/p>\n                    <\/div>\n                    <button onclick=\"downloadAllDocuments()\" class=\"bg-gradient-to-r from-blue-500 to-blue-600 hover:from-blue-600 hover:to-blue-700 px-6 py-3 rounded-xl font-medium flex items-center gap-2 transition-all duration-300 hover:scale-105 shrink-0\">\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\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Contact Info -->\n            <div class=\"mt-8 text-center\">\n                <p class=\"text-slate-500 text-sm\">\n                    \u0e2b\u0e32\u0e01\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e2a\u0e07\u0e2a\u0e31\u0e22 \u0e01\u0e23\u0e38\u0e13\u0e32\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d \n                    <span class=\"text-blue-600 font-medium\">\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22<\/span>\n                <\/p>\n            <\/div>\n        <\/main>\n\n        <!-- Toast Notification -->\n        <div id=\"toast\" class=\"fixed bottom-6 right-6 bg-slate-800 text-white px-6 py-4 rounded-xl shadow-2xl transform translate-y-20 opacity-0 transition-all duration-300 flex items-center gap-3 z-50\">\n            <svg class=\"w-5 h-5 text-emerald-400\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"\/>\n            <\/svg>\n            <span id=\"toast-message\">\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08!<\/span>\n        <\/div>\n    <\/div>\n\n    <script>\n        const defaultConfig = {\n            page_title: '\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e40\u0e2a\u0e19\u0e2d\u0e02\u0e2d\u0e15\u0e23\u0e27\u0e08\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a',\n            subtitle: '\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: '#1e3a5f',\n            surface_color: '#ffffff',\n            text_color: '#334155',\n            primary_action_color: '#3b82f6',\n            secondary_action_color: '#10b981'\n        };\n\n        let config = { ...defaultConfig };\n\n        function showToast(message) {\n            const toast = document.getElementById('toast');\n            const toastMessage = document.getElementById('toast-message');\n            toastMessage.textContent = message;\n            toast.classList.remove('translate-y-20', 'opacity-0');\n            toast.classList.add('translate-y-0', 'opacity-100');\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        function downloadForm(formName) {\n            const formContent = `\u0e41\u0e1a\u0e1a\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b (${formName})\n\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\n\n\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 ......\/......\/......\n\n\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07 \u0e02\u0e2d\u0e15\u0e23\u0e27\u0e08\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \/ \u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \/ \u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\n\n\u0e02\u0e49\u0e32\u0e1e\u0e40\u0e08\u0e49\u0e32 (\u0e19\u0e32\u0e22\/\u0e19\u0e32\u0e07\/\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27) .......................................................\n\u0e23\u0e2b\u0e31\u0e2a\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e15\u0e31\u0e27 .......................................................\n\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32 .......................................................\n\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32  \u2610 \u0e1b\u0e23\u0e34\u0e0d\u0e0d\u0e32\u0e40\u0e2d\u0e01  \u2610 \u0e1b\u0e23\u0e34\u0e0d\u0e0d\u0e32\u0e42\u0e17\n\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e25\u0e02\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c .......................................................\nE-mail .......................................................\n\n\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c\u0e02\u0e2d\u0e15\u0e23\u0e27\u0e08\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a \u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \/ \u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \/ \u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\n\n\u0e0a\u0e37\u0e48\u0e2d\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07 (\u0e20\u0e32\u0e29\u0e32\u0e44\u0e17\u0e22) .......................................................\n\u0e0a\u0e37\u0e48\u0e2d\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07 (\u0e20\u0e32\u0e29\u0e32\u0e2d\u0e31\u0e07\u0e01\u0e24\u0e29) .......................................................\n\n\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e17\u0e35\u0e48\u0e41\u0e19\u0e1a\u0e21\u0e32\u0e14\u0e49\u0e27\u0e22\n\u2610 \u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \/ \u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \/ \u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e17\u0e35\u0e48\u0e40\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e23\u0e35\u0e22\u0e07\u0e40\u0e2a\u0e23\u0e47\u0e08\u0e41\u0e25\u0e49\u0e27 \u0e08\u0e33\u0e19\u0e27\u0e19 1 \u0e09\u0e1a\u0e31\u0e1a\n\u2610 \u0e43\u0e1a\u0e40\u0e2a\u0e23\u0e47\u0e08\u0e04\u0e48\u0e32\u0e23\u0e31\u0e01\u0e29\u0e32\u0e2a\u0e16\u0e32\u0e19\u0e20\u0e32\u0e1e\u0e02\u0e2d\u0e07\u0e20\u0e32\u0e04\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14\n\u2610 \u0e0a\u0e37\u0e48\u0e2d\u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e23\u0e48\u0e32\u0e07\u0e2f \u0e40\u0e25\u0e48\u0e21\u0e40\u0e14\u0e34\u0e21\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\u0e43\u0e2b\u0e49\u0e17\u0e33\u0e27\u0e34\u0e08\u0e31\u0e22\n\n\u0e25\u0e07\u0e0a\u0e37\u0e48\u0e2d ................................. \u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32\n       (.................................)\n\n\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2b\u0e47\u0e19\u0e1b\u0e23\u0e30\u0e18\u0e32\u0e19\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e2f\n\u2610 \u0e40\u0e2b\u0e47\u0e19\u0e04\u0e27\u0e23\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\n\u2610 \u0e44\u0e21\u0e48\u0e40\u0e2b\u0e47\u0e19\u0e04\u0e27\u0e23\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15 \u0e40\u0e1e\u0e23\u0e32\u0e30 .......................................................\n\n\u0e25\u0e07\u0e0a\u0e37\u0e48\u0e2d ................................. \u0e1b\u0e23\u0e30\u0e18\u0e32\u0e19\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e2f\n       (.................................)\n\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 ......\/......\/......\n\n\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2b\u0e47\u0e19\u0e2d\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\n\u2610 \u0e40\u0e2b\u0e47\u0e19\u0e04\u0e27\u0e23\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\n\u2610 \u0e44\u0e21\u0e48\u0e40\u0e2b\u0e47\u0e19\u0e04\u0e27\u0e23\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15 \u0e40\u0e1e\u0e23\u0e32\u0e30 .......................................................\n\n\u0e25\u0e07\u0e0a\u0e37\u0e48\u0e2d ................................. \u0e2d\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\n       (.................................)\n\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 ......\/......\/......\n`;\n            \n            const blob = new Blob([formContent], { type: 'text\/plain;charset=utf-8' });\n            const url = URL.createObjectURL(blob);\n            const a = document.createElement('a');\n            a.href = url;\n            a.download = `\u0e41\u0e1a\u0e1a\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07_${formName}.txt`;\n            document.body.appendChild(a);\n            a.click();\n            document.body.removeChild(a);\n            URL.revokeObjectURL(url);\n            \n            showToast(`\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e41\u0e1a\u0e1a ${formName} \u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08!`);\n        }\n\n        function downloadAllDocuments() {\n            const guideContent = `\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\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\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\n\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e17\u0e35\u0e48 \u0e51: \u0e02\u0e2d\u0e41\u0e1a\u0e1a\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b (\u0e1a\u0e11 \u0e56)\n\u2022 \u0e02\u0e2d\u0e41\u0e1a\u0e1a\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b (\u0e1a\u0e11 \u0e56) \u0e08\u0e32\u0e01\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\n\n\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e17\u0e35\u0e48 \u0e52: \u0e01\u0e23\u0e2d\u0e01\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e41\u0e25\u0e30\u0e02\u0e2d\u0e25\u0e32\u0e22\u0e40\u0e0b\u0e47\u0e19\n\u2022 \u0e01\u0e23\u0e2d\u0e01\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e15\u0e32\u0e21\u0e41\u0e1a\u0e1a\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\n\u2022 \u0e02\u0e2d\u0e25\u0e32\u0e22\u0e40\u0e0b\u0e47\u0e19\u0e08\u0e32\u0e01\u0e1b\u0e23\u0e30\u0e18\u0e32\u0e19\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\/\u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\/\u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\n\u2022 \u0e02\u0e2d\u0e25\u0e32\u0e22\u0e40\u0e0b\u0e47\u0e19\u0e08\u0e32\u0e01\u0e2d\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\n\n\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e17\u0e35\u0e48 \u0e53: \u0e2a\u0e48\u0e07\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e41\u0e01\u0e48\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\n\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e15\u0e23\u0e35\u0e22\u0e21:\n\u2610 \u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\/\u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c\/\u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e17\u0e35\u0e48\u0e40\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e23\u0e35\u0e22\u0e07\u0e40\u0e2a\u0e23\u0e47\u0e08\u0e41\u0e25\u0e49\u0e27 \u0e08\u0e33\u0e19\u0e27\u0e19 \u0e51 \u0e09\u0e1a\u0e31\u0e1a\n\u2610 \u0e41\u0e1a\u0e1a\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e02\u0e2d\u0e15\u0e23\u0e27\u0e08\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a (\u0e1a\u0e11 \u0e56)\n\u2610 \u0e43\u0e1a\u0e40\u0e2a\u0e23\u0e47\u0e08\u0e04\u0e48\u0e32\u0e23\u0e31\u0e01\u0e29\u0e32\u0e2a\u0e16\u0e32\u0e19\u0e20\u0e32\u0e1e\u0e02\u0e2d\u0e07\u0e20\u0e32\u0e04\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14\n\u2610 \u0e0a\u0e37\u0e48\u0e2d\u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e23\u0e48\u0e32\u0e07\u0e2f \u0e40\u0e25\u0e48\u0e21\u0e40\u0e14\u0e34\u0e21\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\u0e43\u0e2b\u0e49\u0e17\u0e33\u0e27\u0e34\u0e08\u0e31\u0e22\n\n\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e17\u0e35\u0e48 \u0e54: \u0e23\u0e2d\u0e23\u0e31\u0e1a\u0e17\u0e23\u0e32\u0e1a\u0e01\u0e32\u0e23\u0e41\u0e01\u0e49\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\n\u2022 \u0e23\u0e2d\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e41\u0e08\u0e49\u0e07\u0e43\u0e2b\u0e49\u0e21\u0e32\u0e23\u0e31\u0e1a\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e44\u0e1b\u0e41\u0e01\u0e49\u0e44\u0e02\n\n\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e17\u0e35\u0e48 \u0e55: \u0e41\u0e01\u0e49\u0e44\u0e02\u0e41\u0e25\u0e30\u0e2a\u0e48\u0e07\u0e15\u0e23\u0e27\u0e08\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07\n\u2022 \u0e41\u0e01\u0e49\u0e44\u0e02\u0e15\u0e32\u0e21\u0e17\u0e35\u0e48\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e41\u0e08\u0e49\u0e07\n\u2022 \u0e19\u0e33\u0e21\u0e32\u0e43\u0e2b\u0e49\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e15\u0e23\u0e27\u0e08\u0e2d\u0e35\u0e01 \u0e51 \u0e04\u0e23\u0e31\u0e49\u0e07\n\u2022 \u0e40\u0e2a\u0e23\u0e47\u0e08\u0e2a\u0e34\u0e49\u0e19\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\n\u2022 \u0e40\u0e23\u0e34\u0e48\u0e21\u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e2a\u0e2d\u0e1a\u0e15\u0e48\u0e2d\u0e44\u0e1b\n\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\u0e2b\u0e32\u0e01\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e2a\u0e07\u0e2a\u0e31\u0e22 \u0e01\u0e23\u0e38\u0e13\u0e32\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\n`;\n            \n            const blob = new Blob([guideContent], { type: 'text\/plain;charset=utf-8' });\n            const url = URL.createObjectURL(blob);\n            const a = document.createElement('a');\n            a.href = url;\n            a.download = '\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c.txt';\n            document.body.appendChild(a);\n            a.click();\n            document.body.removeChild(a);\n            URL.revokeObjectURL(url);\n            \n            showToast('\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08!');\n        }\n\n        async function onConfigChange(newConfig) {\n            const pageTitle = document.getElementById('page-title');\n            const subtitle = document.getElementById('subtitle');\n            \n            if (pageTitle) {\n                pageTitle.textContent = newConfig.page_title || defaultConfig.page_title;\n            }\n            if (subtitle) {\n                subtitle.textContent = newConfig.subtitle || defaultConfig.subtitle;\n            }\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                            window.elementSdk.setConfig({ background_color: value });\n                        }\n                    },\n                    {\n                        get: () => config.surface_color || defaultConfig.surface_color,\n                        set: (value) => {\n                            config.surface_color = value;\n                            window.elementSdk.setConfig({ surface_color: value });\n                        }\n                    },\n                    {\n                        get: () => config.text_color || defaultConfig.text_color,\n                        set: (value) => {\n                            config.text_color = value;\n                            window.elementSdk.setConfig({ text_color: value });\n                        }\n                    },\n                    {\n                        get: () => config.primary_action_color || defaultConfig.primary_action_color,\n                        set: (value) => {\n                            config.primary_action_color = value;\n                            window.elementSdk.setConfig({ primary_action_color: value });\n                        }\n                    },\n                    {\n                        get: () => config.secondary_action_color || defaultConfig.secondary_action_color,\n                        set: (value) => {\n                            config.secondary_action_color = value;\n                            window.elementSdk.setConfig({ secondary_action_color: value });\n                        }\n                    }\n                ],\n                borderables: [],\n                fontEditable: undefined,\n                fontSizeable: undefined\n            };\n        }\n\n        function mapToEditPanelValues(config) {\n            return new Map([\n                ['page_title', config.page_title || defaultConfig.page_title],\n                ['subtitle', config.subtitle || defaultConfig.subtitle]\n            ]);\n        }\n\n        if (window.elementSdk) {\n            window.elementSdk.init({\n                defaultConfig,\n                onConfigChange,\n                mapToCapabilities,\n                mapToEditPanelValues\n            });\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:'9cf1deb0d2528945',t:'MTc3MTI5NTUwMS4wMDAwMDA='};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>\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22 \u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e40\u0e2a\u0e19\u0e2d\u0e02\u0e2d\u0e15\u0e23\u0e27\u0e08\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a \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 5 \u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19 4 \u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23 \u0e51 \u0e02\u0e2d\u0e41\u0e1a\u0e1a\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b \u0e02\u0e2d\u0e41\u0e1a\u0e1a\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b (\u0e1a\u0e11 \u0e56) \u0e08\u0e32\u0e01\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22 \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e41\u0e1a\u0e1a \u0e1a\u0e11 \u0e56 \u0e52 \u0e01\u0e23\u0e2d\u0e01\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e41\u0e25\u0e30\u0e02\u0e2d\u0e25\u0e32\u0e22\u0e40\u0e0b\u0e47\u0e19 \u0e01\u0e23\u0e2d\u0e01\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e15\u0e32\u0e21\u0e41\u0e1a\u0e1a\u0e04\u0e33\u0e23\u0e49\u0e2d\u0e07 \u0e41\u0e25\u0e30\u0e02\u0e2d\u0e25\u0e32\u0e22\u0e40\u0e0b\u0e47\u0e19\u0e08\u0e32\u0e01: \u0e1b\u0e23\u0e30\u0e18\u0e32\u0e19\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e14\u0e38\u0e29\u0e0e\u0e35\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \/ \u0e27\u0e34\u0e17\u0e22\u0e32\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \/ \u0e2a\u0e32\u0e23\u0e19\u0e34\u0e1e\u0e19\u0e18\u0e4c \u0e2d\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32 \u0e53 \u0e2a\u0e48\u0e07\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e41\u0e01\u0e48\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22&hellip;<\/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-756","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/756","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=756"}],"version-history":[{"count":8,"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/756\/revisions"}],"predecessor-version":[{"id":882,"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/756\/revisions\/882"}],"wp:attachment":[{"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=756"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}