{"id":12,"date":"2024-02-08T16:51:42","date_gmt":"2024-02-08T09:51:42","guid":{"rendered":"https:\/\/jariyathum.ac.th\/?page_id=12"},"modified":"2025-09-11T17:07:05","modified_gmt":"2025-09-11T10:07:05","slug":"%e0%b8%95%e0%b8%b4%e0%b8%94%e0%b8%95%e0%b9%88%e0%b8%ad","status":"publish","type":"page","link":"https:\/\/jariyathum.ac.th\/?page_id=12","title":{"rendered":"\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\">\n\t\t\t\t<div class=\"elementor-element elementor-element-529d77ea e-grid e-con-boxed e-con e-parent\" data-id=\"529d77ea\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fcfdcfc elementor-absolute elementor-widget elementor-widget-html\" data-id=\"fcfdcfc\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"th\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19<\/title>\r\n    <meta name=\"description\" content=\"\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\">\r\n    \r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n    \r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    \r\n    <style>\r\n        \/* CSS Variables *\/\r\n        :root {\r\n            --primary-color: #2E86AB;\r\n            --secondary-color: #A23B72;\r\n            --accent-color: #F18F01;\r\n            --background-color: #F5F5F5;\r\n            --text-color: #333333;\r\n            --white: #FFFFFF;\r\n            --light-gray: #F8F9FA;\r\n            --border-color: #E9ECEF;\r\n            --shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\r\n            --shadow-hover: 0 5px 20px rgba(0, 0, 0, 0.15);\r\n            --border-radius: 8px;\r\n            --transition: all 0.3s ease;\r\n        }\r\n\r\n        \/* Reset and Base Styles *\/\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        html {\r\n            scroll-behavior: smooth;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Sarabun', sans-serif;\r\n            line-height: 1.6;\r\n            color: var(--text-color);\r\n            background-color: var(--white);\r\n        }\r\n\r\n        .container {\r\n            max-width: 1600px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n        \r\n        main {\r\n             \/* \u0e40\u0e1e\u0e34\u0e48\u0e21 main tag \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07\u0e02\u0e2d\u0e07 HTML semantics *\/\r\n             display: block;\r\n        }\r\n\r\n        \/* Section Styles *\/\r\n        section {\r\n            padding: 5rem 0;\r\n        }\r\n\r\n        .section-header {\r\n            text-align: center;\r\n            margin-bottom: 3rem;\r\n        }\r\n\r\n        .section-title {\r\n            color: var(--primary-color);\r\n            margin-bottom: 1rem;\r\n            font-size: 2.5rem;\r\n        }\r\n\r\n        .section-subtitle {\r\n            font-size: 1.2rem;\r\n            color: #666;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* Buttons *\/\r\n        .btn {\r\n            display: inline-block;\r\n            padding: 12px 24px;\r\n            border: none;\r\n            border-radius: var(--border-radius);\r\n            text-decoration: none;\r\n            font-weight: 500;\r\n            text-align: center;\r\n            cursor: pointer;\r\n            transition: var(--transition);\r\n            font-size: 1rem;\r\n        }\r\n\r\n        .btn-primary {\r\n            background-color: var(--primary-color);\r\n            color: var(--white);\r\n            width: 100%; \/* \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e1b\u0e38\u0e48\u0e21\u0e40\u0e15\u0e47\u0e21\u0e04\u0e27\u0e32\u0e21\u0e01\u0e27\u0e49\u0e32\u0e07\u0e02\u0e2d\u0e07\u0e1f\u0e2d\u0e23\u0e4c\u0e21 *\/\r\n        }\r\n\r\n        .btn-primary:hover {\r\n            background-color: #1e5f7a;\r\n            transform: translateY(-2px);\r\n            box-shadow: var(--shadow-hover);\r\n        }\r\n\r\n        \/* --- Contact Section --- *\/\r\n        .contact {\r\n            background-color: var(--light-gray);\r\n        }\r\n        \r\n        .contact-content {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 3rem;\r\n            align-items: stretch; \/* \u0e1b\u0e23\u0e31\u0e1a\u0e43\u0e2b\u0e49\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e39\u0e07\u0e02\u0e2d\u0e07\u0e17\u0e31\u0e49\u0e07\u0e2a\u0e2d\u0e07\u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e40\u0e17\u0e48\u0e32\u0e01\u0e31\u0e19 *\/\r\n        }\r\n\r\n        .contact-info-wrapper {\r\n             \/* \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e0a\u0e37\u0e48\u0e2d class \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e44\u0e21\u0e48\u0e43\u0e2b\u0e49\u0e0b\u0e49\u0e33\u0e01\u0e31\u0e1a header *\/\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n        }\r\n\r\n        .contact-item {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            margin-bottom: 2rem;\r\n        }\r\n\r\n        .contact-item i {\r\n            font-size: 1.5rem;\r\n            color: var(--primary-color);\r\n            margin-right: 1.5rem;\r\n            margin-top: 0.25rem;\r\n            width: 25px; \/* \u0e01\u0e33\u0e2b\u0e19\u0e14\u0e04\u0e27\u0e32\u0e21\u0e01\u0e27\u0e49\u0e32\u0e07\u0e43\u0e2b\u0e49 icon *\/\r\n            text-align: center;\r\n        }\r\n\r\n        .contact-item h4 {\r\n            color: var(--primary-color);\r\n            margin-bottom: 0.5rem;\r\n            font-size: 1.1rem;\r\n        }\r\n        \r\n        .contact-item p {\r\n            margin-bottom: 0;\r\n            color: #555;\r\n        }\r\n\r\n        .contact-form {\r\n            background-color: var(--white);\r\n            padding: 2.5rem;\r\n            border-radius: var(--border-radius);\r\n            box-shadow: var(--shadow);\r\n        }\r\n\r\n        .contact-form h3 {\r\n            color: var(--primary-color);\r\n            margin-bottom: 1.5rem;\r\n            text-align: center;\r\n        }\r\n\r\n        .form-group {\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .form-group input,\r\n        .form-group select,\r\n        .form-group textarea {\r\n            width: 100%;\r\n            padding: 12px;\r\n            border: 1px solid var(--border-color);\r\n            border-radius: var(--border-radius);\r\n            font-family: inherit;\r\n            font-size: 1rem;\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .form-group input:focus,\r\n        .form-group select:focus,\r\n        .form-group textarea:focus {\r\n            outline: none;\r\n            border-color: var(--primary-color);\r\n            box-shadow: 0 0 0 3px rgba(46, 134, 171, 0.1);\r\n        }\r\n        \r\n        \/* ++ ADDED: Map Section ++ *\/\r\n        .contact-map {\r\n            margin-top: 4rem;\r\n            border-radius: var(--border-radius);\r\n            overflow: hidden;\r\n            box-shadow: var(--shadow);\r\n            height: 400px;\r\n        }\r\n        \r\n        .contact-map iframe {\r\n            width: 100%;\r\n            height: 100%;\r\n            border: 0;\r\n        }\r\n\r\n        \/* --- Responsive Design --- *\/\r\n        @media (max-width: 992px) {\r\n            .contact-content {\r\n                grid-template-columns: 1fr;\r\n                gap: 2.5rem;\r\n            }\r\n            .contact-form {\r\n                padding: 2rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            section {\r\n                padding: 3rem 0;\r\n            }\r\n            .section-title {\r\n                font-size: 2rem;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 480px) {\r\n            .container {\r\n                padding: 0 15px;\r\n            }\r\n            .contact-form {\r\n                padding: 1.5rem;\r\n            }\r\n            .contact-item i {\r\n                margin-right: 1rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<main>\r\n    <section id=\"contact\" class=\"contact\">\r\n        <div class=\"container\">\r\n            <div class=\"section-header\">\r\n                <h2 class=\"section-title\"><\/h2>\r\n                <p class=\"section-subtitle\">\u0e40\u0e23\u0e32\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e43\u0e2b\u0e49\u0e04\u0e33\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e41\u0e25\u0e30\u0e15\u0e2d\u0e1a\u0e17\u0e38\u0e01\u0e02\u0e49\u0e2d\u0e2a\u0e07\u0e2a\u0e31\u0e22\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13 \u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32\u0e1c\u0e48\u0e32\u0e19\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e17\u0e35\u0e48\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"contact-content\">\r\n                <div class=\"contact-info-wrapper\">\r\n                    <div class=\"contact-item\">\r\n                        <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                        <div>\r\n                            <h4>\u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48<\/h4>\r\n                            <p>148 \u0e2b\u0e21\u0e39\u0e48\u0e17\u0e35\u0e48 8 \u0e15\u0e33\u0e1a\u0e25\u0e2a\u0e30\u0e01\u0e2d\u0e21 \u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e08\u0e30\u0e19\u0e30 \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e2a\u0e07\u0e02\u0e25\u0e32 90130<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"contact-item\">\r\n                        <i class=\"fas fa-phone\"><\/i>\r\n                        <div>\r\n                            <h4>\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c<\/h4>\r\n                            <p>074-805 484, 074-805 418<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"contact-item\">\r\n                        <i class=\"fas fa-envelope\"><\/i>\r\n                        <div>\r\n                            <h4>\u0e2d\u0e35\u0e40\u0e21\u0e25<\/h4>\r\n                            <p>jariyatham2500@hotmail.com<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"contact-item\">\r\n                        <i class=\"fas fa-clock\"><\/i>\r\n                        <div>\r\n                            <h4>\u0e40\u0e27\u0e25\u0e32\u0e17\u0e33\u0e01\u0e32\u0e23<\/h4>\r\n                            <p>\u0e08\u0e31\u0e19\u0e17\u0e23\u0e4c - \u0e28\u0e38\u0e01\u0e23\u0e4c: 07:30 - 16:30<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"contact-form\">\r\n                    <h3>\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e16\u0e36\u0e07\u0e40\u0e23\u0e32<\/h3>\r\n                    <form action=\"#\" method=\"post\">\r\n                        <div class=\"form-group\">\r\n                            <input type=\"text\" name=\"name\" placeholder=\"\u0e0a\u0e37\u0e48\u0e2d-\u0e19\u0e32\u0e21\u0e2a\u0e01\u0e38\u0e25\" required>\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <input type=\"email\" name=\"email\" placeholder=\"\u0e2d\u0e35\u0e40\u0e21\u0e25\" required>\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <input type=\"tel\" name=\"phone\" placeholder=\"\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c\">\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <select name=\"subject\" required>\r\n                                <option value=\"\" disabled selected>\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e17\u0e35\u0e48\u0e2a\u0e19\u0e43\u0e08<\/option>\r\n                                <option value=\"admission\">\u0e01\u0e32\u0e23\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19<\/option>\r\n                                <option value=\"curriculum\">\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19<\/option>\r\n                                <option value=\"activities\">\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19<\/option>\r\n                                <option value=\"other\">\u0e2d\u0e37\u0e48\u0e19\u0e46<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <textarea name=\"message\" placeholder=\"\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13...\" rows=\"5\" required><\/textarea>\r\n                        <\/div>\r\n                        <button type=\"submit\" class=\"btn btn-primary\">\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21<\/button>\r\n                    <\/form>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!--<div class=\"contact-map\">-->\r\n            <!--    <iframe -->\r\n            <!--        src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3875.552395159357!2d100.5613322153648!3d13.74567219035178!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x30e29ee109dab6e1%3A0xfd1898c1a9ac1616!2sTerminal%2021%20Asok!5e0!3m2!1sen!2sth!4v1662966991661!5m2!1sen!2sth\" -->\r\n            <!--        allowfullscreen=\"\" -->\r\n            <!--        loading=\"lazy\" -->\r\n            <!--        referrerpolicy=\"no-referrer-when-downgrade\">-->\r\n            <!--    <\/iframe>-->\r\n            <!--<\/div>-->\r\n\r\n        <\/div>\r\n    <\/section>\r\n<\/main>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ Form submission\r\n    const contactForm = document.querySelector('.contact-form form');\r\n    if (contactForm) {\r\n        contactForm.addEventListener('submit', function(e) {\r\n            e.preventDefault();\r\n            \r\n            \/\/ Simple validation simulation\r\n            const requiredFields = this.querySelectorAll('[required]');\r\n            let isValid = true;\r\n            \r\n            requiredFields.forEach(field => {\r\n                if (!field.value.trim()) {\r\n                    isValid = false;\r\n                    field.style.borderColor = '#dc3545';\r\n                } else {\r\n                    field.style.borderColor = '#28a745';\r\n                }\r\n            });\r\n            \r\n            if (isValid) {\r\n                \/\/ Show success message\r\n                alert('\u0e02\u0e2d\u0e1a\u0e04\u0e38\u0e13\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13 \u0e40\u0e23\u0e32\u0e08\u0e30\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e01\u0e25\u0e31\u0e1a\u0e42\u0e14\u0e22\u0e40\u0e23\u0e47\u0e27\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14');\r\n                this.reset();\r\n                \r\n                \/\/ Reset field borders\r\n                requiredFields.forEach(field => {\r\n                    field.style.borderColor = '';\r\n                });\r\n            } else {\r\n                alert('\u0e01\u0e23\u0e38\u0e13\u0e32\u0e01\u0e23\u0e2d\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e43\u0e19\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e21\u0e35\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e2b\u0e21\u0e32\u0e22 * \u0e43\u0e2b\u0e49\u0e04\u0e23\u0e1a\u0e16\u0e49\u0e27\u0e19');\r\n            }\r\n        });\r\n    }\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7959052e elementor-widget elementor-widget-text-editor\" data-id=\"7959052e\" 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<p>\u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e4b<\/p>\n<p>\u00a0<\/p>\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e40\u0e23\u0e32\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e43\u0e2b\u0e49\u0e04\u0e33\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e41\u0e25\u0e30\u0e15\u0e2d\u0e1a\u0e17\u0e38\u0e01\u0e02\u0e49\u0e2d\u0e2a\u0e07\u0e2a\u0e31\u0e22\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13 \u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32\u0e1c\u0e48\u0e32\u0e19\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e17\u0e35\u0e48\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22 \u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48 148 \u0e2b\u0e21\u0e39\u0e48\u0e17\u0e35\u0e48 8 \u0e15\u0e33\u0e1a\u0e25\u0e2a\u0e30\u0e01\u0e2d\u0e21 \u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e08\u0e30\u0e19\u0e30 \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e2a\u0e07\u0e02\u0e25\u0e32 90130 \u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c 074-805 484, 074-805 418 \u0e2d\u0e35\u0e40\u0e21\u0e25 jariyatham2500@hotmail.com \u0e40\u0e27\u0e25\u0e32\u0e17\u0e33\u0e01\u0e32\u0e23 \u0e08\u0e31\u0e19\u0e17\u0e23\u0e4c [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jariyathum.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jariyathum.ac.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jariyathum.ac.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jariyathum.ac.th\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/jariyathum.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":37,"href":"https:\/\/jariyathum.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":1448,"href":"https:\/\/jariyathum.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/1448"}],"wp:attachment":[{"href":"https:\/\/jariyathum.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}