\r\n \u0e01\u0e25\u0e38\u0e48\u0e21\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23 | \u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e19\u0e32\u0e22\u0e32\u0e22\u0e2d\u0e32\u0e21\u0e1e\u0e34\u0e17\u0e22\u0e32\u0e04\u0e21\r\n <\/title>\r\n\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n\r\n <link\r\n rel=\"preconnect\"\r\n href=\"https:\/\/fonts.gstatic.com\"\r\n crossorigin\r\n >\r\n\r\n <link\r\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Kanit:wght@300;400;500;600;700&display=swap\"\r\n rel=\"stylesheet\"\r\n >\r\n\r\n <style>\r\n :root {\r\n --primary: #7446cf;\r\n --primary-dark: #4f278f;\r\n --primary-light: #f0e8ff;\r\n --secondary: #9b72df;\r\n\r\n --white: #ffffff;\r\n --background: #f7f5fb;\r\n --surface: #ffffff;\r\n\r\n --text: #2e2340;\r\n --gray: #6b7280;\r\n --border: #e6dff0;\r\n\r\n --success: #198754;\r\n --warning-bg: #fff8e6;\r\n --warning-border: #f1d58d;\r\n --warning-text: #715318;\r\n\r\n --shadow:\r\n 0 18px 45px rgba(70, 39, 120, 0.12);\r\n\r\n --radius-large: 28px;\r\n --radius-medium: 18px;\r\n --radius-small: 13px;\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n overflow-x: hidden;\r\n }\r\n\r\n body {\r\n width: 100%;\r\n min-height: 100vh;\r\n overflow-x: hidden;\r\n\r\n font-family: \"Kanit\", sans-serif;\r\n color: var(--text);\r\n background: var(--background);\r\n line-height: 1.7;\r\n }\r\n\r\n img {\r\n display: block;\r\n max-width: 100%;\r\n }\r\n\r\n a {\r\n color: inherit;\r\n text-decoration: none;\r\n }\r\n\r\n button,\r\n input {\r\n font-family: inherit;\r\n }\r\n\r\n .academic-container {\r\n width: calc(100% - 32px);\r\n max-width: 1180px;\r\n min-width: 0;\r\n margin-left: auto;\r\n margin-right: auto;\r\n padding-left: 0;\r\n padding-right: 0;\r\n }\r\n\r\n \/* =========================\r\n HEADER\r\n ========================= *\/\r\n\r\n .site-header {\r\n position: sticky;\r\n top: 0;\r\n z-index: 1000;\r\n\r\n width: 100%;\r\n background: rgba(255, 255, 255, 0.94);\r\n border-bottom: 1px solid var(--border);\r\n backdrop-filter: blur(16px);\r\n }\r\n\r\n .navbar {\r\n min-height: 76px;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n\r\n gap: 24px;\r\n }\r\n\r\n .brand {\r\n min-width: 0;\r\n\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n }\r\n\r\n .logo {\r\n width: 52px;\r\n height: 52px;\r\n flex-shrink: 0;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n border-radius: 16px;\r\n\r\n color: var(--white);\r\n font-size: 19px;\r\n font-weight: 700;\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n var(--primary),\r\n var(--secondary)\r\n );\r\n\r\n box-shadow:\r\n 0 10px 25px rgba(116, 70, 207, 0.28);\r\n }\r\n\r\n .brand-text {\r\n min-width: 0;\r\n }\r\n\r\n .brand-text h1 {\r\n color: var(--primary-dark);\r\n font-size: 18px;\r\n line-height: 1.3;\r\n white-space: nowrap;\r\n }\r\n\r\n .brand-text p {\r\n margin-top: 2px;\r\n\r\n color: var(--gray);\r\n font-size: 13px;\r\n white-space: nowrap;\r\n }\r\n\r\n .nav-menu {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .nav-menu a {\r\n padding: 10px 15px;\r\n\r\n border-radius: 12px;\r\n\r\n color: #4b5563;\r\n font-size: 15px;\r\n font-weight: 500;\r\n\r\n transition: 0.25s ease;\r\n }\r\n\r\n .nav-menu a:hover {\r\n color: var(--primary);\r\n background: var(--primary-light);\r\n }\r\n\r\n \/* =========================\r\n HERO\r\n ========================= *\/\r\n\r\n .hero {\r\n width: 100%;\r\n padding: 76px 0 62px;\r\n\r\n background:\r\n radial-gradient(\r\n circle at top left,\r\n rgba(155, 114, 223, 0.20),\r\n transparent 38%\r\n ),\r\n radial-gradient(\r\n circle at bottom right,\r\n rgba(116, 70, 207, 0.10),\r\n transparent 30%\r\n ),\r\n linear-gradient(\r\n 180deg,\r\n #ffffff 0%,\r\n #f8f5fc 100%\r\n );\r\n }\r\n\r\n .hero-content {\r\n width: 100%;\r\n max-width: 900px;\r\n margin: 0 auto;\r\n\r\n text-align: center;\r\n }\r\n\r\n .hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n\r\n max-width: 100%;\r\n margin-bottom: 20px;\r\n padding: 8px 14px;\r\n\r\n border-radius: 999px;\r\n\r\n color: var(--primary-dark);\r\n background: var(--primary-light);\r\n\r\n font-size: 14px;\r\n font-weight: 600;\r\n }\r\n\r\n .hero-badge::before {\r\n content: \"\";\r\n\r\n width: 8px;\r\n height: 8px;\r\n flex-shrink: 0;\r\n\r\n border-radius: 50%;\r\n background: var(--primary);\r\n }\r\n\r\n .hero h2 {\r\n max-width: 880px;\r\n margin: 0 auto;\r\n\r\n color: #2d2140;\r\n\r\n font-size: clamp(38px, 6vw, 72px);\r\n font-weight: 700;\r\n line-height: 1.12;\r\n letter-spacing: -1.5px;\r\n\r\n overflow-wrap: anywhere;\r\n }\r\n\r\n .hero h2 span {\r\n display: block;\r\n color: var(--primary);\r\n }\r\n\r\n .hero-description {\r\n max-width: 760px;\r\n margin: 22px auto 0;\r\n\r\n color: var(--gray);\r\n font-size: clamp(15px, 2vw, 18px);\r\n line-height: 1.9;\r\n }\r\n\r\n .hero-buttons {\r\n width: 100%;\r\n margin-top: 30px;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n\r\n gap: 12px;\r\n }\r\n\r\n .button {\r\n min-width: 190px;\r\n\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n\r\n padding: 13px 20px;\r\n\r\n border: 0;\r\n border-radius: 14px;\r\n\r\n font-size: 15px;\r\n font-weight: 600;\r\n\r\n transition:\r\n transform 0.25s ease,\r\n box-shadow 0.25s ease,\r\n background 0.25s ease;\r\n }\r\n\r\n .button:hover {\r\n transform: translateY(-3px);\r\n }\r\n\r\n .button-primary {\r\n color: var(--white);\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n var(--primary),\r\n var(--secondary)\r\n );\r\n\r\n box-shadow:\r\n 0 12px 26px rgba(116, 70, 207, 0.26);\r\n }\r\n\r\n .button-secondary {\r\n color: var(--primary-dark);\r\n background: var(--white);\r\n border: 1px solid var(--border);\r\n }\r\n\r\n \/* =========================\r\n QUICK MENU\r\n ========================= *\/\r\n\r\n .quick-section {\r\n width: 100%;\r\n padding: 0 0 34px;\r\n }\r\n\r\n .quick-grid {\r\n display: grid;\r\n grid-template-columns:\r\n repeat(3, minmax(0, 1fr));\r\n\r\n gap: 18px;\r\n }\r\n\r\n .quick-card {\r\n min-width: 0;\r\n padding: 20px;\r\n\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius-medium);\r\n\r\n background: rgba(255, 255, 255, 0.95);\r\n\r\n box-shadow:\r\n 0 10px 28px rgba(57, 35, 90, 0.07);\r\n\r\n transition: 0.25s ease;\r\n }\r\n\r\n .quick-card:hover {\r\n transform: translateY(-5px);\r\n border-color: rgba(116, 70, 207, 0.35);\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .quick-icon {\r\n width: 58px;\r\n height: 58px;\r\n flex-shrink: 0;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n border-radius: 17px;\r\n\r\n background: var(--primary-light);\r\n font-size: 27px;\r\n }\r\n\r\n .quick-card div:last-child {\r\n min-width: 0;\r\n }\r\n\r\n .quick-card h3 {\r\n color: var(--primary-dark);\r\n font-size: 16px;\r\n line-height: 1.5;\r\n }\r\n\r\n .quick-card p {\r\n margin-top: 3px;\r\n\r\n color: var(--gray);\r\n font-size: 13px;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* =========================\r\n NOTICE\r\n ========================= *\/\r\n\r\n .notice-section {\r\n width: 100%;\r\n padding: 8px 0 30px;\r\n }\r\n\r\n .notice {\r\n width: 100%;\r\n padding: 18px 20px;\r\n\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 14px;\r\n\r\n border: 1px solid var(--warning-border);\r\n border-radius: var(--radius-medium);\r\n\r\n color: var(--warning-text);\r\n background: var(--warning-bg);\r\n }\r\n\r\n .notice-icon {\r\n flex-shrink: 0;\r\n font-size: 24px;\r\n line-height: 1.2;\r\n }\r\n\r\n .notice-content {\r\n min-width: 0;\r\n }\r\n\r\n .notice-content strong {\r\n display: block;\r\n margin-bottom: 3px;\r\n }\r\n\r\n \/* =========================\r\n DOWNLOAD SECTION\r\n ========================= *\/\r\n\r\n .download-section {\r\n width: 100%;\r\n padding: 44px 0 84px;\r\n }\r\n\r\n .section-header {\r\n width: 100%;\r\n max-width: 100%;\r\n min-width: 0;\r\n margin-bottom: 28px;\r\n\r\n display: grid;\r\n grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);\r\n align-items: end;\r\n gap: 24px;\r\n }\r\n\r\n .section-title {\r\n min-width: 0;\r\n }\r\n\r\n .section-title h3 {\r\n color: #2d2140;\r\n\r\n font-size: clamp(30px, 4vw, 42px);\r\n line-height: 1.25;\r\n }\r\n\r\n .section-title p {\r\n margin-top: 4px;\r\n\r\n color: var(--gray);\r\n font-size: 15px;\r\n }\r\n\r\n .search-box {\r\n position: relative;\r\n\r\n width: 100%;\r\n max-width: 100%;\r\n min-width: 0;\r\n }\r\n\r\n .search-box span {\r\n position: absolute;\r\n top: 50%;\r\n left: 16px;\r\n\r\n transform: translateY(-50%);\r\n pointer-events: none;\r\n\r\n color: var(--gray);\r\n }\r\n\r\n .search-box input {\r\n width: 100%;\r\n min-width: 0;\r\n\r\n padding: 13px 16px 13px 46px;\r\n\r\n border: 1px solid var(--border);\r\n border-radius: 15px;\r\n outline: none;\r\n\r\n color: var(--text);\r\n background: var(--white);\r\n\r\n font-size: 15px;\r\n\r\n transition: 0.2s ease;\r\n }\r\n\r\n .search-box input:focus {\r\n border-color: var(--primary);\r\n\r\n box-shadow:\r\n 0 0 0 4px rgba(116, 70, 207, 0.10);\r\n }\r\n\r\n .download-grid {\r\n width: 100%;\r\n\r\n display: grid;\r\n grid-template-columns:\r\n repeat(auto-fit, minmax(min(100%, 300px), 1fr));\r\n\r\n gap: 22px;\r\n }\r\n\r\n .download-card {\r\n position: relative;\r\n min-width: 0;\r\n overflow: hidden;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n\r\n padding: 23px;\r\n\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius-large);\r\n\r\n background: var(--surface);\r\n\r\n box-shadow:\r\n 0 9px 26px rgba(48, 34, 75, 0.06);\r\n\r\n transition:\r\n transform 0.28s ease,\r\n box-shadow 0.28s ease,\r\n border-color 0.28s ease;\r\n }\r\n\r\n .download-card:hover {\r\n transform: translateY(-7px);\r\n\r\n border-color:\r\n rgba(116, 70, 207, 0.35);\r\n\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .download-card::after {\r\n content: \"\";\r\n\r\n position: absolute;\r\n right: -55px;\r\n bottom: -55px;\r\n\r\n width: 120px;\r\n height: 120px;\r\n\r\n border-radius: 50%;\r\n background:\r\n rgba(116, 70, 207, 0.06);\r\n }\r\n\r\n .file-icon {\r\n width: 66px;\r\n height: 66px;\r\n flex-shrink: 0;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n margin-bottom: 18px;\r\n\r\n border: 1px solid var(--border);\r\n border-radius: 19px;\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n var(--primary-light),\r\n #ffffff\r\n );\r\n\r\n font-size: 31px;\r\n }\r\n\r\n .tags {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 7px;\r\n\r\n margin-bottom: 10px;\r\n }\r\n\r\n .tag {\r\n max-width: 100%;\r\n padding: 5px 9px;\r\n\r\n border: 1px solid var(--border);\r\n border-radius: 999px;\r\n\r\n color: var(--gray);\r\n background: #f8f5fc;\r\n\r\n font-size: 12px;\r\n\r\n overflow-wrap: anywhere;\r\n }\r\n\r\n .download-card h4 {\r\n color: #312644;\r\n\r\n font-size: 18px;\r\n line-height: 1.55;\r\n\r\n overflow-wrap: anywhere;\r\n }\r\n\r\n .download-card p {\r\n flex: 1;\r\n\r\n margin-top: 8px;\r\n\r\n color: var(--gray);\r\n font-size: 14px;\r\n line-height: 1.75;\r\n\r\n overflow-wrap: anywhere;\r\n }\r\n\r\n .card-buttons {\r\n position: relative;\r\n z-index: 2;\r\n\r\n width: 100%;\r\n margin-top: 20px;\r\n\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n\r\n .card-button {\r\n min-width: 0;\r\n flex: 1 1 120px;\r\n\r\n padding: 10px 12px;\r\n\r\n border-radius: 12px;\r\n\r\n color: var(--white);\r\n background: var(--primary);\r\n\r\n text-align: center;\r\n font-size: 14px;\r\n font-weight: 600;\r\n\r\n overflow-wrap: anywhere;\r\n\r\n transition: 0.2s ease;\r\n }\r\n\r\n .card-button:hover {\r\n background: var(--primary-dark);\r\n }\r\n\r\n .card-button.secondary {\r\n color: var(--primary-dark);\r\n background: var(--primary-light);\r\n }\r\n\r\n .card-button.secondary:hover {\r\n background: #e4d6ff;\r\n }\r\n\r\n .not-found {\r\n display: none;\r\n\r\n grid-column: 1 \/ -1;\r\n\r\n width: 100%;\r\n padding: 50px 20px;\r\n\r\n border: 1px dashed var(--border);\r\n border-radius: 20px;\r\n\r\n color: var(--gray);\r\n background: var(--white);\r\n\r\n text-align: center;\r\n }\r\n\r\n \/* =========================\r\n FOOTER\r\n ========================= *\/\r\n\r\n .site-footer {\r\n width: 100%;\r\n padding: 46px 0 24px;\r\n\r\n color: var(--white);\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n var(--primary-dark),\r\n var(--primary)\r\n );\r\n }\r\n\r\n .footer-grid {\r\n width: 100%;\r\n\r\n display: grid;\r\n grid-template-columns:\r\n minmax(0, 1.2fr)\r\n minmax(0, 0.8fr);\r\n\r\n gap: 30px;\r\n }\r\n\r\n .footer-grid > div {\r\n min-width: 0;\r\n }\r\n\r\n .footer-grid h4 {\r\n margin-bottom: 8px;\r\n\r\n font-size: 19px;\r\n line-height: 1.5;\r\n }\r\n\r\n .footer-grid p {\r\n color: rgba(255, 255, 255, 0.78);\r\n\r\n font-size: 14px;\r\n line-height: 1.85;\r\n\r\n overflow-wrap: anywhere;\r\n }\r\n\r\n .footer-contact {\r\n text-align: right;\r\n }\r\n\r\n .copyright {\r\n margin-top: 28px;\r\n padding-top: 20px;\r\n\r\n border-top:\r\n 1px solid rgba(255, 255, 255, 0.17);\r\n\r\n color: rgba(255, 255, 255, 0.65);\r\n\r\n text-align: center;\r\n font-size: 13px;\r\n }\r\n\r\n \/* =========================\r\n TABLET\r\n ========================= *\/\r\n\r\n @media screen and (max-width: 960px) {\r\n .quick-grid {\r\n grid-template-columns:\r\n repeat(2, minmax(0, 1fr));\r\n }\r\n\r\n .download-grid {\r\n grid-template-columns:\r\n repeat(2, minmax(0, 1fr));\r\n }\r\n\r\n .section-header {\r\n grid-template-columns: 1fr;\r\n align-items: stretch;\r\n }\r\n\r\n .search-box {\r\n width: 100%;\r\n max-width: 100%;\r\n }\r\n }\r\n\r\n \/* =========================\r\n MOBILE\r\n ========================= *\/\r\n\r\n @media screen and (max-width: 700px) {\r\n .academic-container {\r\n padding-left: 16px;\r\n padding-right: 16px;\r\n }\r\n\r\n .navbar {\r\n min-height: 68px;\r\n }\r\n\r\n .nav-menu {\r\n display: none;\r\n }\r\n\r\n .brand-text h1 {\r\n white-space: normal;\r\n font-size: 16px;\r\n }\r\n\r\n .brand-text p {\r\n white-space: normal;\r\n font-size: 12px;\r\n }\r\n\r\n .hero {\r\n padding: 54px 0 44px;\r\n }\r\n\r\n .hero h2 {\r\n font-size: clamp(34px, 11vw, 52px);\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n .hero-description {\r\n line-height: 1.8;\r\n }\r\n\r\n .quick-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .download-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .footer-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .footer-contact {\r\n text-align: left;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 480px) {\r\n .academic-container {\r\n padding-left: 12px;\r\n padding-right: 12px;\r\n }\r\n\r\n .logo {\r\n width: 46px;\r\n height: 46px;\r\n\r\n border-radius: 14px;\r\n font-size: 17px;\r\n }\r\n\r\n .brand-text p {\r\n display: none;\r\n }\r\n\r\n .hero-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .button {\r\n width: 100%;\r\n min-width: 0;\r\n }\r\n\r\n .notice {\r\n padding: 16px;\r\n }\r\n\r\n .download-card {\r\n padding: 20px;\r\n }\r\n\r\n .card-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .card-button {\r\n width: 100%;\r\n flex-basis: auto;\r\n }\r\n }\r\n\r\n \/* \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e25\u0e49\u0e19\u0e01\u0e23\u0e2d\u0e1a\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e27\u0e32\u0e07\u0e43\u0e19 Google Sites \u0e2b\u0e23\u0e37\u0e2d\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e2d\u0e37\u0e48\u0e19 *\/\r\n main,\r\n section,\r\n .academic-container,\r\n .section-header,\r\n .download-grid,\r\n .download-card,\r\n .search-box,\r\n .search-box input {\r\n max-width: 100%;\r\n min-width: 0;\r\n }\r\n\r\n .download-card h4,\r\n .download-card p,\r\n .notice-content {\r\n word-break: break-word;\r\n overflow-wrap: anywhere;\r\n }\r\n\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <main>\r\n\r\n \r\n\r\n <section class=\"hero\" id=\"home\">\r\n <div class=\"academic-container\">\r\n\r\n <div class=\"hero-content\">\r\n\r\n <div class=\"hero-badge\">\r\n Academic Administration\r\n <\/div>\r\n\r\n <h2>\r\n \u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21 Bookmark\r\n <span>\u0e01\u0e25\u0e38\u0e48\u0e21\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23<\/span>\r\n <\/h2>\r\n\r\n <p class=\"hero-description\">\r\n \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21 \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d \u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\r\n \u0e41\u0e25\u0e30\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e17\u0e35\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e1a\u0e07\u0e32\u0e19\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\r\n \u0e07\u0e32\u0e19\u0e27\u0e31\u0e14\u0e1c\u0e25 \u0e41\u0e25\u0e30\u0e07\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\r\n \u0e02\u0e2d\u0e07\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e19\u0e32\u0e22\u0e32\u0e22\u0e2d\u0e32\u0e21\u0e1e\u0e34\u0e17\u0e22\u0e32\u0e04\u0e21\r\n <\/p>\r\n\r\n <div class=\"hero-buttons\">\r\n\r\n <a\r\n href=\"#downloads\"\r\n class=\"button button-primary\"\r\n >\r\n \u2b07 \u0e14\u0e39\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\r\n <\/a>\r\n\r\n <a\r\n href=\"#contact\"\r\n class=\"button button-secondary\"\r\n >\r\n \u260e \u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e01\u0e25\u0e38\u0e48\u0e21\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n\r\n\r\n\r\n \r\n\r\n <section class=\"notice-section\">\r\n <div class=\"academic-container\">\r\n\r\n <div class=\"notice\">\r\n\r\n <div class=\"notice-icon\">\r\n \ud83d\udccc\r\n <\/div>\r\n\r\n <div class=\"notice-content\">\r\n\r\n <strong>\r\n \u0e04\u0e33\u0e41\u0e19\u0e30\u0e19\u0e33\u0e01\u0e48\u0e2d\u0e19\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\r\n <\/strong>\r\n\r\n \u0e01\u0e23\u0e38\u0e13\u0e32\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e40\u0e27\u0e2d\u0e23\u0e4c\u0e0a\u0e31\u0e19\u0e02\u0e2d\u0e07 Windows\r\n \u0e41\u0e25\u0e30 Microsoft Office\r\n \u0e43\u0e2b\u0e49\u0e15\u0e23\u0e07\u0e01\u0e31\u0e1a\u0e44\u0e1f\u0e25\u0e4c\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\r\n \u0e42\u0e14\u0e22\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e23\u0e30\u0e1a\u0e1a 32 bit \u0e41\u0e25\u0e30 64 bit\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n\r\n <section\r\n class=\"download-section\"\r\n id=\"downloads\"\r\n >\r\n <div class=\"academic-container\">\r\n\r\n <div class=\"section-header\">\r\n\r\n <div class=\"section-title\">\r\n\r\n <h3>\r\n \u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\r\n <\/h3>\r\n\r\n <p>\r\n \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21 \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\r\n \u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <div class=\"search-box\">\r\n\r\n <span>\ud83d\udd0d<\/span>\r\n\r\n <input\r\n type=\"search\"\r\n id=\"searchInput\"\r\n placeholder=\"\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e2b\u0e23\u0e37\u0e2d\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21...\"\r\n aria-label=\"\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\"\r\n >\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div\r\n class=\"download-grid\"\r\n id=\"downloadGrid\"\r\n >\r\n\r\n \r\n\r\n <article\r\n class=\"download-card\"\r\n data-search=\"\r\n bookmark 2551\r\n setup\r\n \u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21\r\n \u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\r\n \u0e07\u0e32\u0e19\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\r\n \"\r\n >\r\n\r\n <div class=\"file-icon\">\r\n \ud83d\udcbf\r\n <\/div>\r\n\r\n <div class=\"tags\">\r\n <span class=\"tag\">\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21<\/span>\r\n <span class=\"tag\">Windows<\/span>\r\n <\/div>\r\n\r\n <h4>\r\n \u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21 Bookmark 2551 Setup\r\n <\/h4>\r\n\r\n <p>\r\n \u0e0a\u0e38\u0e14\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e08\u0e31\u0e14\u0e17\u0e33\r\n \u0e41\u0e25\u0e30\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\r\n \u0e02\u0e2d\u0e07\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32\r\n <\/p>\r\n\r\n <div class=\"card-buttons\">\r\n\r\n <a\r\n href=\"https:\/\/drive.google.com\/file\/d\/10xgZ2zmo8qU1TX1QCG3vAiOCvXWVstRw\/view?usp=sharing\"\r\n target=\"_blank\"\r\n class=\"card-button\"\r\n >\r\n \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n \r\n\r\n <article\r\n class=\"download-card\"\r\n data-search=\"\r\n update\r\n bookmark\r\n \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\r\n \u0e40\u0e27\u0e2d\u0e23\u0e4c\u0e0a\u0e31\u0e19\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14\r\n \"\r\n >\r\n\r\n <div class=\"file-icon\">\r\n \ud83d\udd04\r\n <\/div>\r\n\r\n <div class=\"tags\">\r\n <span class=\"tag\">\u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15<\/span>\r\n <span class=\"tag\">\u0e40\u0e27\u0e2d\u0e23\u0e4c\u0e0a\u0e31\u0e19\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14<\/span>\r\n <\/div>\r\n\r\n <h4>\r\n \u0e44\u0e1f\u0e25\u0e4c\u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15 Bookmark 2551\r\n <\/h4>\r\n\r\n <p>\r\n \u0e44\u0e1f\u0e25\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21\u0e40\u0e14\u0e34\u0e21\r\n \u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e27\u0e2d\u0e23\u0e4c\u0e0a\u0e31\u0e19\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14\r\n \u0e01\u0e48\u0e2d\u0e19\u0e40\u0e23\u0e34\u0e48\u0e21\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\r\n <\/p>\r\n\r\n <div class=\"card-buttons\">\r\n\r\n <a\r\n href=\"https:\/\/drive.google.com\/file\/d\/1PTqrIaom4ZO4JKRGAH9rShMofjBOpman\/view?usp=sharing\"\r\n target=\"_blank\"\r\n class=\"card-button\"\r\n >\r\n \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\r\n <\/a>\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n \r\n\r\n <article\r\n class=\"download-card\"\r\n data-search=\"\r\n microsoft\r\n access\r\n database\r\n engine\r\n \u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\r\n \"\r\n >\r\n\r\n <div class=\"file-icon\">\r\n \ud83e\udde9\r\n <\/div>\r\n\r\n <div class=\"tags\">\r\n <span class=\"tag\">Microsoft<\/span>\r\n <span class=\"tag\">\u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25<\/span>\r\n <\/div>\r\n\r\n <h4>\r\n Microsoft Access Database Engine\r\n <\/h4>\r\n\r\n <p>\r\n \u0e2a\u0e48\u0e27\u0e19\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e17\u0e35\u0e48\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\r\n \u0e01\u0e32\u0e23\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e21\u0e27\u0e25\u0e1c\u0e25\r\n \u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e02\u0e2d\u0e07\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21\r\n <\/p>\r\n\r\n <div class=\"card-buttons\">\r\n\r\n <a\r\n href=\"https:\/\/drive.google.com\/file\/d\/1TU-aXOkHV-wtF5VOFaY7OrzaP-Oxwm3m\/view?usp=sharing\"\r\n target=\"_blank\"\r\n class=\"card-button\"\r\n >\r\n \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n \r\n\r\n <article\r\n class=\"download-card\"\r\n data-search=\"\r\n microsoft\r\n access\r\n runtime\r\n 32 bit\r\n 64 bit\r\n \"\r\n >\r\n\r\n <div class=\"file-icon\">\r\n \ud83d\udfe7\r\n <\/div>\r\n\r\n <div class=\"tags\">\r\n <span class=\"tag\">Runtime<\/span>\r\n <span class=\"tag\">32\/64 bit<\/span>\r\n <\/div>\r\n\r\n <h4>\r\n Microsoft Access Runtime\r\n <\/h4>\r\n\r\n <p>\r\n \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e04\u0e2d\u0e21\u0e1e\u0e34\u0e27\u0e40\u0e15\u0e2d\u0e23\u0e4c\r\n \u0e17\u0e35\u0e48\u0e44\u0e21\u0e48\u0e21\u0e35 Microsoft Access\r\n \u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e2d\u0e22\u0e39\u0e48\u0e43\u0e19\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\r\n <\/p>\r\n\r\n <div class=\"card-buttons\">\r\n\r\n <a\r\n href=\"https:\/\/drive.google.com\/file\/d\/1ehVYuFBjClpsEgCbApxPBfXD-xHNZcyQ\/view?usp=sharing\"\r\n target=\"_blank\"\r\n class=\"card-button\"\r\n >\r\n \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n \r\n\r\n <article\r\n class=\"download-card\"\r\n data-search=\"\r\n \u0e04\u0e23\u0e39\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\r\n \u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\r\n \u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\r\n \u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\r\n \u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\r\n \"\r\n >\r\n\r\n <div class=\"file-icon\">\r\n \ud83c\udf10\r\n <\/div>\r\n\r\n <h4>\r\n \u0e41\u0e01\u0e49\u0e44\u0e02\u0e20\u0e32\u0e29\u0e32 Windows 10 Home Single Language\r\n <\/h4>\r\n\r\n <p>\r\n \u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e41\u0e19\u0e30\u0e19\u0e33\u0e27\u0e34\u0e18\u0e35\u0e41\u0e01\u0e49\u0e44\u0e02\u0e41\u0e25\u0e30\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e20\u0e32\u0e29\u0e32\u0e1a\u0e19\r\n Windows 10 Home Single Language\r\n \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\r\n <\/p>\r\n\r\n <div class=\"card-buttons\">\r\n\r\n <a\r\n href=\"https:\/\/www.youtube.com\/watch?v=fRVTv4n_a9w\"\r\n target=\"_blank\"\r\n class=\"card-button\"\r\n >\r\n \u25b6 \u0e14\u0e39\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e27\u0e34\u0e18\u0e35\u0e41\u0e01\u0e49\u0e44\u0e02\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n \r\n\r\n <article\r\n class=\"download-card\"\r\n data-search=\"\r\n \u0e23\u0e27\u0e21\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\r\n \u0e23\u0e27\u0e21\u0e02\u0e49\u0e2d 1-5\r\n zip\r\n \u0e04\u0e23\u0e1a\u0e0a\u0e38\u0e14\r\n \"\r\n >\r\n\r\n <div class=\"file-icon\">\r\n \ud83d\udce6\r\n <\/div>\r\n\r\n <div class=\"tags\">\r\n <span class=\"tag\">\u0e23\u0e27\u0e21\u0e17\u0e38\u0e01\u0e44\u0e1f\u0e25\u0e4c<\/span>\r\n <span class=\"tag\">ZIP<\/span>\r\n <\/div>\r\n\r\n <h4>\r\n \u0e0a\u0e38\u0e14\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e23\u0e27\u0e21\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\r\n <\/h4>\r\n\r\n <p>\r\n \u0e23\u0e27\u0e21\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21 \u0e44\u0e1f\u0e25\u0e4c\u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\r\n \u0e41\u0e25\u0e30\u0e2a\u0e48\u0e27\u0e19\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e17\u0e35\u0e48\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19\r\n \u0e44\u0e27\u0e49\u0e43\u0e19\u0e0a\u0e38\u0e14\u0e40\u0e14\u0e35\u0e22\u0e27\r\n <\/p>\r\n\r\n <div class=\"card-buttons\">\r\n\r\n <a\r\n href=\"https:\/\/drive.google.com\/drive\/folders\/12maMyvMZHhkW-VviQIz9GT2b3RUFTBAz?usp=sharing\"\r\n target=\"_blank\"\r\n class=\"card-button\"\r\n >\r\n \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n \r\n\r\n <div\r\n class=\"not-found\"\r\n id=\"notFound\"\r\n >\r\n \u0e44\u0e21\u0e48\u0e1e\u0e1a\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e15\u0e23\u0e07\u0e01\u0e31\u0e1a\u0e04\u0e33\u0e04\u0e49\u0e19\u0e2b\u0e32\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <\/main>\r\n\r\n <script>\r\n const searchInput =\r\n document.getElementById(\"searchInput\");\r\n\r\n const downloadCards =\r\n document.querySelectorAll(\r\n \".download-card\"\r\n );\r\n\r\n const notFound =\r\n document.getElementById(\"notFound\");\r\n\r\n searchInput.addEventListener(\r\n \"input\",\r\n function () {\r\n\r\n const searchText =\r\n this.value\r\n .toLowerCase()\r\n .trim();\r\n\r\n let visibleCards = 0;\r\n\r\n downloadCards.forEach(\r\n function (card) {\r\n\r\n const cardText =\r\n (\r\n card.innerText +\r\n \" \" +\r\n card.dataset.search\r\n )\r\n .toLowerCase();\r\n\r\n const isMatch =\r\n cardText.includes(searchText);\r\n\r\n if (isMatch) {\r\n card.style.display = \"flex\";\r\n visibleCards++;\r\n } else {\r\n card.style.display = \"none\";\r\n }\r\n\r\n }\r\n );\r\n\r\n if (visibleCards === 0) {\r\n notFound.style.display = \"block\";\r\n } else {\r\n notFound.style.display = \"none\";\r\n }\r\n\r\n }\r\n );\r\n\r\n const currentYear =\r\n new Date().getFullYear() + 543;\r\n\r\n const yearElement =\r\n document.getElementById(\"year\");\r\n\r\n if (yearElement) {\r\n yearElement.textContent = currentYear;\r\n }\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0e01\u0e25\u0e38\u0e48\u0e21\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23 | \u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e19\u0e32\u0e22\u0e32\u0e22\u0e2d\u0e32\u0e21\u0e1e\u0e34\u0e17\u0e22\u0e32\u0e04\u0e21 Academic A […]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6094","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nya.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/6094","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nya.ac.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nya.ac.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nya.ac.th\/index.php?rest_route=\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/nya.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6094"}],"version-history":[{"count":12,"href":"https:\/\/nya.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/6094\/revisions"}],"predecessor-version":[{"id":6108,"href":"https:\/\/nya.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/6094\/revisions\/6108"}],"wp:attachment":[{"href":"https:\/\/nya.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6094"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\r\n\r\n\r\n \r\n\r\n \r\n\r\n \r\n \u0e01\u0e25\u0e38\u0e48\u0e21\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23 | \u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e19\u0e32\u0e22\u0e32\u0e22\u0e2d\u0e32\u0e21\u0e1e\u0e34\u0e17\u0e22\u0e32\u0e04\u0e21\r\n <\/title>\r\n\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n\r\n <link\r\n rel=\"preconnect\"\r\n href=\"https:\/\/fonts.gstatic.com\"\r\n crossorigin\r\n >\r\n\r\n <link\r\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Kanit:wght@300;400;500;600;700&display=swap\"\r\n rel=\"stylesheet\"\r\n >\r\n\r\n <style>\r\n :root {\r\n --primary: #7446cf;\r\n --primary-dark: #4f278f;\r\n --primary-light: #f0e8ff;\r\n --secondary: #9b72df;\r\n\r\n --white: #ffffff;\r\n --background: #f7f5fb;\r\n --surface: #ffffff;\r\n\r\n --text: #2e2340;\r\n --gray: #6b7280;\r\n --border: #e6dff0;\r\n\r\n --success: #198754;\r\n --warning-bg: #fff8e6;\r\n --warning-border: #f1d58d;\r\n --warning-text: #715318;\r\n\r\n --shadow:\r\n 0 18px 45px rgba(70, 39, 120, 0.12);\r\n\r\n --radius-large: 28px;\r\n --radius-medium: 18px;\r\n --radius-small: 13px;\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n overflow-x: hidden;\r\n }\r\n\r\n body {\r\n width: 100%;\r\n min-height: 100vh;\r\n overflow-x: hidden;\r\n\r\n font-family: \"Kanit\", sans-serif;\r\n color: var(--text);\r\n background: var(--background);\r\n line-height: 1.7;\r\n }\r\n\r\n img {\r\n display: block;\r\n max-width: 100%;\r\n }\r\n\r\n a {\r\n color: inherit;\r\n text-decoration: none;\r\n }\r\n\r\n button,\r\n input {\r\n font-family: inherit;\r\n }\r\n\r\n .academic-container {\r\n width: calc(100% - 32px);\r\n max-width: 1180px;\r\n min-width: 0;\r\n margin-left: auto;\r\n margin-right: auto;\r\n padding-left: 0;\r\n padding-right: 0;\r\n }\r\n\r\n \/* =========================\r\n HEADER\r\n ========================= *\/\r\n\r\n .site-header {\r\n position: sticky;\r\n top: 0;\r\n z-index: 1000;\r\n\r\n width: 100%;\r\n background: rgba(255, 255, 255, 0.94);\r\n border-bottom: 1px solid var(--border);\r\n backdrop-filter: blur(16px);\r\n }\r\n\r\n .navbar {\r\n min-height: 76px;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n\r\n gap: 24px;\r\n }\r\n\r\n .brand {\r\n min-width: 0;\r\n\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n }\r\n\r\n .logo {\r\n width: 52px;\r\n height: 52px;\r\n flex-shrink: 0;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n border-radius: 16px;\r\n\r\n color: var(--white);\r\n font-size: 19px;\r\n font-weight: 700;\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n var(--primary),\r\n var(--secondary)\r\n );\r\n\r\n box-shadow:\r\n 0 10px 25px rgba(116, 70, 207, 0.28);\r\n }\r\n\r\n .brand-text {\r\n min-width: 0;\r\n }\r\n\r\n .brand-text h1 {\r\n color: var(--primary-dark);\r\n font-size: 18px;\r\n line-height: 1.3;\r\n white-space: nowrap;\r\n }\r\n\r\n .brand-text p {\r\n margin-top: 2px;\r\n\r\n color: var(--gray);\r\n font-size: 13px;\r\n white-space: nowrap;\r\n }\r\n\r\n .nav-menu {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .nav-menu a {\r\n padding: 10px 15px;\r\n\r\n border-radius: 12px;\r\n\r\n color: #4b5563;\r\n font-size: 15px;\r\n font-weight: 500;\r\n\r\n transition: 0.25s ease;\r\n }\r\n\r\n .nav-menu a:hover {\r\n color: var(--primary);\r\n background: var(--primary-light);\r\n }\r\n\r\n \/* =========================\r\n HERO\r\n ========================= *\/\r\n\r\n .hero {\r\n width: 100%;\r\n padding: 76px 0 62px;\r\n\r\n background:\r\n radial-gradient(\r\n circle at top left,\r\n rgba(155, 114, 223, 0.20),\r\n transparent 38%\r\n ),\r\n radial-gradient(\r\n circle at bottom right,\r\n rgba(116, 70, 207, 0.10),\r\n transparent 30%\r\n ),\r\n linear-gradient(\r\n 180deg,\r\n #ffffff 0%,\r\n #f8f5fc 100%\r\n );\r\n }\r\n\r\n .hero-content {\r\n width: 100%;\r\n max-width: 900px;\r\n margin: 0 auto;\r\n\r\n text-align: center;\r\n }\r\n\r\n .hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n\r\n max-width: 100%;\r\n margin-bottom: 20px;\r\n padding: 8px 14px;\r\n\r\n border-radius: 999px;\r\n\r\n color: var(--primary-dark);\r\n background: var(--primary-light);\r\n\r\n font-size: 14px;\r\n font-weight: 600;\r\n }\r\n\r\n .hero-badge::before {\r\n content: \"\";\r\n\r\n width: 8px;\r\n height: 8px;\r\n flex-shrink: 0;\r\n\r\n border-radius: 50%;\r\n background: var(--primary);\r\n }\r\n\r\n .hero h2 {\r\n max-width: 880px;\r\n margin: 0 auto;\r\n\r\n color: #2d2140;\r\n\r\n font-size: clamp(38px, 6vw, 72px);\r\n font-weight: 700;\r\n line-height: 1.12;\r\n letter-spacing: -1.5px;\r\n\r\n overflow-wrap: anywhere;\r\n }\r\n\r\n .hero h2 span {\r\n display: block;\r\n color: var(--primary);\r\n }\r\n\r\n .hero-description {\r\n max-width: 760px;\r\n margin: 22px auto 0;\r\n\r\n color: var(--gray);\r\n font-size: clamp(15px, 2vw, 18px);\r\n line-height: 1.9;\r\n }\r\n\r\n .hero-buttons {\r\n width: 100%;\r\n margin-top: 30px;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n\r\n gap: 12px;\r\n }\r\n\r\n .button {\r\n min-width: 190px;\r\n\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n\r\n padding: 13px 20px;\r\n\r\n border: 0;\r\n border-radius: 14px;\r\n\r\n font-size: 15px;\r\n font-weight: 600;\r\n\r\n transition:\r\n transform 0.25s ease,\r\n box-shadow 0.25s ease,\r\n background 0.25s ease;\r\n }\r\n\r\n .button:hover {\r\n transform: translateY(-3px);\r\n }\r\n\r\n .button-primary {\r\n color: var(--white);\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n var(--primary),\r\n var(--secondary)\r\n );\r\n\r\n box-shadow:\r\n 0 12px 26px rgba(116, 70, 207, 0.26);\r\n }\r\n\r\n .button-secondary {\r\n color: var(--primary-dark);\r\n background: var(--white);\r\n border: 1px solid var(--border);\r\n }\r\n\r\n \/* =========================\r\n QUICK MENU\r\n ========================= *\/\r\n\r\n .quick-section {\r\n width: 100%;\r\n padding: 0 0 34px;\r\n }\r\n\r\n .quick-grid {\r\n display: grid;\r\n grid-template-columns:\r\n repeat(3, minmax(0, 1fr));\r\n\r\n gap: 18px;\r\n }\r\n\r\n .quick-card {\r\n min-width: 0;\r\n padding: 20px;\r\n\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius-medium);\r\n\r\n background: rgba(255, 255, 255, 0.95);\r\n\r\n box-shadow:\r\n 0 10px 28px rgba(57, 35, 90, 0.07);\r\n\r\n transition: 0.25s ease;\r\n }\r\n\r\n .quick-card:hover {\r\n transform: translateY(-5px);\r\n border-color: rgba(116, 70, 207, 0.35);\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .quick-icon {\r\n width: 58px;\r\n height: 58px;\r\n flex-shrink: 0;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n border-radius: 17px;\r\n\r\n background: var(--primary-light);\r\n font-size: 27px;\r\n }\r\n\r\n .quick-card div:last-child {\r\n min-width: 0;\r\n }\r\n\r\n .quick-card h3 {\r\n color: var(--primary-dark);\r\n font-size: 16px;\r\n line-height: 1.5;\r\n }\r\n\r\n .quick-card p {\r\n margin-top: 3px;\r\n\r\n color: var(--gray);\r\n font-size: 13px;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* =========================\r\n NOTICE\r\n ========================= *\/\r\n\r\n .notice-section {\r\n width: 100%;\r\n padding: 8px 0 30px;\r\n }\r\n\r\n .notice {\r\n width: 100%;\r\n padding: 18px 20px;\r\n\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 14px;\r\n\r\n border: 1px solid var(--warning-border);\r\n border-radius: var(--radius-medium);\r\n\r\n color: var(--warning-text);\r\n background: var(--warning-bg);\r\n }\r\n\r\n .notice-icon {\r\n flex-shrink: 0;\r\n font-size: 24px;\r\n line-height: 1.2;\r\n }\r\n\r\n .notice-content {\r\n min-width: 0;\r\n }\r\n\r\n .notice-content strong {\r\n display: block;\r\n margin-bottom: 3px;\r\n }\r\n\r\n \/* =========================\r\n DOWNLOAD SECTION\r\n ========================= *\/\r\n\r\n .download-section {\r\n width: 100%;\r\n padding: 44px 0 84px;\r\n }\r\n\r\n .section-header {\r\n width: 100%;\r\n max-width: 100%;\r\n min-width: 0;\r\n margin-bottom: 28px;\r\n\r\n display: grid;\r\n grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);\r\n align-items: end;\r\n gap: 24px;\r\n }\r\n\r\n .section-title {\r\n min-width: 0;\r\n }\r\n\r\n .section-title h3 {\r\n color: #2d2140;\r\n\r\n font-size: clamp(30px, 4vw, 42px);\r\n line-height: 1.25;\r\n }\r\n\r\n .section-title p {\r\n margin-top: 4px;\r\n\r\n color: var(--gray);\r\n font-size: 15px;\r\n }\r\n\r\n .search-box {\r\n position: relative;\r\n\r\n width: 100%;\r\n max-width: 100%;\r\n min-width: 0;\r\n }\r\n\r\n .search-box span {\r\n position: absolute;\r\n top: 50%;\r\n left: 16px;\r\n\r\n transform: translateY(-50%);\r\n pointer-events: none;\r\n\r\n color: var(--gray);\r\n }\r\n\r\n .search-box input {\r\n width: 100%;\r\n min-width: 0;\r\n\r\n padding: 13px 16px 13px 46px;\r\n\r\n border: 1px solid var(--border);\r\n border-radius: 15px;\r\n outline: none;\r\n\r\n color: var(--text);\r\n background: var(--white);\r\n\r\n font-size: 15px;\r\n\r\n transition: 0.2s ease;\r\n }\r\n\r\n .search-box input:focus {\r\n border-color: var(--primary);\r\n\r\n box-shadow:\r\n 0 0 0 4px rgba(116, 70, 207, 0.10);\r\n }\r\n\r\n .download-grid {\r\n width: 100%;\r\n\r\n display: grid;\r\n grid-template-columns:\r\n repeat(auto-fit, minmax(min(100%, 300px), 1fr));\r\n\r\n gap: 22px;\r\n }\r\n\r\n .download-card {\r\n position: relative;\r\n min-width: 0;\r\n overflow: hidden;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n\r\n padding: 23px;\r\n\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius-large);\r\n\r\n background: var(--surface);\r\n\r\n box-shadow:\r\n 0 9px 26px rgba(48, 34, 75, 0.06);\r\n\r\n transition:\r\n transform 0.28s ease,\r\n box-shadow 0.28s ease,\r\n border-color 0.28s ease;\r\n }\r\n\r\n .download-card:hover {\r\n transform: translateY(-7px);\r\n\r\n border-color:\r\n rgba(116, 70, 207, 0.35);\r\n\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .download-card::after {\r\n content: \"\";\r\n\r\n position: absolute;\r\n right: -55px;\r\n bottom: -55px;\r\n\r\n width: 120px;\r\n height: 120px;\r\n\r\n border-radius: 50%;\r\n background:\r\n rgba(116, 70, 207, 0.06);\r\n }\r\n\r\n .file-icon {\r\n width: 66px;\r\n height: 66px;\r\n flex-shrink: 0;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n margin-bottom: 18px;\r\n\r\n border: 1px solid var(--border);\r\n border-radius: 19px;\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n var(--primary-light),\r\n #ffffff\r\n );\r\n\r\n font-size: 31px;\r\n }\r\n\r\n .tags {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 7px;\r\n\r\n margin-bottom: 10px;\r\n }\r\n\r\n .tag {\r\n max-width: 100%;\r\n padding: 5px 9px;\r\n\r\n border: 1px solid var(--border);\r\n border-radius: 999px;\r\n\r\n color: var(--gray);\r\n background: #f8f5fc;\r\n\r\n font-size: 12px;\r\n\r\n overflow-wrap: anywhere;\r\n }\r\n\r\n .download-card h4 {\r\n color: #312644;\r\n\r\n font-size: 18px;\r\n line-height: 1.55;\r\n\r\n overflow-wrap: anywhere;\r\n }\r\n\r\n .download-card p {\r\n flex: 1;\r\n\r\n margin-top: 8px;\r\n\r\n color: var(--gray);\r\n font-size: 14px;\r\n line-height: 1.75;\r\n\r\n overflow-wrap: anywhere;\r\n }\r\n\r\n .card-buttons {\r\n position: relative;\r\n z-index: 2;\r\n\r\n width: 100%;\r\n margin-top: 20px;\r\n\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n\r\n .card-button {\r\n min-width: 0;\r\n flex: 1 1 120px;\r\n\r\n padding: 10px 12px;\r\n\r\n border-radius: 12px;\r\n\r\n color: var(--white);\r\n background: var(--primary);\r\n\r\n text-align: center;\r\n font-size: 14px;\r\n font-weight: 600;\r\n\r\n overflow-wrap: anywhere;\r\n\r\n transition: 0.2s ease;\r\n }\r\n\r\n .card-button:hover {\r\n background: var(--primary-dark);\r\n }\r\n\r\n .card-button.secondary {\r\n color: var(--primary-dark);\r\n background: var(--primary-light);\r\n }\r\n\r\n .card-button.secondary:hover {\r\n background: #e4d6ff;\r\n }\r\n\r\n .not-found {\r\n display: none;\r\n\r\n grid-column: 1 \/ -1;\r\n\r\n width: 100%;\r\n padding: 50px 20px;\r\n\r\n border: 1px dashed var(--border);\r\n border-radius: 20px;\r\n\r\n color: var(--gray);\r\n background: var(--white);\r\n\r\n text-align: center;\r\n }\r\n\r\n \/* =========================\r\n FOOTER\r\n ========================= *\/\r\n\r\n .site-footer {\r\n width: 100%;\r\n padding: 46px 0 24px;\r\n\r\n color: var(--white);\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n var(--primary-dark),\r\n var(--primary)\r\n );\r\n }\r\n\r\n .footer-grid {\r\n width: 100%;\r\n\r\n display: grid;\r\n grid-template-columns:\r\n minmax(0, 1.2fr)\r\n minmax(0, 0.8fr);\r\n\r\n gap: 30px;\r\n }\r\n\r\n .footer-grid > div {\r\n min-width: 0;\r\n }\r\n\r\n .footer-grid h4 {\r\n margin-bottom: 8px;\r\n\r\n font-size: 19px;\r\n line-height: 1.5;\r\n }\r\n\r\n .footer-grid p {\r\n color: rgba(255, 255, 255, 0.78);\r\n\r\n font-size: 14px;\r\n line-height: 1.85;\r\n\r\n overflow-wrap: anywhere;\r\n }\r\n\r\n .footer-contact {\r\n text-align: right;\r\n }\r\n\r\n .copyright {\r\n margin-top: 28px;\r\n padding-top: 20px;\r\n\r\n border-top:\r\n 1px solid rgba(255, 255, 255, 0.17);\r\n\r\n color: rgba(255, 255, 255, 0.65);\r\n\r\n text-align: center;\r\n font-size: 13px;\r\n }\r\n\r\n \/* =========================\r\n TABLET\r\n ========================= *\/\r\n\r\n @media screen and (max-width: 960px) {\r\n .quick-grid {\r\n grid-template-columns:\r\n repeat(2, minmax(0, 1fr));\r\n }\r\n\r\n .download-grid {\r\n grid-template-columns:\r\n repeat(2, minmax(0, 1fr));\r\n }\r\n\r\n .section-header {\r\n grid-template-columns: 1fr;\r\n align-items: stretch;\r\n }\r\n\r\n .search-box {\r\n width: 100%;\r\n max-width: 100%;\r\n }\r\n }\r\n\r\n \/* =========================\r\n MOBILE\r\n ========================= *\/\r\n\r\n @media screen and (max-width: 700px) {\r\n .academic-container {\r\n padding-left: 16px;\r\n padding-right: 16px;\r\n }\r\n\r\n .navbar {\r\n min-height: 68px;\r\n }\r\n\r\n .nav-menu {\r\n display: none;\r\n }\r\n\r\n .brand-text h1 {\r\n white-space: normal;\r\n font-size: 16px;\r\n }\r\n\r\n .brand-text p {\r\n white-space: normal;\r\n font-size: 12px;\r\n }\r\n\r\n .hero {\r\n padding: 54px 0 44px;\r\n }\r\n\r\n .hero h2 {\r\n font-size: clamp(34px, 11vw, 52px);\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n .hero-description {\r\n line-height: 1.8;\r\n }\r\n\r\n .quick-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .download-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .footer-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .footer-contact {\r\n text-align: left;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 480px) {\r\n .academic-container {\r\n padding-left: 12px;\r\n padding-right: 12px;\r\n }\r\n\r\n .logo {\r\n width: 46px;\r\n height: 46px;\r\n\r\n border-radius: 14px;\r\n font-size: 17px;\r\n }\r\n\r\n .brand-text p {\r\n display: none;\r\n }\r\n\r\n .hero-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .button {\r\n width: 100%;\r\n min-width: 0;\r\n }\r\n\r\n .notice {\r\n padding: 16px;\r\n }\r\n\r\n .download-card {\r\n padding: 20px;\r\n }\r\n\r\n .card-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .card-button {\r\n width: 100%;\r\n flex-basis: auto;\r\n }\r\n }\r\n\r\n \/* \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e25\u0e49\u0e19\u0e01\u0e23\u0e2d\u0e1a\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e27\u0e32\u0e07\u0e43\u0e19 Google Sites \u0e2b\u0e23\u0e37\u0e2d\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e2d\u0e37\u0e48\u0e19 *\/\r\n main,\r\n section,\r\n .academic-container,\r\n .section-header,\r\n .download-grid,\r\n .download-card,\r\n .search-box,\r\n .search-box input {\r\n max-width: 100%;\r\n min-width: 0;\r\n }\r\n\r\n .download-card h4,\r\n .download-card p,\r\n .notice-content {\r\n word-break: break-word;\r\n overflow-wrap: anywhere;\r\n }\r\n\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <main>\r\n\r\n \r\n\r\n <section class=\"hero\" id=\"home\">\r\n <div class=\"academic-container\">\r\n\r\n <div class=\"hero-content\">\r\n\r\n <div class=\"hero-badge\">\r\n Academic Administration\r\n <\/div>\r\n\r\n <h2>\r\n \u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21 Bookmark\r\n <span>\u0e01\u0e25\u0e38\u0e48\u0e21\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23<\/span>\r\n <\/h2>\r\n\r\n <p class=\"hero-description\">\r\n \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21 \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d \u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\r\n \u0e41\u0e25\u0e30\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e17\u0e35\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e1a\u0e07\u0e32\u0e19\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\r\n \u0e07\u0e32\u0e19\u0e27\u0e31\u0e14\u0e1c\u0e25 \u0e41\u0e25\u0e30\u0e07\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\r\n \u0e02\u0e2d\u0e07\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e19\u0e32\u0e22\u0e32\u0e22\u0e2d\u0e32\u0e21\u0e1e\u0e34\u0e17\u0e22\u0e32\u0e04\u0e21\r\n <\/p>\r\n\r\n <div class=\"hero-buttons\">\r\n\r\n <a\r\n href=\"#downloads\"\r\n class=\"button button-primary\"\r\n >\r\n \u2b07 \u0e14\u0e39\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\r\n <\/a>\r\n\r\n <a\r\n href=\"#contact\"\r\n class=\"button button-secondary\"\r\n >\r\n \u260e \u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e01\u0e25\u0e38\u0e48\u0e21\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n\r\n\r\n\r\n \r\n\r\n <section class=\"notice-section\">\r\n <div class=\"academic-container\">\r\n\r\n <div class=\"notice\">\r\n\r\n <div class=\"notice-icon\">\r\n \ud83d\udccc\r\n <\/div>\r\n\r\n <div class=\"notice-content\">\r\n\r\n <strong>\r\n \u0e04\u0e33\u0e41\u0e19\u0e30\u0e19\u0e33\u0e01\u0e48\u0e2d\u0e19\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\r\n <\/strong>\r\n\r\n \u0e01\u0e23\u0e38\u0e13\u0e32\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e40\u0e27\u0e2d\u0e23\u0e4c\u0e0a\u0e31\u0e19\u0e02\u0e2d\u0e07 Windows\r\n \u0e41\u0e25\u0e30 Microsoft Office\r\n \u0e43\u0e2b\u0e49\u0e15\u0e23\u0e07\u0e01\u0e31\u0e1a\u0e44\u0e1f\u0e25\u0e4c\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\r\n \u0e42\u0e14\u0e22\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e23\u0e30\u0e1a\u0e1a 32 bit \u0e41\u0e25\u0e30 64 bit\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n\r\n <section\r\n class=\"download-section\"\r\n id=\"downloads\"\r\n >\r\n <div class=\"academic-container\">\r\n\r\n <div class=\"section-header\">\r\n\r\n <div class=\"section-title\">\r\n\r\n <h3>\r\n \u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\r\n <\/h3>\r\n\r\n <p>\r\n \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21 \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\r\n \u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <div class=\"search-box\">\r\n\r\n <span>\ud83d\udd0d<\/span>\r\n\r\n <input\r\n type=\"search\"\r\n id=\"searchInput\"\r\n placeholder=\"\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e2b\u0e23\u0e37\u0e2d\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21...\"\r\n aria-label=\"\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\"\r\n >\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div\r\n class=\"download-grid\"\r\n id=\"downloadGrid\"\r\n >\r\n\r\n \r\n\r\n <article\r\n class=\"download-card\"\r\n data-search=\"\r\n bookmark 2551\r\n setup\r\n \u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21\r\n \u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\r\n \u0e07\u0e32\u0e19\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\r\n \"\r\n >\r\n\r\n <div class=\"file-icon\">\r\n \ud83d\udcbf\r\n <\/div>\r\n\r\n <div class=\"tags\">\r\n <span class=\"tag\">\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21<\/span>\r\n <span class=\"tag\">Windows<\/span>\r\n <\/div>\r\n\r\n <h4>\r\n \u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21 Bookmark 2551 Setup\r\n <\/h4>\r\n\r\n <p>\r\n \u0e0a\u0e38\u0e14\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e08\u0e31\u0e14\u0e17\u0e33\r\n \u0e41\u0e25\u0e30\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\r\n \u0e02\u0e2d\u0e07\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32\r\n <\/p>\r\n\r\n <div class=\"card-buttons\">\r\n\r\n <a\r\n href=\"https:\/\/drive.google.com\/file\/d\/10xgZ2zmo8qU1TX1QCG3vAiOCvXWVstRw\/view?usp=sharing\"\r\n target=\"_blank\"\r\n class=\"card-button\"\r\n >\r\n \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n \r\n\r\n <article\r\n class=\"download-card\"\r\n data-search=\"\r\n update\r\n bookmark\r\n \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\r\n \u0e40\u0e27\u0e2d\u0e23\u0e4c\u0e0a\u0e31\u0e19\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14\r\n \"\r\n >\r\n\r\n <div class=\"file-icon\">\r\n \ud83d\udd04\r\n <\/div>\r\n\r\n <div class=\"tags\">\r\n <span class=\"tag\">\u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15<\/span>\r\n <span class=\"tag\">\u0e40\u0e27\u0e2d\u0e23\u0e4c\u0e0a\u0e31\u0e19\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14<\/span>\r\n <\/div>\r\n\r\n <h4>\r\n \u0e44\u0e1f\u0e25\u0e4c\u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15 Bookmark 2551\r\n <\/h4>\r\n\r\n <p>\r\n \u0e44\u0e1f\u0e25\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21\u0e40\u0e14\u0e34\u0e21\r\n \u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e27\u0e2d\u0e23\u0e4c\u0e0a\u0e31\u0e19\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14\r\n \u0e01\u0e48\u0e2d\u0e19\u0e40\u0e23\u0e34\u0e48\u0e21\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\r\n <\/p>\r\n\r\n <div class=\"card-buttons\">\r\n\r\n <a\r\n href=\"https:\/\/drive.google.com\/file\/d\/1PTqrIaom4ZO4JKRGAH9rShMofjBOpman\/view?usp=sharing\"\r\n target=\"_blank\"\r\n class=\"card-button\"\r\n >\r\n \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\r\n <\/a>\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n \r\n\r\n <article\r\n class=\"download-card\"\r\n data-search=\"\r\n microsoft\r\n access\r\n database\r\n engine\r\n \u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\r\n \"\r\n >\r\n\r\n <div class=\"file-icon\">\r\n \ud83e\udde9\r\n <\/div>\r\n\r\n <div class=\"tags\">\r\n <span class=\"tag\">Microsoft<\/span>\r\n <span class=\"tag\">\u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25<\/span>\r\n <\/div>\r\n\r\n <h4>\r\n Microsoft Access Database Engine\r\n <\/h4>\r\n\r\n <p>\r\n \u0e2a\u0e48\u0e27\u0e19\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e17\u0e35\u0e48\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\r\n \u0e01\u0e32\u0e23\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e21\u0e27\u0e25\u0e1c\u0e25\r\n \u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e02\u0e2d\u0e07\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21\r\n <\/p>\r\n\r\n <div class=\"card-buttons\">\r\n\r\n <a\r\n href=\"https:\/\/drive.google.com\/file\/d\/1TU-aXOkHV-wtF5VOFaY7OrzaP-Oxwm3m\/view?usp=sharing\"\r\n target=\"_blank\"\r\n class=\"card-button\"\r\n >\r\n \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n \r\n\r\n <article\r\n class=\"download-card\"\r\n data-search=\"\r\n microsoft\r\n access\r\n runtime\r\n 32 bit\r\n 64 bit\r\n \"\r\n >\r\n\r\n <div class=\"file-icon\">\r\n \ud83d\udfe7\r\n <\/div>\r\n\r\n <div class=\"tags\">\r\n <span class=\"tag\">Runtime<\/span>\r\n <span class=\"tag\">32\/64 bit<\/span>\r\n <\/div>\r\n\r\n <h4>\r\n Microsoft Access Runtime\r\n <\/h4>\r\n\r\n <p>\r\n \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e04\u0e2d\u0e21\u0e1e\u0e34\u0e27\u0e40\u0e15\u0e2d\u0e23\u0e4c\r\n \u0e17\u0e35\u0e48\u0e44\u0e21\u0e48\u0e21\u0e35 Microsoft Access\r\n \u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e2d\u0e22\u0e39\u0e48\u0e43\u0e19\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\r\n <\/p>\r\n\r\n <div class=\"card-buttons\">\r\n\r\n <a\r\n href=\"https:\/\/drive.google.com\/file\/d\/1ehVYuFBjClpsEgCbApxPBfXD-xHNZcyQ\/view?usp=sharing\"\r\n target=\"_blank\"\r\n class=\"card-button\"\r\n >\r\n \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n \r\n\r\n <article\r\n class=\"download-card\"\r\n data-search=\"\r\n \u0e04\u0e23\u0e39\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\r\n \u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\r\n \u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\r\n \u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\r\n \u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\r\n \"\r\n >\r\n\r\n <div class=\"file-icon\">\r\n \ud83c\udf10\r\n <\/div>\r\n\r\n <h4>\r\n \u0e41\u0e01\u0e49\u0e44\u0e02\u0e20\u0e32\u0e29\u0e32 Windows 10 Home Single Language\r\n <\/h4>\r\n\r\n <p>\r\n \u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e41\u0e19\u0e30\u0e19\u0e33\u0e27\u0e34\u0e18\u0e35\u0e41\u0e01\u0e49\u0e44\u0e02\u0e41\u0e25\u0e30\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e20\u0e32\u0e29\u0e32\u0e1a\u0e19\r\n Windows 10 Home Single Language\r\n \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\r\n <\/p>\r\n\r\n <div class=\"card-buttons\">\r\n\r\n <a\r\n href=\"https:\/\/www.youtube.com\/watch?v=fRVTv4n_a9w\"\r\n target=\"_blank\"\r\n class=\"card-button\"\r\n >\r\n \u25b6 \u0e14\u0e39\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e27\u0e34\u0e18\u0e35\u0e41\u0e01\u0e49\u0e44\u0e02\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n \r\n\r\n <article\r\n class=\"download-card\"\r\n data-search=\"\r\n \u0e23\u0e27\u0e21\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\r\n \u0e23\u0e27\u0e21\u0e02\u0e49\u0e2d 1-5\r\n zip\r\n \u0e04\u0e23\u0e1a\u0e0a\u0e38\u0e14\r\n \"\r\n >\r\n\r\n <div class=\"file-icon\">\r\n \ud83d\udce6\r\n <\/div>\r\n\r\n <div class=\"tags\">\r\n <span class=\"tag\">\u0e23\u0e27\u0e21\u0e17\u0e38\u0e01\u0e44\u0e1f\u0e25\u0e4c<\/span>\r\n <span class=\"tag\">ZIP<\/span>\r\n <\/div>\r\n\r\n <h4>\r\n \u0e0a\u0e38\u0e14\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e23\u0e27\u0e21\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\r\n <\/h4>\r\n\r\n <p>\r\n \u0e23\u0e27\u0e21\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21 \u0e44\u0e1f\u0e25\u0e4c\u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\r\n \u0e41\u0e25\u0e30\u0e2a\u0e48\u0e27\u0e19\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e17\u0e35\u0e48\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19\r\n \u0e44\u0e27\u0e49\u0e43\u0e19\u0e0a\u0e38\u0e14\u0e40\u0e14\u0e35\u0e22\u0e27\r\n <\/p>\r\n\r\n <div class=\"card-buttons\">\r\n\r\n <a\r\n href=\"https:\/\/drive.google.com\/drive\/folders\/12maMyvMZHhkW-VviQIz9GT2b3RUFTBAz?usp=sharing\"\r\n target=\"_blank\"\r\n class=\"card-button\"\r\n >\r\n \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n \r\n\r\n <div\r\n class=\"not-found\"\r\n id=\"notFound\"\r\n >\r\n \u0e44\u0e21\u0e48\u0e1e\u0e1a\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e15\u0e23\u0e07\u0e01\u0e31\u0e1a\u0e04\u0e33\u0e04\u0e49\u0e19\u0e2b\u0e32\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <\/main>\r\n\r\n <script>\r\n const searchInput =\r\n document.getElementById(\"searchInput\");\r\n\r\n const downloadCards =\r\n document.querySelectorAll(\r\n \".download-card\"\r\n );\r\n\r\n const notFound =\r\n document.getElementById(\"notFound\");\r\n\r\n searchInput.addEventListener(\r\n \"input\",\r\n function () {\r\n\r\n const searchText =\r\n this.value\r\n .toLowerCase()\r\n .trim();\r\n\r\n let visibleCards = 0;\r\n\r\n downloadCards.forEach(\r\n function (card) {\r\n\r\n const cardText =\r\n (\r\n card.innerText +\r\n \" \" +\r\n card.dataset.search\r\n )\r\n .toLowerCase();\r\n\r\n const isMatch =\r\n cardText.includes(searchText);\r\n\r\n if (isMatch) {\r\n card.style.display = \"flex\";\r\n visibleCards++;\r\n } else {\r\n card.style.display = \"none\";\r\n }\r\n\r\n }\r\n );\r\n\r\n if (visibleCards === 0) {\r\n notFound.style.display = \"block\";\r\n } else {\r\n notFound.style.display = \"none\";\r\n }\r\n\r\n }\r\n );\r\n\r\n const currentYear =\r\n new Date().getFullYear() + 543;\r\n\r\n const yearElement =\r\n document.getElementById(\"year\");\r\n\r\n if (yearElement) {\r\n yearElement.textContent = currentYear;\r\n }\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0e01\u0e25\u0e38\u0e48\u0e21\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23 | \u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e19\u0e32\u0e22\u0e32\u0e22\u0e2d\u0e32\u0e21\u0e1e\u0e34\u0e17\u0e22\u0e32\u0e04\u0e21 Academic A […]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6094","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nya.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/6094","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nya.ac.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nya.ac.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nya.ac.th\/index.php?rest_route=\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/nya.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6094"}],"version-history":[{"count":12,"href":"https:\/\/nya.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/6094\/revisions"}],"predecessor-version":[{"id":6108,"href":"https:\/\/nya.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/6094\/revisions\/6108"}],"wp:attachment":[{"href":"https:\/\/nya.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6094"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}