{"id":2071,"date":"2024-01-29T13:48:52","date_gmt":"2024-01-29T06:48:52","guid":{"rendered":"https:\/\/bba.rmutsv.ac.th\/ruts\/?page_id=2071"},"modified":"2026-04-18T11:48:47","modified_gmt":"2026-04-18T04:48:47","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/bba.rmutsv.ac.th\/ruts\/contact-us\/","title":{"rendered":"\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32"},"content":{"rendered":"\n\n\n\n\n<section class=\"ruts-contact-section transparent-bg\">\n    <div class=\"contact-container\">\n        \n        <div class=\"contact-header\">\n            <span class=\"badge-title\"><i class=\"fas fa-headset\"><\/i> Get In Touch<\/span>\n            <h2>\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32<\/h2>\n            <div class=\"heading-line\"><\/div>\n            <p>\u0e04\u0e13\u0e30\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08 \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e23\u0e32\u0e0a\u0e21\u0e07\u0e04\u0e25\u0e28\u0e23\u0e35\u0e27\u0e34\u0e0a\u0e31\u0e22<br>\u0e22\u0e34\u0e19\u0e14\u0e35\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e15\u0e2d\u0e1a\u0e17\u0e38\u0e01\u0e02\u0e49\u0e2d\u0e2a\u0e07\u0e2a\u0e31\u0e22\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13<\/p>\n        <\/div>\n\n        <div class=\"contact-grid\">\n            \n            <div class=\"contact-info-wrapper\">\n                \n                <div class=\"contact-card glass-panel\">\n                    <div class=\"icon-box\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\n                    <div class=\"info-content\">\n                        <h3>\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07<\/h3>\n                        <p>\u0e40\u0e25\u0e02\u0e17\u0e35\u0e48 2\/3 \u0e2d\u0e32\u0e04\u0e32\u0e23 63 \u0e04\u0e13\u0e30\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08 \u0e21\u0e17\u0e23.\u0e28\u0e23\u0e35\u0e27\u0e34\u0e0a\u0e31\u0e22<br>\u0e16.\u0e23\u0e32\u0e0a\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e19\u0e2d\u0e01 \u0e15.\u0e1a\u0e48\u0e2d\u0e22\u0e32\u0e07 \u0e2d.\u0e40\u0e21\u0e37\u0e2d\u0e07 \u0e08.\u0e2a\u0e07\u0e02\u0e25\u0e32 90000<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"contact-card glass-panel\">\n                    <div class=\"icon-box\"><i class=\"fas fa-phone-alt\"><\/i><\/div>\n                    <div class=\"info-content\">\n                        <h3>\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c<\/h3>\n                        <p>\n                            \u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c: <a href=\"tel:074317105\" class=\"contact-link\">0-7431-7105<\/a><br>\n                            \u0e42\u0e17\u0e23\u0e2a\u0e32\u0e23: 0-7431-7106\n                        <\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"contact-card glass-panel\">\n                    <div class=\"icon-box\"><i class=\"fas fa-envelope\"><\/i><\/div>\n                    <div class=\"info-content\">\n                        <h3>\u0e2d\u0e35\u0e40\u0e21\u0e25\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19<\/h3>\n                        <p><a href=\"mailto:Saraban.05@rmutsv.ac.th\" class=\"contact-link\">Saraban.05@rmutsv.ac.th<\/a><\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"social-card glass-panel\">\n                    <h3>\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<\/h3>\n                    <div class=\"social-links\">\n                        <a href=\"https:\/\/bba.rmutsv.ac.th\/ruts\/\" target=\"_blank\" class=\"social-btn web-btn\">\n                            <i class=\"fas fa-globe\"><\/i> Website\n                        <\/a>\n                        <a href=\"https:\/\/www.facebook.com\/fbarutsOfficial\" target=\"_blank\" class=\"social-btn fb-btn\">\n                            <i class=\"fab fa-facebook-f\"><\/i> Facebook\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <div class=\"map-wrapper glass-panel\">\n                <iframe \n                    src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3958.835439401732!2d100.5905151!3d7.1449419!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x304d257a627da085%3A0x334eb2bc9bbbb969!2z4LiE4LiT4Liw4Lia4Lij4Li04Lir4Liy4Lij4LiY4Li44Lij4LiB4Li04LiIIE1hbmFnZW1lbnQgUlVUUw!5e0!3m2!1sth!2sth!4v1710000000000!5m2!1sth!2sth\" \n                    width=\"100%\" \n                    height=\"100%\" \n                    style=\"border:0; border-radius: 12px;\" \n                    allowfullscreen=\"\" \n                    loading=\"lazy\" \n                    referrerpolicy=\"no-referrer-when-downgrade\">\n                <\/iframe>\n                \n                <div class=\"map-overlay\">\n                    <a href=\"https:\/\/maps.app.goo.gl\/YourMapLinkHere\" target=\"_blank\" class=\"navigate-btn\">\n                        <i class=\"fas fa-directions\"><\/i> \u0e40\u0e1b\u0e34\u0e14 Google Maps \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e33\u0e17\u0e32\u0e07\n                    <\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    \/* \u0e19\u0e33\u0e40\u0e02\u0e49\u0e32 Font Awesome \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e44\u0e2d\u0e04\u0e2d\u0e19 *\/\n    @import url('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css');\n\n    .ruts-contact-section {\n        padding: 60px 5%;\n        background: transparent !important;\n        font-family: 'Prompt', sans-serif !important;\n        color: #2d3436;\n    }\n\n    .ruts-contact-section * { box-sizing: border-box; }\n\n    .contact-container {\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n\n    \/* -------------------------------------\n       Header \n       ------------------------------------- *\/\n    .contact-header {\n        text-align: center;\n        margin-bottom: 50px;\n    }\n\n    .badge-title {\n        background: rgba(0, 204, 255, 0.15);\n        color: #003366;\n        padding: 6px 18px;\n        border-radius: 30px;\n        font-size: 0.85rem;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        border: 1px solid rgba(0, 204, 255, 0.3);\n        backdrop-filter: blur(5px);\n    }\n\n    .contact-header h2 {\n        color: #003366;\n        font-size: 2.5rem;\n        font-weight: 700;\n        margin: 20px 0 10px;\n        text-shadow: 0 2px 4px rgba(255, 255, 255, 0.5);\n    }\n\n    .heading-line {\n        width: 80px;\n        height: 4px;\n        background-color: #ffcc00;\n        margin: 0 auto 20px;\n        border-radius: 2px;\n    }\n\n    .contact-header p {\n        color: #4a5568;\n        font-size: 1.1rem;\n        line-height: 1.6;\n    }\n\n    \/* -------------------------------------\n       Glass Panel Shared Style (\u0e01\u0e23\u0e30\u0e08\u0e01\u0e1d\u0e49\u0e32)\n       ------------------------------------- *\/\n    .glass-panel {\n        background: rgba(255, 255, 255, 0.7) !important;\n        backdrop-filter: blur(15px);\n        -webkit-backdrop-filter: blur(15px);\n        border: 1px solid rgba(255, 255, 255, 0.5) !important;\n        border-radius: 20px;\n        box-shadow: 0 8px 32px rgba(0, 51, 102, 0.05) !important;\n        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    }\n\n    .glass-panel:hover {\n        background: rgba(255, 255, 255, 0.95) !important;\n        box-shadow: 0 15px 35px rgba(0, 51, 102, 0.08) !important;\n        border-color: rgba(0, 204, 255, 0.5) !important;\n    }\n\n    \/* -------------------------------------\n       Contact Grid Layout\n       ------------------------------------- *\/\n    .contact-grid {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 30px;\n    }\n\n    @media (min-width: 992px) {\n        .contact-grid { grid-template-columns: 1fr 1fr; align-items: stretch; }\n    }\n\n    .contact-info-wrapper {\n        display: flex;\n        flex-direction: column;\n        gap: 20px;\n    }\n\n    \/* -------------------------------------\n       Contact Cards (\u0e1d\u0e31\u0e48\u0e07\u0e0b\u0e49\u0e32\u0e22)\n       ------------------------------------- *\/\n    .contact-card {\n        display: flex;\n        align-items: flex-start;\n        padding: 25px;\n        gap: 20px;\n    }\n\n    .contact-card .icon-box {\n        width: 60px;\n        height: 60px;\n        background: #003366;\n        color: #ffcc00;\n        border-radius: 16px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1.6rem;\n        flex-shrink: 0;\n        box-shadow: 0 5px 15px rgba(0, 51, 102, 0.15);\n        transition: 0.3s;\n    }\n\n    .contact-card:hover .icon-box {\n        background: #ffcc00;\n        color: #003366;\n        transform: translateY(-5px) scale(1.05);\n    }\n\n    .info-content h3 {\n        color: #003366;\n        font-size: 1.2rem;\n        font-weight: 700;\n        margin: 0 0 8px 0;\n    }\n\n    .info-content p {\n        color: #4a5568;\n        font-size: 0.95rem;\n        line-height: 1.6;\n        margin: 0;\n    }\n\n    .contact-link {\n        color: #00ccff;\n        font-weight: 600;\n        text-decoration: none;\n        transition: 0.3s;\n    }\n\n    .contact-link:hover {\n        color: #003366;\n        text-decoration: underline;\n    }\n\n    \/* -------------------------------------\n       Social Card (\u0e1b\u0e38\u0e48\u0e21\u0e42\u0e0b\u0e40\u0e0a\u0e35\u0e22\u0e25)\n       ------------------------------------- *\/\n    .social-card {\n        padding: 25px;\n        text-align: center;\n    }\n\n    .social-card h3 {\n        color: #003366;\n        font-size: 1.1rem;\n        font-weight: 700;\n        margin: 0 0 15px 0;\n    }\n\n    .social-links {\n        display: flex;\n        justify-content: center;\n        flex-wrap: wrap;\n        gap: 15px;\n    }\n\n    .social-btn {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        padding: 10px 20px;\n        border-radius: 50px;\n        font-weight: 600;\n        font-size: 0.9rem;\n        text-decoration: none;\n        color: #ffffff;\n        transition: 0.3s;\n        box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n    }\n\n    .social-btn:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 8px 15px rgba(0,0,0,0.15);\n    }\n\n    .web-btn { background: linear-gradient(135deg, #003366, #001f3f); }\n    .fb-btn { background: linear-gradient(135deg, #1877F2, #0d5cbe); }\n\n    \/* -------------------------------------\n       Map Wrapper (\u0e1d\u0e31\u0e48\u0e07\u0e02\u0e27\u0e32)\n       ------------------------------------- *\/\n    .map-wrapper {\n        padding: 15px; \/* \u0e17\u0e33\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e23\u0e2d\u0e1a\u0e23\u0e2d\u0e1a\u0e41\u0e1c\u0e19\u0e17\u0e35\u0e48 *\/\n        position: relative;\n        min-height: 400px;\n        display: flex;\n        flex-direction: column;\n    }\n\n    .map-wrapper iframe {\n        flex-grow: 1;\n        min-height: 350px; \/* \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d *\/\n    }\n\n    \/* \u0e1b\u0e38\u0e48\u0e21\u0e19\u0e33\u0e17\u0e32\u0e07\u0e0b\u0e49\u0e2d\u0e19\u0e17\u0e31\u0e1a\u0e41\u0e1c\u0e19\u0e17\u0e35\u0e48 *\/\n    .map-overlay {\n        position: absolute;\n        bottom: 30px;\n        left: 50%;\n        transform: translateX(-50%);\n        z-index: 10;\n    }\n\n    .navigate-btn {\n        background: #ffcc00;\n        color: #003366;\n        padding: 12px 25px;\n        border-radius: 50px;\n        font-weight: 700;\n        font-size: 0.95rem;\n        text-decoration: none;\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        box-shadow: 0 5px 15px rgba(255, 204, 0, 0.4);\n        transition: 0.3s;\n        border: 2px solid #ffffff;\n        white-space: nowrap;\n    }\n\n    .navigate-btn:hover {\n        background: #003366;\n        color: #ffcc00;\n        transform: translateY(-5px);\n        box-shadow: 0 10px 20px rgba(0, 51, 102, 0.2);\n        border-color: #ffcc00;\n    }\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>\u0e04\u0e13\u0e30\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08 \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e23\u0e32\u0e0a\u0e21\u0e07\u0e04\u0e25\u0e28\u0e23\u0e35\u0e27\u0e34\u0e0a\u0e31\u0e22 \u0e17\u0e35\u0e48 [&hellip;]<\/p>\n","protected":false},"author":16,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2071","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/bba.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/pages\/2071","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bba.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bba.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bba.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/bba.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/comments?post=2071"}],"version-history":[{"count":11,"href":"https:\/\/bba.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/pages\/2071\/revisions"}],"predecessor-version":[{"id":25991,"href":"https:\/\/bba.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/pages\/2071\/revisions\/25991"}],"wp:attachment":[{"href":"https:\/\/bba.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/media?parent=2071"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}