{"id":94710,"date":"2025-12-17T07:44:38","date_gmt":"2025-12-17T07:44:38","guid":{"rendered":"http:\/\/www.edu-ru.com\/home\/?page_id=94710"},"modified":"2025-12-17T07:49:43","modified_gmt":"2025-12-17T07:49:43","slug":"%e0%b8%95%e0%b8%b4%e0%b8%94%e0%b8%95%e0%b9%88%e0%b8%ad%e0%b9%80%e0%b8%a3%e0%b8%b2","status":"publish","type":"page","link":"https:\/\/www.edu-ru.com\/home\/?page_id=94710","title":{"rendered":"\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"94710\" class=\"elementor elementor-94710\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c81e3f4 e-flex e-con-boxed e-con e-parent\" data-id=\"c81e3f4\" 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-dde4cdb elementor-widget elementor-widget-html\" data-id=\"dde4cdb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \n    Elementor HTML Widget Code\n    Page: Contact Us\n    Theme: Modern Pink (Matching SPA)\n-->\n\n<style>\n    \/* Scoped Styles *\/\n    .contact-wrapper {\n        font-family: 'Kanit', sans-serif !important;\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 40px 20px;\n        box-sizing: border-box;\n        color: #374151;\n    }\n\n    .contact-wrapper * {\n        box-sizing: border-box;\n    }\n\n    \/* Header *\/\n    .contact-header {\n        text-align: center;\n        margin-bottom: 50px;\n    }\n\n    .contact-header h2 {\n        font-size: 32px !important;\n        font-weight: 700 !important;\n        color: #1f2937 !important;\n        margin: 0 0 10px 0 !important;\n    }\n\n    .contact-divider {\n        width: 80px;\n        height: 4px;\n        background-color: #ec4899 !important; \/* Pink-500 *\/\n        margin: 0 auto;\n        border-radius: 4px;\n    }\n\n    \/* Main Container Box *\/\n    .contact-box {\n        display: flex;\n        flex-direction: column;\n        background-color: #ffffff !important;\n        border-radius: 16px !important;\n        overflow: hidden !important;\n        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;\n    }\n\n    @media (min-width: 992px) {\n        .contact-box {\n            flex-direction: row;\n        }\n    }\n\n    \/* Left Column: Info *\/\n    .contact-info-col {\n        background-color: #831843 !important; \/* Pink-900 *\/\n        color: #ffffff !important;\n        padding: 40px !important;\n        width: 100%;\n    }\n\n    @media (min-width: 992px) {\n        .contact-info-col {\n            width: 40%;\n        }\n    }\n\n    .contact-info-title {\n        font-size: 24px !important;\n        font-weight: 700 !important;\n        margin-bottom: 24px !important;\n        color: #ffffff !important;\n    }\n\n    .contact-desc {\n        color: #fce7f3 !important; \/* Pink-100 *\/\n        margin-bottom: 32px !important;\n        line-height: 1.6 !important;\n        font-size: 15px !important;\n    }\n\n    \/* Info List *\/\n    .info-item {\n        display: flex !important;\n        align-items: flex-start !important;\n        margin-bottom: 24px !important;\n    }\n\n    .info-icon {\n        color: #f472b6 !important; \/* Pink-400 *\/\n        font-size: 20px !important;\n        margin-right: 16px !important;\n        margin-top: 4px !important;\n        width: 24px !important;\n        text-align: center !important;\n    }\n\n    .info-content h4 {\n        font-size: 16px !important;\n        font-weight: 700 !important;\n        margin: 0 0 4px 0 !important;\n        color: #ffffff !important;\n    }\n\n    .info-content p {\n        margin: 0 !important;\n        font-size: 14px !important;\n        color: #fce7f3 !important;\n        line-height: 1.5 !important;\n    }\n\n    \/* Social Icons *\/\n    .contact-social {\n        margin-top: 40px !important;\n    }\n\n    .social-label {\n        font-weight: 700 !important;\n        margin-bottom: 16px !important;\n        display: block !important;\n        color: #ffffff !important;\n    }\n\n    .social-links {\n        display: flex !important;\n        gap: 12px !important;\n    }\n\n    .social-btn {\n        width: 40px !important;\n        height: 40px !important;\n        border-radius: 50% !important;\n        background-color: rgba(255, 255, 255, 0.1) !important;\n        display: flex !important;\n        align-items: center !important;\n        justify-content: center !important;\n        color: #ffffff !important;\n        text-decoration: none !important;\n        transition: all 0.3s ease !important;\n    }\n\n    .social-btn:hover {\n        background-color: #ffffff !important;\n        color: #831843 !important;\n        transform: translateY(-3px) !important;\n    }\n\n    \/* Right Column: Map & Form *\/\n    .contact-form-col {\n        padding: 40px !important;\n        width: 100%;\n        background-color: #ffffff !important;\n    }\n\n    @media (min-width: 992px) {\n        .contact-form-col {\n            width: 60%;\n        }\n    }\n\n    \/* Map *\/\n    .map-container {\n        width: 100% !important;\n        height: 250px !important;\n        border-radius: 12px !important;\n        overflow: hidden !important;\n        margin-bottom: 30px !important;\n        background-color: #f3f4f6 !important;\n        position: relative !important;\n    }\n\n    .map-frame {\n        width: 100% !important;\n        height: 100% !important;\n        border: 0 !important;\n    }\n\n    \/* Form *\/\n    .form-title {\n        font-size: 20px !important;\n        font-weight: 700 !important;\n        margin-bottom: 20px !important;\n        color: #1f2937 !important;\n    }\n\n    .form-group {\n        margin-bottom: 16px !important;\n    }\n\n    .form-input {\n        width: 100% !important;\n        padding: 12px 16px !important;\n        border: 1px solid #e5e7eb !important;\n        border-radius: 8px !important;\n        font-family: 'Kanit', sans-serif !important;\n        font-size: 14px !important;\n        color: #374151 !important;\n        outline: none !important;\n        transition: border-color 0.3s ease !important;\n    }\n\n    .form-input:focus {\n        border-color: #ec4899 !important;\n    }\n\n    .form-textarea {\n        width: 100% !important;\n        padding: 12px 16px !important;\n        border: 1px solid #e5e7eb !important;\n        border-radius: 8px !important;\n        font-family: 'Kanit', sans-serif !important;\n        font-size: 14px !important;\n        color: #374151 !important;\n        outline: none !important;\n        resize: vertical !important;\n        min-height: 100px !important;\n    }\n\n    .form-textarea:focus {\n        border-color: #ec4899 !important;\n    }\n\n    .form-btn {\n        background-color: #db2777 !important; \/* Pink-600 *\/\n        color: #ffffff !important;\n        border: none !important;\n        padding: 12px 24px !important;\n        border-radius: 8px !important;\n        font-family: 'Kanit', sans-serif !important;\n        font-weight: 700 !important;\n        cursor: pointer !important;\n        transition: background-color 0.3s ease !important;\n        width: 100% !important;\n        font-size: 16px !important;\n    }\n\n    .form-btn:hover {\n        background-color: #be185d !important; \/* Pink-700 *\/\n    }\n\n<\/style>\n\n<!-- FontAwesome Icons -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<div class=\"contact-wrapper\">\n\n\n    <div class=\"contact-box\">\n        \n        <!-- Left: Contact Info -->\n        <div class=\"contact-info-col\">\n            <h3 class=\"contact-info-title\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d<\/h3>\n            <p class=\"contact-desc\">\u0e2b\u0e32\u0e01\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e2a\u0e07\u0e2a\u0e31\u0e22 \u0e2b\u0e23\u0e37\u0e2d\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e23\u0e31\u0e1a\u0e2a\u0e21\u0e31\u0e04\u0e23 \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e04\u0e13\u0e30\u0e28\u0e36\u0e01\u0e29\u0e32\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e44\u0e14\u0e49\u0e15\u0e32\u0e21\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e14\u0e31\u0e07\u0e19\u0e35\u0e49<\/p>\n            \n            <div class=\"info-item\">\n                <i class=\"fas fa-map-marker-alt info-icon\"><\/i>\n                <div class=\"info-content\">\n                    <h4>\u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48<\/h4>\n                    <p>\u0e04\u0e13\u0e30\u0e28\u0e36\u0e01\u0e29\u0e32\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e23\u0e32\u0e21\u0e04\u0e33\u0e41\u0e2b\u0e07<br>\u0e41\u0e02\u0e27\u0e07\u0e2b\u0e31\u0e27\u0e2b\u0e21\u0e32\u0e01 \u0e40\u0e02\u0e15\u0e1a\u0e32\u0e07\u0e01\u0e30\u0e1b\u0e34 \u0e01\u0e23\u0e38\u0e07\u0e40\u0e17\u0e1e\u0e21\u0e2b\u0e32\u0e19\u0e04\u0e23 10240<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"info-item\">\n                <i class=\"fas fa-phone info-icon\"><\/i>\n                <div class=\"info-content\">\n                    <h4>\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c<\/h4>\n                    <p>0-2310-8303, 0-2310-8311<\/p>\n                    <p>Fax: 0-2310-8304<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"info-item\">\n                <i class=\"fas fa-envelope info-icon\"><\/i>\n                <div class=\"info-content\">\n                    <h4>\u0e2d\u0e35\u0e40\u0e21\u0e25<\/h4>\n                    <p>edu@ru.ac.th<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"contact-social\">\n                <span class=\"social-label\">\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e40\u0e23\u0e32<\/span>\n                <div class=\"social-links\">\n                    <a href=\"https:\/\/www.facebook.com\/RU.educ\" target=\"_blank\" class=\"social-btn\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n                    <a href=\"#\" class=\"social-btn\"><i class=\"fab fa-line\"><\/i><\/a>\n                    <a href=\"https:\/\/www.youtube.com\/@RuEduChannel\" target=\"_blank\" class=\"social-btn\"><i class=\"fab fa-youtube\"><\/i><\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Right: Map & Form -->\n        <div class=\"contact-form-col\">\n            \n            <!-- Map Section -->\n            <div class=\"map-container\">\n                <iframe class=\"map-frame\" src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3875.318342412759!2d100.61394577590466!3d13.759663797129532!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x311d61d155555555%3A0x1d47343516053358!2sFaculty%20of%20Education%2C%20Ramkhamhaeng%20University!5e0!3m2!1sen!2sth!4v1700000000000!5m2!1sen!2sth\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n            <\/div>\n\n            <!-- Form Section -->\n            <h3 class=\"form-title\">\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e16\u0e36\u0e07\u0e40\u0e23\u0e32<\/h3>\n            <form>\n                <div class=\"form-group\">\n                    <input type=\"text\" class=\"form-input\" placeholder=\"\u0e0a\u0e37\u0e48\u0e2d-\u0e19\u0e32\u0e21\u0e2a\u0e01\u0e38\u0e25\">\n                <\/div>\n                <div class=\"form-group\">\n                    <input type=\"email\" class=\"form-input\" placeholder=\"\u0e2d\u0e35\u0e40\u0e21\u0e25\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e01\u0e25\u0e31\u0e1a\">\n                <\/div>\n                <div class=\"form-group\">\n                    <textarea class=\"form-textarea\" placeholder=\"\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13...\"><\/textarea>\n                <\/div>\n                <button type=\"button\" class=\"form-btn\">\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21<\/button>\n            <\/form>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\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>\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d \u0e2b\u0e32\u0e01\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e2a\u0e07\u0e2a\u0e31\u0e22 \u0e2b\u0e23\u0e37\u0e2d\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34&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-94710","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.edu-ru.com\/home\/index.php?rest_route=\/wp\/v2\/pages\/94710","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.edu-ru.com\/home\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.edu-ru.com\/home\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.edu-ru.com\/home\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.edu-ru.com\/home\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=94710"}],"version-history":[{"count":0,"href":"https:\/\/www.edu-ru.com\/home\/index.php?rest_route=\/wp\/v2\/pages\/94710\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.edu-ru.com\/home\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=94710"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}