<style id="elementor-post-130">.elementor-130 .elementor-element.elementor-element-c1a80c5 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}</style>{"id":130,"date":"2023-02-03T06:01:47","date_gmt":"2023-02-03T06:01:47","guid":{"rendered":"http:\/\/localhost\/sosd2023\/?page_id=130"},"modified":"2026-10-26T15:06:31","modified_gmt":"2026-10-26T08:06:31","slug":"%e0%b8%ab%e0%b9%89%e0%b8%ad%e0%b8%87%e0%b8%9b%e0%b8%8f%e0%b8%b4%e0%b8%9a%e0%b8%b1%e0%b8%95%e0%b8%b4%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%84%e0%b8%ad%e0%b8%a1%e0%b8%9e%e0%b8%b4%e0%b8%a7%e0%b9%80%e0%b8%95","status":"publish","type":"page","link":"https:\/\/science.mahidol.ac.th\/sosd\/?page_id=130","title":{"rendered":"\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e04\u0e2d\u0e21\u0e1e\u0e34\u0e27\u0e40\u0e15\u0e2d\u0e23\u0e4c"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"130\" class=\"elementor elementor-130\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b5c90cf elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"b5c90cf\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c1a80c5\" data-id=\"c1a80c5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-94376f6 elementor-widget elementor-widget-html\" data-id=\"94376f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!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\">\r\n  <meta name=\"theme-color\" content=\"#f5f8fc\">\r\n  <meta name=\"description\" content=\"\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e41\u0e25\u0e30\u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e2d\u0e07\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e04\u0e2d\u0e21\u0e1e\u0e34\u0e27\u0e40\u0e15\u0e2d\u0e23\u0e4c MUSes \u0e41\u0e25\u0e30 SC3-200 \u0e07\u0e32\u0e19\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25 \u0e04\u0e13\u0e30\u0e27\u0e34\u0e17\u0e22\u0e32\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e21\u0e2b\u0e34\u0e14\u0e25\">\r\n  <title>\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e04\u0e2d\u0e21\u0e1e\u0e34\u0e27\u0e40\u0e15\u0e2d\u0e23\u0e4c | \u0e07\u0e32\u0e19\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25<\/title>\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Prompt:wght@300;400;500;600;700;800&amp;display=swap\" rel=\"stylesheet\">\r\n  <style>\r\n    @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Prompt:wght@300;400;500;600;700;800&display=swap\");\r\n\r\n    :root {\r\n      color-scheme: light;\r\n      --navy: #102c55;\r\n      --blue: #1769aa;\r\n      --blue-dark: #15538b;\r\n      --cyan: #54c1d5;\r\n      --gold: #f2bb58;\r\n      --ink: #21334d;\r\n      --muted: #687b94;\r\n      --line: #e1eaf4;\r\n      --page: #f5f8fc;\r\n      --white: #fff;\r\n      --shadow: 0 22px 60px rgba(24, 61, 105, .09);\r\n      font-family: \"Prompt\", \"Leelawadee UI\", Tahoma, sans-serif;\r\n      font-synthesis: none;\r\n      text-rendering: optimizeLegibility;\r\n      -webkit-font-smoothing: antialiased;\r\n      -moz-osx-font-smoothing: grayscale;\r\n      color: var(--ink);\r\n      background: var(--page);\r\n    }\r\n\r\n    #sosd-computer-lab,\r\n    #sosd-computer-lab * {\r\n      font-family: \"Prompt\", \"Leelawadee UI\", Tahoma, sans-serif !important;\r\n    }\r\n\r\n    *,\r\n    *::before,\r\n    *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    html {\r\n      scroll-behavior: smooth;\r\n      scroll-padding-top: 90px;\r\n    }\r\n\r\n    body {\r\n      min-width: 320px;\r\n      margin: 0;\r\n      background:\r\n        radial-gradient(ellipse at 90% 5%, rgba(215, 239, 249, .6), transparent 30rem),\r\n        var(--page);\r\n      line-height: 1.7;\r\n    }\r\n\r\n    a {\r\n      color: inherit;\r\n    }\r\n\r\n    button,\r\n    a {\r\n      -webkit-tap-highlight-color: transparent;\r\n    }\r\n\r\n    .hero {\r\n      position: relative;\r\n      display: grid;\r\n      width: 100%;\r\n      min-height: 470px;\r\n      grid-template-columns: minmax(0, 1fr);\r\n      align-items: center;\r\n      justify-items: center;\r\n      gap: 0;\r\n      margin: 0;\r\n      padding: 34px 24px 18px;\r\n      overflow: hidden;\r\n      isolation: isolate;\r\n      border: 0;\r\n      border-radius: 0;\r\n      background:\r\n        radial-gradient(ellipse at 50% 38%, rgba(29, 100, 149, .48) 0, transparent 43%),\r\n        radial-gradient(ellipse at 12% 100%, rgba(21, 105, 144, .22) 0, transparent 35%),\r\n        linear-gradient(125deg, #071a32 0%, #0b2a4b 48%, #102a4c 100%);\r\n      box-shadow: 0 28px 65px rgba(6, 28, 53, .2);\r\n    }\r\n\r\n    .hero::before,\r\n    .hero::after {\r\n      position: absolute;\r\n      z-index: -1;\r\n      width: 340px;\r\n      aspect-ratio: 1;\r\n      border: 1px solid rgba(129, 197, 226, .13);\r\n      border-radius: 50%;\r\n      content: \"\";\r\n    }\r\n\r\n    .hero::before {\r\n      top: -205px;\r\n      right: 6%;\r\n      box-shadow: 0 0 0 28px rgba(119, 190, 225, .035), 0 0 0 58px rgba(119, 190, 225, .025);\r\n    }\r\n\r\n    .hero::after {\r\n      right: -130px;\r\n      bottom: -260px;\r\n      width: 420px;\r\n    }\r\n\r\n    .hero-copy {\r\n      position: relative;\r\n      z-index: 1;\r\n      width: min(820px, 100%);\r\n      max-width: 820px;\r\n      text-align: center;\r\n      animation: rise-in .7s ease-out both;\r\n    }\r\n\r\n    .eyebrow {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 9px;\r\n      margin: 0 0 16px;\r\n      padding: 7px 12px;\r\n      border: 1px solid rgba(131, 204, 230, .3);\r\n      border-radius: 999px;\r\n      color: #a9e7f1;\r\n      background: rgba(12, 47, 77, .74);\r\n      font-size: 11px;\r\n      font-weight: 700;\r\n      letter-spacing: .1em;\r\n    }\r\n\r\n    .eyebrow::before {\r\n      width: 8px;\r\n      height: 8px;\r\n      border-radius: 50%;\r\n      background: #ffd06f;\r\n      box-shadow: 0 0 0 4px rgba(255, 208, 111, .18);\r\n      content: \"\";\r\n    }\r\n\r\n    h1 {\r\n      margin: 0;\r\n      color: #fff;\r\n      font-size: clamp(21px, 4.2vw, 48px);\r\n      font-weight: 800;\r\n      letter-spacing: -.04em;\r\n      line-height: 1.22;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    h1 span {\r\n      color: #ffd06f;\r\n    }\r\n\r\n    .hero-description {\r\n      max-width: 650px;\r\n      margin: 17px auto 25px;\r\n      color: #c2d2e2;\r\n      font-size: 15px;\r\n      line-height: 1.9;\r\n    }\r\n\r\n    .hero-actions {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: center;\r\n      gap: 11px;\r\n    }\r\n\r\n    .button {\r\n      display: inline-flex;\r\n      min-height: 48px;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 10px;\r\n      padding: 11px 18px;\r\n      border: 1px solid transparent;\r\n      border-radius: 13px;\r\n      font-size: 13px;\r\n      font-weight: 600;\r\n      text-align: center;\r\n      text-decoration: none;\r\n      transition: transform .2s ease, box-shadow .2s ease, background .2s ease;\r\n    }\r\n\r\n    .button:hover {\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    .button svg {\r\n      width: 18px;\r\n      height: 18px;\r\n      flex: none;\r\n    }\r\n\r\n    .button-primary {\r\n      color: #102c48;\r\n      background: linear-gradient(110deg, #ffd06f, #f4ae42);\r\n      box-shadow: 0 10px 24px rgba(2, 14, 29, .25);\r\n    }\r\n\r\n    .button-primary:hover {\r\n      background: linear-gradient(110deg, #ffda8a, #ffc15e);\r\n      box-shadow: 0 14px 28px rgba(2, 14, 29, .32);\r\n    }\r\n\r\n    .button-secondary {\r\n      border-color: rgba(185, 214, 234, .35);\r\n      color: #e7f4fc;\r\n      background: rgba(255, 255, 255, .08);\r\n    }\r\n\r\n    .hero-note {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 9px;\r\n      margin-top: 25px;\r\n      color: #b5c9dc;\r\n      font-size: 12px;\r\n    }\r\n\r\n    .hero-note svg {\r\n      width: 18px;\r\n      height: 18px;\r\n      color: #6ed0e0;\r\n    }\r\n\r\n    .hero-art {\r\n      position: relative;\r\n      display: grid;\r\n      min-height: 155px;\r\n      place-items: center;\r\n      animation: rise-in .8s .12s ease-out both;\r\n    }\r\n\r\n    .art-orbit {\r\n      position: absolute;\r\n      width: min(100%, 420px);\r\n      aspect-ratio: 1;\r\n      border: 1px solid rgba(130, 197, 226, .2);\r\n      border-radius: 50%;\r\n      box-shadow: 0 0 0 24px rgba(130, 197, 226, .035), 0 0 0 48px rgba(130, 197, 226, .025);\r\n    }\r\n\r\n    .art-chip {\r\n      position: absolute;\r\n      z-index: 2;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 9px;\r\n      padding: 11px 14px;\r\n      border: 1px solid rgba(222, 234, 245, .9);\r\n      border-radius: 15px;\r\n      color: var(--navy);\r\n      background: rgba(255, 255, 255, .94);\r\n      box-shadow: 0 12px 30px rgba(27, 70, 112, .1);\r\n      font-size: 12px;\r\n      font-weight: 600;\r\n      animation: float 5s ease-in-out infinite;\r\n    }\r\n\r\n    .art-chip svg {\r\n      width: 19px;\r\n      height: 19px;\r\n      color: var(--blue);\r\n    }\r\n\r\n    .chip-top {\r\n      top: 12%;\r\n      right: 1%;\r\n    }\r\n\r\n    .chip-bottom {\r\n      bottom: 12%;\r\n      left: 0;\r\n      animation-delay: -2s;\r\n    }\r\n\r\n    .lab-illustration {\r\n      position: relative;\r\n      z-index: 1;\r\n      width: min(100%, 280px);\r\n      height: auto;\r\n      overflow: visible;\r\n      filter: drop-shadow(0 24px 24px rgba(30, 77, 126, .11));\r\n    }\r\n\r\n    .section {\r\n      width: min(1100px, calc(100% - 40px));\r\n      margin: 88px auto 0;\r\n    }\r\n\r\n    #schedule {\r\n      position: relative;\r\n      isolation: isolate;\r\n      width: 100%;\r\n      margin: 88px 0 0;\r\n      padding: clamp(38px, 5vw, 64px) clamp(14px, 3vw, 44px);\r\n      overflow: hidden;\r\n      background:\r\n        radial-gradient(ellipse at 88% 12%, rgba(48, 130, 179, .28), transparent 34%),\r\n        radial-gradient(ellipse at 8% 100%, rgba(29, 113, 154, .2), transparent 38%),\r\n        linear-gradient(125deg, #0a2341, #10375d 55%, #0d2a4a);\r\n    }\r\n\r\n    #schedule::before,\r\n    #schedule::after {\r\n      position: absolute;\r\n      z-index: -1;\r\n      width: 390px;\r\n      aspect-ratio: 1;\r\n      border: 1px solid rgba(142, 203, 229, .11);\r\n      border-radius: 50%;\r\n      content: \"\";\r\n      pointer-events: none;\r\n    }\r\n\r\n    #schedule::before {\r\n      top: -260px;\r\n      right: 8%;\r\n      box-shadow: 0 0 0 28px rgba(142, 203, 229, .025), 0 0 0 58px rgba(142, 203, 229, .02);\r\n    }\r\n\r\n    #schedule::after {\r\n      right: -230px;\r\n      bottom: -290px;\r\n      width: 470px;\r\n    }\r\n\r\n    #schedule .section-kicker {\r\n      color: #f5c86d;\r\n    }\r\n\r\n    #schedule .section-title {\r\n      color: #fff;\r\n    }\r\n\r\n    #schedule .section-description {\r\n      color: #c1d3e5;\r\n    }\r\n\r\n    .section-heading {\r\n      display: flex;\r\n      align-items: end;\r\n      justify-content: space-between;\r\n      gap: 24px;\r\n      margin-bottom: 26px;\r\n    }\r\n\r\n    .section-kicker {\r\n      margin: 0 0 7px;\r\n      color: #3383ab;\r\n      font-size: 10px;\r\n      font-weight: 700;\r\n      letter-spacing: .15em;\r\n    }\r\n\r\n    .section-title {\r\n      margin: 0;\r\n      color: var(--navy);\r\n      font-size: clamp(25px, 3.6vw, 36px);\r\n      font-weight: 700;\r\n      letter-spacing: -.025em;\r\n      line-height: 1.35;\r\n    }\r\n\r\n    .section-description {\r\n      max-width: 380px;\r\n      margin: 0 0 3px;\r\n      color: var(--muted);\r\n      font-size: 13px;\r\n    }\r\n\r\n    .room-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 20px;\r\n    }\r\n\r\n    .room-card {\r\n      position: relative;\r\n      display: flex;\r\n      min-width: 0;\r\n      flex-direction: column;\r\n      padding: 26px;\r\n      overflow: hidden;\r\n      border: 1px solid var(--line);\r\n      border-radius: 22px;\r\n      background: var(--white);\r\n      box-shadow: 0 12px 34px rgba(24, 61, 105, .055);\r\n      transition: transform .25s ease, box-shadow .25s ease;\r\n    }\r\n\r\n    .room-card:hover {\r\n      transform: translateY(-4px);\r\n      box-shadow: 0 20px 42px rgba(24, 61, 105, .1);\r\n    }\r\n\r\n    .room-card::after {\r\n      position: absolute;\r\n      top: -65px;\r\n      right: -55px;\r\n      width: 160px;\r\n      height: 160px;\r\n      border-radius: 50%;\r\n      background: #edf7fd;\r\n      content: \"\";\r\n    }\r\n\r\n    .room-card:nth-child(2)::after {\r\n      background: #fff5e4;\r\n    }\r\n\r\n    .room-card-top {\r\n      position: relative;\r\n      z-index: 1;\r\n      display: flex;\r\n      align-items: flex-start;\r\n      justify-content: space-between;\r\n      gap: 12px;\r\n    }\r\n\r\n    .room-icon {\r\n      display: grid;\r\n      width: 52px;\r\n      height: 52px;\r\n      place-items: center;\r\n      border: 1px solid #dcebf7;\r\n      border-radius: 17px;\r\n      color: var(--blue);\r\n      background: #f0f8fd;\r\n    }\r\n\r\n    .room-card:nth-child(2) .room-icon {\r\n      border-color: #f4e4c5;\r\n      color: #a86d1c;\r\n      background: #fff8eb;\r\n    }\r\n\r\n    .room-icon svg {\r\n      width: 26px;\r\n      height: 26px;\r\n    }\r\n\r\n    .room-label {\r\n      margin: 2px 0 6px;\r\n      color: #7190a8;\r\n      font-size: 10px;\r\n      font-weight: 700;\r\n      letter-spacing: .13em;\r\n    }\r\n\r\n    .room-title {\r\n      margin: 0;\r\n      color: var(--navy);\r\n      font-size: 23px;\r\n      font-weight: 700;\r\n      line-height: 1.4;\r\n    }\r\n\r\n    .room-copy {\r\n      max-width: 480px;\r\n      margin: 18px 0 22px;\r\n      color: var(--muted);\r\n      font-size: 13px;\r\n      line-height: 1.85;\r\n    }\r\n\r\n    .room-actions {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 10px;\r\n      margin-top: auto;\r\n    }\r\n\r\n    .room-actions .button {\r\n      min-height: 43px;\r\n      padding: 9px 14px;\r\n      font-size: 12px;\r\n    }\r\n\r\n    .room-actions .button-secondary {\r\n      border-color: #dce7f3;\r\n      color: var(--blue-dark);\r\n      background: #f8fbfe;\r\n    }\r\n\r\n    .room-actions .button-secondary:hover {\r\n      border-color: #b9d3e8;\r\n      color: #103f6d;\r\n      background: #edf6fc;\r\n    }\r\n\r\n    .booking-panel {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);\r\n      gap: 24px;\r\n      padding: 28px;\r\n      border: 1px solid #dfe9f4;\r\n      border-radius: 24px;\r\n      background: linear-gradient(120deg, #fff, #f5faff);\r\n      box-shadow: var(--shadow);\r\n    }\r\n\r\n    .booking-copy {\r\n      align-self: center;\r\n      padding: 8px 5px;\r\n    }\r\n\r\n    .booking-copy h3 {\r\n      margin: 0;\r\n      color: var(--navy);\r\n      font-size: 23px;\r\n      font-weight: 700;\r\n      line-height: 1.45;\r\n    }\r\n\r\n    .booking-copy p {\r\n      margin: 12px 0 19px;\r\n      color: var(--muted);\r\n      font-size: 13px;\r\n      line-height: 1.85;\r\n    }\r\n\r\n    .booking-frame-wrap {\r\n      min-width: 0;\r\n      min-height: 320px;\r\n      overflow: hidden;\r\n      border: 1px solid #e0e9f3;\r\n      border-radius: 17px;\r\n      background:\r\n        linear-gradient(135deg, rgba(223, 241, 250, .68), rgba(255, 255, 255, .96)),\r\n        #fff;\r\n    }\r\n\r\n    .booking-frame {\r\n      display: block;\r\n      width: 100%;\r\n      height: 320px;\r\n      border: 0;\r\n      background: transparent;\r\n    }\r\n\r\n    .booking-fallback {\r\n      display: grid;\r\n      min-height: 320px;\r\n      place-content: center;\r\n      justify-items: center;\r\n      padding: 24px;\r\n      color: var(--muted);\r\n      text-align: center;\r\n    }\r\n\r\n    .booking-fallback svg {\r\n      width: 38px;\r\n      height: 38px;\r\n      margin-bottom: 10px;\r\n      color: var(--blue);\r\n    }\r\n\r\n    .booking-fallback strong {\r\n      color: var(--navy);\r\n      font-size: 14px;\r\n    }\r\n\r\n    .booking-fallback span {\r\n      max-width: 280px;\r\n      margin-top: 5px;\r\n      font-size: 12px;\r\n    }\r\n\r\n    .booking-fallback a {\r\n      margin-top: 12px;\r\n      color: var(--blue);\r\n      font-size: 12px;\r\n      font-weight: 600;\r\n    }\r\n\r\n    .help-strip {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 20px;\r\n      margin: 28px 0 0;\r\n      padding: 21px 24px;\r\n      border: 1px solid #e2ebf5;\r\n      border-radius: 18px;\r\n      background: #fff;\r\n    }\r\n\r\n    .help-copy {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 13px;\r\n    }\r\n\r\n    .help-icon {\r\n      display: grid;\r\n      width: 42px;\r\n      height: 42px;\r\n      flex: none;\r\n      place-items: center;\r\n      border-radius: 14px;\r\n      color: #22779e;\r\n      background: #eaf6fb;\r\n    }\r\n\r\n    .help-icon svg {\r\n      width: 21px;\r\n      height: 21px;\r\n    }\r\n\r\n    .help-copy strong {\r\n      display: block;\r\n      color: var(--navy);\r\n      font-size: 13px;\r\n    }\r\n\r\n    .help-copy span {\r\n      display: block;\r\n      margin-top: 2px;\r\n      color: var(--muted);\r\n      font-size: 12px;\r\n    }\r\n\r\n    .help-strip > a {\r\n      color: var(--blue);\r\n      font-size: 12px;\r\n      font-weight: 600;\r\n      text-decoration: none;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .site-footer {\r\n      margin-top: 90px;\r\n      padding: 30px 20px;\r\n      border-top: 1px solid #e2eaf3;\r\n      color: #718199;\r\n      background: #fff;\r\n      font-size: 11px;\r\n      text-align: center;\r\n    }\r\n\r\n    .site-footer strong {\r\n      color: #37516d;\r\n      font-weight: 600;\r\n    }\r\n\r\n    :focus-visible {\r\n      outline: 3px solid rgba(42, 137, 190, .55);\r\n      outline-offset: 3px;\r\n    }\r\n\r\n    @keyframes rise-in {\r\n      from { opacity: 0; transform: translateY(16px); }\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    @keyframes float {\r\n      0%, 100% { transform: translateY(0); }\r\n      50% { transform: translateY(-7px); }\r\n    }\r\n\r\n    @media (max-width: 800px) {\r\n      .hero {\r\n        min-height: auto;\r\n        grid-template-columns: 1fr;\r\n        gap: 0;\r\n        min-height: 430px;\r\n        padding: 30px 24px 14px;\r\n      }\r\n\r\n      .hero-copy {\r\n        max-width: 760px;\r\n      }\r\n\r\n      .hero-art {\r\n        width: min(100%, 560px);\r\n        min-height: 145px;\r\n        margin-top: 3px;\r\n      }\r\n\r\n      .lab-illustration {\r\n        max-width: 390px;\r\n      }\r\n\r\n      .section {\r\n        margin-top: 68px;\r\n      }\r\n\r\n      .booking-panel {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .booking-copy {\r\n        padding: 0;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 580px) {\r\n      .section:not(#schedule) {\r\n        width: min(100% - 28px, 1180px);\r\n      }\r\n\r\n      .hero {\r\n        min-height: 400px;\r\n        padding: 27px 14px 12px;\r\n      }\r\n\r\n      h1 {\r\n        font-size: clamp(16px, 5.6vw, 22px);\r\n      }\r\n\r\n      .hero-description {\r\n        font-size: 13px;\r\n      }\r\n\r\n      .hero-actions {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .hero-actions .button {\r\n        width: 100%;\r\n      }\r\n\r\n      .hero-art {\r\n        width: 100%;\r\n        min-height: 125px;\r\n      }\r\n\r\n      .art-chip {\r\n        padding: 8px 10px;\r\n        font-size: 10px;\r\n      }\r\n\r\n      .chip-top {\r\n        top: 6%;\r\n        right: -2%;\r\n      }\r\n\r\n      .chip-bottom {\r\n        bottom: 5%;\r\n        left: -2%;\r\n      }\r\n\r\n      .section {\r\n        margin-top: 58px;\r\n      }\r\n\r\n      .section-heading {\r\n        display: block;\r\n      }\r\n\r\n      .section-description {\r\n        margin-top: 10px;\r\n      }\r\n\r\n      .room-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .room-card {\r\n        padding: 22px;\r\n      }\r\n\r\n      .booking-panel {\r\n        gap: 18px;\r\n        padding: 18px;\r\n      }\r\n\r\n      .booking-frame,\r\n      .booking-frame-wrap,\r\n      .booking-fallback {\r\n        min-height: 290px;\r\n        height: 290px;\r\n      }\r\n\r\n      .help-strip {\r\n        align-items: flex-start;\r\n        flex-direction: column;\r\n        padding: 18px;\r\n      }\r\n\r\n      .site-footer {\r\n        margin-top: 64px;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      *,\r\n      *::before,\r\n      *::after {\r\n        scroll-behavior: auto !important;\r\n        animation-duration: .01ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        transition-duration: .01ms !important;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <div id=\"sosd-computer-lab\">\r\n  <main>\r\n    <section class=\"hero\" aria-labelledby=\"page-title\">\r\n      <div class=\"hero-copy\">\r\n        <p class=\"eyebrow\">COMPUTER LABORATORY<\/p>\r\n        <h1 id=\"page-title\">\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23 <span>\u0e04\u0e2d\u0e21\u0e1e\u0e34\u0e27\u0e40\u0e15\u0e2d\u0e23\u0e4c<\/span><\/h1>\r\n        <\r\n        <div class=\"hero-actions\">\r\n          <a class=\"button button-primary\" href=\"#rooms\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M4 5.5A1.5 1.5 0 015.5 4H18a2 2 0 012 2v12a2 2 0 01-2 2H5.5A1.5 1.5 0 014 18.5v-13z\" stroke=\"currentColor\" stroke-width=\"1.7\"\/><path d=\"M8 4v5l2-1.5L12 9V4m-4 9h8m-8 3h5\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n            \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\r\n          <\/a>\r\n          <a class=\"button button-secondary\" href=\"#schedule\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><rect x=\"3.5\" y=\"5\" width=\"17\" height=\"16\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.7\"\/><path d=\"M7.5 3v4m9-4v4M4 9.5h16m-11 4h2m3 0h2m-7 3h2\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"\/><\/svg>\r\n            \u0e14\u0e39\u0e15\u0e32\u0e23\u0e32\u0e07\u0e2b\u0e49\u0e2d\u0e07\r\n          <\/a>\r\n        <\/div>\r\n        <div class=\"hero-note\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.7\"\/><path d=\"M12 7v5l3 2\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e0a\u0e48\u0e27\u0e07\u0e40\u0e27\u0e25\u0e32\u0e27\u0e48\u0e32\u0e07\u0e01\u0e48\u0e2d\u0e19\u0e2a\u0e48\u0e07\u0e04\u0e33\u0e02\u0e2d\u0e08\u0e2d\u0e07\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"hero-art\" aria-hidden=\"true\">\r\n        <div class=\"art-orbit\"><\/div>\r\n        <div class=\"art-chip chip-top\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"13\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.7\"\/><path d=\"M8 21h8m-4-4v4\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"\/><\/svg>\r\n          Learning space\r\n        <\/div>\r\n        <div class=\"art-chip chip-bottom\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M7 3v3m10-3v3M4 9h16m-13 4h3m3 0h3m-9 4h3\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"\/><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.7\"\/><\/svg>\r\n          Online booking\r\n        <\/div>\r\n        <svg class=\"lab-illustration\" viewBox=\"0 0 480 360\" fill=\"none\">\r\n          <ellipse cx=\"242\" cy=\"318\" rx=\"170\" ry=\"18\" fill=\"#C6DCEB\" opacity=\".48\"\/>\r\n          <path d=\"M103 270h274l-23 31H126l-23-31z\" fill=\"#D7E8F4\"\/>\r\n          <path d=\"M123 263h233l-16 17H139l-16-17z\" fill=\"#F7FBFE\" stroke=\"#BDD6E8\" stroke-width=\"2\"\/>\r\n          <rect x=\"142\" y=\"108\" width=\"197\" height=\"145\" rx=\"14\" fill=\"#D8EAF5\" stroke=\"#2F6E9D\" stroke-width=\"3\"\/>\r\n          <rect x=\"153\" y=\"119\" width=\"175\" height=\"121\" rx=\"8\" fill=\"#11335E\"\/>\r\n          <rect x=\"162\" y=\"128\" width=\"157\" height=\"103\" rx=\"5\" fill=\"url(#screen)\"\/>\r\n          <path d=\"M142 139h197\" stroke=\"#82B4D0\" stroke-width=\"2\"\/>\r\n          <circle cx=\"154\" cy=\"131\" r=\"2.6\" fill=\"#F2BB58\"\/>\r\n          <circle cx=\"163\" cy=\"131\" r=\"2.6\" fill=\"#7DD1D9\"\/>\r\n          <circle cx=\"172\" cy=\"131\" r=\"2.6\" fill=\"#98C8E1\"\/>\r\n          <path d=\"M191 161h66m-66 13h94m-94 13h74\" stroke=\"#BDEAFF\" stroke-width=\"4\" stroke-linecap=\"round\" opacity=\".82\"\/>\r\n          <path d=\"M191 204h37m-37 12h70\" stroke=\"#F2BB58\" stroke-width=\"4\" stroke-linecap=\"round\" opacity=\".9\"\/>\r\n          <path d=\"M222 253v21m37-21v21m-53 0h69\" stroke=\"#4C81A6\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\r\n          <rect x=\"193\" y=\"282\" width=\"95\" height=\"9\" rx=\"4.5\" fill=\"#A8C9DC\"\/>\r\n          <rect x=\"291\" y=\"176\" width=\"92\" height=\"67\" rx=\"9\" fill=\"#EFF7FC\" stroke=\"#83B3CE\" stroke-width=\"2.5\"\/>\r\n          <rect x=\"299\" y=\"184\" width=\"76\" height=\"48\" rx=\"5\" fill=\"#D9F1F5\"\/>\r\n          <path d=\"M312 208l10-11 9 8 12-14 16 19\" stroke=\"#39A7BD\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <path d=\"M327 243v11m21-11v11m-29 0h38\" stroke=\"#6B9EB9\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\r\n          <rect x=\"89\" y=\"196\" width=\"46\" height=\"62\" rx=\"8\" fill=\"#F4F9FC\" stroke=\"#A8C9DC\" stroke-width=\"2\"\/>\r\n          <path d=\"M101 211h22m-22 9h22m-22 9h15\" stroke=\"#73A6C1\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n          <circle cx=\"124\" cy=\"247\" r=\"2.5\" fill=\"#43B0C0\"\/>\r\n          <circle cx=\"386\" cy=\"115\" r=\"25\" fill=\"#fff\" stroke=\"#D7E8F4\" stroke-width=\"2\"\/>\r\n          <path d=\"M375 115h22m-11-11v22\" stroke=\"#4E9AB8\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n          <circle cx=\"108\" cy=\"103\" r=\"15\" fill=\"#F6C86E\" opacity=\".86\"\/>\r\n          <circle cx=\"388\" cy=\"277\" r=\"10\" fill=\"#62C1D1\" opacity=\".8\"\/>\r\n          <path d=\"M104 145l10 5m249-88 8 8\" stroke=\"#A7C9DE\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\r\n          <defs>\r\n            <linearGradient id=\"screen\" x1=\"162\" y1=\"128\" x2=\"319\" y2=\"231\" gradientUnits=\"userSpaceOnUse\">\r\n              <stop stop-color=\"#1D5F8B\"\/>\r\n              <stop offset=\"1\" stop-color=\"#102D55\"\/>\r\n            <\/linearGradient>\r\n          <\/defs>\r\n        <\/svg>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"section\" id=\"rooms\" aria-labelledby=\"rooms-title\">\r\n      <div class=\"section-heading\">\r\n        <div>\r\n          <p class=\"section-kicker\">OUR LABORATORIES<\/p>\r\n          <h2 class=\"section-title\" id=\"rooms-title\">\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23<\/h2>\r\n        <\/div>\r\n        <p class=\"section-description\">\u0e14\u0e39\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e41\u0e25\u0e30\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e2d\u0e07\u0e2b\u0e49\u0e2d\u0e07 \u0e2b\u0e23\u0e37\u0e2d\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e15\u0e32\u0e23\u0e32\u0e07\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e08\u0e32\u0e01\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e02\u0e2d\u0e07\u0e41\u0e15\u0e48\u0e25\u0e30\u0e2b\u0e49\u0e2d\u0e07<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"room-grid\">\r\n        <article class=\"room-card\">\r\n          <div class=\"room-card-top\">\r\n            <div>\r\n              <p class=\"room-label\">COMPUTER LAB \u00b7 MUSes<\/p>\r\n              <h3 class=\"room-title\">\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e04\u0e2d\u0e21\u0e1e\u0e34\u0e27\u0e40\u0e15\u0e2d\u0e23\u0e4c MUSes<\/h3>\r\n            <\/div>\r\n            <span class=\"room-icon\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"14\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.7\"\/><path d=\"M8 21h8m-4-3v3m-4-9 2-2 2 2 4-4\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n            <\/span>\r\n          <\/div>\r\n          <p class=\"room-copy\">\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e1b\u0e0f\u0e34\u0e17\u0e34\u0e19\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e2b\u0e49\u0e2d\u0e07 \u0e41\u0e25\u0e30\u0e2a\u0e48\u0e07\u0e04\u0e33\u0e02\u0e2d\u0e08\u0e2d\u0e07\u0e1c\u0e48\u0e32\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e2d\u0e07\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e04\u0e2d\u0e21\u0e1e\u0e34\u0e27\u0e40\u0e15\u0e2d\u0e23\u0e4c MUSes<\/p>\r\n          <div class=\"room-actions\">\r\n            <a class=\"button button-primary\" href=\"https:\/\/science.mahidol.ac.th\/sosd\/room-booking-system\/login.php\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M14 4h6v6m-11 5L20 4M18 13v5a2 2 0 01-2 2H6a2 2 0 01-2-2V8a2 2 0 012-2h5\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n              \u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e2d\u0e07\r\n            <\/a>\r\n            <a class=\"button button-secondary\" href=\"https:\/\/science.mahidol.ac.th\/sosd\/room-booking-system\/\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.7\"\/><path d=\"M7.5 3v4m9-4v4M4 9.5h16m-11 4h2m3 0h2\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"\/><\/svg>\r\n              \u0e1b\u0e0f\u0e34\u0e17\u0e34\u0e19\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e2b\u0e49\u0e2d\u0e07\r\n            <\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"room-card\">\r\n          <div class=\"room-card-top\">\r\n            <div>\r\n              <p class=\"room-label\">COMPUTER LAB \u00b7 SC3-200<\/p>\r\n              <h3 class=\"room-title\">\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e04\u0e2d\u0e21\u0e1e\u0e34\u0e27\u0e40\u0e15\u0e2d\u0e23\u0e4c SC3-200<\/h3>\r\n            <\/div>\r\n            <span class=\"room-icon\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 20h16M6 20V8l6-4 6 4v12m-9 0v-6h6v6m-5-9h.01M14 11h.01\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n            <\/span>\r\n          <\/div>\r\n          <p class=\"room-copy\">\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e15\u0e32\u0e23\u0e32\u0e07\u0e43\u0e0a\u0e49\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23 SC3-200 \u0e1c\u0e48\u0e32\u0e19\u0e1b\u0e0f\u0e34\u0e17\u0e34\u0e19\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<\/p>\r\n          <div class=\"room-actions\">\r\n            <a class=\"button button-primary\" href=\"https:\/\/science.mahidol.ac.th\/sosd\/room-booking-system\/\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.7\"\/><path d=\"M7.5 3v4m9-4v4M4 9.5h16m-11 4h2m3 0h2\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"\/><\/svg>\r\n              \u0e14\u0e39\u0e15\u0e32\u0e23\u0e32\u0e07\u0e43\u0e0a\u0e49\u0e2b\u0e49\u0e2d\u0e07\r\n            <\/a>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"section\" id=\"schedule\" aria-labelledby=\"schedule-title\">\r\n      <div class=\"section-heading\">\r\n        <div>\r\n          <p class=\"section-kicker\">ROOM SCHEDULE<\/p>\r\n          <h2 class=\"section-title\" id=\"schedule-title\">\u0e15\u0e32\u0e23\u0e32\u0e07\u0e43\u0e0a\u0e49\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23<\/h2>\r\n        <\/div>\r\n        <p class=\"section-description\">\u0e1b\u0e0f\u0e34\u0e17\u0e34\u0e19\u0e08\u0e32\u0e01\u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e2d\u0e07\u0e2b\u0e49\u0e2d\u0e07\u0e02\u0e2d\u0e07\u0e07\u0e32\u0e19\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25<\/p>\r\n      <\/div>\r\n      <div class=\"booking-panel\">\r\n        <div class=\"booking-copy\">\r\n          <p class=\"section-kicker\">CHECK AVAILABILITY<\/p>\r\n          <h3>\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e15\u0e32\u0e23\u0e32\u0e07<br>\u0e01\u0e48\u0e2d\u0e19\u0e17\u0e33\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e08\u0e2d\u0e07<\/h3>\r\n          <p>\u0e40\u0e1b\u0e34\u0e14\u0e1b\u0e0f\u0e34\u0e17\u0e34\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e39\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23 \u0e2b\u0e32\u0e01\u0e44\u0e21\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e41\u0e2a\u0e14\u0e07\u0e1b\u0e0f\u0e34\u0e17\u0e34\u0e19\u0e43\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e19\u0e35\u0e49\u0e44\u0e14\u0e49 \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e1b\u0e34\u0e14\u0e23\u0e30\u0e1a\u0e1a\u0e42\u0e14\u0e22\u0e15\u0e23\u0e07\u0e44\u0e14\u0e49<\/p>\r\n          <a class=\"button button-primary\" href=\"https:\/\/science.mahidol.ac.th\/sosd\/room-booking-system\/\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M14 4h6v6m-11 5L20 4M18 13v5a2 2 0 01-2 2H6a2 2 0 01-2-2V8a2 2 0 012-2h5\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n            \u0e40\u0e1b\u0e34\u0e14\u0e1b\u0e0f\u0e34\u0e17\u0e34\u0e19\u0e43\u0e19\u0e41\u0e17\u0e47\u0e1a\u0e43\u0e2b\u0e21\u0e48\r\n          <\/a>\r\n        <\/div>\r\n        <div class=\"booking-frame-wrap\">\r\n          <iframe class=\"booking-frame\" src=\"https:\/\/science.mahidol.ac.th\/sosd\/room-booking-system\/\" title=\"\u0e1b\u0e0f\u0e34\u0e17\u0e34\u0e19\u0e43\u0e0a\u0e49\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e04\u0e2d\u0e21\u0e1e\u0e34\u0e27\u0e40\u0e15\u0e2d\u0e23\u0e4c\" loading=\"lazy\" referrerpolicy=\"strict-origin-when-cross-origin\">\r\n            <div class=\"booking-fallback\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.7\"\/><path d=\"M7.5 3v4m9-4v4M4 9.5h16m-11 4h2m3 0h2\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"\/><\/svg>\r\n              <strong>\u0e40\u0e1b\u0e34\u0e14\u0e14\u0e39\u0e15\u0e32\u0e23\u0e32\u0e07\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e2b\u0e49\u0e2d\u0e07<\/strong>\r\n              <span>\u0e2b\u0e32\u0e01\u0e1b\u0e0f\u0e34\u0e17\u0e34\u0e19\u0e44\u0e21\u0e48\u0e41\u0e2a\u0e14\u0e07\u0e43\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e19\u0e35\u0e49 \u0e01\u0e23\u0e38\u0e13\u0e32\u0e40\u0e1b\u0e34\u0e14\u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e2d\u0e07\u0e2b\u0e49\u0e2d\u0e07\u0e42\u0e14\u0e22\u0e15\u0e23\u0e07<\/span>\r\n              <a href=\"https:\/\/science.mahidol.ac.th\/sosd\/room-booking-system\/\">\u0e44\u0e1b\u0e22\u0e31\u0e07\u0e1b\u0e0f\u0e34\u0e17\u0e34\u0e19\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e2b\u0e49\u0e2d\u0e07<\/a>\r\n            <\/div>\r\n          <\/iframe>\r\n        <\/div>\r\n      <\/div>\r\n      <aside class=\"help-strip\" aria-label=\"\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\">\r\n        <div class=\"help-copy\">\r\n          <span class=\"help-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 17v.01M9.1 9a3 3 0 115.8 1c-.8 1-2.9 1.2-2.9 3\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.7\"\/><\/svg>\r\n          <\/span>\r\n          <span>\r\n            <strong>\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21?<\/strong>\r\n            <span>\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e07\u0e32\u0e19\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25 \u0e04\u0e13\u0e30\u0e27\u0e34\u0e17\u0e22\u0e32\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e21\u0e2b\u0e34\u0e14\u0e25<\/span>\r\n          <\/span>\r\n        <\/div>\r\n        <a href=\"https:\/\/science.mahidol.ac.th\/sosd\/?page_id=29\">\u0e44\u0e1b\u0e2b\u0e19\u0e49\u0e32\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32 <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n      <\/aside>\r\n    <\/section>\r\n  <\/main>\r\n\r\n  <footer class=\"site-footer\">\r\n    <strong>\u0e07\u0e32\u0e19\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25<\/strong> \u00b7 \u0e04\u0e13\u0e30\u0e27\u0e34\u0e17\u0e22\u0e32\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e21\u0e2b\u0e34\u0e14\u0e25\r\n  <\/footer>\r\n  <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e04\u0e2d\u0e21\u0e1e\u0e34\u0e27\u0e40\u0e15\u0e2d\u0e23\u0e4c | \u0e07\u0e32\u0e19\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25 COMPUTER LABORATORY \u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23 \u0e04\u0e2d\u0e21\u0e1e\u0e34\u0e27\u0e40\u0e15\u0e2d\u0e23\u0e4c < \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23 \u0e14\u0e39\u0e15\u0e32\u0e23\u0e32\u0e07\u0e2b\u0e49\u0e2d\u0e07 \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e0a\u0e48\u0e27\u0e07\u0e40\u0e27\u0e25\u0e32\u0e27\u0e48\u0e32\u0e07\u0e01\u0e48\u0e2d\u0e19\u0e2a\u0e48\u0e07\u0e04\u0e33\u0e02\u0e2d\u0e08\u0e2d\u0e07 Learning space Online booking OUR LABORATORIES \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23 \u0e14\u0e39\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e41\u0e25\u0e30\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e2d\u0e07\u0e2b\u0e49\u0e2d\u0e07 \u0e2b\u0e23\u0e37\u0e2d\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e15\u0e32\u0e23\u0e32\u0e07\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e08\u0e32\u0e01\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e02\u0e2d\u0e07\u0e41\u0e15\u0e48\u0e25\u0e30\u0e2b\u0e49\u0e2d\u0e07 COMPUTER LAB \u00b7 MUSes \u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e04\u0e2d\u0e21\u0e1e\u0e34\u0e27\u0e40\u0e15\u0e2d\u0e23\u0e4c MUSes \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e1b\u0e0f\u0e34\u0e17\u0e34\u0e19\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e2b\u0e49\u0e2d\u0e07 \u0e41\u0e25\u0e30\u0e2a\u0e48\u0e07\u0e04\u0e33\u0e02\u0e2d\u0e08\u0e2d\u0e07\u0e1c\u0e48\u0e32\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e2d\u0e07\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e04\u0e2d\u0e21\u0e1e\u0e34\u0e27\u0e40\u0e15\u0e2d\u0e23\u0e4c MUSes \u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e2d\u0e07 \u0e1b\u0e0f\u0e34\u0e17\u0e34\u0e19\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e2b\u0e49\u0e2d\u0e07 COMPUTER LAB \u00b7 SC3-200 \u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e04\u0e2d\u0e21\u0e1e\u0e34\u0e27\u0e40\u0e15\u0e2d\u0e23\u0e4c SC3-200 \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e15\u0e32\u0e23\u0e32\u0e07\u0e43\u0e0a\u0e49\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23 SC3-200 \u0e1c\u0e48\u0e32\u0e19\u0e1b\u0e0f\u0e34\u0e17\u0e34\u0e19\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c \u0e14\u0e39\u0e15\u0e32\u0e23\u0e32\u0e07\u0e43\u0e0a\u0e49\u0e2b\u0e49\u0e2d\u0e07 ROOM SCHEDULE \u0e15\u0e32\u0e23\u0e32\u0e07\u0e43\u0e0a\u0e49\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23 \u0e1b\u0e0f\u0e34\u0e17\u0e34\u0e19\u0e08\u0e32\u0e01\u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e2d\u0e07\u0e2b\u0e49\u0e2d\u0e07\u0e02\u0e2d\u0e07\u0e07\u0e32\u0e19\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25 CHECK AVAILABILITY \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e15\u0e32\u0e23\u0e32\u0e07\u0e01\u0e48\u0e2d\u0e19\u0e17\u0e33\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e08\u0e2d\u0e07 \u0e40\u0e1b\u0e34\u0e14\u0e1b\u0e0f\u0e34\u0e17\u0e34\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e39\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23 \u0e2b\u0e32\u0e01\u0e44\u0e21\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e41\u0e2a\u0e14\u0e07\u0e1b\u0e0f\u0e34\u0e17\u0e34\u0e19\u0e43\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e19\u0e35\u0e49\u0e44\u0e14\u0e49 \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e1b\u0e34\u0e14\u0e23\u0e30\u0e1a\u0e1a\u0e42\u0e14\u0e22\u0e15\u0e23\u0e07\u0e44\u0e14\u0e49 \u0e40\u0e1b\u0e34\u0e14\u0e1b\u0e0f\u0e34\u0e17\u0e34\u0e19\u0e43\u0e19\u0e41\u0e17\u0e47\u0e1a\u0e43\u0e2b\u0e21\u0e48 \u0e40\u0e1b\u0e34\u0e14\u0e14\u0e39\u0e15\u0e32\u0e23\u0e32\u0e07\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e2b\u0e49\u0e2d\u0e07 \u0e2b\u0e32\u0e01\u0e1b\u0e0f\u0e34\u0e17\u0e34\u0e19\u0e44\u0e21\u0e48\u0e41\u0e2a\u0e14\u0e07\u0e43\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e19\u0e35\u0e49 \u0e01\u0e23\u0e38\u0e13\u0e32\u0e40\u0e1b\u0e34\u0e14\u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e2d\u0e07\u0e2b\u0e49\u0e2d\u0e07\u0e42\u0e14\u0e22\u0e15\u0e23\u0e07 [&hellip;]\n<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":25,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-130","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/science.mahidol.ac.th\/sosd\/index.php?rest_route=\/wp\/v2\/pages\/130","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/science.mahidol.ac.th\/sosd\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/science.mahidol.ac.th\/sosd\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/science.mahidol.ac.th\/sosd\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/science.mahidol.ac.th\/sosd\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=130"}],"version-history":[{"count":12,"href":"https:\/\/science.mahidol.ac.th\/sosd\/index.php?rest_route=\/wp\/v2\/pages\/130\/revisions"}],"predecessor-version":[{"id":7686,"href":"https:\/\/science.mahidol.ac.th\/sosd\/index.php?rest_route=\/wp\/v2\/pages\/130\/revisions\/7686"}],"up":[{"embeddable":true,"href":"https:\/\/science.mahidol.ac.th\/sosd\/index.php?rest_route=\/wp\/v2\/pages\/25"}],"wp:attachment":[{"href":"https:\/\/science.mahidol.ac.th\/sosd\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=130"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}