{"id":76796,"date":"2026-05-11T11:13:37","date_gmt":"2026-05-11T04:13:37","guid":{"rendered":"https:\/\/www.sakon-pao.go.th\/home\/?page_id=76796"},"modified":"2026-05-11T16:27:48","modified_gmt":"2026-05-11T09:27:48","slug":"oit-2569","status":"publish","type":"page","link":"https:\/\/www.sakon-pao.go.th\/home\/oit-2569\/","title":{"rendered":"OIT 2569"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"76796\" class=\"elementor elementor-76796\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5181f4f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5181f4f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fbb8d9e\" data-id=\"fbb8d9e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4fa5a6b elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"4fa5a6b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<!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\u0e32\u0e23\u0e40\u0e1b\u0e34\u0e14\u0e40\u0e1c\u0e22\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e32\u0e18\u0e32\u0e23\u0e13\u0e30 (OIT) \u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 \u0e1e.\u0e28. 2569<\/title>\n\n    <!-- \u0e19\u0e33\u0e40\u0e02\u0e49\u0e32 Google Fonts: Kanit -->\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=Kanit:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n\n    <!-- \u0e19\u0e33\u0e40\u0e02\u0e49\u0e32 Tailwind CSS -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        sans: ['Kanit', 'sans-serif'],\n                    },\n                    colors: {\n                        primary: '#1e3a8a', \/\/ \u0e2a\u0e35\u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19\u0e01\u0e23\u0e21\u0e17\u0e48\u0e32 \u0e14\u0e39\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e19\u0e48\u0e32\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e16\u0e37\u0e2d\n                        secondary: '#3b82f6', \/\/ \u0e2a\u0e35\u0e1f\u0e49\u0e32\n                        accent: '#f59e0b', \/\/ \u0e2a\u0e35\u0e2a\u0e49\u0e21\u0e17\u0e2d\u0e07 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e40\u0e19\u0e49\u0e19\u0e08\u0e38\u0e14\u0e2a\u0e33\u0e04\u0e31\u0e0d\n                        dark: '#1f2937',\n                        light: '#f9fafb',\n                    }\n                }\n            }\n        }\n    <\/script>\n\n    <style>\n        body {\n            background-color: #f3f4f6;\n            color: #374151;\n            line-height: 1.6;\n        }\n\n        \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e2d\u0e32\u0e40\u0e21\u0e32\u0e2a\u0e4c\u0e0a\u0e35\u0e49 *\/\n        .ita-link {\n            transition: all 0.2s ease-in-out;\n            text-decoration: underline;\n            text-decoration-color: transparent;\n        }\n        .ita-link:hover {\n            color: #2563eb;\n            text-decoration-color: #2563eb;\n        }\n\n        \/* \u0e01\u0e32\u0e23\u0e15\u0e01\u0e41\u0e15\u0e48\u0e07\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e2a\u0e48\u0e27\u0e19\u0e1a\u0e19\u0e2a\u0e38\u0e14 *\/\n        .header-pattern {\n            background-image: radial-gradient(rgba(255,255,255,0.1) 1px, transparent 1px); \n            background-size: 24px 24px;\n        }\n    <\/style>\n<\/head>\n<body class=\"antialiased flex flex-col min-h-screen\">\n\n    <!-- Header Section -->\n    <div class=\"bg-primary text-white shadow-lg relative overflow-hidden\">\n        <!-- Background Pattern -->\n        <div class=\"absolute inset-0 header-pattern pointer-events-none\"><\/div>\n        \n        <div class=\"max-w-6xl mx-auto px-4 py-12 md:py-16 text-center relative z-10\">\n            <h1 class=\"text-3xl md:text-5xl font-bold mb-6 drop-shadow-md leading-tight\">\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e34\u0e14\u0e40\u0e1c\u0e22\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e32\u0e18\u0e32\u0e23\u0e13\u0e30 (OIT)<\/h1>\n            <div class=\"inline-block bg-white\/10 border border-white\/20 px-8 py-2.5 rounded-full backdrop-blur-sm mb-6 shadow-sm\">\n                <h2 class=\"text-xl md:text-2xl font-medium tracking-wide\">\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 \u0e1e.\u0e28. 2569<\/h2>\n            <\/div>\n            <p class=\"text-blue-100 max-w-2xl mx-auto font-light text-sm md:text-base opacity-90\">\n                \u0e23\u0e30\u0e1a\u0e1a\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e01\u0e25\u0e32\u0e07\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e04\u0e27\u0e32\u0e21\u0e01\u0e49\u0e32\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e04\u0e38\u0e13\u0e18\u0e23\u0e23\u0e21\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e42\u0e1b\u0e23\u0e48\u0e07\u0e43\u0e2a\u0e43\u0e19\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e20\u0e32\u0e04\u0e23\u0e31\u0e10 (ITA)\n            <\/p>\n        <\/div>\n    <\/div>\n\n    <!-- Main Content Section -->\n    <main class=\"flex-grow w-full max-w-6xl mx-auto px-4 py-10 relative z-20\">\n\n        <!-- ========================================== -->\n        <!-- \u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48: \u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14\u0e17\u0e35\u0e48 8 -->\n        <!-- ========================================== -->\n        <div class=\"mb-14\">\n            <div class=\"mb-8\">\n                <h2 class=\"text-2xl md:text-3xl font-bold text-primary mb-2 border-l-4 border-accent pl-4 flex items-center\">\n                    \u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14\u0e17\u0e35\u0e48 8 \u0e01\u0e32\u0e23\u0e40\u0e1b\u0e34\u0e14\u0e40\u0e1c\u0e22\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\n                <\/h2>\n                <p class=\"text-gray-500 mb-2 pl-5 text-sm md:text-base\">\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e14\u0e49\u0e27\u0e22 5 \u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14\u0e22\u0e48\u0e2d\u0e22 (O1 &#8211; O19)<\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-6 md:gap-8\">\n                \n                <!-- 8.1 \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19 -->\n                <div class=\"bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden flex flex-col hover:shadow-md transition-shadow\">\n                    <div class=\"bg-gray-50 px-5 py-3.5 border-b border-gray-200 flex items-center\">\n                        <div class=\"w-2 h-6 bg-primary rounded-sm mr-3\"><\/div>\n                        <h3 class=\"text-lg font-bold text-gray-800\">8.1 \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19<\/h3>\n                    <\/div>\n                    <div class=\"p-5 flex-grow\">\n                        <ul class=\"o-list m-0 p-0\">\n                            <li class=\"o-item\">O1 \u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07 \u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e41\u0e25\u0e30\u0e2d\u0e33\u0e19\u0e32\u0e08<\/li>\n                            <li class=\"o-item\"><a href=\"https:\/\/www.sakon-pao.go.th\/home\/dm01\/\">O2 \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23<\/a><\/li>\n                            <li class=\"o-item\">O3 \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e41\u0e25\u0e30\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21<\/li>\n                            <li class=\"o-item\">O4 \u0e02\u0e48\u0e32\u0e27\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n\n                <!-- 8.2 \u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19 -->\n                <div class=\"bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden flex flex-col hover:shadow-md transition-shadow\">\n                    <div class=\"bg-gray-50 px-5 py-3.5 border-b border-gray-200 flex items-center\">\n                        <div class=\"w-2 h-6 bg-primary rounded-sm mr-3\"><\/div>\n                        <h3 class=\"text-lg font-bold text-gray-800\">8.2 \u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19<\/h3>\n                    <\/div>\n                    <div class=\"p-5 flex-grow\">\n                        <ul class=\"o-list m-0 p-0\">\n                            <li class=\"o-item\">O5 \u0e41\u0e1c\u0e19\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e2b\u0e23\u0e37\u0e2d\u0e41\u0e1c\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19<\/li>\n                            <li class=\"o-item\">O6 \u0e41\u0e1c\u0e19\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e01\u0e49\u0e32\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e43\u0e19\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35 \u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 \u0e1e.\u0e28. 2569<\/li>\n                            <li class=\"o-item\">O7 \u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 \u0e1e.\u0e28. 2568<\/li>\n                            <li class=\"o-item\">O8 \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e2b\u0e23\u0e37\u0e2d\u0e41\u0e19\u0e27\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48<\/li>\n                            <li class=\"o-item\">O9 \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e2b\u0e23\u0e37\u0e2d\u0e41\u0e19\u0e27\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e23\u0e31\u0e1a\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e23\u0e31\u0e1a\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2b\u0e23\u0e37\u0e2d\u0e1c\u0e39\u0e49\u0e21\u0e32\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d<\/li>\n                            <li class=\"o-item\">O10 \u0e23\u0e30\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e1c\u0e48\u0e32\u0e19\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c <span class=\"whitespace-nowrap\">(E-Service)<\/span><\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n\n                <!-- 8.3 \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e0b\u0e37\u0e49\u0e2d\u0e08\u0e31\u0e14\u0e08\u0e49\u0e32\u0e07 -->\n                <div class=\"bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden flex flex-col hover:shadow-md transition-shadow\">\n                    <div class=\"bg-gray-50 px-5 py-3.5 border-b border-gray-200 flex items-center\">\n                        <div class=\"w-2 h-6 bg-primary rounded-sm mr-3\"><\/div>\n                        <h3 class=\"text-lg font-bold text-gray-800\">8.3 \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e0b\u0e37\u0e49\u0e2d\u0e08\u0e31\u0e14\u0e08\u0e49\u0e32\u0e07<\/h3>\n                    <\/div>\n                    <div class=\"p-5 flex-grow\">\n                        <ul class=\"o-list m-0 p-0\">\n                            <li class=\"o-item\">O11 \u0e2a\u0e23\u0e38\u0e1b\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e0b\u0e37\u0e49\u0e2d\u0e08\u0e31\u0e14\u0e08\u0e49\u0e32\u0e07\u0e2b\u0e23\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e2b\u0e32\u0e1e\u0e31\u0e2a\u0e14\u0e38\u0e23\u0e32\u0e22\u0e40\u0e14\u0e37\u0e2d\u0e19\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 \u0e1e.\u0e28. 2569 (\u0e41\u0e1a\u0e1a \u0e2a\u0e02\u0e23.1)<\/li>\n                            <li class=\"o-item\">O12 \u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e2a\u0e23\u0e38\u0e1b\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e0b\u0e37\u0e49\u0e2d\u0e08\u0e31\u0e14\u0e08\u0e49\u0e32\u0e07\u0e2b\u0e23\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e2b\u0e32\u0e1e\u0e31\u0e2a\u0e14\u0e38\u0e02\u0e2d\u0e07\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 \u0e1e.\u0e28. 2568<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n\n                <!-- 8.4 \u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e1a\u0e38\u0e04\u0e04\u0e25 -->\n                <div class=\"bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden flex flex-col hover:shadow-md transition-shadow\">\n                    <div class=\"bg-gray-50 px-5 py-3.5 border-b border-gray-200 flex items-center\">\n                        <div class=\"w-2 h-6 bg-primary rounded-sm mr-3\"><\/div>\n                        <h3 class=\"text-lg font-bold text-gray-800\">8.4 \u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e1a\u0e38\u0e04\u0e04\u0e25<\/h3>\n                    <\/div>\n                    <div class=\"p-5 flex-grow\">\n                        <ul class=\"o-list m-0 p-0\">\n                            <li class=\"o-item\">O13 \u0e2b\u0e25\u0e31\u0e01\u0e40\u0e01\u0e13\u0e11\u0e4c\u0e41\u0e25\u0e30\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e1a\u0e38\u0e04\u0e04\u0e25\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35 \u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 \u0e1e.\u0e28. 2569<\/li>\n                            <li class=\"o-item\">O14 \u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e1a\u0e38\u0e04\u0e04\u0e25\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35 \u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 \u0e1e.\u0e28. 2568<\/li>\n                            <li class=\"o-item\">O15 \u0e1b\u0e23\u0e30\u0e21\u0e27\u0e25\u0e08\u0e23\u0e34\u0e22\u0e18\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e02\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e08\u0e23\u0e34\u0e22\u0e18\u0e23\u0e23\u0e21<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n\n                <!-- 8.5 \u0e01\u0e32\u0e23\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e04\u0e27\u0e32\u0e21\u0e42\u0e1b\u0e23\u0e48\u0e07\u0e43\u0e2a -->\n                <div class=\"bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden lg:col-span-2 hover:shadow-md transition-shadow\">\n                    <div class=\"bg-gray-50 px-5 py-3.5 border-b border-gray-200 flex items-center\">\n                        <div class=\"w-2 h-6 bg-primary rounded-sm mr-3\"><\/div>\n                        <h3 class=\"text-lg font-bold text-gray-800\">8.5 \u0e01\u0e32\u0e23\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e04\u0e27\u0e32\u0e21\u0e42\u0e1b\u0e23\u0e48\u0e07\u0e43\u0e2a<\/h3>\n                    <\/div>\n                    <div class=\"p-5\">\n                        <ul class=\"o-list grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-0 m-0 p-0\">\n                            <li class=\"o-item\">O16 \u0e41\u0e19\u0e27\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e17\u0e38\u0e08\u0e23\u0e34\u0e15\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e1e\u0e24\u0e15\u0e34\u0e21\u0e34\u0e0a\u0e2d\u0e1a<\/li>\n                            <li class=\"o-item\">O18 \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e16\u0e34\u0e15\u0e34\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e17\u0e38\u0e08\u0e23\u0e34\u0e15\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e1e\u0e24\u0e15\u0e34\u0e21\u0e34\u0e0a\u0e2d\u0e1a \u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 \u0e1e.\u0e28. 2568<\/li>\n                            <li class=\"o-item\">O17 \u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e41\u0e08\u0e49\u0e07\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e17\u0e38\u0e08\u0e23\u0e34\u0e15\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e1e\u0e24\u0e15\u0e34\u0e21\u0e34\u0e0a\u0e2d\u0e1a<\/li>\n                            <li class=\"o-item\">O19 \u0e1c\u0e25\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e34\u0e14\u0e42\u0e2d\u0e01\u0e32\u0e2a\u0e43\u0e2b\u0e49\u0e21\u0e35\u0e2a\u0e48\u0e27\u0e19\u0e23\u0e48\u0e27\u0e21\u0e43\u0e19\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e1b\u0e35\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 \u0e1e.\u0e28. 2569<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n\n        <!-- ========================================== -->\n        <!-- \u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48: \u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14\u0e17\u0e35\u0e48 9 -->\n        <!-- ========================================== -->\n        <div class=\"mb-10\">\n            <div class=\"mb-8\">\n                <h2 class=\"text-2xl md:text-3xl font-bold text-primary mb-2 border-l-4 border-accent pl-4 flex items-center\">\n                    \u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14\u0e17\u0e35\u0e48 9 \u0e01\u0e32\u0e23\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e01\u0e32\u0e23\u0e17\u0e38\u0e08\u0e23\u0e34\u0e15\n                <\/h2>\n                <p class=\"text-gray-500 mb-2 pl-5 text-sm md:text-base\">\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e14\u0e49\u0e27\u0e22 2 \u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14\u0e22\u0e48\u0e2d\u0e22 (O20 &#8211; O26)<\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-6 md:gap-8\">\n                \n                <!-- 9.1 \u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2a\u0e35\u0e48\u0e22\u0e07\u0e01\u0e32\u0e23\u0e17\u0e38\u0e08\u0e23\u0e34\u0e15 -->\n                <div class=\"bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden flex flex-col hover:shadow-md transition-shadow\">\n                    <div class=\"bg-gray-50 px-5 py-3.5 border-b border-gray-200 flex items-center\">\n                        <div class=\"w-2 h-6 bg-primary rounded-sm mr-3\"><\/div>\n                        <h3 class=\"text-lg font-bold text-gray-800\">9.1 \u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2a\u0e35\u0e48\u0e22\u0e07\u0e01\u0e32\u0e23\u0e17\u0e38\u0e08\u0e23\u0e34\u0e15<\/h3>\n                    <\/div>\n                    <div class=\"p-5 flex-grow\">\n                        <ul class=\"o-list m-0 p-0\">\n                            <li class=\"o-item\">O20 \u0e01\u0e32\u0e23\u0e02\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e19\u0e42\u0e22\u0e1a\u0e32\u0e22 No Gift Policy \u0e08\u0e32\u0e01\u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e2b\u0e25\u0e31\u0e01\u0e40\u0e01\u0e13\u0e11\u0e4c\u0e01\u0e32\u0e23\u0e23\u0e31\u0e1a\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e4c\u0e2a\u0e34\u0e19\u0e2b\u0e23\u0e37\u0e2d\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e2d\u0e37\u0e48\u0e19\u0e43\u0e14\u0e42\u0e14\u0e22\u0e18\u0e23\u0e23\u0e21\u0e08\u0e23\u0e23\u0e22\u0e32\u0e02\u0e2d\u0e07\u0e40\u0e08\u0e49\u0e32\u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e23\u0e31\u0e10<\/li>\n                            <li class=\"o-item\">O21 \u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2a\u0e35\u0e48\u0e22\u0e07\u0e01\u0e32\u0e23\u0e17\u0e38\u0e08\u0e23\u0e34\u0e15\u0e43\u0e19\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e20\u0e32\u0e04\u0e23\u0e31\u0e10 \u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 \u0e1e.\u0e28. 2569<\/li>\n                            <li class=\"o-item\">O22 \u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e15\u0e32\u0e21\u0e41\u0e1c\u0e19\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2a\u0e35\u0e48\u0e22\u0e07\u0e01\u0e32\u0e23\u0e17\u0e38\u0e08\u0e23\u0e34\u0e15\u0e02\u0e2d\u0e07\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 \u0e1e.\u0e28. 2568<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n\n                <!-- 9.2 \u0e21\u0e32\u0e15\u0e23\u0e01\u0e32\u0e23\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e04\u0e38\u0e13\u0e18\u0e23\u0e23\u0e21\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e42\u0e1b\u0e23\u0e48\u0e07\u0e43\u0e2a -->\n                <div class=\"bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden flex flex-col hover:shadow-md transition-shadow\">\n                    <div class=\"bg-gray-50 px-5 py-3.5 border-b border-gray-200 flex items-center\">\n                        <div class=\"w-2 h-6 bg-primary rounded-sm mr-3\"><\/div>\n                        <h3 class=\"text-lg font-bold text-gray-800\">9.2 \u0e21\u0e32\u0e15\u0e23\u0e01\u0e32\u0e23\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e04\u0e38\u0e13\u0e18\u0e23\u0e23\u0e21\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e42\u0e1b\u0e23\u0e48\u0e07\u0e43\u0e2a<\/h3>\n                    <\/div>\n                    <div class=\"p-5 flex-grow\">\n                        <ul class=\"o-list m-0 p-0\">\n                            <li class=\"o-item\">O23 \u0e41\u0e1c\u0e19\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e01\u0e32\u0e23\u0e17\u0e38\u0e08\u0e23\u0e34\u0e15\u0e1b\u0e35\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 \u0e1e.\u0e28. 2569<\/li>\n                            <li class=\"o-item\">O24 \u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e01\u0e32\u0e23\u0e17\u0e38\u0e08\u0e23\u0e34\u0e15\u0e1b\u0e35\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 \u0e1e.\u0e28. 2568<\/li>\n                            <li class=\"o-item\">O25 \u0e01\u0e32\u0e23\u0e19\u0e33\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19 ITA \u0e44\u0e1b\u0e2a\u0e39\u0e48\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23<\/li>\n                            <li class=\"o-item\">O26 \u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e04\u0e38\u0e13\u0e18\u0e23\u0e23\u0e21\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e42\u0e1b\u0e23\u0e48\u0e07\u0e43\u0e2a\u0e20\u0e32\u0e22\u0e43\u0e19\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e1b\u0e35\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 \u0e1e.\u0e28. 2568<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n\n    <\/main>\n\n    <!-- Footer Section -->\n    <footer class=\"bg-dark text-gray-300 py-8 border-t border-gray-700 mt-auto\">\n        <div class=\"max-w-6xl mx-auto px-4 flex flex-col md:flex-row justify-between items-center gap-4 text-center md:text-left\">\n            <div>\n                <h4 class=\"text-white text-lg font-medium mb-1\">\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e2a\u0e48\u0e27\u0e19\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14<\/h4>\n                <p class=\"text-sm text-gray-400\">\u0e23\u0e30\u0e1a\u0e1a\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e01\u0e25\u0e32\u0e07\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e04\u0e27\u0e32\u0e21\u0e01\u0e49\u0e32\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e04\u0e38\u0e13\u0e18\u0e23\u0e23\u0e21\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e42\u0e1b\u0e23\u0e48\u0e07\u0e43\u0e2a (ITA)<\/p>\n            <\/div>\n            <div class=\"text-sm\">\n                <p class=\"bg-gray-800 px-4 py-2 rounded-full inline-block border border-gray-600 shadow-inner\">\n                    \u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e34\u0e14\u0e40\u0e1c\u0e22\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e32\u0e18\u0e32\u0e23\u0e13\u0e30 (OIT) \u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 2569\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <!-- Script \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e27\u0e25\u0e1c\u0e25\u0e2a\u0e16\u0e32\u0e19\u0e30\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14 Layout \u0e41\u0e1a\u0e1a\u0e41\u0e22\u0e01\u0e2a\u0e48\u0e27\u0e19 -->\n    <script>\n        document.addEventListener('DOMContentLoaded', () => {\n            const listItems = document.querySelectorAll('.o-item');\n\n            listItems.forEach(item => {\n                \/\/ \u0e14\u0e36\u0e07\u0e25\u0e34\u0e07\u0e01\u0e4c \u0e16\u0e49\u0e32\u0e21\u0e35\u0e2d\u0e22\u0e39\u0e48\n                const link = item.querySelector('a');\n                const hasLink = link && link.getAttribute('href') && link.getAttribute('href').trim() !== '#' && link.getAttribute('href').trim() !== '';\n\n                \/\/ 1. \u0e2a\u0e23\u0e49\u0e32\u0e07 Container \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e43\u0e2a\u0e48\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 (\u0e43\u0e2b\u0e49\u0e21\u0e31\u0e19\u0e22\u0e37\u0e14\u0e2b\u0e22\u0e38\u0e48\u0e19 \u0e2b\u0e48\u0e2d\u0e04\u0e33\u0e44\u0e14\u0e49 \u0e41\u0e25\u0e30\u0e40\u0e27\u0e49\u0e19\u0e23\u0e30\u0e22\u0e30)\n                const textContainer = document.createElement('div');\n                textContainer.className = 'flex-1 pr-0 sm:pr-4 min-w-0'; \/\/ \u0e2a\u0e33\u0e04\u0e31\u0e0d: \u0e43\u0e0a\u0e49 min-w-0 \u0e41\u0e17\u0e19 break-words \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e01\u0e32\u0e23\u0e15\u0e31\u0e14\u0e04\u0e33\u0e40\u0e1b\u0e47\u0e19\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34\u0e02\u0e36\u0e49\u0e19 \u0e44\u0e21\u0e48\u0e2b\u0e31\u0e48\u0e19\u0e04\u0e23\u0e36\u0e48\u0e07\u0e04\u0e33\n\n                \/\/ \u0e22\u0e49\u0e32\u0e22\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e40\u0e14\u0e34\u0e21 (\u0e44\u0e21\u0e48\u0e27\u0e48\u0e32\u0e08\u0e30\u0e40\u0e1b\u0e47\u0e19 text \u0e2b\u0e23\u0e37\u0e2d tag <a>) \u0e44\u0e1b\u0e2d\u0e22\u0e39\u0e48\u0e43\u0e19 textContainer\n                while (item.firstChild) {\n                    textContainer.appendChild(item.firstChild);\n                }\n\n                \/\/ 2. \u0e2a\u0e23\u0e49\u0e32\u0e07 Container \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e43\u0e2a\u0e48 Badge \n                const badgeContainer = document.createElement('div');\n                \/\/ \u0e08\u0e31\u0e14\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e43\u0e2b\u0e49\u0e15\u0e01\u0e25\u0e07\u0e21\u0e32\u0e02\u0e49\u0e32\u0e07\u0e25\u0e48\u0e32\u0e07\u0e43\u0e19\u0e08\u0e2d\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d \u0e41\u0e25\u0e30\u0e2d\u0e22\u0e39\u0e48\u0e1a\u0e23\u0e23\u0e17\u0e31\u0e14\u0e40\u0e14\u0e35\u0e22\u0e27\u0e01\u0e31\u0e19\u0e43\u0e19\u0e08\u0e2d\u0e43\u0e2b\u0e0d\u0e48 (sm+)\n                badgeContainer.className = 'flex-shrink-0 mt-3 sm:mt-0 w-full sm:w-auto flex justify-start sm:justify-end';\n\n                \/\/ 3. \u0e01\u0e33\u0e2b\u0e19\u0e14 Class \u0e41\u0e25\u0e30 Style \u0e15\u0e32\u0e21\u0e2a\u0e16\u0e32\u0e19\u0e30 (\u0e21\u0e35\u0e25\u0e34\u0e07\u0e01\u0e4c \/ \u0e44\u0e21\u0e48\u0e21\u0e35\u0e25\u0e34\u0e07\u0e01\u0e4c)\n                if (hasLink) {\n                    \/\/ \u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e41\u0e17\u0e47\u0e01 a \u0e02\u0e49\u0e32\u0e07\u0e43\u0e19\u0e43\u0e2b\u0e49\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e44\u0e14\u0e49\u0e14\u0e35\u0e02\u0e36\u0e49\u0e19\n                    const aTag = textContainer.querySelector('a');\n                    aTag.classList.add('block', 'text-blue-800', 'font-medium', 'hover:text-blue-600', 'transition-colors');\n                    \n                    \/\/ \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e02\u0e2d\u0e07\u0e02\u0e49\u0e2d\u0e17\u0e35\u0e48\u0e21\u0e35\u0e25\u0e34\u0e07\u0e01\u0e4c (\u0e2a\u0e35\u0e1f\u0e49\u0e32\u0e2d\u0e48\u0e2d\u0e19)\n                    item.className = 'flex flex-col sm:flex-row justify-between items-start sm:items-center p-3.5 mb-3 rounded-lg bg-blue-50\/40 border-l-4 border-blue-500 hover:bg-blue-50 transition-colors duration-200';\n                    \n                    \/\/ \u0e43\u0e2a\u0e48 Badge \"\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e41\u0e25\u0e49\u0e27\"\n                    badgeContainer.innerHTML = `\n                        <span class=\"inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-white text-blue-700 shadow-sm border border-blue-200\">\n                            <svg class=\"mr-1.5 h-3.5 w-3.5 text-blue-500\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><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\"><\/path><\/svg>\n                            \u0e21\u0e35\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e41\u0e25\u0e49\u0e27\n                        <\/span>\n                    `;\n                } else {\n                    \/\/ \u0e16\u0e49\u0e32\u0e44\u0e21\u0e48\u0e21\u0e35\u0e25\u0e34\u0e07\u0e01\u0e4c \u0e43\u0e2b\u0e49\u0e1b\u0e23\u0e31\u0e1a\u0e2a\u0e35\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e35\u0e40\u0e17\u0e32\n                    textContainer.classList.add('text-gray-600');\n                    \n                    \/\/ \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e02\u0e2d\u0e07\u0e02\u0e49\u0e2d\u0e17\u0e35\u0e48\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e21\u0e35\u0e25\u0e34\u0e07\u0e01\u0e4c (\u0e2a\u0e35\u0e02\u0e32\u0e27\u0e2a\u0e30\u0e2d\u0e32\u0e14)\n                    item.className = 'flex flex-col sm:flex-row justify-between items-start sm:items-center p-3.5 mb-3 rounded-lg bg-white border-l-4 border-gray-200 shadow-sm hover:border-gray-300 transition-colors duration-200';\n                    \n                    \/\/ \u0e43\u0e2a\u0e48 Badge \"\u0e23\u0e2d\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e25\u0e34\u0e07\u0e01\u0e4c\"\n                    badgeContainer.innerHTML = `\n                        <span class=\"inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-gray-50 text-gray-500 border border-gray-200\">\n                            <svg class=\"mr-1.5 h-3.5 w-3.5 text-gray-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n                            \u0e23\u0e2d\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e25\u0e34\u0e07\u0e01\u0e4c\n                        <\/span>\n                    `;\n                }\n\n                \/\/ \u0e19\u0e33\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e17\u0e35\u0e48\u0e08\u0e31\u0e14\u0e40\u0e23\u0e35\u0e22\u0e07\u0e43\u0e2b\u0e21\u0e48\u0e43\u0e2a\u0e48\u0e01\u0e25\u0e31\u0e1a\u0e40\u0e02\u0e49\u0e32\u0e44\u0e1b\u0e43\u0e19 <li>\n                item.innerHTML = '';\n                item.appendChild(textContainer);\n                item.appendChild(badgeContainer);\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e34\u0e14\u0e40\u0e1c\u0e22\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e32\u0e18\u0e32\u0e23\u0e13\u0e30 (OIT) &hellip;&nbsp;<a href=\"https:\/\/www.sakon-pao.go.th\/home\/oit-2569\/\" class=\"\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">OIT 2569<\/span><\/a><\/p>\n","protected":false},"author":10,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-pagebuilder-full-width.php","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"class_list":["post-76796","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sakon-pao.go.th\/home\/wp-json\/wp\/v2\/pages\/76796","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sakon-pao.go.th\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sakon-pao.go.th\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sakon-pao.go.th\/home\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sakon-pao.go.th\/home\/wp-json\/wp\/v2\/comments?post=76796"}],"version-history":[{"count":88,"href":"https:\/\/www.sakon-pao.go.th\/home\/wp-json\/wp\/v2\/pages\/76796\/revisions"}],"predecessor-version":[{"id":76914,"href":"https:\/\/www.sakon-pao.go.th\/home\/wp-json\/wp\/v2\/pages\/76796\/revisions\/76914"}],"wp:attachment":[{"href":"https:\/\/www.sakon-pao.go.th\/home\/wp-json\/wp\/v2\/media?parent=76796"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}