{"id":3735,"date":"2019-11-26T11:25:52","date_gmt":"2019-11-26T04:25:52","guid":{"rendered":"http:\/\/www.pet.ac.th\/2019\/?page_id=3735"},"modified":"2026-10-23T18:10:49","modified_gmt":"2026-10-23T11:10:49","slug":"id-school","status":"publish","type":"page","link":"https:\/\/www.pet.ac.th\/2019\/information\/id-school\/","title":{"rendered":"\u0e23\u0e2b\u0e31\u0e2a\u0e41\u0e25\u0e30\u0e40\u0e25\u0e02\u0e40\u0e2a\u0e35\u0e22\u0e20\u0e32\u0e29\u0e35\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19"},"content":{"rendered":"\n<style>\n\/* ==========================================\n   PET SCHOOL - OFFICIAL IDENTIFICATION\n   ========================================== *\/\n.pet-school-ids {\n  --blue: #009CFF;\n  --red: #FF0000;\n  --navy: #173E6B;\n  font-family: \"Sarabun\",\"Noto Sans Thai\",Tahoma,sans-serif;\n  width: 100%;\n  max-width: 1080px;\n  margin: 20px auto 50px;\n  padding: 0 15px;\n  color: #293D53;\n  line-height: 1.75;\n}\n.pet-school-ids *,\n.pet-school-ids *::before,\n.pet-school-ids *::after {\n  box-sizing: border-box;\n}\n\n\/* HEADER *\/\n.pet-school-ids .psi-header {\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  padding: 46px 20px;\n  margin-bottom: 35px;\n  background: linear-gradient(125deg,#E5F5FF,#FFFFFF 58%,#FFF0F0);\n  border: 1px solid #E0EAF4;\n  border-radius: 20px;\n}\n.pet-school-ids .psi-header::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 5px;\n  background: linear-gradient(90deg,var(--blue) 50%,var(--red) 50%);\n}\n.pet-school-ids .psi-school {\n  color: #5C7A97;\n  font-size: 15px;\n}\n.pet-school-ids .psi-header h2 {\n  color: var(--navy);\n  font-size: clamp(24px,3vw,35px);\n  font-weight: 700;\n  line-height: 1.45;\n  margin: 10px 0 14px;\n}\n.pet-school-ids .psi-line {\n  width: 95px;\n  height: 4px;\n  margin: 0 auto 15px;\n  border-radius: 10px;\n  background: linear-gradient(90deg,var(--blue) 50%,var(--red) 50%);\n}\n.pet-school-ids .psi-subtitle {\n  margin: 0;\n  color: #708297;\n  font-size: 15px;\n}\n\n\/* CARDS *\/\n.pet-school-ids .psi-grid {\n  display: grid;\n  grid-template-columns: repeat(2,minmax(0,1fr));\n  gap: 23px;\n}\n.pet-school-ids .psi-card {\n  position: relative;\n  min-width: 0;\n  overflow: hidden;\n  text-align: center;\n  padding: 35px 23px;\n  border: 1px solid #E1EAF4;\n  border-radius: 20px;\n  background: #FFFFFF;\n  box-shadow: 0 7px 25px rgba(20,55,100,.07);\n  transition: transform .25s,box-shadow .25s;\n}\n.pet-school-ids .psi-card:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 15px 35px rgba(20,55,100,.13);\n}\n.pet-school-ids .psi-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 5px;\n  background: var(--blue);\n}\n.pet-school-ids .psi-card-tax::before {\n  background: var(--red);\n}\n\n\/* ICONS *\/\n.pet-school-ids .psi-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 82px;\n  height: 82px;\n  margin: 0 auto 22px;\n  border-radius: 22px;\n  background: #E8F5FF;\n  color: #1680C7;\n}\n.pet-school-ids .psi-card-tax .psi-icon {\n  background: #FFF0F0;\n  color: #E33547;\n}\n.pet-school-ids .psi-icon svg {\n  width: 43px;\n  height: 43px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.65;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n\/* TEXT *\/\n.pet-school-ids .psi-card h3 {\n  color: var(--navy);\n  font-size: 20px;\n  font-weight: 700;\n  line-height: 1.55;\n  margin: 0 0 14px;\n}\n.pet-school-ids .psi-number {\n  display: block;\n  width: 100%;\n  margin: 0 0 14px;\n  color: #116DB2;\n  font-family: Arial,sans-serif;\n  font-size: clamp(23px,2.6vw,30px);\n  font-weight: 700;\n  letter-spacing: 1px;\n  line-height: 1.5;\n  overflow-wrap: anywhere;\n  font-variant-numeric: tabular-nums;\n  user-select: all;\n}\n.pet-school-ids .psi-card-tax .psi-number {\n  color: #DA243C;\n}\n.pet-school-ids .psi-description {\n  color: #718398;\n  font-size: 14px;\n  margin: 0 0 23px;\n}\n\n\/* COPY BUTTON *\/\n.pet-school-ids .psi-copy {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 9px;\n  padding: 12px 23px;\n  border: none;\n  border-radius: 11px;\n  background: #1976BD;\n  color: #FFFFFF;\n  font-family: inherit;\n  font-size: 15px;\n  font-weight: 600;\n  cursor: pointer;\n  transition: background .2s;\n}\n.pet-school-ids .psi-copy:hover {\n  background: var(--navy);\n}\n.pet-school-ids .psi-card-tax .psi-copy {\n  background: #D72D45;\n}\n.pet-school-ids .psi-card-tax .psi-copy:hover {\n  background: #B51F35;\n}\n.pet-school-ids .psi-copy:focus-visible {\n  outline: 3px solid #F3BA43;\n  outline-offset: 3px;\n}\n.pet-school-ids .psi-status {\n  display: block;\n  min-height: 22px;\n  margin-top: 12px;\n  font-size: 13px;\n  color: #228055;\n}\n\n\/* FOOTER *\/\n.pet-school-ids .psi-footer {\n  text-align: center;\n  margin-top: 40px;\n  padding-top: 20px;\n  border-top: 1px solid #E6ECF4;\n  color: #8695A5;\n  font-size: 13px;\n}\n\n\/* RESPONSIVE *\/\n@media(max-width:750px) {\n  .pet-school-ids .psi-grid {\n    grid-template-columns: 1fr;\n  }\n}\n@media(max-width:480px) {\n  .pet-school-ids {\n    padding: 0 8px;\n  }\n  .pet-school-ids .psi-header {\n    padding: 33px 15px;\n  }\n  .pet-school-ids .psi-card {\n    padding: 28px 15px;\n  }\n}\n@media(prefers-reduced-motion:reduce) {\n  .pet-school-ids .psi-card {\n    transition: none;\n  }\n  .pet-school-ids .psi-card:hover {\n    transform: none;\n  }\n}\n<\/style>\n\n<!-- ==========================================\n     SCHOOL IDENTIFICATION CONTENT\n     ========================================== -->\n\n<div class=\"pet-school-ids\" id=\"pet-school-ids\">\n\n  <!-- HEADER -->\n  <header class=\"psi-header\">\n    <div class=\"psi-school\">\n      \u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2a\u0e32\u0e18\u0e34\u0e15\u0e40\u0e17\u0e28\u0e1a\u0e32\u0e25\u0e27\u0e31\u0e14\u0e40\u0e1e\u0e0a\u0e23\u0e08\u0e23\u0e34\u0e01\n    <\/div>\n\n    <h2>\u0e23\u0e2b\u0e31\u0e2a\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e41\u0e25\u0e30\u0e40\u0e25\u0e02\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e15\u0e31\u0e27\u0e1c\u0e39\u0e49\u0e40\u0e2a\u0e35\u0e22\u0e20\u0e32\u0e29\u0e35<\/h2>\n\n    <div class=\"psi-line\"><\/div>\n\n    <p class=\"psi-subtitle\">\n      \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e23\u0e2b\u0e31\u0e2a\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32\n    <\/p>\n  <\/header>\n\n  <div class=\"psi-grid\">\n\n    <!-- SCHOOL CODE -->\n    <article class=\"psi-card\">\n      <div class=\"psi-icon\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M3 10l9-7 9 7\"\/>\n          <path d=\"M5 9v12h14V9\"\/>\n          <path d=\"M9 21v-8h6v8\"\/>\n          <path d=\"M3 21h18\"\/>\n        <\/svg>\n      <\/div>\n\n      <h3>\u0e23\u0e2b\u0e31\u0e2a\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19 10 \u0e2b\u0e25\u0e31\u0e01<\/h3>\n\n      <span class=\"psi-number\">3080200104<\/span>\n\n      <p class=\"psi-description\">\n        \u0e23\u0e2b\u0e31\u0e2a\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32\n      <\/p>\n\n      <button\n        type=\"button\"\n        class=\"psi-copy\"\n        data-copy=\"3080200104\"\n        aria-label=\"\u0e04\u0e31\u0e14\u0e25\u0e2d\u0e01\u0e23\u0e2b\u0e31\u0e2a\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\">\n        \u0e04\u0e31\u0e14\u0e25\u0e2d\u0e01\u0e23\u0e2b\u0e31\u0e2a\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\n      <\/button>\n\n      <span class=\"psi-status\" aria-live=\"polite\"><\/span>\n    <\/article>\n\n    <!-- TAX ID -->\n    <article class=\"psi-card psi-card-tax\">\n      <div class=\"psi-icon\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\"\/>\n          <path d=\"M8 7h8M8 12h8M8 17h4\"\/>\n        <\/svg>\n      <\/div>\n\n      <h3>\u0e40\u0e25\u0e02\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e15\u0e31\u0e27\u0e1c\u0e39\u0e49\u0e40\u0e2a\u0e35\u0e22\u0e20\u0e32\u0e29\u0e35\u0e02\u0e2d\u0e07\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19<\/h3>\n\n      <span class=\"psi-number\">0994000798644<\/span>\n\n      <p class=\"psi-description\">\n        \u0e40\u0e25\u0e02\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e15\u0e31\u0e27\u0e1c\u0e39\u0e49\u0e40\u0e2a\u0e35\u0e22\u0e20\u0e32\u0e29\u0e35 13 \u0e2b\u0e25\u0e31\u0e01\n      <\/p>\n\n      <button\n        type=\"button\"\n        class=\"psi-copy\"\n        data-copy=\"0994000798644\"\n        aria-label=\"\u0e04\u0e31\u0e14\u0e25\u0e2d\u0e01\u0e40\u0e25\u0e02\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e15\u0e31\u0e27\u0e1c\u0e39\u0e49\u0e40\u0e2a\u0e35\u0e22\u0e20\u0e32\u0e29\u0e35\">\n        \u0e04\u0e31\u0e14\u0e25\u0e2d\u0e01\u0e40\u0e25\u0e02\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e15\u0e31\u0e27\u0e1c\u0e39\u0e49\u0e40\u0e2a\u0e35\u0e22\u0e20\u0e32\u0e29\u0e35\n      <\/button>\n\n      <span class=\"psi-status\" aria-live=\"polite\"><\/span>\n    <\/article>\n\n  <\/div>\n\n  <footer class=\"psi-footer\">\n    \u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2a\u0e32\u0e18\u0e34\u0e15\u0e40\u0e17\u0e28\u0e1a\u0e32\u0e25\u0e27\u0e31\u0e14\u0e40\u0e1e\u0e0a\u0e23\u0e08\u0e23\u0e34\u0e01\n  <\/footer>\n\n<\/div>\n\n<!-- COPY FUNCTION -->\n<script>\n(function () {\n  const root = document.getElementById(\"pet-school-ids\");\n  if (!root) return;\n\n  root.querySelectorAll(\".psi-copy\").forEach(function(button) {\n    button.addEventListener(\"click\", async function() {\n      const value = button.getAttribute(\"data-copy\");\n      const status = button.parentElement.querySelector(\".psi-status\");\n\n      try {\n        if (!navigator.clipboard || !window.isSecureContext) {\n          throw new Error(\"Clipboard API unavailable\");\n        }\n\n        await navigator.clipboard.writeText(value);\n        status.textContent = \"\u0e04\u0e31\u0e14\u0e25\u0e2d\u0e01\u0e40\u0e23\u0e35\u0e22\u0e1a\u0e23\u0e49\u0e2d\u0e22\u0e41\u0e25\u0e49\u0e27 \u2713\";\n      } catch (error) {\n        status.textContent =\n          \"\u0e44\u0e21\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e04\u0e31\u0e14\u0e25\u0e2d\u0e01\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\u0e44\u0e14\u0e49 \u0e01\u0e23\u0e38\u0e13\u0e32\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e15\u0e31\u0e27\u0e40\u0e25\u0e02\u0e41\u0e25\u0e30\u0e04\u0e31\u0e14\u0e25\u0e2d\u0e01\u0e14\u0e49\u0e27\u0e22\u0e15\u0e19\u0e40\u0e2d\u0e07\";\n      }\n    });\n  });\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2a\u0e32\u0e18\u0e34\u0e15\u0e40\u0e17\u0e28\u0e1a\u0e32\u0e25\u0e27\u0e31\u0e14\u0e40\u0e1e\u0e0a\u0e23\u0e08\u0e23\u0e34\u0e01 \u0e23\u0e2b\u0e31\u0e2a\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e41\u0e25\u0e30\u0e40\u0e25\u0e02\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e15 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":431,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-3735","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.pet.ac.th\/2019\/wp-json\/wp\/v2\/pages\/3735","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pet.ac.th\/2019\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.pet.ac.th\/2019\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.pet.ac.th\/2019\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pet.ac.th\/2019\/wp-json\/wp\/v2\/comments?post=3735"}],"version-history":[{"count":6,"href":"https:\/\/www.pet.ac.th\/2019\/wp-json\/wp\/v2\/pages\/3735\/revisions"}],"predecessor-version":[{"id":23154,"href":"https:\/\/www.pet.ac.th\/2019\/wp-json\/wp\/v2\/pages\/3735\/revisions\/23154"}],"up":[{"embeddable":true,"href":"https:\/\/www.pet.ac.th\/2019\/wp-json\/wp\/v2\/pages\/431"}],"wp:attachment":[{"href":"https:\/\/www.pet.ac.th\/2019\/wp-json\/wp\/v2\/media?parent=3735"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}