{"id":900,"date":"2026-02-20T02:42:30","date_gmt":"2026-02-20T02:42:30","guid":{"rendered":"https:\/\/medkorat.mcu.ac.th\/?page_id=900"},"modified":"2026-03-13T07:45:44","modified_gmt":"2026-03-13T07:45:44","slug":"%e0%b8%81%e0%b8%8f%e0%b8%ab%e0%b8%a1%e0%b8%b2%e0%b8%a2%e0%b8%97%e0%b8%b5%e0%b9%88%e0%b9%80%e0%b8%81%e0%b8%b5%e0%b9%88%e0%b8%a2%e0%b8%a7%e0%b8%82%e0%b9%89%e0%b8%ad%e0%b8%87","status":"publish","type":"page","link":"https:\/\/medkorat.mcu.ac.th\/?page_id=900","title":{"rendered":"\u0e01\u0e0f\u0e2b\u0e21\u0e32\u0e22\u0e17\u0e35\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<p><a href=\"https:\/\/www.mcu.ac.th\/pages\/law\">\u0e01\u0e0f\u0e2b\u0e21\u0e32\u0e22\u0e17\u0e35\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e1a\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\n<!DOCTYPE html>\n<html lang=\"th\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22\u0e17\u0e35\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07 &#8211; \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e21\u0e2b\u0e32\u0e08\u0e38\u0e2c\u0e32\u0e25\u0e07\u0e01\u0e23\u0e13\u0e23\u0e32\u0e0a\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        body {\n            font-family: 'Sarabun', sans-serif;\n            background-color: #fff5f7;\n            background-image: \n                radial-gradient(at 0% 0%, rgba(255, 182, 193, 0.2) 0px, transparent 50%),\n                radial-gradient(at 100% 100%, rgba(255, 105, 180, 0.1) 0px, transparent 50%);\n        }\n        .glass-morphism {\n            background: rgba(255, 255, 255, 0.7);\n            backdrop-filter: blur(16px);\n            -webkit-backdrop-filter: blur(16px);\n            border: 1px solid rgba(255, 255, 255, 0.5);\n            box-shadow: 0 20px 40px -15px rgba(255, 182, 193, 0.3);\n        }\n        .shimmer {\n            background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100%);\n            background-size: 200% 100%;\n            animation: shimmer 2.5s infinite;\n        }\n        @keyframes shimmer {\n            0% { background-position: -200% 0; }\n            100% { background-position: 200% 0; }\n        }\n        .animate-float {\n            animation: float 5s ease-in-out infinite;\n        }\n        @keyframes float {\n            0%, 100% { transform: translateY(0px) rotate(-3deg); }\n            50% { transform: translateY(-12px) rotate(0deg); }\n        }\n        .pink-gradient-text {\n            background: linear-gradient(to right, #ff69b4, #ff1493);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n        }\n    <\/style>\n<\/head>\n<body class=\"min-h-screen flex items-center justify-center p-6\">\n\n    <div class=\"max-w-xl w-full\">\n        <!-- Main Card -->\n        <div class=\"glass-morphism rounded-[3rem] overflow-hidden transition-all duration-700 hover:shadow-pink-200\/50 hover:shadow-2xl\">\n            <div class=\"p-10 md:p-16 text-center\">\n                \n                <!-- Icon Section -->\n                <div class=\"relative inline-block mb-12\">\n                    <div class=\"absolute inset-0 bg-pink-300 blur-3xl opacity-30 animate-pulse\"><\/div>\n                    <div class=\"relative bg-gradient-to-br from-pink-400 to-rose-500 w-24 h-24 rounded-[2rem] flex items-center justify-center shadow-xl shadow-pink-200 transform animate-float\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-12 h-12 text-white\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\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                <!-- Text Content -->\n                <h1 class=\"text-3xl md:text-4xl font-extrabold text-slate-800 mb-4 tracking-tight\">\n                    <span class=\"pink-gradient-text\">\u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22\u0e17\u0e35\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07<\/span>\n                <\/h1>\n                <p class=\"text-rose-400\/80 text-lg mb-12 font-medium leading-relaxed\">\n                    \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e21\u0e2b\u0e32\u0e08\u0e38\u0e2c\u0e32\u0e25\u0e07\u0e01\u0e23\u0e13\u0e23\u0e32\u0e0a\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22<br>\n                    <span class=\"text-sm font-light tracking-widest text-slate-400 uppercase\">Legal Documentation Center<\/span>\n                <\/p>\n\n                <!-- Action Button -->\n                <a href=\"https:\/\/www.mcu.ac.th\/pages\/law\" \n                   target=\"_blank\"\n                   class=\"group relative inline-flex items-center justify-center w-full py-5 px-8 bg-white text-pink-600 rounded-2xl font-bold shadow-lg shadow-pink-100 border border-pink-50 overflow-hidden transition-all duration-300 hover:bg-pink-600 hover:text-white hover:scale-[1.03] active:scale-[0.97]\">\n                    <div class=\"absolute inset-0 shimmer opacity-0 group-hover:opacity-100 transition-opacity\"><\/div>\n                    <span class=\"relative flex items-center\">\n                        \u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e23\u0e30\u0e1a\u0e1a\u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 ml-3 transition-transform duration-300 group-hover:translate-x-1\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M13 7l5 5m0 0l-5 5m5-5H6\" \/>\n                        <\/svg>\n                    <\/span>\n                <\/a>\n\n                <!-- Decoration \/ Footer -->\n                <div class=\"mt-14 flex flex-col items-center\">\n                    <div class=\"w-12 h-1 bg-gradient-to-r from-pink-200 via-pink-400 to-pink-200 rounded-full mb-6\"><\/div>\n                    <p class=\"text-xs font-semibold text-pink-300 tracking-[0.2em] uppercase\">\n                        MCU Authority\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Success Toast-style Message -->\n        <div id=\"status-msg\" class=\"mt-8 text-center transition-all duration-700 opacity-0 transform translate-y-4\">\n            <span class=\"inline-flex items-center px-6 py-3 bg-white rounded-full text-sm font-semibold text-pink-500 shadow-md border border-pink-100\">\n                <span class=\"relative flex h-3 w-3 mr-3\">\n                    <span class=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-pink-400 opacity-75\"><\/span>\n                    <span class=\"relative inline-flex rounded-full h-3 w-3 bg-pink-500\"><\/span>\n                <\/span>\n                \u0e01\u0e33\u0e25\u0e31\u0e07\u0e40\u0e1b\u0e34\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e15\u0e48\u0e32\u0e07\u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22\u0e43\u0e2b\u0e21\u0e48&#8230;\n            <\/span>\n        <\/div>\n    <\/div>\n\n    <script>\n        const btn = document.querySelector('a');\n        const statusMsg = document.getElementById('status-msg');\n\n        btn.addEventListener('click', () => {\n            statusMsg.classList.remove('opacity-0', 'translate-y-4');\n            statusMsg.classList.add('opacity-100', 'translate-y-0');\n            \n            setTimeout(() => {\n                statusMsg.classList.add('opacity-0', 'translate-y-4');\n                statusMsg.classList.remove('opacity-100', 'translate-y-0');\n            }, 5000);\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0e01\u0e0f\u0e2b\u0e21\u0e32\u0e22\u0e17\u0e35\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e1a\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22 \u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22\u0e17\u0e35\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07 &#8211; \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e21\u0e2b\u0e32\u0e08\u0e38\u0e2c\u0e32\u0e25\u0e07\u0e01\u0e23\u0e13\u0e23\u0e32\u0e0a\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22 \u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22\u0e17\u0e35\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07 \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e21\u0e2b\u0e32\u0e08\u0e38\u0e2c\u0e32\u0e25\u0e07\u0e01\u0e23\u0e13\u0e23\u0e32\u0e0a\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22 Legal Documentation Center \u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e23\u0e30\u0e1a\u0e1a\u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22 MCU Authority \u0e01\u0e33\u0e25\u0e31\u0e07\u0e40\u0e1b\u0e34\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e15\u0e48\u0e32\u0e07\u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22\u0e43\u0e2b\u0e21\u0e48&#8230;<\/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-900","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/900","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=900"}],"version-history":[{"count":9,"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/900\/revisions"}],"predecessor-version":[{"id":1791,"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/900\/revisions\/1791"}],"wp:attachment":[{"href":"https:\/\/medkorat.mcu.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=900"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}