{"id":23252,"date":"2026-10-23T14:37:01","date_gmt":"2026-10-23T07:37:01","guid":{"rendered":"https:\/\/www.pet.ac.th\/2019\/?page_id=23252"},"modified":"2026-10-23T14:40:40","modified_gmt":"2026-10-23T07:40:40","slug":"library-online","status":"publish","type":"page","link":"https:\/\/www.pet.ac.th\/2019\/information\/library-online\/","title":{"rendered":"\u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e21\u0e38\u0e14\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c"},"content":{"rendered":"\n<!--\n  PETCHARIK SCHOOL | \u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e21\u0e38\u0e14\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c\n  \u0e19\u0e33\u0e42\u0e04\u0e49\u0e14\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e19\u0e35\u0e49\u0e44\u0e1b\u0e27\u0e32\u0e07\u0e43\u0e19 SiteOrigin > Custom HTML \u0e02\u0e2d\u0e07\u0e2b\u0e19\u0e49\u0e32 \"\u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e21\u0e38\u0e14\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c\"\n  \u0e41\u0e01\u0e49 URL \u0e1b\u0e25\u0e32\u0e22\u0e17\u0e32\u0e07\u0e44\u0e14\u0e49\u0e43\u0e19 href \u0e02\u0e2d\u0e07\u0e1b\u0e38\u0e48\u0e21\u0e41\u0e15\u0e48\u0e25\u0e30\u0e01\u0e32\u0e23\u0e4c\u0e14 \u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e2d\u0e31\u0e1b\u0e42\u0e2b\u0e25\u0e14\u0e44\u0e1f\u0e25\u0e4c\u0e20\u0e32\u0e1e\n-->\n<style>\n  \/* \u0e08\u0e33\u0e01\u0e31\u0e14\u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e2b\u0e19\u0e49\u0e32\u0e19\u0e35\u0e49 \u0e44\u0e21\u0e48\u0e01\u0e23\u0e30\u0e17\u0e1a\u0e18\u0e35\u0e21 WordPress \u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e21\u0e19\u0e39\u0e2b\u0e25\u0e31\u0e01 *\/\n  .pet-online-library,\n  .pet-online-library * { box-sizing: border-box; }\n\n  .pet-online-library {\n    --pet-navy: #173850;\n    --pet-blue: #1476ac;\n    --pet-red: #ca3446;\n    --pet-ink: #243a4c;\n    --pet-muted: #657887;\n    --pet-line: #dfe9ef;\n    width: 100%;\n    max-width: 1180px;\n    margin: 0 auto;\n    color: var(--pet-ink);\n    font-family: inherit;\n    line-height: 1.65;\n  }\n\n  .pet-online-library .petlib-hero {\n    position: relative;\n    overflow: hidden;\n    isolation: isolate;\n    padding: 55px 35px 50px;\n    border-radius: 23px;\n    background: linear-gradient(117deg, #17334b 0%, #285c79 61%, #457b94 100%);\n    color: #fff;\n    text-align: center !important;\n    box-shadow: 0 14px 36px rgba(23, 56, 80, .13);\n  }\n\n  .pet-online-library .petlib-hero::before,\n  .pet-online-library .petlib-hero::after {\n    content: '';\n    position: absolute;\n    z-index: -1;\n    width: 330px;\n    height: 330px;\n    border: 52px solid rgba(255, 255, 255, .065);\n    border-radius: 50%;\n    pointer-events: none;\n  }\n  .pet-online-library .petlib-hero::before { top: -210px; left: -120px; }\n  .pet-online-library .petlib-hero::after  { right: -165px; bottom: -215px; }\n\n  .pet-online-library .petlib-eyebrow {\n    display: block;\n    margin-bottom: 11px;\n    color: #e2ecf3;\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: .075em;\n    text-align: center !important;\n  }\n\n  .pet-online-library .petlib-hero h1 {\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0 0 10px;\n    border: 0;\n    color: #fff !important;\n    font-size: clamp(31px, 4.1vw, 47px);\n    font-weight: 700;\n    line-height: 1.35;\n    text-align: center !important;\n    letter-spacing: 0;\n    text-transform: none;\n  }\n\n  .pet-online-library .petlib-hero p {\n    max-width: 760px;\n    margin: 0 auto;\n    color: #ecf4f8 !important;\n    font-size: clamp(15px, 1.55vw, 18px);\n    line-height: 1.8;\n    text-align: center !important;\n  }\n\n  .pet-online-library .petlib-underbar {\n    display: block;\n    width: 68px;\n    height: 5px;\n    margin: 23px auto 0;\n    border-radius: 100px;\n    background: #f06471;\n  }\n\n  .pet-online-library .petlib-section-heading {\n    margin: 35px 0 19px;\n    text-align: center;\n  }\n  .pet-online-library .petlib-section-heading h2 {\n    padding: 0;\n    margin: 0;\n    font-size: clamp(21px, 2.5vw, 27px);\n    font-weight: 700;\n    color: var(--pet-navy);\n    text-align: center !important;\n  }\n  .pet-online-library .petlib-section-heading p {\n    margin: 4px 0 0;\n    color: var(--pet-muted);\n    font-size: 15px;\n    text-align: center !important;\n  }\n\n  .pet-online-library .petlib-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 24px;\n  }\n\n  .pet-online-library .petlib-card {\n    position: relative;\n    display: flex;\n    min-width: 0;\n    flex-direction: column;\n    align-items: center;\n    padding: 40px 30px 30px;\n    border: 1px solid var(--pet-line);\n    border-radius: 20px;\n    background: #fff;\n    box-shadow: 0 8px 25px rgba(20, 55, 81, .065);\n    text-align: center;\n    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;\n  }\n  .pet-online-library .petlib-card:hover {\n    transform: translateY(-4px);\n    border-color: #b5d3e2;\n    box-shadow: 0 16px 36px rgba(20, 55, 81, .12);\n  }\n  .pet-online-library .petlib-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 24px;\n    right: 24px;\n    height: 4px;\n    border-radius: 0 0 8px 8px;\n    background: var(--pet-blue);\n  }\n  .pet-online-library .petlib-card--smart::before { background: var(--pet-red); }\n\n  .pet-online-library .petlib-icon {\n    display: grid;\n    place-items: center;\n    width: 100px;\n    height: 100px;\n    border-radius: 26px;\n    margin-bottom: 20px;\n    font-family: \"Segoe UI Emoji\", \"Apple Color Emoji\", sans-serif;\n    font-size: 48px;\n    line-height: 1;\n    background: #e6f3fb;\n  }\n  .pet-online-library .petlib-card--smart .petlib-icon { background: #fff0f1; }\n\n  .pet-online-library .petlib-system-label {\n    display: inline-block;\n    margin-bottom: 7px;\n    color: var(--pet-blue);\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: .025em;\n  }\n  .pet-online-library .petlib-card--smart .petlib-system-label { color: var(--pet-red); }\n\n  .pet-online-library .petlib-card h3 {\n    margin: 0 0 9px;\n    padding: 0;\n    color: var(--pet-navy);\n    font-size: clamp(22px, 2.5vw, 28px);\n    font-weight: 700;\n    line-height: 1.35;\n    text-align: center !important;\n  }\n  .pet-online-library .petlib-description {\n    max-width: 390px;\n    margin: 0 auto 23px;\n    color: var(--pet-muted);\n    font-size: 15px;\n    line-height: 1.8;\n    text-align: center !important;\n  }\n\n  .pet-online-library a.petlib-action {\n    display: inline-flex;\n    width: 100%;\n    max-width: 300px;\n    min-height: 49px;\n    justify-content: center;\n    align-items: center;\n    gap: 10px;\n    margin: auto auto 0;\n    padding: 10px 18px;\n    border: 1px solid transparent;\n    border-radius: 11px;\n    background: var(--pet-blue);\n    color: #fff !important;\n    font-weight: 700;\n    font-size: 15px;\n    line-height: 1.5;\n    text-align: center;\n    text-decoration: none !important;\n    transition: background .15s ease;\n  }\n  .pet-online-library a.petlib-action:hover,\n  .pet-online-library a.petlib-action:focus-visible {\n    background: #095b89;\n    color: #fff !important;\n    text-decoration: none !important;\n  }\n  .pet-online-library .petlib-card--smart a.petlib-action { background: var(--pet-red); }\n  .pet-online-library .petlib-card--smart a.petlib-action:hover,\n  .pet-online-library .petlib-card--smart a.petlib-action:focus-visible { background: #a72437; }\n  .pet-online-library a.petlib-action:focus-visible { outline: 3px solid #f5ba59; outline-offset: 3px; }\n\n  .pet-online-library .petlib-address {\n    display: block;\n    margin-top: 13px;\n    color: #758795;\n    font-size: 13px;\n    text-align: center;\n    overflow-wrap: anywhere;\n  }\n\n  .pet-online-library .petlib-note {\n    display: flex;\n    gap: 11px;\n    align-items: center;\n    justify-content: center;\n    margin-top: 24px;\n    padding: 16px 20px;\n    border: 1px solid #e1eaf0;\n    border-radius: 12px;\n    background: #f6f9fb;\n    color: #566e7f;\n    font-size: 14px;\n    text-align: center;\n  }\n  .pet-online-library .petlib-note-icon { font-size: 19px; flex: 0 0 auto; }\n\n  @media (max-width: 700px) {\n    .pet-online-library .petlib-hero { padding: 39px 20px 36px; border-radius: 17px; }\n    .pet-online-library .petlib-grid { grid-template-columns: 1fr; gap: 17px; }\n    .pet-online-library .petlib-card { padding: 31px 21px 25px; border-radius: 17px; }\n    .pet-online-library .petlib-icon { width: 88px; height: 88px; font-size: 43px; }\n    .pet-online-library .petlib-section-heading { margin-top: 27px; }\n    .pet-online-library .petlib-note { align-items: flex-start; text-align: left; }\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .pet-online-library .petlib-card { transition: none; }\n    .pet-online-library .petlib-card:hover { transform: none; }\n  }\n<\/style>\n\n<section class=\"pet-online-library\" aria-labelledby=\"petlib-title\">\n  <header class=\"petlib-hero\">\n    <span class=\"petlib-eyebrow\">PETCHARIK SCHOOL \u00b7 \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14<\/span>\n    <h1 id=\"petlib-title\">\u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e21\u0e38\u0e14\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<\/h1>\n    <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<br>\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e23\u0e30\u0e1a\u0e1a\u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e21\u0e38\u0e14\u0e2d\u0e34\u0e40\u0e25\u0e47\u0e01\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e08\u0e32\u0e01\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07<\/p>\n    <span class=\"petlib-underbar\" aria-hidden=\"true\"><\/span>\n  <\/header>\n\n  <div class=\"petlib-section-heading\">\n    <h2>\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e21\u0e38\u0e14<\/h2>\n    <p>\u0e23\u0e27\u0e21\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e23\u0e30\u0e1a\u0e1a\u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e21\u0e38\u0e14\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c\u0e17\u0e31\u0e49\u0e07 2 \u0e41\u0e2b\u0e48\u0e07\u0e44\u0e27\u0e49\u0e43\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e14\u0e35\u0e22\u0e27<\/p>\n  <\/div>\n\n  <div class=\"petlib-grid\">\n    <article class=\"petlib-card\">\n      <div class=\"petlib-icon\" aria-hidden=\"true\">\ud83d\udcd8<\/div>\n      <span class=\"petlib-system-label\">\u0e23\u0e30\u0e1a\u0e1a\u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e21\u0e38\u0e14\u0e17\u0e35\u0e48 01<\/span>\n      <h3>S.T.P. E-Library<\/h3>\n      <p class=\"petlib-description\">\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c S.T.P. E-Library \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e21\u0e38\u0e14\u0e2d\u0e34\u0e40\u0e25\u0e47\u0e01\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c<\/p>\n      <a class=\"petlib-action\" href=\"http:\/\/pet.vlcloud.net\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48 S.T.P. E-Library (\u0e40\u0e1b\u0e34\u0e14\u0e41\u0e17\u0e47\u0e1a\u0e43\u0e2b\u0e21\u0e48)\">\n        \u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e21\u0e38\u0e14 <span aria-hidden=\"true\">\u2197<\/span>\n      <\/a>\n      <span class=\"petlib-address\">pet.vlcloud.net<\/span>\n    <\/article>\n\n    <article class=\"petlib-card petlib-card--smart\">\n      <div class=\"petlib-icon\" aria-hidden=\"true\">\ud83d\udcda<\/div>\n      <span class=\"petlib-system-label\">\u0e23\u0e30\u0e1a\u0e1a\u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e21\u0e38\u0e14\u0e17\u0e35\u0e48 02<\/span>\n      <h3>Smart E-Library<\/h3>\n      <p class=\"petlib-description\">\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c Smart E-Library \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e21\u0e38\u0e14\u0e2d\u0e34\u0e40\u0e25\u0e47\u0e01\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c<\/p>\n      <a class=\"petlib-action\" href=\"http:\/\/clp.vlcloud.net\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48 Smart E-Library (\u0e40\u0e1b\u0e34\u0e14\u0e41\u0e17\u0e47\u0e1a\u0e43\u0e2b\u0e21\u0e48)\">\n        \u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e21\u0e38\u0e14 <span aria-hidden=\"true\">\u2197<\/span>\n      <\/a>\n      <span class=\"petlib-address\">clp.vlcloud.net<\/span>\n    <\/article>\n  <\/div>\n\n  <aside class=\"petlib-note\">\n    <span class=\"petlib-note-icon\" aria-hidden=\"true\">\u24d8<\/span>\n    <span>\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e04\u0e25\u0e34\u0e01 \u201c\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e21\u0e38\u0e14\u201d \u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e30\u0e40\u0e1b\u0e34\u0e14\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e20\u0e32\u0e22\u0e19\u0e2d\u0e01\u0e43\u0e19\u0e41\u0e17\u0e47\u0e1a\u0e43\u0e2b\u0e21\u0e48 \u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e2d\u0e2d\u0e01\u0e08\u0e32\u0e01\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19<\/span>\n  <\/aside>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>PETCHARIK SCHOOL \u00b7 \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14 \u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e21\u0e38\u0e14\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c \u0e42 [&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-23252","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.pet.ac.th\/2019\/wp-json\/wp\/v2\/pages\/23252","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=23252"}],"version-history":[{"count":2,"href":"https:\/\/www.pet.ac.th\/2019\/wp-json\/wp\/v2\/pages\/23252\/revisions"}],"predecessor-version":[{"id":23256,"href":"https:\/\/www.pet.ac.th\/2019\/wp-json\/wp\/v2\/pages\/23252\/revisions\/23256"}],"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=23252"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}