{"id":17011,"date":"2022-07-20T12:10:39","date_gmt":"2022-07-20T05:10:39","guid":{"rendered":"https:\/\/arit.srru.ac.th\/?page_id=17011"},"modified":"2026-01-27T15:40:03","modified_gmt":"2026-01-27T08:40:03","slug":"%e0%b8%aa%e0%b8%b2%e0%b8%a2%e0%b8%95%e0%b8%a3%e0%b8%87%e0%b8%9c%e0%b8%b9%e0%b9%89%e0%b8%9a%e0%b8%a3%e0%b8%b4%e0%b8%ab%e0%b8%b2%e0%b8%a3","status":"publish","type":"page","link":"https:\/\/arit.srru.ac.th\/?page_id=17011","title":{"rendered":"\u0e2a\u0e32\u0e22\u0e15\u0e23\u0e07\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div id=\"tdi_1\" class=\"tdc-row\"><div class=\"vc_row tdi_2  wpb_row td-pb-row\" >\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_2,\r\n                .tdi_2 .tdc-columns{\r\n                    min-height: 0;\r\n                }.tdi_2,\r\n\t\t\t\t.tdi_2 .tdc-columns{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_2 .tdc-columns{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}.tdi_2:before,\r\n\t\t\t\t.tdi_2:after{\r\n\t\t\t\t    display: table;\r\n\t\t\t\t}\n<\/style><div class=\"vc_column tdi_4  wpb_column vc_column_container tdc-column td-pb-span12\">\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_4{\r\n                    vertical-align: baseline;\r\n                }.tdi_4 > .wpb_wrapper,\r\n\t\t\t\t.tdi_4 > .wpb_wrapper > .tdc-elements{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_4 > .wpb_wrapper > .tdc-elements{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}.tdi_4 > .wpb_wrapper > .vc_row_inner{\r\n\t\t\t\t    width: auto;\r\n\t\t\t\t}.tdi_4 > .wpb_wrapper{\r\n\t\t\t\t    width: auto;\r\n\t\t\t\t    height: auto;\r\n\t\t\t\t}\n<\/style><div class=\"wpb_wrapper\" >[vc_column_text]<img fetchpriority=\"high\" decoding=\"async\" class=\"size-full wp-image-23460 aligncenter\" src=\"https:\/\/arit.srru.ac.th\/wp-content\/uploads\/2023\/03\/\u0e2a\u0e32\u0e22\u0e15\u0e23\u0e07\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23-banner.png\" alt=\"\" width=\"1536\" height=\"274\" srcset=\"https:\/\/arit.srru.ac.th\/wp-content\/uploads\/2023\/03\/\u0e2a\u0e32\u0e22\u0e15\u0e23\u0e07\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23-banner.png 1536w, https:\/\/arit.srru.ac.th\/wp-content\/uploads\/2023\/03\/\u0e2a\u0e32\u0e22\u0e15\u0e23\u0e07\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23-banner-300x54.png 300w, https:\/\/arit.srru.ac.th\/wp-content\/uploads\/2023\/03\/\u0e2a\u0e32\u0e22\u0e15\u0e23\u0e07\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23-banner-1024x183.png 1024w, https:\/\/arit.srru.ac.th\/wp-content\/uploads\/2023\/03\/\u0e2a\u0e32\u0e22\u0e15\u0e23\u0e07\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23-banner-768x137.png 768w, https:\/\/arit.srru.ac.th\/wp-content\/uploads\/2023\/03\/\u0e2a\u0e32\u0e22\u0e15\u0e23\u0e07\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23-banner-696x124.png 696w, https:\/\/arit.srru.ac.th\/wp-content\/uploads\/2023\/03\/\u0e2a\u0e32\u0e22\u0e15\u0e23\u0e07\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23-banner-1068x191.png 1068w, https:\/\/arit.srru.ac.th\/wp-content\/uploads\/2023\/03\/\u0e2a\u0e32\u0e22\u0e15\u0e23\u0e07\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23-banner-600x107.png 600w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/>[\/vc_column_text]<\/div><\/div><\/div><\/div><div id=\"tdi_5\" class=\"tdc-row\"><div class=\"vc_row tdi_6  wpb_row td-pb-row\" >\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_6,\r\n                .tdi_6 .tdc-columns{\r\n                    min-height: 0;\r\n                }.tdi_6,\r\n\t\t\t\t.tdi_6 .tdc-columns{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_6 .tdc-columns{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}.tdi_6:before,\r\n\t\t\t\t.tdi_6:after{\r\n\t\t\t\t    display: table;\r\n\t\t\t\t}\n<\/style><div class=\"vc_column tdi_8  wpb_column vc_column_container tdc-column td-pb-span12\">\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_8{\r\n                    vertical-align: baseline;\r\n                }.tdi_8 > .wpb_wrapper,\r\n\t\t\t\t.tdi_8 > .wpb_wrapper > .tdc-elements{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_8 > .wpb_wrapper > .tdc-elements{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}.tdi_8 > .wpb_wrapper > .vc_row_inner{\r\n\t\t\t\t    width: auto;\r\n\t\t\t\t}.tdi_8 > .wpb_wrapper{\r\n\t\t\t\t    width: auto;\r\n\t\t\t\t    height: auto;\r\n\t\t\t\t}\n<\/style><div class=\"wpb_wrapper\" >[vc_tta_tabs style=&#8221;modern&#8221; color=&#8221;violet&#8221; active_section=&#8221;1&#8243;][vc_tta_section title=&#8221;\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&#8221; tab_id=&#8221;1678333769436-dcd4bc35-7601&#8243;]<div class=\"vc_row_inner tdi_10  vc_row vc_inner wpb_row td-pb-row\" >\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_10{\r\n                    position: relative !important;\r\n                    top: 0;\r\n                    transform: none;\r\n                    -webkit-transform: none;\r\n                }.tdi_10,\r\n\t\t\t\t.tdi_10 .tdc-inner-columns{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_10 .tdc-inner-columns{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}\n<\/style><div class=\"vc_column_inner tdi_12  wpb_column vc_column_container tdc-inner-column td-pb-span6\">\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_12{\r\n                    vertical-align: baseline;\r\n                }.tdi_12 .vc_column-inner > .wpb_wrapper,\r\n\t\t\t\t.tdi_12 .vc_column-inner > .wpb_wrapper .tdc-elements{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_12 .vc_column-inner > .wpb_wrapper .tdc-elements{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}\n<\/style><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\" ><div class=\"wpb_wrapper td_block_wrap vc_raw_html tdi_14 \"><div class=\"td-fix-index\"><!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    <style>\r\n        \/* \u0e25\u0e47\u0e2d\u0e01\u0e1f\u0e2d\u0e19\u0e15\u0e4c Sarabun \u0e08\u0e32\u0e01 Google Fonts *\/\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;700&display=swap');\r\n\r\n        .modern-profile-wrapper {\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            padding: 40px 20px;\r\n            font-family: 'Sarabun', sans-serif;\r\n            background: transparent;\r\n        }\r\n\r\n        .modern-card-container {\r\n            position: relative;\r\n            width: 100%;\r\n            max-width: 400px;\r\n            \/* Gradient \u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19-\u0e21\u0e48\u0e27\u0e07 \u0e15\u0e32\u0e21\u0e04\u0e33\u0e02\u0e2d *\/\r\n            background: linear-gradient(135deg, #1e3a8a 0%, #7e22ce 100%);\r\n            border-radius: 40px;\r\n            padding: 40px 30px;\r\n            text-align: center;\r\n            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);\r\n            overflow: hidden;\r\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n\r\n        \/* \u0e40\u0e2d\u0e1f\u0e40\u0e1f\u0e01\u0e15\u0e4c\u0e41\u0e2a\u0e07\u0e40\u0e07\u0e32\u0e27\u0e34\u0e48\u0e07\u0e1c\u0e48\u0e32\u0e19\u0e15\u0e2d\u0e19 Hover *\/\r\n        .modern-card-container::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            left: -50%;\r\n            width: 200%;\r\n            height: 200%;\r\n            background: rgba(255, 255, 255, 0.05);\r\n            transform: rotate(30deg);\r\n            transition: 0.5s;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .modern-card-container:hover {\r\n            transform: translateY(-15px) scale(1.02);\r\n            box-shadow: 0 35px 60px -15px rgba(126, 34, 206, 0.4);\r\n        }\r\n\r\n        .modern-card-container:hover::after {\r\n            left: 120%;\r\n        }\r\n\r\n        \/* \u0e15\u0e01\u0e41\u0e15\u0e48\u0e07\u0e27\u0e07\u0e01\u0e25\u0e21\u0e15\u0e01\u0e41\u0e15\u0e48\u0e07\u0e14\u0e49\u0e32\u0e19\u0e2b\u0e25\u0e31\u0e07 *\/\r\n        .deco-circle {\r\n            position: absolute;\r\n            width: 200px;\r\n            height: 200px;\r\n            background: rgba(255, 255, 255, 0.05);\r\n            border-radius: 50%;\r\n            top: -100px;\r\n            right: -100px;\r\n            z-index: 0;\r\n        }\r\n\r\n        .modern-image-box {\r\n            position: relative;\r\n            z-index: 2;\r\n            width: 240px;\r\n            height: 240px;\r\n            margin: 0 auto 30px;\r\n            border-radius: 35px;\r\n            overflow: hidden;\r\n            border: 6px solid rgba(255, 255, 255, 0.2);\r\n            background: #fff;\r\n            box-shadow: 0 15px 30px rgba(0,0,0,0.3);\r\n            transition: transform 0.5s ease;\r\n        }\r\n\r\n        .modern-card-container:hover .modern-image-box {\r\n            transform: scale(1.05) rotate(2deg);\r\n            border-color: rgba(255, 255, 255, 0.5);\r\n        }\r\n\r\n        .modern-image-box img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        .modern-badge {\r\n            position: relative;\r\n            z-index: 2;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            background: rgba(255, 255, 255, 0.2);\r\n            backdrop-filter: blur(10px);\r\n            padding: 8px 20px;\r\n            border-radius: 100px;\r\n            color: #ffffff !important; \/* \u0e25\u0e47\u0e2d\u0e01\u0e2a\u0e35\u0e02\u0e32\u0e27 *\/\r\n            font-size: 0.9rem;\r\n            font-weight: 700;\r\n            margin-bottom: 25px;\r\n            text-decoration: none;\r\n            border: 1px solid rgba(255, 255, 255, 0.3);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .modern-badge:hover {\r\n            background: #ffffff;\r\n            color: #1e3a8a !important;\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .modern-name {\r\n            position: relative;\r\n            z-index: 2;\r\n            color: #ffffff !important; \/* \u0e25\u0e47\u0e2d\u0e01\u0e2a\u0e35\u0e02\u0e32\u0e27 *\/\r\n            font-size: 1.8rem;\r\n            font-weight: 700;\r\n            margin: 0 0 15px 0;\r\n            letter-spacing: 0.5px;\r\n            text-shadow: 0 4px 10px rgba(0,0,0,0.3);\r\n        }\r\n\r\n        .modern-divider {\r\n            position: relative;\r\n            z-index: 2;\r\n            width: 60px;\r\n            height: 4px;\r\n            background: #fbbf24; \/* \u0e2a\u0e35\u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e07\u0e17\u0e2d\u0e07\u0e2a\u0e27\u0e48\u0e32\u0e07 *\/\r\n            margin: 0 auto 20px;\r\n            border-radius: 10px;\r\n            box-shadow: 0 0 15px rgba(251, 191, 36, 0.5);\r\n        }\r\n\r\n        .modern-position {\r\n            position: relative;\r\n            z-index: 2;\r\n            color: rgba(255, 255, 255, 0.9) !important; \/* \u0e25\u0e47\u0e2d\u0e01\u0e2a\u0e35\u0e02\u0e32\u0e27\u0e19\u0e27\u0e25 *\/\r\n            font-size: 1rem;\r\n            line-height: 1.6;\r\n            margin: 0;\r\n            font-weight: 400;\r\n        }\r\n\r\n        \/* \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Mobile *\/\r\n        @media (max-width: 480px) {\r\n            .modern-card-container {\r\n                padding: 30px 20px;\r\n            }\r\n            .modern-image-box {\r\n                width: 200px;\r\n                height: 200px;\r\n            }\r\n            .modern-name {\r\n                font-size: 1.5rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"modern-profile-wrapper\">\r\n        <div class=\"modern-card-container\">\r\n            <div class=\"deco-circle\"><\/div>\r\n            \r\n            <!-- \u0e1b\u0e38\u0e48\u0e21\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e1e\u0e23\u0e49\u0e2d\u0e21 Icon \u0e2a\u0e32\u0e22\u0e1f\u0e49\u0e32 -->\r\n            <a href=\"#\" class=\"modern-badge\">\r\n                <span>\u0e2a\u0e32\u0e22\u0e15\u0e23\u0e07\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23<\/span>\r\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                    <path d=\"M13 10V3L4 14H11V21L20 10H13Z\"\/>\r\n                <\/svg>\r\n            <\/a>\r\n\r\n            <!-- \u0e2a\u0e48\u0e27\u0e19\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e -->\r\n            <div class=\"modern-image-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/arit.srru.ac.th\/wp-content\/uploads\/2026\/01\/\u0e1c\u0e2d.\u0e2a\u0e21\u0e40\u0e01\u0e35\u0e22\u0e23\u0e15\u0e34-e1769492716694-925x1024.png\" alt=\"\u0e14\u0e23.\u0e2a\u0e21\u0e40\u0e01\u0e35\u0e22\u0e23\u0e15\u0e34 \u0e40\u0e1e\u0e47\u0e0a\u0e23\u0e21\u0e32\u0e01\">\r\n            <\/div>\r\n\r\n            <!-- \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e0a\u0e37\u0e48\u0e2d\u0e41\u0e25\u0e30\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07 -->\r\n            <h2 class=\"modern-name\">\u0e14\u0e23.\u0e2a\u0e21\u0e40\u0e01\u0e35\u0e22\u0e23\u0e15\u0e34 \u0e40\u0e1e\u0e47\u0e0a\u0e23\u0e21\u0e32\u0e01<\/h2>\r\n            <div class=\"modern-divider\"><\/div>\r\n            <p class=\"modern-position\">\r\n                \u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e27\u0e34\u0e17\u0e22\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23<br>\u0e41\u0e25\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/body>\r\n<\/html><\/div><\/div>[vc_column_text css_animation=&#8221;fadeInDown&#8221;]\r\n\r\n<hr \/>\r\n\r\n<span style=\"color: #333333;\"><strong>\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e27\u0e34\u0e17\u0e22\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28 (ARIT SRRU)<\/strong> \u0e44\u0e14\u0e49\u0e40\u0e1b\u0e34\u0e14\u0e2a\u0e32\u0e22\u0e15\u0e23\u0e07\u0e16\u0e36\u0e07\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e02\u0e36\u0e49\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e35\u0e48\u0e1a\u0e2d\u0e01\u0e01\u0e25\u0e48\u0e32\u0e27 \u0e2b\u0e23\u0e37\u0e2d\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\u0e02\u0e2d\u0e07\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23 \u0e14\u0e31\u0e07\u0e19\u0e31\u0e49\u0e19\u0e08\u0e36\u0e07\u0e02\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d\u0e17\u0e38\u0e01\u0e17\u0e48\u0e32\u0e19 <strong>\u0e42\u0e1b\u0e23\u0e14\u0e43\u0e2b\u0e49\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e47\u0e19\u0e04\u0e27\u0e32\u0e21\u0e08\u0e23\u0e34\u0e07 \u0e42\u0e14\u0e22\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e02\u0e2d\u0e07\u0e17\u0e48\u0e32\u0e19 \u0e08\u0e30\u0e16\u0e39\u0e01\u0e40\u0e01\u0e47\u0e1a\u0e40\u0e1b\u0e47\u0e19\u0e04\u0e27\u0e32\u0e21\u0e25\u0e31\u0e1a \u0e41\u0e25\u0e30\u0e2a\u0e48\u0e07\u0e15\u0e23\u0e07\u0e16\u0e36\u0e07\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e40\u0e1e\u0e35\u0e22\u0e07\u0e1c\u0e39\u0e49\u0e40\u0e14\u0e35\u0e22\u0e27<\/strong> \u0e41\u0e25\u0e30\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23\u0e08\u0e30\u0e2a\u0e48\u0e07 \u0e04\u0e33\u0e15\u0e2d\u0e1a\u0e44\u0e1b\u0e22\u0e31\u0e07 E-mail \u0e17\u0e35\u0e48\u0e17\u0e48\u0e32\u0e19\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e43\u0e2b\u0e49\u0e44\u0e27\u0e49\u0e08\u0e36\u0e07\u0e02\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e01\u0e23\u0e38\u0e13\u0e32\u0e17\u0e48\u0e32\u0e19\u0e1b\u0e0e\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e15\u0e32\u0e21\u0e02\u0e49\u0e2d\u0e15\u0e01\u0e25\u0e07\u0e14\u0e31\u0e07\u0e15\u0e48\u0e2d\u0e44\u0e1b\u0e19\u0e35\u0e49<\/span>\r\n\r\n<strong><span style=\"color: #333333;\">1. \u0e43\u0e0a\u0e49\u0e16\u0e49\u0e2d\u0e22\u0e04\u0e33\u0e2a\u0e38\u0e20\u0e32\u0e1e<\/span><\/strong>\r\n<strong><span style=\"color: #333333;\">2. \u0e44\u0e21\u0e48\u0e41\u0e2d\u0e1a\u0e2d\u0e49\u0e32\u0e07\u0e0a\u0e37\u0e48\u0e2d\u0e02\u0e2d\u0e07\u0e1a\u0e38\u0e04\u0e04\u0e25\u0e2d\u0e37\u0e48\u0e19 \u0e2b\u0e23\u0e37\u0e2d\u0e01\u0e25\u0e38\u0e48\u0e21\u0e1a\u0e38\u0e04\u0e04\u0e25\u0e2d\u0e37\u0e48\u0e19<\/span><\/strong>\r\n<strong><span style=\"color: #333333;\">3. \u0e44\u0e21\u0e48\u0e40\u0e2a\u0e19\u0e2d\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e32\u0e23\u0e43\u0e2a\u0e48\u0e04\u0e27\u0e32\u0e21\u0e1a\u0e38\u0e04\u0e04\u0e25\u0e2d\u0e37\u0e48\u0e19 \u0e2d\u0e31\u0e19\u0e08\u0e30\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e1a\u0e38\u0e04\u0e04\u0e25\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e01\u0e25\u0e48\u0e32\u0e27\u0e16\u0e36\u0e07\u0e40\u0e2a\u0e35\u0e22\u0e2b\u0e32\u0e22<\/span><\/strong>\r\n<strong><span style=\"color: #333333;\">4. \u0e44\u0e21\u0e48\u0e40\u0e2a\u0e19\u0e2d\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e2d\u0e31\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33\u0e25\u0e32\u0e22 \u0e01\u0e48\u0e2d\u0e01\u0e27\u0e19 \u0e1b\u0e25\u0e38\u0e01\u0e1b\u0e31\u0e48\u0e19 \u0e0b\u0e36\u0e48\u0e07\u0e2d\u0e32\u0e08\u0e19\u0e33\u0e44\u0e1b\u0e2a\u0e39\u0e48\u0e01\u0e32\u0e23\u0e17\u0e30\u0e40\u0e25\u0e32\u0e30\u0e27\u0e34\u0e27\u0e32\u0e17 \u0e2b\u0e23\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e41\u0e15\u0e01 \u0e41\u0e22\u0e01\u0e43\u0e19\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19<\/span><\/strong>\r\n\r\n<strong><span style=\"color: #ff0000;\">** \u0e1c\u0e39\u0e49\u0e14\u0e39\u0e41\u0e25\u0e02\u0e2d\u0e2a\u0e07\u0e27\u0e19\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e17\u0e35\u0e48\u0e08\u0e30\u0e25\u0e1a\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e47\u0e19\u0e27\u0e48\u0e32\u0e44\u0e21\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e2d\u0e2d\u0e01\u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e41\u0e08\u0e49\u0e07\u0e25\u0e48\u0e27\u0e07\u0e2b\u0e19\u0e49\u0e32 **<\/span><\/strong>[\/vc_column_text]<\/div><\/div><\/div><div class=\"vc_column_inner tdi_16  wpb_column vc_column_container tdc-inner-column td-pb-span6\">\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_16{\r\n                    vertical-align: baseline;\r\n                }.tdi_16 .vc_column-inner > .wpb_wrapper,\r\n\t\t\t\t.tdi_16 .vc_column-inner > .wpb_wrapper .tdc-elements{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_16 .vc_column-inner > .wpb_wrapper .tdc-elements{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}\n<\/style><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\" >[vc_column_text css_animation=&#8221;fadeInDown&#8221; css=&#8221;&#8221;]<div class=\"dtaf-form-container\" id=\"dtaf-form-my-custom-form\">\n    <h3>\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<\/h3>\n    \n        \n    <form method=\"post\" enctype=\"multipart\/form-data\" action=\"https:\/\/arit.srru.ac.th\/wp-admin\/admin-post.php\" class=\"dtaf-form\">\n        <input type=\"hidden\" name=\"action\" value=\"dtaf_submit_form\">\n        <input type=\"hidden\" name=\"form_id\" value=\"my-custom-form\">\n        <input type=\"hidden\" id=\"dtaf_nonce\" name=\"dtaf_nonce\" value=\"ba81857e7d\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F17011\" \/>        \n                \n        <div class=\"dtaf-form-field\">\n            <label for=\"dtaf_name_my-custom-form\">\n                \u0e0a\u0e37\u0e48\u0e2d-\u0e19\u0e32\u0e21\u0e2a\u0e01\u0e38\u0e25 (\u0e1c\u0e39\u0e49\u0e23\u0e49\u0e2d\u0e07)                                    <span class=\"dtaf-required\">*<\/span>\n                            <\/label>\n            <input type=\"text\" \n                   id=\"dtaf_name_my-custom-form\" \n                   name=\"name\" \n                   placeholder=\"\u0e01\u0e23\u0e2d\u0e01\u0e0a\u0e37\u0e48\u0e2d-\u0e19\u0e32\u0e21\u0e2a\u0e01\u0e38\u0e25\"\n                   required>\n        <\/div>\n        \n        <div class=\"dtaf-form-field\">\n            <label for=\"dtaf_idcard_my-custom-form\">\n                \u0e1a\u0e31\u0e15\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e0a\u0e19 (\u0e1c\u0e39\u0e49\u0e23\u0e49\u0e2d\u0e07)                                    <span class=\"dtaf-required\">*<\/span>\n                            <\/label>\n            <input type=\"text\" \n                   id=\"dtaf_idcard_my-custom-form\" \n                   name=\"idcard\" \n                   placeholder=\"\u0e01\u0e23\u0e2d\u0e01\u0e40\u0e25\u0e02 13 \u0e2b\u0e25\u0e31\u0e01\"\n                   pattern=\"\\d{13}\" \n                   title=\"\u0e01\u0e23\u0e38\u0e13\u0e32\u0e01\u0e23\u0e2d\u0e01\u0e40\u0e25\u0e02\u0e1a\u0e31\u0e15\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e0a\u0e19 13 \u0e2b\u0e25\u0e31\u0e01 \u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e21\u0e35\u0e02\u0e35\u0e14\"\n                   required>\n            <span class=\"dtaf-field-description\">\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e23\u0e2d\u0e01\u0e15\u0e31\u0e27\u0e40\u0e25\u0e02 13 \u0e2b\u0e25\u0e31\u0e01\u0e15\u0e34\u0e14\u0e01\u0e31\u0e19<\/span>\n        <\/div>\n        \n        <div class=\"dtaf-form-field\">\n            <label for=\"dtaf_phone_my-custom-form\">\n                \u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c                                    <span class=\"dtaf-required\">*<\/span>\n                            <\/label>\n            <input type=\"tel\" \n                   id=\"dtaf_phone_my-custom-form\" \n                   name=\"phone\" \n                   placeholder=\"\u0e01\u0e23\u0e2d\u0e01\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c\"\n                   pattern=\"[0-9\\-+().\\s]{7,20}\" \n                   title=\"\u0e01\u0e23\u0e38\u0e13\u0e32\u0e01\u0e23\u0e2d\u0e01\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c\u0e17\u0e35\u0e48\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07\"\n                   required>\n        <\/div>\n        \n        <div class=\"dtaf-form-field\">\n            <label for=\"dtaf_email_my-custom-form\">\n                \u0e2d\u0e35\u0e40\u0e21\u0e25                                    <span class=\"dtaf-required\">*<\/span>\n                            <\/label>\n            <input type=\"email\" \n                   id=\"dtaf_email_my-custom-form\" \n                   name=\"email\" \n                   placeholder=\"\u0e01\u0e23\u0e2d\u0e01\u0e2d\u0e35\u0e40\u0e21\u0e25\"\n                   required>\n        <\/div>\n        \n                    <div class=\"dtaf-form-field\">\n                <label for=\"dtaf_address_my-custom-form\">\n                    \u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48                                    <\/label>\n                <textarea id=\"dtaf_address_my-custom-form\" \n                          name=\"address\" \n                          placeholder=\"\u0e01\u0e23\u0e2d\u0e01\u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48 (\u0e16\u0e49\u0e32\u0e21\u0e35)\"\n                          ><\/textarea>\n            <\/div>\n                \n        <div class=\"dtaf-form-field\">\n            <label for=\"dtaf_type_my-custom-form\">\n                \u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19                                    <span class=\"dtaf-required\">*<\/span>\n                            <\/label>\n            <select id=\"dtaf_type_my-custom-form\" \n                    name=\"type\"\n                    required>\n                <option value=\"\">-- \u0e01\u0e23\u0e38\u0e13\u0e32\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17 --<\/option>\n                                                            <option value=\"\u0e23\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e17\u0e38\u0e08\u0e23\u0e34\u0e15\">\u0e23\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e17\u0e38\u0e08\u0e23\u0e34\u0e15<\/option>\n                                                                                <option value=\"\u0e1e\u0e24\u0e15\u0e34\u0e01\u0e23\u0e23\u0e21\u0e44\u0e21\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\">\u0e1e\u0e24\u0e15\u0e34\u0e01\u0e23\u0e23\u0e21\u0e44\u0e21\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21<\/option>\n                                                                                <option value=\"\u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d\u0e41\u0e19\u0e30\/\u0e23\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2d\u0e37\u0e48\u0e19\u0e46\">\u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d\u0e41\u0e19\u0e30\/\u0e23\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2d\u0e37\u0e48\u0e19\u0e46<\/option>\n                                                <\/select>\n        <\/div>\n        \n        <div class=\"dtaf-form-field\">\n            <label for=\"dtaf_subject_my-custom-form\">\n                \u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07                                    <span class=\"dtaf-required\">*<\/span>\n                            <\/label>\n            <input type=\"text\" \n                   id=\"dtaf_subject_my-custom-form\" \n                   name=\"subject\" \n                   placeholder=\"\u0e01\u0e23\u0e2d\u0e01\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\"\n                   required>\n        <\/div>\n        \n        <div class=\"dtaf-form-field\">\n            <label for=\"dtaf_detail_my-custom-form\">\n                \u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14                                    <span class=\"dtaf-required\">*<\/span>\n                            <\/label>\n            <textarea id=\"dtaf_detail_my-custom-form\" \n                      name=\"detail\" \n                      placeholder=\"\u0e01\u0e23\u0e2d\u0e01\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e01\u0e32\u0e23\u0e23\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19...\"\n                      required><\/textarea>\n        <\/div>\n        \n                \n        <div class=\"dtaf-form-field\">\n            <label>\u0e44\u0e1f\u0e25\u0e4c\u0e41\u0e19\u0e1a (\u0e16\u0e49\u0e32\u0e21\u0e35)<\/label>\n            \n            <div class=\"dtaf-file-upload\">\n                <input type=\"file\" name=\"dtaf_file_1\" id=\"dtaf_file_1_my-custom-form\">\n            <\/div>\n            \n            <div class=\"dtaf-file-upload\">\n                <input type=\"file\" name=\"dtaf_file_2\" id=\"dtaf_file_2_my-custom-form\">\n            <\/div>\n            \n            <div class=\"dtaf-file-upload\">\n                <input type=\"file\" name=\"dtaf_file_3\" id=\"dtaf_file_3_my-custom-form\">\n            <\/div>\n            \n            <div class=\"dtaf-file-upload-info\">\n                \u0e44\u0e1f\u0e25\u0e4c\u0e17\u0e35\u0e48\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15: jpg,jpeg,png,pdf,doc,docx, \u0e02\u0e19\u0e32\u0e14\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14: 5 MB            <\/div>\n        <\/div>\n        \n        <div class=\"dtaf-form-field\">\n            <button type=\"submit\" class=\"dtaf-submit-button\" style=\"background-color: #8224e3\">\n                \u0e2a\u0e48\u0e07\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19            <\/button>\n        <\/div>\n        \n        <div class=\"dtaf-loading\">\n            <span class=\"dtaf-loading-spinner\"><\/span>\n            \u0e01\u0e33\u0e25\u0e31\u0e07\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25...        <\/div>\n    <\/form>\n<\/div>\n\n<script type=\"text\/javascript\">\n    (function($) {\n        $(document).ready(function() {\n            \/\/ Client-side form validation\n            $('#dtaf-form-my-custom-form form').on('submit', function(e) {\n                var $form = $(this);\n                var $submitBtn = $form.find('.dtaf-submit-button');\n                var $loading = $form.find('.dtaf-loading');\n                \n                \/\/ Check if using AJAX submission\n                if (typeof dtaf_frontend !== 'undefined') {\n                    e.preventDefault();\n                    \n                    \/\/ Show loading indicator\n                    $submitBtn.prop('disabled', true);\n                    $loading.show();\n                    \n                    \/\/ Collect form data\n                    var formData = new FormData(this);\n                    \n                    \/\/ Send AJAX request\n                    $.ajax({\n                        url: dtaf_frontend.ajax_url,\n                        type: 'POST',\n                        data: formData,\n                        processData: false,\n                        contentType: false,\n                        success: function(response) {\n                            if (response.success) {\n                                \/\/ Show success message\n                                $form.before('<div class=\"dtaf-message dtaf-success-message\">' + response.data.message + '<\/div>');\n                                $form[0].reset();\n                            } else {\n                                \/\/ Show error message\n                                $form.before('<div class=\"dtaf-message dtaf-error-message\">' + response.data.message + '<\/div>');\n                            }\n                            \n                            \/\/ Scroll to message\n                            $('html, body').animate({\n                                scrollTop: $('#dtaf-form-my-custom-form').offset().top - 50\n                            }, 500);\n                            \n                            \/\/ Hide loading indicator\n                            $submitBtn.prop('disabled', false);\n                            $loading.hide();\n                        },\n                        error: function() {\n                            \/\/ Show error message\n                            $form.before('<div class=\"dtaf-message dtaf-error-message\">\u0e40\u0e01\u0e34\u0e14\u0e02\u0e49\u0e2d\u0e1c\u0e34\u0e14\u0e1e\u0e25\u0e32\u0e14\u0e43\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 \u0e42\u0e1b\u0e23\u0e14\u0e25\u0e2d\u0e07\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07<\/div>');\n                            \n                            \/\/ Scroll to message\n                            $('html, body').animate({\n                                scrollTop: $('#dtaf-form-my-custom-form').offset().top - 50\n                            }, 500);\n                            \n                            \/\/ Hide loading indicator\n                            $submitBtn.prop('disabled', false);\n                            $loading.hide();\n                        }\n                    });\n                } else {\n                    \/\/ Regular form submission\n                    $submitBtn.prop('disabled', true);\n                    $loading.show();\n                }\n            });\n        });\n    })(jQuery);\n<\/script>\n[\/vc_column_text]<\/div><\/div><\/div><\/div>[\/vc_tta_section][vc_tta_section title=&#8221;\u0e41\u0e08\u0e49\u0e07\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\/\u0e23\u0e49\u0e2d\u0e07\u0e17\u0e38\u0e01\u0e02\u0e4c\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b&#8221; tab_id=&#8221;1678333769449-3e041a1e-6b9b&#8221;]<div class=\"vc_row_inner tdi_18  vc_row vc_inner wpb_row td-pb-row\" >\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_18{\r\n                    position: relative !important;\r\n                    top: 0;\r\n                    transform: none;\r\n                    -webkit-transform: none;\r\n                }.tdi_18,\r\n\t\t\t\t.tdi_18 .tdc-inner-columns{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_18 .tdc-inner-columns{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}\n<\/style><div class=\"vc_column_inner tdi_20  wpb_column vc_column_container tdc-inner-column td-pb-span12\">\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_20{\r\n                    vertical-align: baseline;\r\n                }.tdi_20 .vc_column-inner > .wpb_wrapper,\r\n\t\t\t\t.tdi_20 .vc_column-inner > .wpb_wrapper .tdc-elements{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_20 .vc_column-inner > .wpb_wrapper .tdc-elements{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}\n<\/style><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\" ><\/div><\/div><\/div><\/div><div class=\"vc_row_inner tdi_22  vc_row vc_inner wpb_row td-pb-row\" >\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_22{\r\n                    position: relative !important;\r\n                    top: 0;\r\n                    transform: none;\r\n                    -webkit-transform: none;\r\n                }.tdi_22,\r\n\t\t\t\t.tdi_22 .tdc-inner-columns{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_22 .tdc-inner-columns{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}\n<\/style><div class=\"vc_column_inner tdi_24  wpb_column vc_column_container tdc-inner-column td-pb-span6\">\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_24{\r\n                    vertical-align: baseline;\r\n                }.tdi_24 .vc_column-inner > .wpb_wrapper,\r\n\t\t\t\t.tdi_24 .vc_column-inner > .wpb_wrapper .tdc-elements{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_24 .vc_column-inner > .wpb_wrapper .tdc-elements{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}\n<\/style><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\" ><div class=\"wpb_wrapper td_block_wrap vc_raw_html tdi_26 \"><div class=\"td-fix-index\"><!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    <style>\r\n        \/* \u0e25\u0e47\u0e2d\u0e01\u0e1f\u0e2d\u0e19\u0e15\u0e4c Sarabun \u0e08\u0e32\u0e01 Google Fonts *\/\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;700&display=swap');\r\n\r\n        .modern-profile-wrapper {\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            padding: 40px 20px;\r\n            font-family: 'Sarabun', sans-serif;\r\n            background: transparent;\r\n        }\r\n\r\n        .modern-card-container {\r\n            position: relative;\r\n            width: 100%;\r\n            max-width: 400px;\r\n            \/* Gradient \u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19-\u0e21\u0e48\u0e27\u0e07 \u0e15\u0e32\u0e21\u0e04\u0e33\u0e02\u0e2d *\/\r\n            background: linear-gradient(135deg, #1e3a8a 0%, #7e22ce 100%);\r\n            border-radius: 40px;\r\n            padding: 40px 30px;\r\n            text-align: center;\r\n            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);\r\n            overflow: hidden;\r\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n\r\n        \/* \u0e40\u0e2d\u0e1f\u0e40\u0e1f\u0e01\u0e15\u0e4c\u0e41\u0e2a\u0e07\u0e40\u0e07\u0e32\u0e27\u0e34\u0e48\u0e07\u0e1c\u0e48\u0e32\u0e19\u0e15\u0e2d\u0e19 Hover *\/\r\n        .modern-card-container::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            left: -50%;\r\n            width: 200%;\r\n            height: 200%;\r\n            background: rgba(255, 255, 255, 0.05);\r\n            transform: rotate(30deg);\r\n            transition: 0.5s;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .modern-card-container:hover {\r\n            transform: translateY(-15px) scale(1.02);\r\n            box-shadow: 0 35px 60px -15px rgba(126, 34, 206, 0.4);\r\n        }\r\n\r\n        .modern-card-container:hover::after {\r\n            left: 120%;\r\n        }\r\n\r\n        \/* \u0e15\u0e01\u0e41\u0e15\u0e48\u0e07\u0e27\u0e07\u0e01\u0e25\u0e21\u0e15\u0e01\u0e41\u0e15\u0e48\u0e07\u0e14\u0e49\u0e32\u0e19\u0e2b\u0e25\u0e31\u0e07 *\/\r\n        .deco-circle {\r\n            position: absolute;\r\n            width: 200px;\r\n            height: 200px;\r\n            background: rgba(255, 255, 255, 0.05);\r\n            border-radius: 50%;\r\n            top: -100px;\r\n            right: -100px;\r\n            z-index: 0;\r\n        }\r\n\r\n        .modern-image-box {\r\n            position: relative;\r\n            z-index: 2;\r\n            width: 240px;\r\n            height: 240px;\r\n            margin: 0 auto 30px;\r\n            border-radius: 35px;\r\n            overflow: hidden;\r\n            border: 6px solid rgba(255, 255, 255, 0.2);\r\n            background: #fff;\r\n            box-shadow: 0 15px 30px rgba(0,0,0,0.3);\r\n            transition: transform 0.5s ease;\r\n        }\r\n\r\n        .modern-card-container:hover .modern-image-box {\r\n            transform: scale(1.05) rotate(2deg);\r\n            border-color: rgba(255, 255, 255, 0.5);\r\n        }\r\n\r\n        .modern-image-box img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        .modern-badge {\r\n            position: relative;\r\n            z-index: 2;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            background: rgba(255, 255, 255, 0.2);\r\n            backdrop-filter: blur(10px);\r\n            padding: 8px 20px;\r\n            border-radius: 100px;\r\n            color: #ffffff !important; \/* \u0e25\u0e47\u0e2d\u0e01\u0e2a\u0e35\u0e02\u0e32\u0e27 *\/\r\n            font-size: 0.9rem;\r\n            font-weight: 700;\r\n            margin-bottom: 25px;\r\n            text-decoration: none;\r\n            border: 1px solid rgba(255, 255, 255, 0.3);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .modern-badge:hover {\r\n            background: #ffffff;\r\n            color: #1e3a8a !important;\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .modern-name {\r\n            position: relative;\r\n            z-index: 2;\r\n            color: #ffffff !important; \/* \u0e25\u0e47\u0e2d\u0e01\u0e2a\u0e35\u0e02\u0e32\u0e27 *\/\r\n            font-size: 1.8rem;\r\n            font-weight: 700;\r\n            margin: 0 0 15px 0;\r\n            letter-spacing: 0.5px;\r\n            text-shadow: 0 4px 10px rgba(0,0,0,0.3);\r\n        }\r\n\r\n        .modern-divider {\r\n            position: relative;\r\n            z-index: 2;\r\n            width: 60px;\r\n            height: 4px;\r\n            background: #fbbf24; \/* \u0e2a\u0e35\u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e07\u0e17\u0e2d\u0e07\u0e2a\u0e27\u0e48\u0e32\u0e07 *\/\r\n            margin: 0 auto 20px;\r\n            border-radius: 10px;\r\n            box-shadow: 0 0 15px rgba(251, 191, 36, 0.5);\r\n        }\r\n\r\n        .modern-position {\r\n            position: relative;\r\n            z-index: 2;\r\n            color: rgba(255, 255, 255, 0.9) !important; \/* \u0e25\u0e47\u0e2d\u0e01\u0e2a\u0e35\u0e02\u0e32\u0e27\u0e19\u0e27\u0e25 *\/\r\n            font-size: 1rem;\r\n            line-height: 1.6;\r\n            margin: 0;\r\n            font-weight: 400;\r\n        }\r\n\r\n        \/* \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Mobile *\/\r\n        @media (max-width: 480px) {\r\n            .modern-card-container {\r\n                padding: 30px 20px;\r\n            }\r\n            .modern-image-box {\r\n                width: 200px;\r\n                height: 200px;\r\n            }\r\n            .modern-name {\r\n                font-size: 1.5rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"modern-profile-wrapper\">\r\n        <div class=\"modern-card-container\">\r\n            <div class=\"deco-circle\"><\/div>\r\n            \r\n            <!-- \u0e1b\u0e38\u0e48\u0e21\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e1e\u0e23\u0e49\u0e2d\u0e21 Icon \u0e2a\u0e32\u0e22\u0e1f\u0e49\u0e32 -->\r\n            <a href=\"#\" class=\"modern-badge\">\r\n                <span>\u0e2a\u0e32\u0e22\u0e15\u0e23\u0e07\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23<\/span>\r\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                    <path d=\"M13 10V3L4 14H11V21L20 10H13Z\"\/>\r\n                <\/svg>\r\n            <\/a>\r\n\r\n            <!-- \u0e2a\u0e48\u0e27\u0e19\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e -->\r\n            <div class=\"modern-image-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/arit.srru.ac.th\/wp-content\/uploads\/2026\/01\/\u0e1c\u0e2d.\u0e2a\u0e21\u0e40\u0e01\u0e35\u0e22\u0e23\u0e15\u0e34-e1769492716694-925x1024.png\" alt=\"\u0e14\u0e23.\u0e2a\u0e21\u0e40\u0e01\u0e35\u0e22\u0e23\u0e15\u0e34 \u0e40\u0e1e\u0e47\u0e0a\u0e23\u0e21\u0e32\u0e01\">\r\n            <\/div>\r\n\r\n            <!-- \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e0a\u0e37\u0e48\u0e2d\u0e41\u0e25\u0e30\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07 -->\r\n            <h2 class=\"modern-name\">\u0e14\u0e23.\u0e2a\u0e21\u0e40\u0e01\u0e35\u0e22\u0e23\u0e15\u0e34 \u0e40\u0e1e\u0e47\u0e0a\u0e23\u0e21\u0e32\u0e01<\/h2>\r\n            <div class=\"modern-divider\"><\/div>\r\n            <p class=\"modern-position\">\r\n                \u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e27\u0e34\u0e17\u0e22\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23<br>\u0e41\u0e25\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/body>\r\n<\/html><\/div><\/div>[vc_column_text css_animation=&#8221;fadeInDown&#8221;]\r\n\r\n<hr \/>\r\n\r\n<span style=\"color: #333333;\"><strong>\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e27\u0e34\u0e17\u0e22\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28 (ARIT SRRU)<\/strong> \u0e44\u0e14\u0e49\u0e40\u0e1b\u0e34\u0e14\u0e2a\u0e32\u0e22\u0e15\u0e23\u0e07\u0e16\u0e36\u0e07\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e02\u0e36\u0e49\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e35\u0e48\u0e1a\u0e2d\u0e01\u0e01\u0e25\u0e48\u0e32\u0e27 \u0e2b\u0e23\u0e37\u0e2d\u0e41\u0e08\u0e49\u0e07\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\/\u0e23\u0e49\u0e2d\u0e07\u0e17\u0e38\u0e01\u0e02\u0e4c\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b \u0e14\u0e31\u0e07\u0e19\u0e31\u0e49\u0e19\u0e08\u0e36\u0e07\u0e02\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e21\u0e37\u0e2d\u0e17\u0e38\u0e01\u0e17\u0e48\u0e32\u0e19 <strong>\u0e42\u0e1b\u0e23\u0e14\u0e43\u0e2b\u0e49\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e47\u0e19\u0e04\u0e27\u0e32\u0e21\u0e08\u0e23\u0e34\u0e07 \u0e42\u0e14\u0e22\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e02\u0e2d\u0e07\u0e17\u0e48\u0e32\u0e19 \u0e08\u0e30\u0e16\u0e39\u0e01\u0e40\u0e01\u0e47\u0e1a\u0e40\u0e1b\u0e47\u0e19\u0e04\u0e27\u0e32\u0e21\u0e25\u0e31\u0e1a \u0e41\u0e25\u0e30\u0e2a\u0e48\u0e07\u0e15\u0e23\u0e07\u0e16\u0e36\u0e07\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e40\u0e1e\u0e35\u0e22\u0e07\u0e1c\u0e39\u0e49\u0e40\u0e14\u0e35\u0e22\u0e27<\/strong> \u0e41\u0e25\u0e30\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23\u0e08\u0e30\u0e2a\u0e48\u0e07 \u0e04\u0e33\u0e15\u0e2d\u0e1a\u0e44\u0e1b\u0e22\u0e31\u0e07 E-mail \u0e17\u0e35\u0e48\u0e17\u0e48\u0e32\u0e19\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e43\u0e2b\u0e49\u0e44\u0e27\u0e49\u0e08\u0e36\u0e07\u0e02\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e01\u0e23\u0e38\u0e13\u0e32\u0e17\u0e48\u0e32\u0e19\u0e1b\u0e0e\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e15\u0e32\u0e21\u0e02\u0e49\u0e2d\u0e15\u0e01\u0e25\u0e07\u0e14\u0e31\u0e07\u0e15\u0e48\u0e2d\u0e44\u0e1b\u0e19\u0e35\u0e49<\/span>\r\n\r\n<strong><span style=\"color: #333333;\">1. \u0e43\u0e0a\u0e49\u0e16\u0e49\u0e2d\u0e22\u0e04\u0e33\u0e2a\u0e38\u0e20\u0e32\u0e1e<\/span><\/strong>\r\n<strong><span style=\"color: #333333;\">2. \u0e44\u0e21\u0e48\u0e41\u0e2d\u0e1a\u0e2d\u0e49\u0e32\u0e07\u0e0a\u0e37\u0e48\u0e2d\u0e02\u0e2d\u0e07\u0e1a\u0e38\u0e04\u0e04\u0e25\u0e2d\u0e37\u0e48\u0e19 \u0e2b\u0e23\u0e37\u0e2d\u0e01\u0e25\u0e38\u0e48\u0e21\u0e1a\u0e38\u0e04\u0e04\u0e25\u0e2d\u0e37\u0e48\u0e19<\/span><\/strong>\r\n<strong><span style=\"color: #333333;\">3. \u0e44\u0e21\u0e48\u0e40\u0e2a\u0e19\u0e2d\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e32\u0e23\u0e43\u0e2a\u0e48\u0e04\u0e27\u0e32\u0e21\u0e1a\u0e38\u0e04\u0e04\u0e25\u0e2d\u0e37\u0e48\u0e19 \u0e2d\u0e31\u0e19\u0e08\u0e30\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e1a\u0e38\u0e04\u0e04\u0e25\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e01\u0e25\u0e48\u0e32\u0e27\u0e16\u0e36\u0e07\u0e40\u0e2a\u0e35\u0e22\u0e2b\u0e32\u0e22<\/span><\/strong>\r\n<strong><span style=\"color: #333333;\">4. \u0e44\u0e21\u0e48\u0e40\u0e2a\u0e19\u0e2d\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e2d\u0e31\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33\u0e25\u0e32\u0e22 \u0e01\u0e48\u0e2d\u0e01\u0e27\u0e19 \u0e1b\u0e25\u0e38\u0e01\u0e1b\u0e31\u0e48\u0e19 \u0e0b\u0e36\u0e48\u0e07\u0e2d\u0e32\u0e08\u0e19\u0e33\u0e44\u0e1b\u0e2a\u0e39\u0e48\u0e01\u0e32\u0e23\u0e17\u0e30\u0e40\u0e25\u0e32\u0e30\u0e27\u0e34\u0e27\u0e32\u0e17 \u0e2b\u0e23\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e41\u0e15\u0e01 \u0e41\u0e22\u0e01\u0e43\u0e19\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19<\/span><\/strong>\r\n\r\n<strong><span style=\"color: #ff0000;\">** \u0e1c\u0e39\u0e49\u0e14\u0e39\u0e41\u0e25\u0e02\u0e2d\u0e2a\u0e07\u0e27\u0e19\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e17\u0e35\u0e48\u0e08\u0e30\u0e25\u0e1a\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e47\u0e19\u0e27\u0e48\u0e32\u0e44\u0e21\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e2d\u0e2d\u0e01\u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e41\u0e08\u0e49\u0e07\u0e25\u0e48\u0e27\u0e07\u0e2b\u0e19\u0e49\u0e32 **<\/span><\/strong>[\/vc_column_text]<\/div><\/div><\/div><div class=\"vc_column_inner tdi_28  wpb_column vc_column_container tdc-inner-column td-pb-span6\">\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_28{\r\n                    vertical-align: baseline;\r\n                }.tdi_28 .vc_column-inner > .wpb_wrapper,\r\n\t\t\t\t.tdi_28 .vc_column-inner > .wpb_wrapper .tdc-elements{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_28 .vc_column-inner > .wpb_wrapper .tdc-elements{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}\n<\/style><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\" >[vc_column_text css_animation=&#8221;fadeInDown&#8221; css=&#8221;&#8221;]\r\n<p style=\"text-align: left;\"><div class=\"dtaf-form-container\" id=\"dtaf-form-my-custom-form-general\">\n    <h3>\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b<\/h3>\n    \n        \n    <form method=\"post\" enctype=\"multipart\/form-data\" action=\"https:\/\/arit.srru.ac.th\/wp-admin\/admin-post.php\" class=\"dtaf-form\">\n        <input type=\"hidden\" name=\"action\" value=\"dtaf_submit_form\">\n        <input type=\"hidden\" name=\"form_id\" value=\"my-custom-form-general\">\n        <input type=\"hidden\" id=\"dtaf_nonce\" name=\"dtaf_nonce\" value=\"ba81857e7d\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F17011\" \/>        \n                \n        <div class=\"dtaf-form-field\">\n            <label for=\"dtaf_name_my-custom-form-general\">\n                \u0e0a\u0e37\u0e48\u0e2d-\u0e19\u0e32\u0e21\u0e2a\u0e01\u0e38\u0e25 (\u0e1c\u0e39\u0e49\u0e23\u0e49\u0e2d\u0e07)                                    <span class=\"dtaf-required\">*<\/span>\n                            <\/label>\n            <input type=\"text\" \n                   id=\"dtaf_name_my-custom-form-general\" \n                   name=\"name\" \n                   placeholder=\"\u0e01\u0e23\u0e2d\u0e01\u0e0a\u0e37\u0e48\u0e2d-\u0e19\u0e32\u0e21\u0e2a\u0e01\u0e38\u0e25\"\n                   required>\n        <\/div>\n        \n        <div class=\"dtaf-form-field\">\n            <label for=\"dtaf_idcard_my-custom-form-general\">\n                \u0e1a\u0e31\u0e15\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e0a\u0e19 (\u0e1c\u0e39\u0e49\u0e23\u0e49\u0e2d\u0e07)                                    <span class=\"dtaf-required\">*<\/span>\n                            <\/label>\n            <input type=\"text\" \n                   id=\"dtaf_idcard_my-custom-form-general\" \n                   name=\"idcard\" \n                   placeholder=\"\u0e01\u0e23\u0e2d\u0e01\u0e40\u0e25\u0e02 13 \u0e2b\u0e25\u0e31\u0e01\"\n                   pattern=\"\\d{13}\" \n                   title=\"\u0e01\u0e23\u0e38\u0e13\u0e32\u0e01\u0e23\u0e2d\u0e01\u0e40\u0e25\u0e02\u0e1a\u0e31\u0e15\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e0a\u0e19 13 \u0e2b\u0e25\u0e31\u0e01 \u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e21\u0e35\u0e02\u0e35\u0e14\"\n                   required>\n            <span class=\"dtaf-field-description\">\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e23\u0e2d\u0e01\u0e15\u0e31\u0e27\u0e40\u0e25\u0e02 13 \u0e2b\u0e25\u0e31\u0e01\u0e15\u0e34\u0e14\u0e01\u0e31\u0e19<\/span>\n        <\/div>\n        \n        <div class=\"dtaf-form-field\">\n            <label for=\"dtaf_phone_my-custom-form-general\">\n                \u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c                                    <span class=\"dtaf-required\">*<\/span>\n                            <\/label>\n            <input type=\"tel\" \n                   id=\"dtaf_phone_my-custom-form-general\" \n                   name=\"phone\" \n                   placeholder=\"\u0e01\u0e23\u0e2d\u0e01\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c\"\n                   pattern=\"[0-9\\-+().\\s]{7,20}\" \n                   title=\"\u0e01\u0e23\u0e38\u0e13\u0e32\u0e01\u0e23\u0e2d\u0e01\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c\u0e17\u0e35\u0e48\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07\"\n                   required>\n        <\/div>\n        \n        <div class=\"dtaf-form-field\">\n            <label for=\"dtaf_email_my-custom-form-general\">\n                \u0e2d\u0e35\u0e40\u0e21\u0e25                                    <span class=\"dtaf-required\">*<\/span>\n                            <\/label>\n            <input type=\"email\" \n                   id=\"dtaf_email_my-custom-form-general\" \n                   name=\"email\" \n                   placeholder=\"\u0e01\u0e23\u0e2d\u0e01\u0e2d\u0e35\u0e40\u0e21\u0e25\"\n                   required>\n        <\/div>\n        \n                    <div class=\"dtaf-form-field\">\n                <label for=\"dtaf_address_my-custom-form-general\">\n                    \u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48                                    <\/label>\n                <textarea id=\"dtaf_address_my-custom-form-general\" \n                          name=\"address\" \n                          placeholder=\"\u0e01\u0e23\u0e2d\u0e01\u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48 (\u0e16\u0e49\u0e32\u0e21\u0e35)\"\n                          ><\/textarea>\n            <\/div>\n                \n        <div class=\"dtaf-form-field\">\n            <label for=\"dtaf_type_my-custom-form-general\">\n                \u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19                                    <span class=\"dtaf-required\">*<\/span>\n                            <\/label>\n            <select id=\"dtaf_type_my-custom-form-general\" \n                    name=\"type\"\n                    required>\n                <option value=\"\">-- \u0e01\u0e23\u0e38\u0e13\u0e32\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17 --<\/option>\n                                                            <option value=\"\u0e23\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e17\u0e38\u0e08\u0e23\u0e34\u0e15\">\u0e23\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e17\u0e38\u0e08\u0e23\u0e34\u0e15<\/option>\n                                                                                <option value=\"\u0e1e\u0e24\u0e15\u0e34\u0e01\u0e23\u0e23\u0e21\u0e44\u0e21\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\">\u0e1e\u0e24\u0e15\u0e34\u0e01\u0e23\u0e23\u0e21\u0e44\u0e21\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21<\/option>\n                                                                                <option value=\"\u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d\u0e41\u0e19\u0e30\/\u0e23\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2d\u0e37\u0e48\u0e19\u0e46\">\u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d\u0e41\u0e19\u0e30\/\u0e23\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2d\u0e37\u0e48\u0e19\u0e46<\/option>\n                                                <\/select>\n        <\/div>\n        \n        <div class=\"dtaf-form-field\">\n            <label for=\"dtaf_subject_my-custom-form-general\">\n                \u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07                                    <span class=\"dtaf-required\">*<\/span>\n                            <\/label>\n            <input type=\"text\" \n                   id=\"dtaf_subject_my-custom-form-general\" \n                   name=\"subject\" \n                   placeholder=\"\u0e01\u0e23\u0e2d\u0e01\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\"\n                   required>\n        <\/div>\n        \n        <div class=\"dtaf-form-field\">\n            <label for=\"dtaf_detail_my-custom-form-general\">\n                \u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14                                    <span class=\"dtaf-required\">*<\/span>\n                            <\/label>\n            <textarea id=\"dtaf_detail_my-custom-form-general\" \n                      name=\"detail\" \n                      placeholder=\"\u0e01\u0e23\u0e2d\u0e01\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e01\u0e32\u0e23\u0e23\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19...\"\n                      required><\/textarea>\n        <\/div>\n        \n                \n        <div class=\"dtaf-form-field\">\n            <label>\u0e44\u0e1f\u0e25\u0e4c\u0e41\u0e19\u0e1a (\u0e16\u0e49\u0e32\u0e21\u0e35)<\/label>\n            \n            <div class=\"dtaf-file-upload\">\n                <input type=\"file\" name=\"dtaf_file_1\" id=\"dtaf_file_1_my-custom-form-general\">\n            <\/div>\n            \n            <div class=\"dtaf-file-upload\">\n                <input type=\"file\" name=\"dtaf_file_2\" id=\"dtaf_file_2_my-custom-form-general\">\n            <\/div>\n            \n            <div class=\"dtaf-file-upload\">\n                <input type=\"file\" name=\"dtaf_file_3\" id=\"dtaf_file_3_my-custom-form-general\">\n            <\/div>\n            \n            <div class=\"dtaf-file-upload-info\">\n                \u0e44\u0e1f\u0e25\u0e4c\u0e17\u0e35\u0e48\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15: jpg,jpeg,png,pdf,doc,docx, \u0e02\u0e19\u0e32\u0e14\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14: 5 MB            <\/div>\n        <\/div>\n        \n        <div class=\"dtaf-form-field\">\n            <button type=\"submit\" class=\"dtaf-submit-button\" style=\"background-color: #8224e3\">\n                \u0e2a\u0e48\u0e07\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19            <\/button>\n        <\/div>\n        \n        <div class=\"dtaf-loading\">\n            <span class=\"dtaf-loading-spinner\"><\/span>\n            \u0e01\u0e33\u0e25\u0e31\u0e07\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25...        <\/div>\n    <\/form>\n<\/div>\n\n<script type=\"text\/javascript\">\n    (function($) {\n        $(document).ready(function() {\n            \/\/ Client-side form validation\n            $('#dtaf-form-my-custom-form-general form').on('submit', function(e) {\n                var $form = $(this);\n                var $submitBtn = $form.find('.dtaf-submit-button');\n                var $loading = $form.find('.dtaf-loading');\n                \n                \/\/ Check if using AJAX submission\n                if (typeof dtaf_frontend !== 'undefined') {\n                    e.preventDefault();\n                    \n                    \/\/ Show loading indicator\n                    $submitBtn.prop('disabled', true);\n                    $loading.show();\n                    \n                    \/\/ Collect form data\n                    var formData = new FormData(this);\n                    \n                    \/\/ Send AJAX request\n                    $.ajax({\n                        url: dtaf_frontend.ajax_url,\n                        type: 'POST',\n                        data: formData,\n                        processData: false,\n                        contentType: false,\n                        success: function(response) {\n                            if (response.success) {\n                                \/\/ Show success message\n                                $form.before('<div class=\"dtaf-message dtaf-success-message\">' + response.data.message + '<\/div>');\n                                $form[0].reset();\n                            } else {\n                                \/\/ Show error message\n                                $form.before('<div class=\"dtaf-message dtaf-error-message\">' + response.data.message + '<\/div>');\n                            }\n                            \n                            \/\/ Scroll to message\n                            $('html, body').animate({\n                                scrollTop: $('#dtaf-form-my-custom-form-general').offset().top - 50\n                            }, 500);\n                            \n                            \/\/ Hide loading indicator\n                            $submitBtn.prop('disabled', false);\n                            $loading.hide();\n                        },\n                        error: function() {\n                            \/\/ Show error message\n                            $form.before('<div class=\"dtaf-message dtaf-error-message\">\u0e40\u0e01\u0e34\u0e14\u0e02\u0e49\u0e2d\u0e1c\u0e34\u0e14\u0e1e\u0e25\u0e32\u0e14\u0e43\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 \u0e42\u0e1b\u0e23\u0e14\u0e25\u0e2d\u0e07\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07<\/div>');\n                            \n                            \/\/ Scroll to message\n                            $('html, body').animate({\n                                scrollTop: $('#dtaf-form-my-custom-form-general').offset().top - 50\n                            }, 500);\n                            \n                            \/\/ Hide loading indicator\n                            $submitBtn.prop('disabled', false);\n                            $loading.hide();\n                        }\n                    });\n                } else {\n                    \/\/ Regular form submission\n                    $submitBtn.prop('disabled', true);\n                    $loading.show();\n                }\n            });\n        });\n    })(jQuery);\n<\/script>\n<\/p>\r\n[\/vc_column_text]<\/div><\/div><\/div><\/div>[\/vc_tta_section][\/vc_tta_tabs]<\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"[vc_column_text][\/vc_column_text] [vc_tta_tabs style=\"m [...]","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-17011","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/arit.srru.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/17011"}],"collection":[{"href":"https:\/\/arit.srru.ac.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arit.srru.ac.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arit.srru.ac.th\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/arit.srru.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=17011"}],"version-history":[{"count":23,"href":"https:\/\/arit.srru.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/17011\/revisions"}],"predecessor-version":[{"id":30519,"href":"https:\/\/arit.srru.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/17011\/revisions\/30519"}],"wp:attachment":[{"href":"https:\/\/arit.srru.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17011"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}