{"id":22299,"date":"2026-02-05T13:53:54","date_gmt":"2026-02-05T06:53:54","guid":{"rendered":"https:\/\/library.udru.ac.th\/?page_id=22299"},"modified":"2026-02-05T13:56:14","modified_gmt":"2026-02-05T06:56:14","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:\/\/library.udru.ac.th\/?page_id=22299","title":{"rendered":"\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"22299\" class=\"elementor elementor-22299\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4eb8b24 e-flex e-con-boxed e-con e-parent\" data-id=\"4eb8b24\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2fde07c e-flex e-con-boxed e-con e-parent\" data-id=\"2fde07c\" 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-13b6ef4 elementor-widget elementor-widget-html\" data-id=\"13b6ef4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* ===== Contact Us (orange theme, clean) ===== *\/\r\n  .contact-wrap{margin-top:16px}\r\n  .contact-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}\r\n  .contact-title h2{margin:0;font-size:18px;font-weight:900}\r\n  .contact-badge{\r\n    display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;\r\n    font-size:12px;font-weight:800;color:#7a2f00;background:rgba(251,146,60,.18);\r\n    border:1px solid rgba(249,115,22,.25)\r\n  }\r\n\r\n  .contact-grid{\r\n    display:grid;\r\n    grid-template-columns: 1.15fr .85fr;\r\n    gap: 14px;\r\n  }\r\n  @media(max-width:980px){ .contact-grid{grid-template-columns:1fr} }\r\n\r\n  .contact-card{\r\n    border:1px solid rgba(0,0,0,.08);\r\n    background:linear-gradient(180deg,#fff,#fbfbfb);\r\n    border-radius:18px;\r\n    box-shadow:0 2px 10px rgba(0,0,0,.06);\r\n    overflow:hidden;\r\n  }\r\n  .contact-head{\r\n    display:flex;align-items:center;justify-content:space-between;gap:10px;\r\n    padding:12px 14px;\r\n    background:linear-gradient(135deg, rgba(249,115,22,.16), rgba(251,146,60,.10));\r\n    border-bottom:1px solid rgba(0,0,0,.06);\r\n  }\r\n  .contact-head .name{\r\n    display:flex;align-items:center;gap:10px;margin:0;font-size:15px;font-weight:900;\r\n  }\r\n  .contact-icon{\r\n    width:34px;height:34px;border-radius:12px;\r\n    background:linear-gradient(135deg,#f97316,#fb923c);\r\n    display:grid;place-items:center;color:#fff;font-weight:900;\r\n    box-shadow:0 10px 18px rgba(249,115,22,.18);\r\n    flex:0 0 auto;\r\n  }\r\n  .contact-body{padding:14px}\r\n  .contact-lead{margin:0;color:#5b5b5b;line-height:1.85;font-size:15px}\r\n\r\n  .info{\r\n    margin-top:10px;\r\n    display:grid;\r\n    gap:10px;\r\n  }\r\n  .info-row{\r\n    display:flex;gap:12px;align-items:flex-start;\r\n    padding:12px;\r\n    border-radius:16px;\r\n    border:1px solid rgba(0,0,0,.06);\r\n    background:rgba(255,255,255,.78);\r\n  }\r\n  .i-ic{\r\n    width:34px;height:34px;border-radius:12px;\r\n    display:grid;place-items:center;\r\n    background:rgba(249,115,22,.12);\r\n    border:1px solid rgba(249,115,22,.18);\r\n    color:#7a2f00;\r\n    font-weight:900;\r\n    flex:0 0 auto;\r\n  }\r\n  .info-row h3{margin:0 0 4px;font-size:14px;font-weight:900}\r\n  .info-row p{margin:0;color:#2a2a2a;line-height:1.75;font-size:14px}\r\n\r\n  .btns{\r\n    margin-top:12px;\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    gap:10px;\r\n  }\r\n  .btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    padding:10px 12px;\r\n    border-radius:12px;\r\n    border:1px solid rgba(0,0,0,.10);\r\n    background:rgba(255,255,255,.92);\r\n    box-shadow:0 2px 10px rgba(0,0,0,.06);\r\n    text-decoration:none;\r\n    color:#1f1f1f;\r\n    font-weight:900;\r\n    font-size:13px;\r\n  }\r\n  .btn:hover{transform:translateY(-1px)}\r\n  .btn-primary{\r\n    color:#fff;\r\n    border-color: rgba(249,115,22,.35);\r\n    background: linear-gradient(135deg,#f97316,#fb923c);\r\n    box-shadow:0 12px 22px rgba(249,115,22,.20);\r\n  }\r\n  .btn-mini{\r\n    padding:7px 10px;\r\n    border-radius:999px;\r\n    font-weight:900;\r\n    font-size:12px;\r\n    background: rgba(249,115,22,.10);\r\n    border:1px solid rgba(249,115,22,.18);\r\n    color:#7a2f00;\r\n    cursor:pointer;\r\n  }\r\n  .muted{color:#5b5b5b}\r\n\r\n  .channels{\r\n    padding:14px;\r\n    display:grid;\r\n    gap:10px;\r\n  }\r\n  .channel{\r\n    display:flex;align-items:center;justify-content:space-between;gap:10px;\r\n    padding:12px;\r\n    border-radius:16px;\r\n    border:1px solid rgba(0,0,0,.06);\r\n    background:rgba(255,255,255,.78);\r\n  }\r\n  .channel .left{display:flex;align-items:center;gap:10px}\r\n  .tag{\r\n    font-size:11px;font-weight:900;\r\n    padding:4px 8px;border-radius:999px;\r\n    border:1px solid rgba(0,0,0,.08);\r\n    background:rgba(255,255,255,.85);\r\n    color:#444;\r\n    white-space:nowrap;\r\n  }\r\n  .channel strong{font-size:13.5px}\r\n  .channel .sub{font-size:12.5px;color:#5b5b5b;margin-top:2px}\r\n  .copy-note{font-size:12px;color:#5b5b5b;margin:6px 0 0}\r\n\r\n  \/* toast *\/\r\n  .toast{\r\n    position:fixed; left:50%; bottom:18px;\r\n    transform:translateX(-50%);\r\n    background:rgba(20,20,20,.92);\r\n    color:#fff;\r\n    padding:10px 12px;\r\n    border-radius:999px;\r\n    font-size:12.5px;\r\n    font-weight:800;\r\n    opacity:0;\r\n    pointer-events:none;\r\n    transition:opacity .25s ease;\r\n    z-index:9999;\r\n  }\r\n  .toast.show{opacity:1}\r\n  .map-wrap{\r\n    margin-top:12px;\r\n    border:1px solid rgba(0,0,0,.08);\r\n    border-radius:16px;\r\n    overflow:hidden;\r\n    background:#fff;\r\n    box-shadow:0 2px 10px rgba(0,0,0,.06);\r\n    position:relative;\r\n  }\r\n  .map-wrap::before{\r\n    content:\"\";\r\n    display:block;\r\n    padding-top:56%; \/* 16:9 *\/\r\n  }\r\n  .map-wrap iframe{\r\n    position:absolute;\r\n    inset:0;\r\n    width:100%;\r\n    height:100%;\r\n    border:0;\r\n  }\r\n  .map-actions{\r\n    display:flex;\r\n    gap:10px;\r\n    flex-wrap:wrap;\r\n    margin-top:10px;\r\n  }\r\n<\/style>\r\n\r\n<section class=\"contact-wrap\" aria-label=\"\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32\">\r\n  <div class=\"contact-title\">\r\n    <h2>\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32<\/h2>\r\n    <span class=\"contact-badge\">Contact<\/span>\r\n  <\/div>\r\n<div class=\"map-wrap\" aria-label=\"\u0e41\u0e1c\u0e19\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07 \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e27\u0e34\u0e17\u0e22\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\">\r\n  <iframe\r\n    src=\"https:\/\/www.google.com\/maps?ll=17.39735,102.793027&z=18&t=m&hl=th&gl=TH&mapclient=embed&cid=4857060102870217378&output=embed\"\r\n    loading=\"lazy\"\r\n    referrerpolicy=\"no-referrer-when-downgrade\"\r\n    allowfullscreen>\r\n  <\/iframe>\r\n<\/div>\r\n\r\n\r\n<div class=\"map-actions\">\r\n  <a class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\"\r\n     href=\"https:\/\/www.google.com\/maps?ll=17.39735,102.793027&z=18&t=m&hl=th&gl=TH&mapclient=embed&cid=4857060102870217378\">\r\n    \ud83e\udded \u0e40\u0e1b\u0e34\u0e14\u0e41\u0e1c\u0e19\u0e17\u0e35\u0e48\r\n  <\/a>\r\n  <button class=\"btn-mini\" type=\"button\"\r\n          data-copy=\"17.39735,102.793027\">\r\n    \ud83d\udccc \u0e04\u0e31\u0e14\u0e25\u0e2d\u0e01\u0e1e\u0e34\u0e01\u0e31\u0e14\r\n  <\/button>\r\n<\/div>\r\n<br>\r\n  <div class=\"contact-grid\">\r\n    <!-- LEFT: Address + Phone -->\r\n    <article class=\"contact-card\">\r\n      <header class=\"contact-head\">\r\n        <h3 class=\"name\"><span class=\"contact-icon\">\ud83d\udccd<\/span> \u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d<\/h3>\r\n        <span class=\"tag\">\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e27\u0e34\u0e17\u0e22\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23<\/span>\r\n      <\/header>\r\n\r\n      <div class=\"contact-body\">\r\n        <p class=\"contact-lead\">\r\n          \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e27\u0e34\u0e17\u0e22\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23 \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 64 \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e23\u0e32\u0e0a\u0e20\u0e31\u0e0e\u0e2d\u0e38\u0e14\u0e23\u0e18\u0e32\u0e19\u0e35\r\n          \u0e16.\u0e17\u0e2b\u0e32\u0e23 \u0e15.\u0e2b\u0e21\u0e32\u0e01\u0e41\u0e02\u0e49\u0e07 \u0e2d.\u0e40\u0e21\u0e37\u0e2d\u0e07 \u0e08.\u0e2d\u0e38\u0e14\u0e23\u0e18\u0e32\u0e19\u0e35 41000\r\n        <\/p>\r\n\r\n        <div class=\"info\">\r\n          <div class=\"info-row\">\r\n            <div class=\"i-ic\">\u260e<\/div>\r\n            <div>\r\n              <h3>\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d<\/h3>\r\n              <p>\r\n                <strong>\u0e07\u0e32\u0e19\u0e18\u0e38\u0e23\u0e01\u0e32\u0e23<\/strong> 042-211040-49 \u0e15\u0e48\u0e2d 5623\r\n                <button class=\"btn-mini\" type=\"button\"\r\n                  data-copy=\"042-211040-49 \u0e15\u0e48\u0e2d 5623\">\u0e04\u0e31\u0e14\u0e25\u0e2d\u0e01<\/button>\r\n              <\/p>\r\n              <p class=\"muted\" style=\"margin-top:6px\">\r\n                \u0e41\u0e19\u0e30\u0e19\u0e33: \u0e42\u0e17\u0e23\u0e43\u0e19\u0e27\u0e31\u0e19\u2013\u0e40\u0e27\u0e25\u0e32\u0e17\u0e33\u0e01\u0e32\u0e23 \u0e2b\u0e23\u0e37\u0e2d\u0e17\u0e31\u0e01\u0e1c\u0e48\u0e32\u0e19 Facebook\/Line OA \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e23\u0e27\u0e14\u0e40\u0e23\u0e47\u0e27\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"btns\">\r\n          <a class=\"btn btn-primary\" href=\"tel:04221104049\">\ud83d\udcde \u0e42\u0e17\u0e23\u0e40\u0e25\u0e22<\/a>\r\n          <a class=\"btn\" target=\"_blank\" rel=\"noopener\"\r\n             href=\"https:\/\/www.facebook.com\/LibraryUDRU\">\ud83d\udcd8 Facebook \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e43\u0e19\u0e40\u0e21\u0e37\u0e2d\u0e07<\/a>\r\n          <a class=\"btn\" target=\"_blank\" rel=\"noopener\"\r\n             href=\"https:\/\/www.facebook.com\/UDRU.SPL\">\ud83d\udcd8 Facebook \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e2a\u0e32\u0e21\u0e1e\u0e23\u0e49\u0e32\u0e27<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- RIGHT: Line OA -->\r\n    <article class=\"contact-card\">\r\n      <header class=\"contact-head\">\r\n        <h3 class=\"name\"><span class=\"contact-icon\">\ud83d\udcac<\/span> \u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<\/h3>\r\n        <span class=\"tag\">Line OA<\/span>\r\n      <\/header>\r\n\r\n      <div class=\"channels\">\r\n        <div class=\"channel\">\r\n          <div class=\"left\">\r\n            <span class=\"tag\">\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e2a\u0e32\u0e21\u0e1e\u0e23\u0e49\u0e32\u0e27<\/span>\r\n            <div>\r\n              <div><strong>Line OA<\/strong><\/div>\r\n              <div class=\"sub\">ID: <b>@libraryspru<\/b><\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <button class=\"btn-mini\" type=\"button\" data-copy=\"@libraryspru\">\u0e04\u0e31\u0e14\u0e25\u0e2d\u0e01<\/button>\r\n        <\/div>\r\n\r\n        <div class=\"channel\">\r\n          <div class=\"left\">\r\n            <span class=\"tag\">\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e43\u0e19\u0e40\u0e21\u0e37\u0e2d\u0e07<\/span>\r\n            <div>\r\n              <div><strong>Line OA<\/strong><\/div>\r\n              <div class=\"sub\">ID: <b>@libraryudru<\/b><\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <button class=\"btn-mini\" type=\"button\" data-copy=\"@libraryudru\">\u0e04\u0e31\u0e14\u0e25\u0e2d\u0e01<\/button>\r\n        <\/div>\r\n\r\n        <p class=\"copy-note\">\r\n          * \u0e01\u0e14 \u201c\u0e04\u0e31\u0e14\u0e25\u0e2d\u0e01\u201d \u0e41\u0e25\u0e49\u0e27\u0e19\u0e33\u0e44\u0e1b\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e43\u0e19 LINE (\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e14\u0e49\u0e27\u0e22 ID) \u0e44\u0e14\u0e49\u0e17\u0e31\u0e19\u0e17\u0e35 \u2705\r\n        <\/p>\r\n\r\n        <div class=\"btns\" style=\"margin-top:4px\">\r\n          <!-- \u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38: LINE add friend link \u0e41\u0e1a\u0e1a ID \u0e1a\u0e32\u0e07\u0e04\u0e23\u0e31\u0e49\u0e07\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e02\u0e36\u0e49\u0e19\u0e01\u0e31\u0e1a\u0e23\u0e30\u0e1a\u0e1a\u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49 -->\r\n          <a class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\"\r\n             href=\"https:\/\/line.me\/R\/ti\/p\/%40libraryspru\">\ud83d\udc9a \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19 @libraryspru<\/a>\r\n          <a class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\"\r\n             href=\"https:\/\/line.me\/R\/ti\/p\/%40libraryudru\">\ud83d\udc9a \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19 @libraryudru<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n  <\/div>\r\n<\/section>\r\n\r\n<div class=\"toast\" id=\"toast\">\u0e04\u0e31\u0e14\u0e25\u0e2d\u0e01\u0e41\u0e25\u0e49\u0e27 \u2705<\/div>\r\n\r\n<script>\r\n  (function(){\r\n    const toast = document.getElementById('toast');\r\n    let tmr = null;\r\n\r\n    function showToast(msg){\r\n      if (!toast) return;\r\n      toast.textContent = msg || '\u0e04\u0e31\u0e14\u0e25\u0e2d\u0e01\u0e41\u0e25\u0e49\u0e27 \u2705';\r\n      toast.classList.add('show');\r\n      clearTimeout(tmr);\r\n      tmr = setTimeout(()=>toast.classList.remove('show'), 1300);\r\n    }\r\n\r\n    async function copyText(text){\r\n      try{\r\n        if (navigator.clipboard && window.isSecureContext){\r\n          await navigator.clipboard.writeText(text);\r\n        } else {\r\n          const ta = document.createElement('textarea');\r\n          ta.value = text;\r\n          ta.style.position = 'fixed';\r\n          ta.style.left = '-9999px';\r\n          document.body.appendChild(ta);\r\n          ta.focus(); ta.select();\r\n          document.execCommand('copy');\r\n          ta.remove();\r\n        }\r\n        showToast('\u0e04\u0e31\u0e14\u0e25\u0e2d\u0e01\u0e41\u0e25\u0e49\u0e27 \u2705');\r\n      }catch(e){\r\n        showToast('\u0e04\u0e31\u0e14\u0e25\u0e2d\u0e01\u0e44\u0e21\u0e48\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08 \ud83d\ude05');\r\n      }\r\n    }\r\n\r\n    document.addEventListener('click', (ev)=>{\r\n      const btn = ev.target.closest('[data-copy]');\r\n      if (!btn) return;\r\n      const text = btn.getAttribute('data-copy') || '';\r\n      if (text) copyText(text);\r\n    });\r\n  })();\r\n<\/script>\r\n<br><br>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32 Contact \ud83e\udded &#8230;<\/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-22299","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/library.udru.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/22299","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/library.udru.ac.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/library.udru.ac.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/library.udru.ac.th\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/library.udru.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=22299"}],"version-history":[{"count":3,"href":"https:\/\/library.udru.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/22299\/revisions"}],"predecessor-version":[{"id":22302,"href":"https:\/\/library.udru.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/22299\/revisions\/22302"}],"wp:attachment":[{"href":"https:\/\/library.udru.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}