{"id":1157,"date":"2026-06-16T21:14:42","date_gmt":"2026-06-16T14:14:42","guid":{"rendered":"https:\/\/tulex.law.tu.ac.th\/staff-tulex\/"},"modified":"2026-06-17T21:22:40","modified_gmt":"2026-06-17T14:22:40","slug":"staff-tulex","status":"publish","type":"page","link":"https:\/\/tulex.law.tu.ac.th\/en\/staff-tulex\/","title":{"rendered":"Staff"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1157\" class=\"elementor elementor-1157 elementor-1085\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f7fd45 e-flex e-con-boxed e-con e-parent\" data-id=\"4f7fd45\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dfdb0d2 elementor-widget elementor-widget-heading\" data-id=\"dfdb0d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Staff<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c3b31b elementor-widget elementor-widget-shortcode\" data-id=\"2c3b31b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    \n    <style>\n\/* \u0e19\u0e33\u0e40\u0e02\u0e49\u0e32\u0e1f\u0e2d\u0e19\u0e15\u0e4c Prompt \u0e08\u0e32\u0e01 Google Fonts *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Prompt:wght@300;400;500;600&display=swap');\n\n.tulex-team-container {\n    font-family: 'Prompt', sans-serif;\n    max-width: 1200px; \/* \ud83c\udf1f \u0e41\u0e01\u0e49\u0e15\u0e23\u0e07\u0e19\u0e35\u0e49: \u0e02\u0e22\u0e32\u0e22\u0e08\u0e32\u0e01 1000px \u0e40\u0e1b\u0e47\u0e19 1200px \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49 3 \u0e01\u0e32\u0e23\u0e4c\u0e14\u0e40\u0e23\u0e35\u0e22\u0e07\u0e41\u0e16\u0e27\u0e40\u0e14\u0e35\u0e22\u0e27\u0e01\u0e31\u0e19\u0e44\u0e14\u0e49\u0e1e\u0e2d\u0e14\u0e35 *\/\n    margin: 0 auto;\n    padding: 20px 15px;\n}\n\n.team-tier {\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 30px;\n    margin-bottom: 40px;\n}\n\n\/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e02\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e4c\u0e14\u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19 *\/\n.team-card {\n    background: #ffffff;\n    border-radius: 20px;\n    padding: 35px 25px;\n    text-align: center;\n    width: 100%;\n    max-width: 340px !important; \/* \u0e04\u0e27\u0e32\u0e21\u0e01\u0e27\u0e49\u0e32\u0e07\u0e01\u0e32\u0e23\u0e4c\u0e14 *\/\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.04);\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    position: relative;\n    overflow: hidden;\n    border: 1px solid rgba(0,0,0,0.03);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n\/* \u0e40\u0e2a\u0e49\u0e19\u0e02\u0e2d\u0e1a\u0e2a\u0e35\u0e41\u0e14\u0e07-\u0e2a\u0e49\u0e21 TULEX \u0e17\u0e35\u0e48\u0e08\u0e30\u0e27\u0e34\u0e48\u0e07\u0e15\u0e2d\u0e19 Hover *\/\n.team-card::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0;\n    width: 100%; height: 5px;\n    background: linear-gradient(90deg, #CD202E, #EA7823);\n    transform: scaleX(0);\n    transition: transform 0.4s ease;\n    transform-origin: left;\n}\n\n.team-card:hover {\n    transform: translateY(-10px);\n    box-shadow: 0 20px 40px rgba(205, 32, 46, 0.1);\n}\n\n.team-card:hover::before {\n    transform: scaleX(1);\n}\n\n\/* 1. \u0e02\u0e22\u0e32\u0e22\u0e01\u0e23\u0e2d\u0e1a\u0e27\u0e07\u0e01\u0e25\u0e21\u0e43\u0e2b\u0e49\u0e43\u0e2b\u0e0d\u0e48\u0e02\u0e36\u0e49\u0e19 *\/\n.member-img-wrapper {\n    width: 170px; \n    height: 170px;\n    margin: 0 auto 20px;\n    border-radius: 50%;\n    position: relative;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 6px; \n}\n\n\/* 2. \u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e43\u0e2b\u0e49\u0e43\u0e2b\u0e0d\u0e48 \u0e40\u0e15\u0e47\u0e21\u0e01\u0e23\u0e2d\u0e1a \u0e41\u0e25\u0e30\u0e2b\u0e31\u0e27\u0e44\u0e21\u0e48\u0e02\u0e32\u0e14 *\/\n.member-img-wrapper img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover; \n    object-position: top center; \n    border-radius: 50%;\n    background-color: #ffffff !important; \n    box-shadow: 0 5px 15px rgba(0,0,0,0.06);\n}\n\n\/* 3. \u0e27\u0e07\u0e41\u0e2b\u0e27\u0e19\u0e40\u0e2a\u0e49\u0e19\u0e1b\u0e23\u0e30\u0e2b\u0e21\u0e38\u0e19\u0e23\u0e2d\u0e1a\u0e23\u0e39\u0e1b *\/\n.member-img-wrapper::after {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    border-radius: 50%;\n    border: 2px dashed rgba(205,32,46,0.35); \n    animation: spin 15s linear infinite;\n}\n\n@keyframes spin {\n    100% { transform: rotate(360deg); }\n}\n\n\/* \u0e15\u0e31\u0e27\u0e2d\u0e31\u0e01\u0e29\u0e23 *\/\n.member-name {\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #CD202E; \n    margin-bottom: 6px;\n    line-height: 1.3;\n}\n\n.member-title {\n    font-size: 0.9rem;\n    font-weight: 400;\n    color: #63666A; \n    line-height: 1.4;\n}\n\n\/* 4. \u0e1b\u0e23\u0e31\u0e1a\u0e02\u0e19\u0e32\u0e14\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1a\u0e19\u0e2a\u0e38\u0e14 (Tier-1) \u0e43\u0e2b\u0e49\u0e43\u0e2b\u0e0d\u0e48\u0e42\u0e14\u0e14\u0e40\u0e14\u0e48\u0e19\u0e44\u0e1b\u0e2d\u0e35\u0e01 *\/\n.tier-1 .member-img-wrapper { \n    width: 210px; \n    height: 210px; \n}\n.tier-1 .member-name { \n    font-size: 1.35rem; \n}\n.tier-1 .team-card { \n    max-width: 600px !important; \n    padding: 40px 30px !important; \n}\n\n\/* \u0e1b\u0e38\u0e48\u0e21 Social Media *\/\n.social-links {\n    display: flex;\n    justify-content: center;\n    gap: 12px;\n    margin-top: 20px;\n}\n\n.social-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 38px;\n    height: 38px;\n    border-radius: 50%;\n    color: #ffffff !important;\n    text-decoration: none;\n    font-size: 1rem;\n    transition: transform 0.2s ease, opacity 0.2s;\n}\n\n.social-btn:hover {\n    transform: translateY(-3px) scale(1.05);\n    opacity: 0.9;\n}\n\n.btn-fb { background-color: #3b5998; }\n.btn-tw { background-color: #1da1f2; }\n.btn-line { background-color: #00b900; }\n\n\/* Responsive \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e41\u0e17\u0e47\u0e1a\u0e40\u0e25\u0e47\u0e15\u0e41\u0e25\u0e30\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d *\/\n@media (max-width: 768px) {\n    .team-tier { gap: 20px; margin-bottom: 30px; }\n    .team-card { max-width: 100% !important; padding: 25px 20px !important; }\n\n    .tier-1 .member-name, \n    .tier-1 .member-title {\n        white-space: normal; \n    }\n}\n<\/style>\n\n    <div class=\"tulex-team-container\">\n        \n        <div class=\"team-tier tier-1\">\n            <div class=\"team-card\">\n                <div class=\"member-img-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/tulex.law.tu.ac.th\/wp-content\/uploads\/2026\/06\/583910.jpg\" alt=\"Associate Professor Dr. Supreeya Kaewla-iad\">\n                <\/div>\n                <div class=\"member-name\">Associate Professor Dr. Supreeya Kaewla-iad<\/div>\n                <div class=\"member-title\">Dean of Faculty of Law<\/div>\n            <\/div>\n            \n            <div class=\"team-card\">\n                <div class=\"member-img-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/tulex.law.tu.ac.th\/wp-content\/uploads\/2026\/06\/\u0e2a\u0e35\u0e1f\u0e49\u0e32-\u0e2a\u0e35\u0e02\u0e32\u0e27-\u0e20\u0e32\u0e1e\u0e16333-1.png\" alt=\"Asst. Prof. Aimpaga Techa-apikun\">\n                <\/div>\n                <div class=\"member-name\">Asst. Prof. Aimpaga Techa-apikun<\/div>\n                <div class=\"member-title\">Associate Dean for Academic Services and Enterprise Engagement<\/div>\n            <\/div>\n            \n            <div class=\"team-card\">\n                <div class=\"member-img-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/tulex.law.tu.ac.th\/wp-content\/uploads\/2026\/06\/583918.jpg\" alt=\"Asst. Prof. Juthamas Thirawat\">\n                <\/div>\n                <div class=\"member-name\">Asst. Prof. Juthamas Thirawat<\/div>\n                <div class=\"member-title\">Deputy Director of the Legal Training Center<\/div>\n            <\/div>\n        <\/div>\n\n<\/div>\n    <\/div>\n\t\t\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>Staff<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":49,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"TEC\\Tickets\\Commerce\\Module","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"footnotes":"","_tec_slr_enabled":"","_tec_slr_layout":""},"class_list":["post-1157","page","type-page","status-publish","hentry"],"acf":[],"ticketed":false,"_links":{"self":[{"href":"https:\/\/tulex.law.tu.ac.th\/en\/wp-json\/wp\/v2\/pages\/1157","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tulex.law.tu.ac.th\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tulex.law.tu.ac.th\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tulex.law.tu.ac.th\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/tulex.law.tu.ac.th\/en\/wp-json\/wp\/v2\/comments?post=1157"}],"version-history":[{"count":7,"href":"https:\/\/tulex.law.tu.ac.th\/en\/wp-json\/wp\/v2\/pages\/1157\/revisions"}],"predecessor-version":[{"id":1677,"href":"https:\/\/tulex.law.tu.ac.th\/en\/wp-json\/wp\/v2\/pages\/1157\/revisions\/1677"}],"wp:attachment":[{"href":"https:\/\/tulex.law.tu.ac.th\/en\/wp-json\/wp\/v2\/media?parent=1157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}