RunReg Smart System<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Prompt:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n * { box-sizing: border-box; margin: 0; padding: 0; }\n body {\n font-family: 'Prompt', sans-serif;\n min-height: 100vh;\n background: linear-gradient(135deg, #8b0015 0%, #c51f32 42%, #f7f9ff 42%, #ffffff 100%);\n color: #1f2937;\n padding: 32px;\n }\n .page {\n max-width: 1180px;\n margin: auto;\n background: rgba(255,255,255,0.9);\n border-radius: 32px;\n overflow: hidden;\n box-shadow: 0 30px 80px rgba(0,0,0,0.22);\n display: grid;\n grid-template-columns: 1fr 1.05fr;\n min-height: 700px;\n }\n .hero {\n position: relative;\n padding: 48px;\n background: radial-gradient(circle at top right, rgba(255,255,255,0.22), transparent 35%), linear-gradient(160deg, #7a0012, #b20d24 55%, #1d4ed8);\n color: white;\n overflow: hidden;\n }\n .badge {\n display: inline-flex;\n gap: 8px;\n align-items: center;\n background: rgba(255,255,255,0.16);\n border: 1px solid rgba(255,255,255,0.28);\n border-radius: 999px;\n padding: 8px 16px;\n font-size: 14px;\n margin-bottom: 28px;\n }\n .hero h1 {\n font-size: 46px;\n line-height: 1.15;\n margin-bottom: 18px;\n letter-spacing: -0.5px;\n }\n .hero p {\n font-size: 17px;\n line-height: 1.8;\n opacity: 0.95;\n max-width: 460px;\n }\n .event-card {\n margin-top: 36px;\n background: rgba(255,255,255,0.15);\n backdrop-filter: blur(12px);\n border: 1px solid rgba(255,255,255,0.24);\n border-radius: 26px;\n padding: 24px;\n }\n .event-card h3 { font-size: 22px; margin-bottom: 12px; }\n .event-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 14px;\n margin-top: 18px;\n }\n .mini {\n background: rgba(255,255,255,0.14);\n border-radius: 18px;\n padding: 14px;\n }\n .mini span { display:block; font-size: 12px; opacity: .75; }\n .mini strong { display:block; font-size: 18px; margin-top: 4px; }\n .runner {\n position: absolute;\n right: -30px;\n bottom: -30px;\n width: 280px;\n height: 280px;\n border-radius: 50%;\n background: rgba(255,255,255,0.12);\n display: grid;\n place-items: center;\n font-size: 105px;\n }\n .content {\n padding: 42px;\n background: #f8fafc;\n }\n .topbar {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 24px;\n }\n .logo {\n font-weight: 700;\n color: #991b1b;\n font-size: 22px;\n }\n .status {\n background: #dcfce7;\n color: #166534;\n border-radius: 999px;\n padding: 8px 14px;\n font-size: 13px;\n font-weight: 600;\n }\n .form-card {\n background: white;\n border-radius: 28px;\n padding: 30px;\n box-shadow: 0 18px 40px rgba(15,23,42,0.08);\n border: 1px solid #e5e7eb;\n }\n .form-card h2 {\n font-size: 28px;\n color: #111827;\n margin-bottom: 6px;\n }\n .form-card .sub {\n color: #64748b;\n margin-bottom: 24px;\n font-size: 14px;\n }\n .form-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n }\n .field { display: flex; flex-direction: column; gap: 7px; }\n label { font-size: 13px; color: #475569; font-weight: 600; }\n input, select, textarea {\n width: 100%;\n border: 1px solid #cbd5e1;\n border-radius: 16px;\n padding: 13px 15px;\n font-family: inherit;\n font-size: 14px;\n background: #f8fafc;\n outline: none;\n transition: .2s;\n }\n input:focus, select:focus, textarea:focus {\n border-color: #b91c1c;\n background: white;\n box-shadow: 0 0 0 4px rgba(185,28,28,.1);\n }\n .full { grid-column: 1 \/ -1; }\n textarea { min-height: 82px; resize: vertical; }\n .price-box {\n margin: 22px 0;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 12px;\n }\n .price {\n border: 1px solid #fee2e2;\n background: linear-gradient(180deg, #fff, #fff5f5);\n border-radius: 20px;\n padding: 16px;\n text-align: center;\n }\n .price strong { color: #991b1b; font-size: 22px; }\n .price span { color:#64748b; font-size: 12px; display:block; margin-top:4px; }\n .actions {\n display:flex;\n gap: 14px;\n align-items:center;\n margin-top: 22px;\n }\n button {\n border: 0;\n border-radius: 18px;\n padding: 15px 24px;\n font-family: inherit;\n font-weight: 700;\n cursor: pointer;\n font-size: 15px;\n }\n .primary {\n background: linear-gradient(135deg, #991b1b, #dc2626);\n color:white;\n flex: 1;\n box-shadow: 0 12px 24px rgba(220,38,38,.28);\n }\n .secondary {\n background: #e0f2fe;\n color: #075985;\n }\n .note {\n margin-top: 18px;\n color: #64748b;\n font-size: 13px;\n line-height: 1.7;\n }\n @media (max-width: 900px) {\n body { padding: 14px; }\n .page { grid-template-columns: 1fr; }\n .hero h1 { font-size: 36px; }\n .form-grid, .price-box { grid-template-columns: 1fr; }\n .runner { opacity: .35; }\n }\n <\/style>\n<\/head>\n<body>\n <main class=\"page\">\n <section class=\"hero\">\n <div class=\"badge\">\ud83c\udfc3\u200d\u2640\ufe0f Gear of the Sea Charity Run 2026<\/div>\n <h1>\u0e23\u0e30\u0e1a\u0e1a\u0e23\u0e31\u0e1a\u0e2a\u0e21\u0e31\u0e04\u0e23<br>\u0e40\u0e14\u0e34\u0e19\u2013\u0e27\u0e34\u0e48\u0e07\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<\/h1>\n <p>\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e07\u0e48\u0e32\u0e22 \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e2a\u0e16\u0e32\u0e19\u0e30\u0e44\u0e14\u0e49 \u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1c\u0e39\u0e49\u0e2a\u0e21\u0e31\u0e04\u0e23 \u0e40\u0e2a\u0e37\u0e49\u0e2d \u0e01\u0e32\u0e23\u0e0a\u0e33\u0e23\u0e30\u0e40\u0e07\u0e34\u0e19 BIB \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e47\u0e04\u0e2d\u0e34\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e07\u0e32\u0e19\u0e14\u0e49\u0e27\u0e22 QR Code<\/p>\n\n <div class=\"event-card\">\n <h3>\u0e27\u0e34\u0e28\u0e27\u0e2f \u0e21\u0e17\u0e23.\u0e28\u0e23\u0e35\u0e27\u0e34\u0e0a\u0e31\u0e22 \u0e0a\u0e27\u0e19\u0e21\u0e32\u0e27\u0e34\u0e48\u0e07\u0e0a\u0e32\u0e22\u0e40\u0e25<\/h3>\n <p>\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e40\u0e14\u0e34\u0e19\u2013\u0e27\u0e34\u0e48\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e01\u0e38\u0e28\u0e25 \u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e23\u0e34\u0e21\u0e17\u0e30\u0e40\u0e25 \u0e2a\u0e19\u0e38\u0e01\u0e44\u0e14\u0e49\u0e17\u0e31\u0e49\u0e07\u0e2a\u0e32\u0e22\u0e0a\u0e34\u0e25\u0e41\u0e25\u0e30\u0e2a\u0e32\u0e22\u0e0b\u0e34\u0e48\u0e07<\/p>\n <div class=\"event-grid\">\n <div class=\"mini\"><span>\u0e27\u0e31\u0e19\u0e08\u0e31\u0e14\u0e07\u0e32\u0e19<\/span><strong>26 \u0e01.\u0e04. 2569<\/strong><\/div>\n <div class=\"mini\"><span>\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48<\/span><strong>\u0e04\u0e13\u0e30\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e23\u0e21\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c<\/strong><\/div>\n <div class=\"mini\"><span>\u0e23\u0e30\u0e22\u0e30\u0e17\u0e32\u0e07<\/span><strong>3 \/ 5 \/ 10 KM<\/strong><\/div>\n <div class=\"mini\"><span>\u0e23\u0e30\u0e1a\u0e1a<\/span><strong>Smart Check-in<\/strong><\/div>\n <\/div>\n <\/div>\n <div class=\"runner\">\ud83c\udfc3<\/div>\n <\/section>\n\n <section class=\"content\">\n <div class=\"topbar\">\n <div class=\"logo\">RunReg Smart<\/div>\n <div class=\"status\">\u0e40\u0e1b\u0e34\u0e14\u0e23\u0e31\u0e1a\u0e2a\u0e21\u0e31\u0e04\u0e23<\/div>\n <\/div>\n\n <div class=\"form-card\">\n <h2>\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e40\u0e02\u0e49\u0e32\u0e23\u0e48\u0e27\u0e21\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21<\/h2>\n <p class=\"sub\">\u0e01\u0e23\u0e2d\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e43\u0e2b\u0e49\u0e04\u0e23\u0e1a\u0e16\u0e49\u0e27\u0e19 \u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e30\u0e2d\u0e2d\u0e01\u0e40\u0e25\u0e02\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e43\u0e2b\u0e49\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34<\/p>\n\n <div class=\"form-grid\">\n <div class=\"field full\">\n <label>\u0e0a\u0e37\u0e48\u0e2d\u2013\u0e2a\u0e01\u0e38\u0e25<\/label>\n <input placeholder=\"\u0e40\u0e0a\u0e48\u0e19 \u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e1e\u0e23\u0e40\u0e1e\u0e47\u0e0d \u0e08\u0e31\u0e19\u0e17\u0e23\u0e32\" \/>\n <\/div>\n <div class=\"field\">\n <label>\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c<\/label>\n <input placeholder=\"08x-xxx-xxxx\" \/>\n <\/div>\n <div class=\"field\">\n <label>\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\/\u0e2a\u0e31\u0e07\u0e01\u0e31\u0e14<\/label>\n <input placeholder=\"\u0e04\u0e13\u0e30\/\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\/\u0e0a\u0e21\u0e23\u0e21\" \/>\n <\/div>\n <div class=\"field\">\n <label>\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21<\/label>\n <select>\n <option>\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21<\/option>\n <option>\u0e40\u0e14\u0e34\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e 3 KM<\/option>\n <option>Fun Run 5 KM<\/option>\n <option>Mini Marathon 10 KM<\/option>\n <\/select>\n <\/div>\n <div class=\"field\">\n <label>\u0e44\u0e0b\u0e0b\u0e4c\u0e40\u0e2a\u0e37\u0e49\u0e2d<\/label>\n <select>\n <option>\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e44\u0e0b\u0e0b\u0e4c\u0e40\u0e2a\u0e37\u0e49\u0e2d<\/option>\n <option>S<\/option><option>M<\/option><option>L<\/option><option>XL<\/option><option>2XL<\/option><option>3XL<\/option>\n <\/select>\n <\/div>\n <div class=\"field\">\n <label>\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e1c\u0e39\u0e49\u0e2a\u0e21\u0e31\u0e04\u0e23<\/label>\n <select>\n <option>\u0e1a\u0e38\u0e04\u0e04\u0e25\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b<\/option>\n <option>\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32<\/option>\n <option>\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23<\/option>\n <option>VIP \/ \u0e1c\u0e39\u0e49\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19<\/option>\n <\/select>\n <\/div>\n <div class=\"field\">\n <label>\u0e2b\u0e25\u0e31\u0e01\u0e10\u0e32\u0e19\u0e01\u0e32\u0e23\u0e0a\u0e33\u0e23\u0e30\u0e40\u0e07\u0e34\u0e19<\/label>\n <input type=\"file\" \/>\n <\/div>\n <div class=\"field full\">\n <label>\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38 \/ \u0e42\u0e23\u0e04\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e15\u0e31\u0e27 \/ \u0e1c\u0e39\u0e49\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e09\u0e38\u0e01\u0e40\u0e09\u0e34\u0e19<\/label>\n <textarea placeholder=\"\u0e23\u0e30\u0e1a\u0e38\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 \u0e2b\u0e32\u0e01\u0e21\u0e35\"><\/textarea>\n <\/div>\n <\/div>\n\n <div class=\"price-box\">\n <div class=\"price\"><strong>\u0e3f300<\/strong><span>\u0e40\u0e14\u0e34\u0e19 3 KM<\/span><\/div>\n <div class=\"price\"><strong>\u0e3f400<\/strong><span>\u0e27\u0e34\u0e48\u0e07 5 KM<\/span><\/div>\n <div class=\"price\"><strong>\u0e3f500<\/strong><span>\u0e27\u0e34\u0e48\u0e07 10 KM<\/span><\/div>\n <\/div>\n\n <div class=\"actions\">\n <button class=\"primary\">\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e41\u0e25\u0e30\u0e23\u0e31\u0e1a\u0e23\u0e2b\u0e31\u0e2a\u0e2a\u0e21\u0e31\u0e04\u0e23<\/button>\n <button class=\"secondary\">\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e2a\u0e16\u0e32\u0e19\u0e30<\/button>\n <\/div>\n <p class=\"note\">\u0e2b\u0e25\u0e31\u0e07\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08 \u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e30\u0e41\u0e2a\u0e14\u0e07\u0e23\u0e2b\u0e31\u0e2a\u0e2a\u0e21\u0e31\u0e04\u0e23 \u0e40\u0e0a\u0e48\u0e19 RUN20260001 \u0e41\u0e25\u0e30\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e0a\u0e49\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e2a\u0e16\u0e32\u0e19\u0e30 \u0e23\u0e31\u0e1a\u0e40\u0e2a\u0e37\u0e49\u0e2d \u0e41\u0e25\u0e30\u0e40\u0e0a\u0e47\u0e04\u0e2d\u0e34\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e07\u0e32\u0e19<\/p>\n <\/div>\n <\/section>\n <\/main>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>RunReg Smart System \ud83c\udfc3\u200d\u2640\ufe0f Gear of the Sea Charity Run 20 […]<\/p>\n","protected":false},"author":16,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3950","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/eng.rmutsv.ac.th\/infosystem\/wp-json\/wp\/v2\/pages\/3950","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eng.rmutsv.ac.th\/infosystem\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eng.rmutsv.ac.th\/infosystem\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eng.rmutsv.ac.th\/infosystem\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/eng.rmutsv.ac.th\/infosystem\/wp-json\/wp\/v2\/comments?post=3950"}],"version-history":[{"count":1,"href":"https:\/\/eng.rmutsv.ac.th\/infosystem\/wp-json\/wp\/v2\/pages\/3950\/revisions"}],"predecessor-version":[{"id":3953,"href":"https:\/\/eng.rmutsv.ac.th\/infosystem\/wp-json\/wp\/v2\/pages\/3950\/revisions\/3953"}],"wp:attachment":[{"href":"https:\/\/eng.rmutsv.ac.th\/infosystem\/wp-json\/wp\/v2\/media?parent=3950"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":3950,"date":"2026-05-19T16:50:09","date_gmt":"2026-05-19T09:50:09","guid":{"rendered":"https:\/\/eng.rmutsv.ac.th\/infosystem\/?page_id=3950"},"modified":"2026-05-19T16:50:11","modified_gmt":"2026-05-19T09:50:11","slug":"3950-2","status":"publish","type":"page","link":"https:\/\/eng.rmutsv.ac.th\/infosystem\/3950-2\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n \n \n RunReg Smart System<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Prompt:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n * { box-sizing: border-box; margin: 0; padding: 0; }\n body {\n font-family: 'Prompt', sans-serif;\n min-height: 100vh;\n background: linear-gradient(135deg, #8b0015 0%, #c51f32 42%, #f7f9ff 42%, #ffffff 100%);\n color: #1f2937;\n padding: 32px;\n }\n .page {\n max-width: 1180px;\n margin: auto;\n background: rgba(255,255,255,0.9);\n border-radius: 32px;\n overflow: hidden;\n box-shadow: 0 30px 80px rgba(0,0,0,0.22);\n display: grid;\n grid-template-columns: 1fr 1.05fr;\n min-height: 700px;\n }\n .hero {\n position: relative;\n padding: 48px;\n background: radial-gradient(circle at top right, rgba(255,255,255,0.22), transparent 35%), linear-gradient(160deg, #7a0012, #b20d24 55%, #1d4ed8);\n color: white;\n overflow: hidden;\n }\n .badge {\n display: inline-flex;\n gap: 8px;\n align-items: center;\n background: rgba(255,255,255,0.16);\n border: 1px solid rgba(255,255,255,0.28);\n border-radius: 999px;\n padding: 8px 16px;\n font-size: 14px;\n margin-bottom: 28px;\n }\n .hero h1 {\n font-size: 46px;\n line-height: 1.15;\n margin-bottom: 18px;\n letter-spacing: -0.5px;\n }\n .hero p {\n font-size: 17px;\n line-height: 1.8;\n opacity: 0.95;\n max-width: 460px;\n }\n .event-card {\n margin-top: 36px;\n background: rgba(255,255,255,0.15);\n backdrop-filter: blur(12px);\n border: 1px solid rgba(255,255,255,0.24);\n border-radius: 26px;\n padding: 24px;\n }\n .event-card h3 { font-size: 22px; margin-bottom: 12px; }\n .event-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 14px;\n margin-top: 18px;\n }\n .mini {\n background: rgba(255,255,255,0.14);\n border-radius: 18px;\n padding: 14px;\n }\n .mini span { display:block; font-size: 12px; opacity: .75; }\n .mini strong { display:block; font-size: 18px; margin-top: 4px; }\n .runner {\n position: absolute;\n right: -30px;\n bottom: -30px;\n width: 280px;\n height: 280px;\n border-radius: 50%;\n background: rgba(255,255,255,0.12);\n display: grid;\n place-items: center;\n font-size: 105px;\n }\n .content {\n padding: 42px;\n background: #f8fafc;\n }\n .topbar {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 24px;\n }\n .logo {\n font-weight: 700;\n color: #991b1b;\n font-size: 22px;\n }\n .status {\n background: #dcfce7;\n color: #166534;\n border-radius: 999px;\n padding: 8px 14px;\n font-size: 13px;\n font-weight: 600;\n }\n .form-card {\n background: white;\n border-radius: 28px;\n padding: 30px;\n box-shadow: 0 18px 40px rgba(15,23,42,0.08);\n border: 1px solid #e5e7eb;\n }\n .form-card h2 {\n font-size: 28px;\n color: #111827;\n margin-bottom: 6px;\n }\n .form-card .sub {\n color: #64748b;\n margin-bottom: 24px;\n font-size: 14px;\n }\n .form-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n }\n .field { display: flex; flex-direction: column; gap: 7px; }\n label { font-size: 13px; color: #475569; font-weight: 600; }\n input, select, textarea {\n width: 100%;\n border: 1px solid #cbd5e1;\n border-radius: 16px;\n padding: 13px 15px;\n font-family: inherit;\n font-size: 14px;\n background: #f8fafc;\n outline: none;\n transition: .2s;\n }\n input:focus, select:focus, textarea:focus {\n border-color: #b91c1c;\n background: white;\n box-shadow: 0 0 0 4px rgba(185,28,28,.1);\n }\n .full { grid-column: 1 \/ -1; }\n textarea { min-height: 82px; resize: vertical; }\n .price-box {\n margin: 22px 0;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 12px;\n }\n .price {\n border: 1px solid #fee2e2;\n background: linear-gradient(180deg, #fff, #fff5f5);\n border-radius: 20px;\n padding: 16px;\n text-align: center;\n }\n .price strong { color: #991b1b; font-size: 22px; }\n .price span { color:#64748b; font-size: 12px; display:block; margin-top:4px; }\n .actions {\n display:flex;\n gap: 14px;\n align-items:center;\n margin-top: 22px;\n }\n button {\n border: 0;\n border-radius: 18px;\n padding: 15px 24px;\n font-family: inherit;\n font-weight: 700;\n cursor: pointer;\n font-size: 15px;\n }\n .primary {\n background: linear-gradient(135deg, #991b1b, #dc2626);\n color:white;\n flex: 1;\n box-shadow: 0 12px 24px rgba(220,38,38,.28);\n }\n .secondary {\n background: #e0f2fe;\n color: #075985;\n }\n .note {\n margin-top: 18px;\n color: #64748b;\n font-size: 13px;\n line-height: 1.7;\n }\n @media (max-width: 900px) {\n body { padding: 14px; }\n .page { grid-template-columns: 1fr; }\n .hero h1 { font-size: 36px; }\n .form-grid, .price-box { grid-template-columns: 1fr; }\n .runner { opacity: .35; }\n }\n <\/style>\n<\/head>\n<body>\n <main class=\"page\">\n <section class=\"hero\">\n <div class=\"badge\">\ud83c\udfc3\u200d\u2640\ufe0f Gear of the Sea Charity Run 2026<\/div>\n <h1>\u0e23\u0e30\u0e1a\u0e1a\u0e23\u0e31\u0e1a\u0e2a\u0e21\u0e31\u0e04\u0e23<br>\u0e40\u0e14\u0e34\u0e19\u2013\u0e27\u0e34\u0e48\u0e07\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<\/h1>\n <p>\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e07\u0e48\u0e32\u0e22 \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e2a\u0e16\u0e32\u0e19\u0e30\u0e44\u0e14\u0e49 \u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1c\u0e39\u0e49\u0e2a\u0e21\u0e31\u0e04\u0e23 \u0e40\u0e2a\u0e37\u0e49\u0e2d \u0e01\u0e32\u0e23\u0e0a\u0e33\u0e23\u0e30\u0e40\u0e07\u0e34\u0e19 BIB \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e47\u0e04\u0e2d\u0e34\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e07\u0e32\u0e19\u0e14\u0e49\u0e27\u0e22 QR Code<\/p>\n\n <div class=\"event-card\">\n <h3>\u0e27\u0e34\u0e28\u0e27\u0e2f \u0e21\u0e17\u0e23.\u0e28\u0e23\u0e35\u0e27\u0e34\u0e0a\u0e31\u0e22 \u0e0a\u0e27\u0e19\u0e21\u0e32\u0e27\u0e34\u0e48\u0e07\u0e0a\u0e32\u0e22\u0e40\u0e25<\/h3>\n <p>\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e40\u0e14\u0e34\u0e19\u2013\u0e27\u0e34\u0e48\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e01\u0e38\u0e28\u0e25 \u0e1a\u0e23\u0e23\u0e22\u0e32\u0e01\u0e32\u0e28\u0e23\u0e34\u0e21\u0e17\u0e30\u0e40\u0e25 \u0e2a\u0e19\u0e38\u0e01\u0e44\u0e14\u0e49\u0e17\u0e31\u0e49\u0e07\u0e2a\u0e32\u0e22\u0e0a\u0e34\u0e25\u0e41\u0e25\u0e30\u0e2a\u0e32\u0e22\u0e0b\u0e34\u0e48\u0e07<\/p>\n <div class=\"event-grid\">\n <div class=\"mini\"><span>\u0e27\u0e31\u0e19\u0e08\u0e31\u0e14\u0e07\u0e32\u0e19<\/span><strong>26 \u0e01.\u0e04. 2569<\/strong><\/div>\n <div class=\"mini\"><span>\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48<\/span><strong>\u0e04\u0e13\u0e30\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e23\u0e21\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c<\/strong><\/div>\n <div class=\"mini\"><span>\u0e23\u0e30\u0e22\u0e30\u0e17\u0e32\u0e07<\/span><strong>3 \/ 5 \/ 10 KM<\/strong><\/div>\n <div class=\"mini\"><span>\u0e23\u0e30\u0e1a\u0e1a<\/span><strong>Smart Check-in<\/strong><\/div>\n <\/div>\n <\/div>\n <div class=\"runner\">\ud83c\udfc3<\/div>\n <\/section>\n\n <section class=\"content\">\n <div class=\"topbar\">\n <div class=\"logo\">RunReg Smart<\/div>\n <div class=\"status\">\u0e40\u0e1b\u0e34\u0e14\u0e23\u0e31\u0e1a\u0e2a\u0e21\u0e31\u0e04\u0e23<\/div>\n <\/div>\n\n <div class=\"form-card\">\n <h2>\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e40\u0e02\u0e49\u0e32\u0e23\u0e48\u0e27\u0e21\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21<\/h2>\n <p class=\"sub\">\u0e01\u0e23\u0e2d\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e43\u0e2b\u0e49\u0e04\u0e23\u0e1a\u0e16\u0e49\u0e27\u0e19 \u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e30\u0e2d\u0e2d\u0e01\u0e40\u0e25\u0e02\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e43\u0e2b\u0e49\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34<\/p>\n\n <div class=\"form-grid\">\n <div class=\"field full\">\n <label>\u0e0a\u0e37\u0e48\u0e2d\u2013\u0e2a\u0e01\u0e38\u0e25<\/label>\n <input placeholder=\"\u0e40\u0e0a\u0e48\u0e19 \u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e1e\u0e23\u0e40\u0e1e\u0e47\u0e0d \u0e08\u0e31\u0e19\u0e17\u0e23\u0e32\" \/>\n <\/div>\n <div class=\"field\">\n <label>\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c<\/label>\n <input placeholder=\"08x-xxx-xxxx\" \/>\n <\/div>\n <div class=\"field\">\n <label>\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\/\u0e2a\u0e31\u0e07\u0e01\u0e31\u0e14<\/label>\n <input placeholder=\"\u0e04\u0e13\u0e30\/\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\/\u0e0a\u0e21\u0e23\u0e21\" \/>\n <\/div>\n <div class=\"field\">\n <label>\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21<\/label>\n <select>\n <option>\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21<\/option>\n <option>\u0e40\u0e14\u0e34\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e 3 KM<\/option>\n <option>Fun Run 5 KM<\/option>\n <option>Mini Marathon 10 KM<\/option>\n <\/select>\n <\/div>\n <div class=\"field\">\n <label>\u0e44\u0e0b\u0e0b\u0e4c\u0e40\u0e2a\u0e37\u0e49\u0e2d<\/label>\n <select>\n <option>\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e44\u0e0b\u0e0b\u0e4c\u0e40\u0e2a\u0e37\u0e49\u0e2d<\/option>\n <option>S<\/option><option>M<\/option><option>L<\/option><option>XL<\/option><option>2XL<\/option><option>3XL<\/option>\n <\/select>\n <\/div>\n <div class=\"field\">\n <label>\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e1c\u0e39\u0e49\u0e2a\u0e21\u0e31\u0e04\u0e23<\/label>\n <select>\n <option>\u0e1a\u0e38\u0e04\u0e04\u0e25\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b<\/option>\n <option>\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32<\/option>\n <option>\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23<\/option>\n <option>VIP \/ \u0e1c\u0e39\u0e49\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19<\/option>\n <\/select>\n <\/div>\n <div class=\"field\">\n <label>\u0e2b\u0e25\u0e31\u0e01\u0e10\u0e32\u0e19\u0e01\u0e32\u0e23\u0e0a\u0e33\u0e23\u0e30\u0e40\u0e07\u0e34\u0e19<\/label>\n <input type=\"file\" \/>\n <\/div>\n <div class=\"field full\">\n <label>\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38 \/ \u0e42\u0e23\u0e04\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e15\u0e31\u0e27 \/ \u0e1c\u0e39\u0e49\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e09\u0e38\u0e01\u0e40\u0e09\u0e34\u0e19<\/label>\n <textarea placeholder=\"\u0e23\u0e30\u0e1a\u0e38\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 \u0e2b\u0e32\u0e01\u0e21\u0e35\"><\/textarea>\n <\/div>\n <\/div>\n\n <div class=\"price-box\">\n <div class=\"price\"><strong>\u0e3f300<\/strong><span>\u0e40\u0e14\u0e34\u0e19 3 KM<\/span><\/div>\n <div class=\"price\"><strong>\u0e3f400<\/strong><span>\u0e27\u0e34\u0e48\u0e07 5 KM<\/span><\/div>\n <div class=\"price\"><strong>\u0e3f500<\/strong><span>\u0e27\u0e34\u0e48\u0e07 10 KM<\/span><\/div>\n <\/div>\n\n <div class=\"actions\">\n <button class=\"primary\">\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e41\u0e25\u0e30\u0e23\u0e31\u0e1a\u0e23\u0e2b\u0e31\u0e2a\u0e2a\u0e21\u0e31\u0e04\u0e23<\/button>\n <button class=\"secondary\">\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e2a\u0e16\u0e32\u0e19\u0e30<\/button>\n <\/div>\n <p class=\"note\">\u0e2b\u0e25\u0e31\u0e07\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08 \u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e30\u0e41\u0e2a\u0e14\u0e07\u0e23\u0e2b\u0e31\u0e2a\u0e2a\u0e21\u0e31\u0e04\u0e23 \u0e40\u0e0a\u0e48\u0e19 RUN20260001 \u0e41\u0e25\u0e30\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e0a\u0e49\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e2a\u0e16\u0e32\u0e19\u0e30 \u0e23\u0e31\u0e1a\u0e40\u0e2a\u0e37\u0e49\u0e2d \u0e41\u0e25\u0e30\u0e40\u0e0a\u0e47\u0e04\u0e2d\u0e34\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e07\u0e32\u0e19<\/p>\n <\/div>\n <\/section>\n <\/main>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>RunReg Smart System \ud83c\udfc3\u200d\u2640\ufe0f Gear of the Sea Charity Run 20 […]<\/p>\n","protected":false},"author":16,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3950","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/eng.rmutsv.ac.th\/infosystem\/wp-json\/wp\/v2\/pages\/3950","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eng.rmutsv.ac.th\/infosystem\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eng.rmutsv.ac.th\/infosystem\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eng.rmutsv.ac.th\/infosystem\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/eng.rmutsv.ac.th\/infosystem\/wp-json\/wp\/v2\/comments?post=3950"}],"version-history":[{"count":1,"href":"https:\/\/eng.rmutsv.ac.th\/infosystem\/wp-json\/wp\/v2\/pages\/3950\/revisions"}],"predecessor-version":[{"id":3953,"href":"https:\/\/eng.rmutsv.ac.th\/infosystem\/wp-json\/wp\/v2\/pages\/3950\/revisions\/3953"}],"wp:attachment":[{"href":"https:\/\/eng.rmutsv.ac.th\/infosystem\/wp-json\/wp\/v2\/media?parent=3950"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}