{"id":6173,"date":"2026-05-15T15:51:42","date_gmt":"2026-05-15T08:51:42","guid":{"rendered":"https:\/\/cms-thevisual.thaipbs.or.th\/thevisual\/?post_type=dataviz&#038;p=6173"},"modified":"2026-06-22T04:33:27","modified_gmt":"2026-06-21T21:33:27","slug":"thebag","status":"publish","type":"dataviz","link":"https:\/\/cms-thevisual.thaipbs.or.th\/thevisual\/dataviz\/thebag\/","title":{"rendered":"THE BAG (\u0e2a\u0e31\u0e21)\u0e20\u0e32\u0e23\u0e30\u0e2b\u0e19\u0e31\u0e01 \u0e1a\u0e19\u0e1a\u0e48\u0e32\u0e40\u0e14\u0e47\u0e01"},"content":{"rendered":"<div class=\"gb-element-b68597f5\">\n<div class=\"gb-element-4dfd15f3\">\n<img decoding=\"async\" class=\"gb-media-e4fad09c\" alt=\"\" src=\"https:\/\/files.wp.thaipbs.or.th\/thevisual\/2023\/11\/%E0%B8%A0%E0%B8%B2%E0%B8%9E%E0%B8%9B%E0%B8%81-New-2.png\" data-aos=\"fade\" data-aos-duration=\"850\">\n<\/div>\n\n\n\n<div style=\"height:81px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-c472bce\" class=\"gspb_text gspb_text-id-gsbp-c472bce \">\u0e40\u0e14\u0e47\u0e01\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e40\u0e14\u0e34\u0e19\u0e40\u0e0b\u0e0b\u0e49\u0e32\u0e22\u0e40\u0e0b\u0e02\u0e27\u0e32 \u0e01\u0e27\u0e48\u0e32\u0e08\u0e30\u0e2a\u0e30\u0e1e\u0e32\u0e22\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e40\u0e1b\u0e49\u0e02\u0e36\u0e49\u0e19\u0e1a\u0e48\u0e32\u0e44\u0e14\u0e49<\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-c5aac50\" class=\"gspb_text gspb_text-id-gsbp-c5aac50 \">\u0e1e\u0e48\u0e2d\u0e41\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e04\u0e2d\u0e22\u0e08\u0e31\u0e1a \u0e04\u0e2d\u0e22\u0e1e\u0e22\u0e38\u0e07 \u0e1a\u0e32\u0e07\u0e17\u0e35\u0e01\u0e47\u0e41\u0e17\u0e1a\u0e08\u0e30\u0e25\u0e49\u0e21\u2026<\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-5508548\" class=\"gspb_text gspb_text-id-gsbp-5508548 \">\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e27\u0e48\u0e32\u0e2b\u0e25\u0e32\u0e22\u0e04\u0e19\u0e04\u0e07\u0e40\u0e04\u0e22\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e40\u0e0a\u0e48\u0e19\u0e19\u0e35\u0e49<\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-a412915\" class=\"gspb_text gspb_text-id-gsbp-a412915 \">\u0e44\u0e21\u0e48\u0e27\u0e48\u0e32\u0e08\u0e30\u0e43\u0e19\u0e10\u0e32\u0e19\u0e30\u0e02\u0e2d\u0e07\u0e1e\u0e48\u0e2d \u0e41\u0e21\u0e48 \u0e1c\u0e39\u0e49\u0e1b\u0e01\u0e04\u0e23\u0e2d\u0e07 \u0e2b\u0e23\u0e37\u0e2d\u0e41\u0e21\u0e49\u0e41\u0e15\u0e48\u0e04\u0e23\u0e31\u0e49\u0e07\u0e40\u0e1b\u0e47\u0e19\u00a0<strong>\u201c\u0e40\u0e14\u0e47\u0e01\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u201d<\/strong><\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-65ebc5d\" class=\"gspb_text gspb_text-id-gsbp-65ebc5d \">\u0e41\u0e25\u0e49\u0e27\u0e43\u0e19\u0e41\u0e15\u0e48\u0e25\u0e30\u0e27\u0e31\u0e19 \u0e40\u0e14\u0e47\u0e01\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e15\u0e31\u0e27\u0e19\u0e49\u0e2d\u0e22 \u0e46 \u0e40\u0e2b\u0e25\u0e48\u0e32\u0e19\u0e35\u0e49<\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-e43e318\" class=\"gspb_text gspb_text-id-gsbp-e43e318 \">\u0e15\u0e49\u0e2d\u0e07\u00a0<strong>\u201c\u0e41\u0e1a\u0e01(\u0e2a\u0e31\u0e21)\u0e20\u0e32\u0e23\u0e30\u201d \u0e2b\u0e19\u0e31\u0e01\u0e40\u0e17\u0e48\u0e32\u0e44\u0e23\u0e19\u0e30 ?<\/strong>\u00a0<\/div>\n\n\n\n<div class=\"gb-element-2e104547\">\n<div id=\"gspb_text-id-gsbp-58ef430\" class=\"gspb_text gspb_text-id-gsbp-58ef430 \"><strong>\u0e25\u0e2d\u0e07\u0e21\u0e32\u0e17\u0e32\u0e22\u0e01\u0e31\u0e19<\/strong><\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-04198f4\" class=\"gspb_text gspb_text-id-gsbp-04198f4 \"><strong>\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e04\u0e19\u0e44\u0e2b\u0e19\u0e41\u0e1a\u0e01\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e40\u0e01\u0e34\u0e19<\/strong> ?<\/div>\n\n\n\n<div class=\"iframe-mini\">\n  <iframe loading=\"lazy\" src=\"https:\/\/e.infogram.com\/2bf5b361-1177-487e-8c29-660643b957c4?parent_url=https%3A%2F%2Fwww.thaipbs.or.th%2Fthevisual%2Fdataviz%2Fthebag%2F&amp;src=embed#async_embed\" width=\"1600\" height=\"900\" frameborder=\"0\" scrolling=\"no\" allowfullscreen title=\"Heatwave Infogram\">\n  <\/iframe>\n<\/div>\n\n<style>\n\/* ===== Desktop ===== *\/\n.iframe-mini{\n  min-height: 100vh;           \n  display: flex;\n  justify-content: center;\n  align-items: center;         \n  padding: 24px;\n  box-sizing: border-box;\n}\n\n.iframe-mini iframe{\n  max-width: 100%;\n  width: 100%;\n  aspect-ratio: 16 \/ 9;   \/* \u0e04\u0e38\u0e21\u0e2a\u0e31\u0e14\u0e2a\u0e48\u0e27\u0e19 *\/\n  height: auto;\n  border: none;\n}\n\n\/* ===== Tablet (iPad) ===== *\/\n@media (max-width: 1024px){\n  .iframe-mini{\n    min-height: auto;         \n    align-items: flex-start;   \n    padding: 16px 12px;\n  }\n}\n\/* ===== Mobile ===== *\/\n@media (max-width: 767px){\n  .iframe-mini{\n    min-height: auto;\n    align-items: center;\n    padding: 8px;\n  }\n\n  .iframe-mini iframe{\n    height: auto;            \n    min-height: 50vh;        \n  }\n}\n\n@media (min-width: 1600px){\n  .iframe-mini iframe{\n    max-width: 1600px;        \/* \u0e02\u0e22\u0e32\u0e22\u0e43\u0e2b\u0e0d\u0e48\u0e02\u0e36\u0e49\u0e19 *\/\n    aspect-ratio: 1600 \/ 900; \/* \u0e43\u0e0a\u0e49\u0e2a\u0e31\u0e14\u0e2a\u0e48\u0e27\u0e19\u0e17\u0e35\u0e48\u0e04\u0e38\u0e13\u0e01\u0e33\u0e2b\u0e19\u0e14 *\/\n  }\n}\n<\/style>\n<\/div>\n\n\n\n<div>\n<div id=\"gspb_text-id-gsbp-77e8d9d\" class=\"gspb_text gspb_text-id-gsbp-77e8d9d \">\u0e17\u0e33\u0e44\u0e21\u0e16\u0e36\u0e07\u0e1a\u0e2d\u0e01\u0e27\u0e48\u0e32 \u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e40\u0e01\u0e34\u0e19 ?\u00a0\u00a0\u0e43\u0e0a\u0e49\u0e2d\u0e30\u0e44\u0e23\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e01\u0e13\u0e11\u0e4c\u0e27\u0e31\u0e14 ?<\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-8323506\" class=\"gspb_text gspb_text-id-gsbp-8323506 \"><strong>The Visual\u00a0<\/strong>\u0e08\u0e30\u0e1e\u0e32\u0e44\u0e1b\u0e2b\u0e32\u0e04\u0e33\u0e15\u0e2d\u0e1a<\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-875e83d\" class=\"gspb_text gspb_text-id-gsbp-875e83d \">\u0e40\u0e1e\u0e23\u0e32\u0e30<strong>\u00a0\u201c\u0e2a\u0e31\u0e21\u0e20\u0e32\u0e23\u0e30\u201d<\/strong>\u00a0\u0e2b\u0e19\u0e31\u0e01 \u0e46 \u0e43\u0e1a\u0e19\u0e35\u0e49<\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-ba21c83\" class=\"gspb_text gspb_text-id-gsbp-ba21c83 \">\u0e2d\u0e32\u0e08\u0e01\u0e25\u0e32\u0e22\u0e40\u0e1b\u0e47\u0e19<strong>\u00a0\u201c\u0e20\u0e32\u0e23\u0e30\u201d\u00a0<\/strong>\u0e17\u0e35\u0e48\u0e2b\u0e19\u0e31\u0e01\u0e2b\u0e19\u0e32\u0e2a\u0e32\u0e2b\u0e31\u0e2a\u0e43\u0e19\u0e2d\u0e19\u0e32\u0e04\u0e15\u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e23\u0e39\u0e49\u0e15\u0e31\u0e27<\/div>\n\n\n\n<div class=\"iframe-info\">\n  <iframe loading=\"lazy\" src=\"https:\/\/e.infogram.com\/85003910-b0d2-49b6-8589-2648df5caeb6?parent_url=https%3A%2F%2Fwww.thaipbs.or.th%2Fthevisual%2Fdataviz%2Fthebag%2F&amp;src=embed#async_embed\" width=\"1200\" height=\"600\" frameborder=\"0\" scrolling=\"no\" allowfullscreen title=\"Heatwave Infogram\">\n  <\/iframe>\n<\/div>\n\n<style>\n  .iframe-info {\n    min-height: 100vh;\n    display: flex;\n    justify-content: center;     \n    align-items: center;        \n    box-sizing: border-box;\n  }\n\n  .iframe-info iframe{\n    max-width: 100%;\n    border: none;\n  }\n\n@media (max-width: 1024px){\n  .iframe-info{\n    min-height: 0;\n    align-items: center;\n    padding: 0;\n    line-height: 0;   \n    margin-bottom: -150px;\n    margin-top: 20px;\n  }\n\n  .iframe-info iframe{\n    display: block;  \n    margin: 0;\n  }\n}\n\/* ===== Mobile ===== *\/\n@media (max-width: 767px){\n  .iframe-info{\n    min-height: auto;\n    align-items: center;\n    padding: 8px;\n  }\n\n  .iframe-info iframe{\n    height: auto;            \n    min-height: 65vh;        \n  }\n}\n@media (min-width: 1800px) \n  and (max-width: 1900px) \n  and (min-height: 950px) \n  and (max-height: 1050px) {\n\n  .iframe-info {\n    min-height: auto;        \/* \ud83d\udd25 \u0e1b\u0e25\u0e14 100vh *\/\n    align-items: flex-start; \/* \ud83d\udd25 \u0e44\u0e21\u0e48\u0e08\u0e31\u0e14\u0e01\u0e25\u0e32\u0e07\u0e41\u0e19\u0e27\u0e15\u0e31\u0e49\u0e07 *\/\n    padding-top: 40px;\n    padding-bottom: 40px;\n  }\n\n  .iframe-info iframe {\n    width: 100%;\n    max-width: 800px;       \/* \ud83d\udd25 \u0e25\u0e14\u0e02\u0e19\u0e32\u0e14\u0e25\u0e07\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e40\u0e04\u0e2a\u0e19\u0e35\u0e49 *\/\n    height: 900px;\n  }\n}\n\n<\/style>\n\n\n\n<h2 id=\"gspb_heading-id-gsbp-e588970\" class=\"gspb_heading gspb_heading-id-gsbp-e588970 \"><strong>\u0e16\u0e49\u0e32\u0e41\u0e1a\u0e01\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u00a0<mark style=\"background-color:rgba(0, 0, 0, 0);color:#aebcb9\" class=\"has-inline-color\">\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e40\u0e01\u0e34\u0e19<\/mark>\u00a0\u0e08\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23 ?<\/strong><\/h2>\n\n\n\n<h2 id=\"gspb_heading-id-gsbp-bb3459a\" class=\"gspb_heading gspb_heading-id-gsbp-bb3459a \"><strong>\u0e1b\u0e27\u0e14\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e22\u0e01\u0e25\u0e49\u0e32\u0e21\u0e40\u0e19\u0e37\u0e49\u0e2d<\/strong><\/h2>\n\n\n\n<div id=\"gspb_text-id-gsbp-506173e\" class=\"gspb_text gspb_text-id-gsbp-506173e \">\u0e1a\u0e23\u0e34\u0e40\u0e27\u0e13\u0e15\u0e49\u0e19\u0e04\u0e2d \u0e2b\u0e31\u0e27\u0e44\u0e2b\u0e25\u0e48\u00a0\u0e41\u0e02\u0e19\u00a0\u0e41\u0e25\u0e30\u0e40\u0e2d\u0e27\u00a0\u0e08\u0e32\u0e01\u0e01\u0e32\u0e23\u0e16\u0e39\u0e01\u0e01\u0e14\u0e17\u0e31\u0e1a\u0e02\u0e2d\u0e07\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e2b\u0e19\u0e31\u0e01<\/div>\n<\/div>\n\n\n\n<div class=\"gb-element-dfae1c66\">\n<div class=\"ba-wrapper\">\n  <div class=\"ba-container\">\n\n    <div class=\"ba-stage\" id=\"baStage\">\n\n      <div class=\"layer after\" id=\"afterLayer\">\n        <img decoding=\"async\" src=\"https:\/\/files.wp.thaipbs.or.th\/thevisual\/2023\/11\/test0003-3.jpg\" class=\"ba-img\">\n        <div class=\"label after-label\">After<\/div>\n      <\/div>\n\n      <div class=\"layer before\" id=\"beforeLayer\">\n        <img decoding=\"async\" src=\"https:\/\/files.wp.thaipbs.or.th\/thevisual\/2023\/11\/test0002-2.jpg\" class=\"ba-img\">\n        <div class=\"label before-label\">Before<\/div>\n      <\/div>\n\n      <div class=\"slider\" id=\"slider\">\n        <div class=\"line\"><\/div>\n        <div class=\"handle\">&lt; &gt;<\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<style>\nhtml,body{\n  margin:0;\n  width:100%;\n  height:100%;\n}\n\n\/* ===== wrapper ===== *\/\n.ba-wrapper{\n  width:100vw;\n  height:100vh;\n}\n\n\/* ===== container ===== *\/\n.ba-container{\n  width:100%;\n  height:100%;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n}\n\n\/* ===== \u0e02\u0e2d\u0e1a\u0e23\u0e39\u0e1b\u0e08\u0e23\u0e34\u0e07 ===== *\/\n.ba-stage{\n  position:relative;\n  width:100%;\n  height:100%;\n  overflow:hidden;\n}\n\n\/* ===== Desktop ===== *\/\n@media (min-width:1025px){\n  .ba-wrapper{ height:100vh; }\n\n  .ba-container{\n    height:100%;\n    align-items:center;\n  }\n\n  .ba-stage{\n    width:100%;\n    height:100%;\n  }\n}\n\n\/* ===== Tablet \/ Mobile ===== *\/\n@media (max-width:1024px){\n  .ba-wrapper{\n    height:auto;              \/* \u2b50 \u0e44\u0e21\u0e48\u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a 100vh *\/\n  }\n\n  .ba-container{\n    height:auto;              \/* \u2b50 \u0e2a\u0e39\u0e07\u0e15\u0e32\u0e21\u0e23\u0e39\u0e1b *\/\n    align-items:flex-start;   \/* \u2b50 \u0e44\u0e21\u0e48 center \u0e41\u0e19\u0e27\u0e15\u0e31\u0e49\u0e07 *\/\n  }\n\n  .ba-stage{\n    width:100%;\n    aspect-ratio: 16 \/ 9;     \/* \ud83d\udd01 \u0e1b\u0e23\u0e31\u0e1a\u0e15\u0e32\u0e21\u0e2a\u0e31\u0e14\u0e2a\u0e48\u0e27\u0e19\u0e23\u0e39\u0e1b *\/\n    height:auto;\n  }\n}\n\n\/* ===== layers ===== *\/\n.layer{\n  position:absolute;\n  inset:0;\n}\n\n.ba-img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n}\n\n@media (max-width:1024px){\n  .ba-img{\n    object-fit:contain;\n  }\n}\n\n.after{ z-index:1; }\n.before{ z-index:2; }\n\n\/* ===== labels ===== *\/\n.label{\n  position:absolute;\n  top:16px;\n  padding:8px 14px;\n  background:#333;\n  color:#fff;\n  font-size:14px;\n  z-index:3;\n  pointer-events:none;\n}\n\n.before-label{ left:16px; }\n.after-label{ right:16px; }\n\n\/* ===== slider ===== *\/\n.slider{\n  position:absolute;\n  top:0;\n  left:50%;\n  height:100%;\n  z-index:5;\n  cursor:ew-resize;\n}\n\n.slider .line{\n  width:2px;\n  height:100%;\n  background:#fff;\n}\n\n.slider .handle{\n  position:absolute;\n  top:50%;\n  left:-25px;\n  transform:translateY(-50%);\n  width:50px;\n  height:36px;\n  background:#6ec1e4;\n  color:#fff;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n}\n\n<\/style>\n\n<script>\nconst stage = document.getElementById('baStage');\nconst slider = document.getElementById('slider');\nconst beforeLayer = document.getElementById('beforeLayer');\nconst afterLayer  = document.getElementById('afterLayer');\n\nlet dragging = false;\n\nfunction move(x){\n  const rect = stage.getBoundingClientRect();\n  let pos = x - rect.left;\n\n  pos = Math.max(0, Math.min(pos, rect.width));\n  const percent = (pos \/ rect.width) * 100;\n\n  beforeLayer.style.clipPath =\n    `polygon(0 0, ${percent}% 0, ${percent}% 100%, 0 100%)`;\n\n  afterLayer.style.clipPath =\n    `polygon(${percent}% 0, 100% 0, 100% 100%, ${percent}% 100%)`;\n\n  slider.style.left = percent + '%';\n}\n\n\/* mouse *\/\nslider.addEventListener('mousedown', e=>{\n  e.preventDefault();   \/\/ \u2b50 \u0e15\u0e31\u0e27\u0e19\u0e35\u0e49\u0e04\u0e37\u0e2d\u0e2b\u0e31\u0e27\u0e43\u0e08\n  dragging = true;\n});\nwindow.addEventListener('mouseup', ()=> dragging = false);\nwindow.addEventListener('mousemove', e=>{\n  if(dragging) move(e.clientX);\n});\n\n\/* touch *\/\nslider.addEventListener('touchstart', e=>{\n  dragging = true;\n  move(e.touches[0].clientX);\n},{passive:true});\n\nwindow.addEventListener('touchend', ()=> dragging=false);\nwindow.addEventListener('touchmove', e=>{\n  if(!dragging) return;\n  e.preventDefault();\n  move(e.touches[0].clientX);\n},{passive:false});\n\n\/* init *\/\nwindow.addEventListener('load', ()=>{\n  const rect = stage.getBoundingClientRect();\n  move(rect.left + rect.width\/2);\n});\n\n<\/script>\n<\/div>\n\n\n\n<div>\n<div class=\"wp-block-greenshift-blocks-row gspb_row gspb_row-id-gsbp-ac72b66\" id=\"gspb_row-id-gsbp-ac72b66\"><div class=\"gspb_row__content\"> \n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--6 gspb_col-id-gsbp-c612f68\" id=\"gspb_col-id-gsbp-c612f68\">\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-7e0af73\" data-aos=\"slide-right\" data-aos-duration=\"1550\" id=\"gspb_image-id-gsbp-7e0af73\"><img decoding=\"async\" src=\"https:\/\/files.wp.thaipbs.or.th\/thevisual\/2023\/11\/%E0%B8%AB%E0%B8%A5%E0%B8%B1%E0%B8%87%E0%B8%87%E0%B8%AD-%E0%B8%AB%E0%B8%A5%E0%B8%B1%E0%B8%87%E0%B8%84%E0%B9%88%E0%B8%AD%E0%B8%A1.png\" data-src=\"\" alt=\"\" loading=\"lazy\" width=\"\" height=\"\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--6 gspb_col-id-gsbp-b418319\" id=\"gspb_col-id-gsbp-b418319\">\n<div class=\"gb-element-deb2591d\">\n<h2 data-aos-duration=\"1000\" data-aos=\"zoom-in\" id=\"gspb_heading-id-gsbp-d27633d\" class=\"gspb_heading gspb_heading-id-gsbp-d27633d \"><strong><strong><strong>\u0e2b\u0e25\u0e31\u0e07\u0e07\u0e2d\u00a0\u0e2b\u0e25\u0e31\u0e07\u0e04\u0e48\u0e2d\u0e21<\/strong><\/strong><\/strong><\/h2>\n\n\n\n<div id=\"gspb_text-id-gsbp-343c5da\" class=\"gspb_text gspb_text-id-gsbp-343c5da \">\u0e01\u0e32\u0e23\u0e2a\u0e30\u0e1e\u0e32\u0e22\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e2b\u0e19\u0e31\u0e01 \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e40\u0e14\u0e47\u0e01\u0e42\u0e19\u0e49\u0e21\u0e15\u0e31\u0e27\u0e44\u0e1b\u0e14\u0e49\u0e32\u0e19\u0e2b\u0e19\u0e49\u0e32\u00a0\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e23\u0e31\u0e01\u0e29\u0e32\u0e2a\u0e21\u0e14\u0e38\u0e25\u00a0\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e2b\u0e25\u0e31\u0e07\u0e42\u0e04\u0e49\u0e07\u0e07\u0e2d\u0e21\u0e32\u0e01\u0e01\u0e27\u0e48\u0e32\u0e1b\u0e01\u0e15\u0e34\u00a0\u0e2a\u0e48\u0e07\u0e1c\u0e25\u0e15\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e04\u0e14\u0e02\u0e2d\u0e07\u0e01\u0e23\u0e30\u0e14\u0e39\u0e01\u0e2a\u0e31\u0e19\u0e2b\u0e25\u0e31\u0e07\u00a0\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1a\u0e32\u0e14\u0e40\u0e08\u0e47\u0e1a\u0e15\u0e32\u0e21\u0e21\u0e32\u0e44\u0e14\u0e49<\/div>\n<\/div>\n<\/div>\n <\/div><\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-row gspb_row gspb_row-id-gsbp-a34a684\" id=\"gspb_row-id-gsbp-a34a684\"><div class=\"gspb_row__content\"> \n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--6 gspb_col-id-gsbp-cd0e593\" id=\"gspb_col-id-gsbp-cd0e593\">\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-707e56e\" data-aos=\"slide-right\" data-aos-duration=\"1550\" id=\"gspb_image-id-gsbp-707e56e\"><img decoding=\"async\" src=\"https:\/\/files.wp.thaipbs.or.th\/thevisual\/2023\/11\/%E0%B8%AB%E0%B8%A5%E0%B8%B1%E0%B8%87%E0%B8%84%E0%B8%94.png\" data-src=\"\" alt=\"\" loading=\"lazy\" width=\"\" height=\"\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--6 gspb_col-id-gsbp-956f353\" id=\"gspb_col-id-gsbp-956f353\">\n<div class=\"gb-element-f7408d99\">\n<h2 data-aos-duration=\"1000\" data-aos=\"zoom-in\" id=\"gspb_heading-id-gsbp-80258ad\" class=\"gspb_heading gspb_heading-id-gsbp-80258ad \"><strong><strong>\u0e01\u0e23\u0e30\u0e14\u0e39\u0e01\u0e2a\u0e31\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e04\u0e14<\/strong><\/strong><\/h2>\n\n\n\n<div id=\"gspb_text-id-gsbp-33663fa\" class=\"gspb_text gspb_text-id-gsbp-33663fa \">\u0e04\u0e19\u0e17\u0e35\u0e48\u0e0a\u0e2d\u0e1a\u0e2a\u0e30\u0e1e\u0e32\u0e22\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e2b\u0e19\u0e31\u0e01\u0e14\u0e49\u0e27\u0e22\u0e44\u0e2b\u0e25\u0e48\u0e02\u0e49\u0e32\u0e07\u0e40\u0e14\u0e35\u0e22\u0e27\u0e40\u0e1b\u0e47\u0e19\u0e1b\u0e23\u0e30\u0e08\u0e33 \u0e01\u0e25\u0e49\u0e32\u0e21\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e25\u0e31\u0e07\u0e17\u0e31\u0e49\u0e07 2 \u0e02\u0e49\u0e32\u0e07 \u0e08\u0e30\u0e17\u0e33\u0e07\u0e32\u0e19\u0e44\u0e21\u0e48\u0e40\u0e17\u0e48\u0e32\u0e01\u0e31\u0e19 \u0e2a\u0e48\u0e07\u0e1c\u0e25\u0e43\u0e2b\u0e49\u0e40\u0e01\u0e34\u0e14\u0e20\u0e32\u0e27\u0e30\u0e01\u0e23\u0e30\u0e14\u0e39\u0e01\u0e2a\u0e31\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e04\u0e14\u0e15\u0e32\u0e21\u0e21\u0e32\u0e44\u0e14\u0e49<\/div>\n<\/div>\n<\/div>\n <\/div><\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-row gspb_row gspb_row-id-gsbp-4f86eb9\" id=\"gspb_row-id-gsbp-4f86eb9\"><div class=\"gspb_row__content\"> \n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--6 gspb_col-id-gsbp-f08b698\" id=\"gspb_col-id-gsbp-f08b698\">\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-3653014\" data-aos=\"slide-right\" data-aos-duration=\"1550\" id=\"gspb_image-id-gsbp-3653014\"><img decoding=\"async\" src=\"https:\/\/files.wp.thaipbs.or.th\/thevisual\/2023\/11\/DR01.png\" data-src=\"\" alt=\"\" loading=\"lazy\" width=\"\" height=\"\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--6 gspb_col-id-gsbp-d300938\" id=\"gspb_col-id-gsbp-d300938\">\n<div class=\"gb-element-e94f02bb\">\n<h2 id=\"gspb_heading-id-gsbp-fa0862f\" class=\"gspb_heading gspb_heading-id-gsbp-fa0862f \"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-accent-6-color\">\u201c<\/mark><\/h2>\n\n\n\n<div id=\"gspb_text-id-gsbp-8d5ed10\" class=\"gspb_text gspb_text-id-gsbp-8d5ed10 \">\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e19\u0e35\u0e49\u0e40\u0e23\u0e34\u0e48\u0e21\u0e2a\u0e48\u0e07\u0e1c\u0e25\u0e41\u0e1a\u0e1a\u0e40\u0e09\u0e35\u0e22\u0e1a\u0e1e\u0e25\u0e31\u0e19\u0e01\u0e48\u0e2d\u0e19 \u0e40\u0e0a\u0e48\u0e19 \u0e2d\u0e32\u0e01\u0e32\u0e23\u0e01\u0e25\u0e49\u0e32\u0e21\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e15\u0e36\u0e07 \u0e1b\u0e27\u0e14\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e22\u0e01\u0e25\u0e49\u0e32\u0e21\u0e40\u0e19\u0e37\u0e49\u0e2d \u0e40\u0e1b\u0e47\u0e19\u0e2d\u0e32\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e1e\u0e1a\u0e44\u0e14\u0e49\u0e08\u0e32\u0e01\u0e01\u0e32\u0e23\u0e41\u0e1a\u0e01\u0e02\u0e2d\u0e07\u0e2b\u0e19\u0e31\u0e01 \u0e23\u0e30\u0e22\u0e30\u0e22\u0e32\u0e27 \u0e08\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e2d\u0e32\u0e01\u0e32\u0e23\u0e1a\u0e32\u0e14\u0e40\u0e08\u0e47\u0e1a\u0e40\u0e23\u0e37\u0e49\u0e2d\u0e23\u0e31\u0e07 \u0e40\u0e14\u0e47\u0e01\u0e1a\u0e32\u0e07\u0e04\u0e19\u0e08\u0e30\u0e01\u0e25\u0e32\u0e22\u0e40\u0e1b\u0e47\u0e19\u0e04\u0e19\u0e1b\u0e27\u0e14\u0e2b\u0e25\u0e31\u0e07\u0e40\u0e23\u0e37\u0e49\u0e2d\u0e23\u0e31\u0e07 \u0e41\u0e25\u0e30\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e2d\u0e32\u0e08\u0e21\u0e2d\u0e07\u0e44\u0e21\u0e48\u0e40\u0e2b\u0e47\u0e19\u0e04\u0e37\u0e2d \u0e40\u0e14\u0e47\u0e01\u0e43\u0e19\u0e27\u0e31\u0e22 7-9 \u0e02\u0e27\u0e1a \u0e01\u0e23\u0e30\u0e14\u0e39\u0e01\u0e22\u0e31\u0e07\u0e22\u0e37\u0e14\u0e15\u0e31\u0e27\u0e44\u0e14\u0e49\u0e14\u0e35\u0e2d\u0e22\u0e39\u0e48 \u0e01\u0e47\u0e08\u0e30\u0e40\u0e08\u0e23\u0e34\u0e0d\u0e40\u0e15\u0e34\u0e1a\u0e42\u0e15\u0e44\u0e14\u0e49\u0e44\u0e21\u0e48\u0e40\u0e15\u0e47\u0e21\u0e17\u0e35\u0e48\u201d<\/div>\n\n\n\n<div class=\"gb-element-4052963f\" data-aos=\"slide-left\" data-aos-duration=\"1950\">\n<div id=\"gspb_text-id-gsbp-2e4649a\" class=\"gspb_text gspb_text-id-gsbp-2e4649a \"><strong>\u0e23\u0e28.\u0e19\u0e1e. \u0e2d\u0e14\u0e34\u0e28\u0e31\u0e01\u0e14\u0e34\u0e4c \u0e1c\u0e25\u0e34\u0e15\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e1e\u0e34\u0e21\u0e1e\u0e4c<\/strong><\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-282fc5a\" class=\"gspb_text gspb_text-id-gsbp-282fc5a \">\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e2a\u0e16\u0e32\u0e1a\u0e31\u0e19\u0e41\u0e2b\u0e48\u0e07\u0e0a\u0e32\u0e15\u0e34\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e14\u0e47\u0e01\u0e41\u0e25\u0e30\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e23\u0e31\u0e27 \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e21\u0e2b\u0e34\u0e14\u0e25<\/div>\n<\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-ebc7716\" class=\"gspb_text gspb_text-id-gsbp-ebc7716 \"><strong>\u0e1f\u0e31\u0e07\u0e04\u0e33\u0e2d\u0e18\u0e34\u0e1a\u0e32\u0e22\u0e08\u0e32\u0e01 \u0e23\u0e28.\u0e19\u0e1e. \u0e2d\u0e14\u0e34\u0e28\u0e31\u0e01\u0e14\u0e34\u0e4c \u0e09\u0e1a\u0e31\u0e1a\u0e40\u0e15\u0e47\u0e21 \u0e04\u0e25\u0e34\u0e01\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07\u0e19\u0e35\u0e49\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22\u2026<\/strong><\/div>\n\n\n\n<div class=\"video-card\">\n  <!-- toggle -->\n  <input type=\"checkbox\" id=\"play-toggle\">\n\n  <div class=\"video-frame\">\n\n    <!-- iframe -->\n    <iframe src=\"https:\/\/www.youtube.com\/embed\/m7abAA4HQwc?controls=1&amp;rel=0&amp;modestbranding=1\" allowfullscreen allow=\"autoplay; encrypted-media\" title=\"YouTube Video Player\">\n    <\/iframe>\n\n    <!-- overlay (label) -->\n    <label class=\"video-overlay\" for=\"play-toggle\">\n      <div class=\"play-btn\"><\/div>\n    <\/label>\n\n  <\/div>\n<\/div>\n\n<style>\n.video-card{\n  max-width: 900px;\n  margin: 20px auto 0;   \n  border-radius: 28px;\n  overflow: hidden;\n  box-shadow: 0 12px 35px rgba(0,0,0,.25);\n  justify-content: center;\n}\n\n\n\/* hide checkbox *\/\n#play-toggle{\n  display:none;\n}\n\n.video-frame{\n  position: relative;\n  width: 100%;\n  padding-top: 56.25%;\n}\n\n\/* iframe *\/\n.video-frame iframe{\n  position: absolute;\n  top:0; left:0;\n  width:100%;\n  height:100%;\n  border:0;\n  z-index:1;\n}\n\n\/* overlay *\/\n.video-overlay{\n  position:absolute;\n  inset:0;\n  background: url('https:\/\/img.youtube.com\/vi\/m7abAA4HQwc\/maxresdefault.jpg') center\/cover no-repeat;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  z-index:2;\n  cursor:pointer;\n  transition: opacity .4s ease, visibility .4s ease;\n}\n\n\/* play button *\/\n.play-btn{\n  width:96px;\n  height:96px;\n  background: rgba(255,153,85,.95);\n  border-radius:50%;\n  box-shadow: 0 12px 30px rgba(0,0,0,.35);\n  position: relative;\n}\n\n.play-btn::before{\n  content:\"\";\n  position:absolute;\n  top:50%;\n  left:55%;\n  transform:translate(-50%,-50%);\n  width:0;\n  height:0;\n  border-left:24px solid #fff;\n  border-top:15px solid transparent;\n  border-bottom:15px solid transparent;\n}\n\n#play-toggle:checked ~ .video-frame .video-overlay{\n  opacity:0;\n  visibility:hidden;\n  pointer-events:none;\n}\n<\/style>\n<\/div>\n<\/div>\n <\/div><\/div>\n<\/div>\n\n\n\n<div class=\"gb-element-15a9d2ac\">\n<h2 id=\"gspb_heading-id-gsbp-52d9561\" class=\"gspb_heading gspb_heading-id-gsbp-52d9561 \"><strong>\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2b\u0e19\u0e31\u0e01\u00a0<mark style=\"background-color:rgba(0, 0, 0, 0);color:#aebcb9\" class=\"has-inline-color\">\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e19\u0e35\u0e49\u0e21\u0e35\u0e2d\u0e22\u0e39\u0e48\u0e08\u0e23\u0e34\u0e07 !<\/mark><\/strong><\/h2>\n\n\n\n<div id=\"gspb_text-id-gsbp-05ef96a\" class=\"gspb_text gspb_text-id-gsbp-05ef96a \">(\u0e04\u0e25\u0e34\u0e01\u0e1b\u0e38\u0e48\u0e21\u0e40\u0e02\u0e35\u0e22\u0e27\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2d\u0e48\u0e32\u0e19\u0e02\u0e48\u0e32\u0e27)<\/div>\n<\/div>\n\n\n\n<div class=\"gb-element-426e579d\">\n<div class=\"page-wrapper scroll-animate\">\n\n  <!-- \u0e1b\u0e38\u0e48\u0e21\u0e17\u0e35\u0e48 1 -->\n  <a href=\"https:\/\/www.thaipbs.or.th\/news\/content\/146733\" target=\"_blank\" class=\"hotspot spot-1\" rel=\"noopener\">\n    <div class=\"icon-box\">\n      <svg viewbox=\"0 0 24 24\" class=\"book-icon\">\n        <path d=\"M3 4c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2v16c0 \n        .55-.45 1-1 1H5c-1.1 0-2-.9-2-2V4zm2 \n        0v14h6V4H5zm10-2h4c1.1 0 2 .9 2 \n        2v15c0 1.1-.9 2-2 2h-4c-.55 \n        0-1-.45-1-1V4c0-1.1.9-2 2-2zm0 \n        2v14h4V4h-4z\"><\/path>\n      <\/svg>\n    <\/div>\n    <div class=\"tooltip\">\u0e2d\u0e48\u0e32\u0e19<\/div>\n  <\/a>\n\n  <!-- \u0e1b\u0e38\u0e48\u0e21\u0e17\u0e35\u0e48 2 -->\n  <a href=\"https:\/\/www.thaipbs.or.th\/news\/content\/282217\" target=\"_blank\" class=\"hotspot spot-2\" rel=\"noopener\">\n    <div class=\"icon-box\">\n      <svg viewbox=\"0 0 24 24\" class=\"book-icon\">\n        <path d=\"M3 4c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2v16c0 \n        .55-.45 1-1 1H5c-1.1 0-2-.9-2-2V4zm2 \n        0v14h6V4H5zm10-2h4c1.1 0 2 .9 2 \n        2v15c0 1.1-.9 2-2 2h-4c-.55 \n        0-1-.45-1-1V4c0-1.1.9-2 2-2zm0 \n        2v14h4V4h-4z\"><\/path>\n      <\/svg>\n    <\/div>\n    <div class=\"tooltip\">\u0e2d\u0e48\u0e32\u0e19<\/div>\n  <\/a>\n\n  <!-- \u0e1b\u0e38\u0e48\u0e21\u0e17\u0e35\u0e48 3 -->\n  <a href=\"https:\/\/www.thaipbs.or.th\/news\/content\/328213\" target=\"_blank\" class=\"hotspot spot-3\" rel=\"noopener\">\n    <div class=\"icon-box\">\n      <svg viewbox=\"0 0 24 24\" class=\"book-icon\">\n        <path d=\"M3 4c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2v16c0 \n        .55-.45 1-1 1H5c-1.1 0-2-.9-2-2V4zm2 \n        0v14h6V4H5zm10-2h4c1.1 0 2 .9 2 \n        2v15c0 1.1-.9 2-2 2h-4c-.55 \n        0-1-.45-1-1V4c0-1.1.9-2 2-2zm0 \n        2v14h4V4h-4z\"><\/path>\n      <\/svg>\n    <\/div>\n    <div class=\"tooltip\">\u0e2d\u0e48\u0e32\u0e19<\/div>\n  <\/a>\n\n<\/div>\n\n<style>\nhtml,body{\n  margin:0;\n  padding:0;\n  width:100%;\n  height:100%;\n}\n\n\/* ===================== *\/\n\/* \u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07 *\/\n\/* ===================== *\/\n.page-wrapper{\n  position:relative;\n  width:100vw;\n  height:100vh;\n  background-image: url(\"https:\/\/files.wp.thaipbs.or.th\/thevisual\/2023\/11\/News01.png\");\n  background-size: contain;\n  background-position: center;\n  background-repeat: no-repeat;\n}\n\n\n\/* ===================== *\/\n\/* iPad \/ Tablet *\/\n\/* ===================== *\/\n@media (max-width: 1024px){\n  .page-wrapper{\n    background-size: contain;        \n    background-position: center center;\n    margin-bottom: -200px;\n    margin-top: -200px;\n  }\n}\n\n\/* ===================== *\/\n\/* Mobile *\/\n\/* ===================== *\/\n@media (max-width: 767px){\n      aspect-ratio: auto;          \/* \u0e1b\u0e25\u0e14 ratio \u0e40\u0e14\u0e2a\u0e01\u0e4c\u0e17\u0e47\u0e2d\u0e1b *\/\n    height: auto;\n    min-height: 0;\n\n    background-size: contain;\n    background-position: center top;\n\n    padding-top: 56.25%;         \n    position: relative;\n}\n\n\/* ===================== *\/\n\/* hotspot *\/\n\/* ===================== *\/\n.hotspot{\n  position:absolute;\n  display:flex;\n  align-items:center;\n  gap:8px;\n  text-decoration:none;\n}\n\n\/* \u0e01\u0e25\u0e48\u0e2d\u0e07\u0e40\u0e02\u0e35\u0e22\u0e27 *\/\n.icon-box{\n  width:44px;\n  height:44px;\n  background:#21d07a;\n  border-radius:6px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  box-shadow:0 4px 10px rgba(0,0,0,.25);\n}\n\n\/* icon *\/\n.book-icon{\n  width:22px;\n  height:22px;\n  fill:#000;\n}\n\n\/* tooltip *\/\n.tooltip{\n  background:#222;\n  color:#fff;\n  font-size:13px;\n  padding:6px 10px;\n  border-radius:6px;\n  opacity:0;\n  transform: translateX(-6px);\n  pointer-events:none;\n  transition:.25s ease;\n  white-space:nowrap;\n}\n\n.tooltip::before{\n  content:\"\";\n  position:absolute;\n  left:-6px;\n  top:50%;\n  transform:translateY(-50%);\n  border-width:6px;\n  border-style:solid;\n  border-color: transparent #222 transparent transparent;\n}\n\n\/* hover *\/\n.hotspot:hover .tooltip{\n  opacity:1;\n  transform: translateX(0);\n}\n\n.hotspot:hover .icon-box{\n  transform: scale(1.1);\n}\n\n\/* ===================== *\/\n\/* autoBounce *\/\n\/* ===================== *\/\n.icon-box{\n  animation: autoBounce 5s ease-in-out infinite;\n}\n\n.spot-1 .icon-box{ animation-delay: 0s; }\n.spot-2 .icon-box{ animation-delay: 1.5s; }\n.spot-3 .icon-box{ animation-delay: 3s; }\n\n@keyframes autoBounce{\n  0%   { transform: scale(1); }\n  5%   { transform: scale(1.12, 0.95); }\n  10%  { transform: scale(0.96, 1.1); }\n  15%  { transform: scale(1.05); }\n  20%  { transform: scale(1); }\n  100% { transform: scale(1); }\n}\n\n\/* =============================== *\/\n\/* Scroll animation *\/\n\/* =============================== *\/\n.scroll-animate{\n  opacity:0;\n  transform: translateX(-220px) rotate(-8deg);\n}\n\n.scroll-animate .hotspot{\n  opacity:0;\n  transform: translateX(-140px) rotate(-10deg);\n}\n\n.scroll-animate.show{\n  animation: bgRollIn 1.6s cubic-bezier(.22,.68,.28,1) forwards;\n}\n\n.scroll-animate.show .hotspot{\n  animation: btnRollIn 1.3s cubic-bezier(.22,.68,.28,1) forwards;\n}\n\n.scroll-animate.show .spot-1{ animation-delay: .2s; }\n.scroll-animate.show .spot-2{ animation-delay: .5s; }\n.scroll-animate.show .spot-3{ animation-delay: .8s; }\n\n@keyframes bgRollIn{\n  0%{\n    opacity:0;\n    transform: translateX(-260px) rotate(-10deg);\n  }\n  65%{\n    opacity:1;\n    transform: translateX(25px) rotate(3deg);\n  }\n  100%{\n    opacity:1;\n    transform: translateX(0) rotate(0deg);\n  }\n}\n\n@keyframes btnRollIn{\n  0%{\n    opacity:0;\n    transform: translateX(-160px) rotate(-12deg) scale(0.9);\n  }\n  65%{\n    opacity:1;\n    transform: translateX(15px) rotate(3deg) scale(1.05);\n  }\n  100%{\n    opacity:1;\n    transform: translateX(0) rotate(0deg) scale(1);\n  }\n}\n\n\/* ===================== *\/\n\/* \u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07\u0e1b\u0e38\u0e48\u0e21 *\/\n\/* ===================== *\/\n.spot-1{\n  top:18%;\n  left:25%;\n}\n\n.spot-2{\n  top:30%;\n  right:20%;\n}\n\n.spot-3{\n  bottom:48%;\n  left:45%;\n}\n\n\/* ===================== *\/\n\/* iPad \/ Tablet *\/\n\/* ===================== *\/\n@media (max-width: 1024px){\n  .spot-1{\n    top:30%;\n    left:13%;\n  }\n\n  .spot-2{\n    top:40%;\n    right:5%;\n  }\n\n  .spot-3{\n    bottom:49%;\n    left:42%;\n  }\n}\n\n\/* ===================== *\/\n\/* Mobile *\/\n\/* ===================== *\/\n@media (max-width: 767px){\n  .spot-1{\n    top:38%;\n    left:10%;\n  }\n\n  .spot-2{\n    top:43%;\n    right:1%;\n  }\n\n  .spot-3{\n    bottom:49%;\n    left:42%;\n  }\n\n  \/* \u0e1b\u0e38\u0e48\u0e21\u0e40\u0e25\u0e47\u0e01\u0e25\u0e07\u0e19\u0e34\u0e14\u0e19\u0e36\u0e07 *\/\n  .icon-box{\n    width:28px;\n    height:28px;\n  }\n\n  .book-icon{\n    width:18px;\n    height:18px;\n  }\n\n  .tooltip{\n    font-size:11px;\n    padding:4px 8px;\n  }\n}\n\n<\/style>\n\n<script>\n\/* scroll trigger *\/\nconst observer = new IntersectionObserver((entries)=>{\n  entries.forEach(entry=>{\n    if(entry.isIntersecting){\n      entry.target.classList.add('show');\n      observer.unobserve(entry.target);\n    }\n  });\n},{ threshold: 0.3 });\n\ndocument.querySelectorAll('.scroll-animate').forEach(el=>{\n  observer.observe(el);\n});\n<\/script>\n<\/div>\n\n\n\n<div class=\"gb-element-91d135d9\">\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-0c6e2f6\" class=\"gspb_text gspb_text-id-gsbp-0c6e2f6 \">\u0e2b\u0e32\u0e01\u0e1e\u0e34\u0e08\u0e32\u0e23\u0e13\u0e32\u0e08\u0e32\u0e01\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e17\u0e31\u0e49\u0e07\u0e43\u0e19\u0e41\u0e25\u0e30\u0e15\u0e48\u0e32\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28<\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-fb56c0d\" class=\"gspb_text gspb_text-id-gsbp-fb56c0d \">\u0e23\u0e28.\u0e19\u0e1e. \u0e2d\u0e14\u0e34\u0e28\u0e31\u0e01\u0e14\u0e34\u0e4c \u0e41\u0e19\u0e30\u0e19\u0e33\u0e27\u0e48\u0e32 \u0e01\u0e32\u0e23\u0e41\u0e1a\u0e01\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e43\u0e19\u0e40\u0e14\u0e47\u0e01\u00a0<strong>\u0e16\u0e49\u0e32\u0e08\u0e30\u0e43\u0e2b\u0e49\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e40\u0e25\u0e22\u0e04\u0e37\u0e2d<\/strong><\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-610423a\" class=\"gspb_text gspb_text-id-gsbp-610423a \"><strong>\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e15\u0e49\u0e2d\u0e07\u0e44\u0e21\u0e48\u0e40\u0e01\u0e34\u0e19 10% \u0e02\u0e2d\u0e07\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22\u0e15\u0e32\u0e21\u0e2d\u0e32\u0e22\u0e38\u0e40\u0e14\u0e47\u0e01<\/strong><\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-2a01de0\" class=\"gspb_text gspb_text-id-gsbp-2a01de0 \">\u0e2b\u0e32\u0e01\u0e1e\u0e34\u0e08\u0e32\u0e23\u0e13\u0e32\u0e08\u0e32\u0e01\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e17\u0e31\u0e49\u0e07\u0e43\u0e19\u0e41\u0e25\u0e30\u0e15\u0e48\u0e32\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28 \u0e23\u0e28.\u0e19\u0e1e. \u0e2d\u0e14\u0e34\u0e28\u0e31\u0e01\u0e14\u0e34\u0e4c \u0e2b\u0e23\u0e37\u0e2d\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e41\u0e22\u0e48\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14 \u0e15\u0e49\u0e2d\u0e07\u0e44\u0e21\u0e48\u0e40\u0e01\u0e34\u0e19 20% \u0e02\u0e2d\u0e07\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22\u0e15\u0e32\u0e21\u0e2d\u0e32\u0e22\u0e38\u0e40\u0e14\u0e47\u0e01<\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-c4f2f39\" class=\"gspb_text gspb_text-id-gsbp-c4f2f39 \"><strong>\u0e40\u0e23\u0e32\u0e08\u0e36\u0e07\u0e40\u0e2d\u0e32\u0e15\u0e31\u0e27\u0e0a\u0e35\u0e49\u0e27\u0e31\u0e14\u0e15\u0e23\u0e07\u0e01\u0e25\u0e32\u0e07\u0e21\u0e32\u0e41\u0e19\u0e30\u0e19\u0e33 \u0e04\u0e37\u0e2d \u0e40\u0e14\u0e47\u0e01\u0e44\u0e21\u0e48\u0e04\u0e27\u0e23\u0e41\u0e1a\u0e01\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e2b\u0e19\u0e31\u0e01\u0e40\u0e01\u0e34\u0e19 15% \u0e02\u0e2d\u0e07\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22\u0e15\u0e32\u0e21\u0e2d\u0e32\u0e22\u0e38<\/strong><\/div>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"iframe-center\">\n  <iframe loading=\"lazy\" src=\"https:\/\/e.infogram.com\/fca04d71-5254-41d4-9416-777a4e62009e?parent_url=https%3A%2F%2Fwww.thaipbs.or.th%2Fthevisual%2Fdataviz%2Fthebag%2F&amp;src=embed#async_embed\" width=\"1600\" height=\"400\" frameborder=\"0\" scrolling=\"no\" allowfullscreen title=\"Heatwave Infogram\">\n  <\/iframe>\n<\/div>\n\n<style>\n  .iframe-center{\n  display: flex;\n  justify-content: center;\n  align-items: flex-start;\n  padding: 0;              \n  margin: 0;                  \n  box-sizing: border-box;\n}\n\n.iframe-center iframe{\n  width: 100%;\n  max-width: 1600px;\n  height: 400px;              \n  border: none;\n  display: block;       \n}\n\n@media (max-width: 1024px){\n  .iframe-center{\n    margin-bottom: 0;\n  }\n\n  .iframe-center + .quote-box{\n    margin-top: -80px;\n  }\n}\n\n\n\/* ===================== *\/\n\/* Mobile *\/\n\/* ===================== *\/\n@media (max-width: 767px){\n  .iframe-center{\n    align-items: flex-start;\n  }\n\n  .iframe-center iframe{\n    width: 100%;\n    aspect-ratio: 16 \/ 9;   \n    height: auto;\n  }\n}\n<\/style>\n<\/div>\n\n\n\n<div class=\"gb-element-f1ec5055\">\n<style>\n.quote-box-text {\n  position: relative;\n  background: #e0e0e0;\n  border-radius: 999px;\n\n  padding: 10px 40px;   \/* \u0e0b\u0e49\u0e32\u0e22\u0e02\u0e27\u0e32\u0e19\u0e49\u0e2d\u0e22\u0e25\u0e07 *\/\n  padding-bottom: 30px;\n\n  text-align: center;\n  max-width: 1600px;\n  width: fit-content;   \/* \u0e43\u0e2b\u0e49\u0e01\u0e25\u0e48\u0e2d\u0e07\u0e01\u0e27\u0e49\u0e32\u0e07\u0e15\u0e32\u0e21\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 *\/\n  box-sizing: border-box;\n\n  margin: 0 auto;       \/* \u0e08\u0e31\u0e14\u0e01\u0e25\u0e32\u0e07 *\/\n}\n\n.quote-icon {\n  font-size: 72px;\n  color: #ff5a00;\n  font-weight: bold;\n  line-height: 1;\n  margin-bottom: 4px;       \n}\n\n.quote-text {\n  font-size: 38px;\n  font-weight: 600;\n  color: #333;\n  line-height: 1.5;\n  margin-bottom: 8px;      \n}\n\n.quote-author {\n  font-size: 20px;\n  font-weight: 600;\n  color: #333;\n  margin: 0;              \n}\n\n\/* Responsive *\/\n@media (max-width: 1024px){\n  .quote-box-text {\n    margin-top: 0;\n  }\n}\n@media (max-width: 768px) {\n  .quote-box-text {\n    padding-top: 6px;\n    padding-left: 20px;\n    padding-right: 20px;\n    padding-bottom: 14px;\n    border-radius: 40px;\n  }\n\n  .quote-text {\n    font-size: 20px;\n  }\n\n  .quote-icon {\n    font-size: 48px;\n  }\n}\n\n@media (min-width: 1800px) \n  and (max-width: 1900px) \n  and (min-height: 950px) \n  and (max-height: 1050px) {\n\n  .quote-box-text {\n    margin: 0 auto;\n  }\n}\n<\/style>\n\n<div class=\"quote-box-text\">\n  <div class=\"quote-icon\">\u201c<\/div>\n\n  <div class=\"quote-text\">\n    \u0e2b\u0e25\u0e31\u0e01 \u0e46 \u0e08\u0e30\u0e2d\u0e22\u0e39\u0e48\u0e17\u0e35\u0e48 \u0e1b.2, \u0e1b.3 \u0e41\u0e25\u0e30 \u0e1b.4 \u0e0b\u0e36\u0e48\u0e07\u0e21\u0e32\u0e01\u0e01\u0e27\u0e48\u0e32 50-60% \u0e02\u0e2d\u0e07\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19<br>\n    \u0e01\u0e33\u0e25\u0e31\u0e07\u0e41\u0e1a\u0e01\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e2b\u0e19\u0e31\u0e01\n  <\/div>\n\n  <div class=\"quote-author\">\n    \u0e23\u0e28.\u0e19\u0e1e. \u0e2d\u0e14\u0e34\u0e28\u0e31\u0e01\u0e14\u0e34\u0e4c\n  <\/div>\n<\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-8cd067c\" class=\"gspb_text gspb_text-id-gsbp-8cd067c \">\u0e2a\u0e2d\u0e14\u0e04\u0e25\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e1a\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19<\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-0b06d72\" class=\"gspb_text gspb_text-id-gsbp-0b06d72 \">\u0e02\u0e2d\u0e07\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e27\u0e34\u0e08\u0e31\u0e22\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e43\u0e19\u0e40\u0e14\u0e47\u0e01 \u0e04\u0e13\u0e30\u0e41\u0e1e\u0e17\u0e22\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e23\u0e32\u0e21\u0e32\u0e18\u0e34\u0e1a\u0e14\u0e35 \u0e17\u0e35\u0e48\u0e17\u0e33\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e1a\u0e21\u0e39\u0e25\u0e19\u0e34\u0e18\u0e34\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e42\u0e20\u0e04<\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-88f06d8\" class=\"gspb_text gspb_text-id-gsbp-88f06d8 \"><strong>\u0e42\u0e14\u0e22\u0e2a\u0e38\u0e48\u0e21\u0e0a\u0e31\u0e48\u0e07\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e40\u0e14\u0e47\u0e01\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e1b.1 \u2013 \u0e1b.6 \u0e08\u0e33\u0e19\u0e27\u0e19 368 \u0e04\u0e19<\/strong><br><strong>\u0e1e\u0e1a\u0e27\u0e48\u0e32<\/strong><\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-457a2b7\" class=\"gspb_text gspb_text-id-gsbp-457a2b7 \"><strong>\u0e40\u0e14\u0e47\u0e01\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e0a\u0e31\u0e49\u0e19 \u0e1b.1 \u2013 \u0e1b.3 \u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2a\u0e35\u0e48\u0e22\u0e07\u0e2a\u0e39\u0e07\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e2d\u0e31\u0e19\u0e15\u0e23\u0e32\u0e22\u0e08\u0e32\u0e01\u0e01\u0e32\u0e23\u0e41\u0e1a\u0e01\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2b\u0e19\u0e31\u0e01<\/strong><\/div>\n<\/div>\n\n\n\n<div>\n<div class=\"iframe-bag\">\n  <iframe src=\"https:\/\/e.infogram.com\/ec0e42e1-e7fd-426d-85d3-44bbca8f0402?parent_url=https%3A%2F%2Fwww.thaipbs.or.th%2Fthevisual%2Fdataviz%2Fthebag%2F&amp;src=embed#async_embed\" frameborder=\"0\" scrolling=\"no\" allowfullscreen title=\"Heatwave Infogram\">\n  <\/iframe>\n<\/div>\n\n<style>\n.iframe-bag {\n  width: 100%;\n  padding: 0;\n}\n\n\/* Desktop *\/\n.iframe-bag iframe {\n  width: 100%;\n  aspect-ratio: 16 \/ 9;\n  height: auto;\n  border: none;\n  display: block;\n}\n\n@media (max-width: 768px) and (max-width: 1024px) {\n  .iframe-bag iframe {\n    width: 100%;      \n    height: 900px;\n  }\n}\n\n@media (width: 768px) {\n  .iframe-bag iframe {\n    height: 500px;\n  }\n}\n\n\n\/* Mobile *\/\n@media (max-width: 430px) {\n  .iframe-bag iframe {\n    width: 100%;\n    height: 900px;\n  }\n}\n\n@media (min-width: 1600px){\n  .iframe-bag iframe{\n    max-width: 1600px;        \/* \u0e02\u0e22\u0e32\u0e22\u0e43\u0e2b\u0e0d\u0e48\u0e02\u0e36\u0e49\u0e19 *\/\n    aspect-ratio: 1600 \/ 900; \/* \u0e43\u0e0a\u0e49\u0e2a\u0e31\u0e14\u0e2a\u0e48\u0e27\u0e19\u0e17\u0e35\u0e48\u0e04\u0e38\u0e13\u0e01\u0e33\u0e2b\u0e19\u0e14 *\/\n    display: block;\n    margin: 0 auto; \n  }\n}\n<\/style>\n\n\n\n<div id=\"gspb_text-id-gsbp-e2c844d\" class=\"gspb_text gspb_text-id-gsbp-e2c844d \">\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e1e\u0e34\u0e08\u0e32\u0e23\u0e13\u0e32\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e2b\u0e19\u0e31\u0e01\u0e01\u0e27\u0e48\u0e32\u0e04\u0e48\u0e32 10% \u0e41\u0e25\u0e30 20% \u0e02\u0e2d\u0e07\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22\u0e15\u0e32\u0e21\u0e2d\u0e32\u0e22\u0e38 \u0e01\u0e47\u0e1e\u0e1a\u0e2d\u0e35\u0e01\u0e27\u0e48\u0e32<\/div>\n<\/div>\n\n\n\n<div class=\"gb-element-ceb966a0\">\n<div data-aos-duration=\"1000\" data-aos=\"zoom-in\" id=\"gspb_text-id-gsbp-7f2c5b6\" class=\"gspb_text gspb_text-id-gsbp-7f2c5b6 \"><strong>\u0e40\u0e14\u0e47\u0e01 \u0e1b.1 \u2013 \u0e1b.3 \u0e21\u0e32\u0e01\u0e01\u0e27\u0e48\u0e32 25% \u0e43\u0e0a\u0e49\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e2b\u0e19\u0e31\u0e01\u0e01\u0e27\u0e48\u0e32 20% <\/strong><\/div>\n\n\n\n<div data-aos-duration=\"1000\" data-aos=\"zoom-in\" id=\"gspb_text-id-gsbp-4c894d1\" class=\"gspb_text gspb_text-id-gsbp-4c894d1 \"><strong>\u0e08\u0e31\u0e14\u0e2d\u0e22\u0e39\u0e48\u0e43\u0e19\u0e40\u0e01\u0e13\u0e11\u0e4c\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01<\/strong><\/div>\n\n\n\n<div data-aos-duration=\"1000\" data-aos=\"zoom-in\" id=\"gspb_text-id-gsbp-e068f4c\" class=\"gspb_text gspb_text-id-gsbp-e068f4c \"><strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#fe5100\" class=\"has-inline-color\">\u0e2d\u0e31\u0e19\u0e15\u0e23\u0e32\u0e22\u0e2a\u0e39\u0e07<\/mark>\u00a0<\/strong><\/div>\n\n\n\n<div data-aos-duration=\"1000\" data-aos=\"zoom-in\" id=\"gspb_text-id-gsbp-60cdd02\" class=\"gspb_text gspb_text-id-gsbp-60cdd02 \"><strong>\u0e2d\u0e31\u0e19\u0e08\u0e30\u0e2a\u0e48\u0e07\u0e1c\u0e25\u0e15\u0e48\u0e2d\u0e01\u0e25\u0e49\u0e32\u0e21\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e41\u0e25\u0e30\u0e01\u0e23\u0e30\u0e14\u0e39\u0e01\u0e2a\u0e31\u0e19\u0e2b\u0e25\u0e31\u0e07<\/strong><\/div>\n<\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-5e203f0\" class=\"gspb_text gspb_text-id-gsbp-5e203f0 \"><strong>\u0e41\u0e25\u0e30\u0e21\u0e32\u0e01\u0e01\u0e27\u0e48\u0e32 80%<\/strong>\u00a0\u0e43\u0e0a\u0e49\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e2b\u0e19\u0e31\u0e01\u0e01\u0e27\u0e48\u0e32\u0e04\u0e48\u0e32 10% \u0e02\u0e2d\u0e07\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22\u0e15\u0e32\u0e21\u0e2d\u0e32\u0e22\u0e38<\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-a09820d\" class=\"gspb_text gspb_text-id-gsbp-a09820d \"><strong>\u0e08\u0e31\u0e14\u0e2d\u0e22\u0e39\u0e48\u0e43\u0e19\u0e40\u0e01\u0e13\u0e11\u0e4c\u0e44\u0e21\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e41\u0e01\u0e49\u0e44\u0e02<\/strong><\/div>\n\n\n\n<h2 id=\"gspb_heading-id-gsbp-494aba1\" class=\"gspb_heading gspb_heading-id-gsbp-494aba1 \"><strong>\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-accent-3-color\">\u00a0<\/mark><mark style=\"background-color:rgba(0, 0, 0, 0);color:#fe5100\" class=\"has-inline-color\">\u0e2b\u0e19\u0e31\u0e01<\/mark>\u00a0\u0e40\u0e17\u0e48\u0e32\u0e44\u0e23\u0e16\u0e36\u0e07\u0e08\u0e30\u0e14\u0e35 ?<\/strong><\/h2>\n\n\n\n\n\n\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>\u0e15\u0e32\u0e23\u0e32\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19<\/title>\n\n  <style>\n    body {\n      font-family: 'Bai Jamjuree', sans-serif;\n      background-color: #f0f2f5;\n      margin: 0;\n      padding: 0;\n    }\n\n    .container {\n      max-width: 1200px;\n      margin: 20px auto;\n      background: transparent;\n      padding: 20px;\n    }\n\n    \/* ===== Buttons ===== *\/\n    .buttons {\n      display: flex;\n      justify-content: center;\n      align-items: flex-start;   \n      gap: 0px;\n      margin-bottom: 30px;\n      position: relative;\n    }\n\n    \/* dot \u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e1b\u0e38\u0e48\u0e21 *\/\n    .dot {\n      width: 10px;\n      height: 10px;\n      background: #8c8c8c;\n      border-radius: 50%;\n      margin-top: 42px;   \n    }\n\n    .buttons button {\n      background: #e5e5e5;   \/* \u0e2a\u0e35\u0e1b\u0e38\u0e48\u0e21\u0e1b\u0e01\u0e15\u0e34 *\/\n      color: #333;\n      border: none;\n      padding: 10px 22px;\n      font-size: 16px;\n      cursor: pointer;\n      border-radius: 0px;    \/* \ud83d\udd32 \u0e1b\u0e38\u0e48\u0e21\u0e40\u0e2b\u0e25\u0e35\u0e48\u0e22\u0e21 *\/\n      transition: all 0.2s ease;\n    }\n\n    \/* hover *\/\n    .buttons button:hover {\n      background: #ffffff;\n      color: #1f6fff;\n    }\n\n    \/* active *\/\n    .buttons button.active {\n      background: #ffffff;\n      color: #1f6fff;\n      font-weight: 600;\n    }\n\n    \/* ===== Tables ===== *\/\n    .table-container {\n      display: none;\n      text-align: center;\n    }\n\n    .table-container.active {\n      display: block;\n    }\n\n    .table-container img {\n      width: 100%;\n      max-width: 900px;\n      display: block;\n      margin: 0 auto 20px;\n    }\n\n    .table-label {\n      font-size: 16px;\n      font-weight: 400;\n      color: #222;\n      margin: 10px 0 30px;\n    }\n\n  <\/style>\n\n\n\n\n<div class=\"container\">\n\n  <!-- \u0e1b\u0e38\u0e48\u0e21 -->\n  <div class=\"buttons\">\n    <button class=\"active\" onclick=\"showTable('all', this)\">All<\/button>\n    <div class=\"dot\"><\/div>\n    <button onclick=\"showTable('male', this)\">\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e0a\u0e32\u0e22<\/button>\n    <div class=\"dot\"><\/div>\n    <button onclick=\"showTable('female', this)\">\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2b\u0e0d\u0e34\u0e07<\/button>\n  <\/div>\n\n  <!-- ALL -->\n  <div class=\"table-container active\" id=\"all\">\n    <img decoding=\"async\" src=\"https:\/\/files.wp.thaipbs.or.th\/thevisual\/2023\/11\/%E0%B8%99%E0%B8%B1%E0%B8%81%E0%B9%80%E0%B8%A3%E0%B8%B5%E0%B8%A2%E0%B8%99%E0%B8%8A%E0%B8%B2%E0%B8%A2-1.png\" alt=\"\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e0a\u0e32\u0e22\">\n<div class=\"table-label\">\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e0a\u0e32\u0e22<\/div>\n\n    <img decoding=\"async\" src=\"https:\/\/files.wp.thaipbs.or.th\/thevisual\/2023\/11\/%E0%B8%99%E0%B8%B1%E0%B8%81%E0%B9%80%E0%B8%A3%E0%B8%B5%E0%B8%A2%E0%B8%99%E0%B8%AB%E0%B8%8D%E0%B8%B4%E0%B8%87-1.png\" alt=\"\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2b\u0e0d\u0e34\u0e07\">\n<div class=\"table-label\">\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2b\u0e0d\u0e34\u0e07<\/div>\n  <\/div>\n\n  <!-- MALE -->\n  <div class=\"table-container\" id=\"male\">\n    <img decoding=\"async\" src=\"https:\/\/files.wp.thaipbs.or.th\/thevisual\/2023\/11\/%E0%B8%99%E0%B8%B1%E0%B8%81%E0%B9%80%E0%B8%A3%E0%B8%B5%E0%B8%A2%E0%B8%99%E0%B8%8A%E0%B8%B2%E0%B8%A2-1.png\" alt=\"\u0e15\u0e32\u0e23\u0e32\u0e07\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e0a\u0e32\u0e22\">\n<div class=\"table-label\">\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e0a\u0e32\u0e22<\/div>\n  <\/div>\n\n  <!-- FEMALE -->\n  <div class=\"table-container\" id=\"female\">\n    <img decoding=\"async\" src=\"https:\/\/files.wp.thaipbs.or.th\/thevisual\/2023\/11\/%E0%B8%99%E0%B8%B1%E0%B8%81%E0%B9%80%E0%B8%A3%E0%B8%B5%E0%B8%A2%E0%B8%99%E0%B8%AB%E0%B8%8D%E0%B8%B4%E0%B8%87-1.png\" alt=\"\u0e15\u0e32\u0e23\u0e32\u0e07\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2b\u0e0d\u0e34\u0e07\">\n<div class=\"table-label\">\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2b\u0e0d\u0e34\u0e07<\/div>\n  <\/div>\n\n<\/div>\n\n<script>\nfunction showTable(type, btn) {\n  \/\/ tables\n  const tables = document.querySelectorAll('.table-container');\n  tables.forEach(table => table.classList.remove('active'));\n\n  const selected = document.getElementById(type);\n  if (selected) selected.classList.add('active');\n\n  \/\/ buttons\n  const buttons = document.querySelectorAll('.buttons button');\n  buttons.forEach(b => b.classList.remove('active'));\n\n  if (btn) btn.classList.add('active');\n}\n<\/script>\n\n\n\n\n\n\n<div id=\"gspb_text-id-gsbp-60223b5\" class=\"gspb_text gspb_text-id-gsbp-60223b5 \">\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23\u0e01\u0e47\u0e15\u0e32\u0e21\u2026 \u0e41\u0e21\u0e49\u0e08\u0e30\u0e21\u0e35\u00a0<strong>\u201c\u0e04\u0e33\u0e40\u0e15\u0e37\u0e2d\u0e19\u201d<\/strong> <\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-8242f08\" class=\"gspb_text gspb_text-id-gsbp-8242f08 \">\u0e16\u0e36\u0e07\u0e04\u0e27\u0e32\u0e21\u0e2d\u0e31\u0e19\u0e15\u0e23\u0e32\u0e22\u0e02\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e41\u0e1a\u0e01\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2b\u0e19\u0e31\u0e01 <\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-873051f\" class=\"gspb_text gspb_text-id-gsbp-873051f \">\u0e41\u0e15\u0e48\u0e01\u0e47\u0e1b\u0e0f\u0e34\u0e40\u0e2a\u0e18\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e27\u0e48\u0e32<\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-537729e\" class=\"gspb_text gspb_text-id-gsbp-537729e \"><strong>\u0e43\u0e19\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e08\u0e23\u0e34\u0e07 \u0e01\u0e47\u0e22\u0e31\u0e07\u0e1e\u0e1a \u201c\u0e40\u0e14\u0e47\u0e01\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u201d \u0e2d\u0e35\u0e01\u0e21\u0e32\u0e01<\/strong><\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-2851a7b\" class=\"gspb_text gspb_text-id-gsbp-2851a7b \"><strong>\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e1c\u0e0a\u0e34\u0e0d\u0e01\u0e31\u0e1a\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e19\u0e35\u0e49<\/strong><\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-c1b1e41\" class=\"gspb_text gspb_text-id-gsbp-c1b1e41 \">\u0e44\u0e21\u0e48\u0e15\u0e48\u0e32\u0e07\u0e08\u0e32\u0e01\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e25\u0e38\u0e48\u0e21\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e43\u0e19\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22<\/div>\n\n\n\n<h2 data-aos-duration=\"500\" data-aos=\"fade\" id=\"gspb_heading-id-gsbp-c99ea2f\" class=\"gspb_heading gspb_heading-id-gsbp-c99ea2f \">\u0e40\u0e0a\u0e48\u0e19\u00a0<strong>\u201c\u0e19\u0e49\u0e2d\u0e07\u0e21\u0e34\u0e01\u0e34\u201d<\/strong>\u00a0\u0e04\u0e19\u0e19\u0e35\u0e49<\/h2>\n\n\n\n<div id=\"gspb_text-id-gsbp-ac3b66e\" class=\"gspb_text gspb_text-id-gsbp-ac3b66e \"><strong>\u0e19\u0e49\u0e2d\u0e07\u0e21\u0e34\u0e01\u0e34<\/strong>\u00a0\u0e40\u0e1b\u0e47\u0e19\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2b\u0e0d\u0e34\u0e07\u0e0a\u0e31\u0e49\u0e19 \u0e1b.1<\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-13302da\" class=\"gspb_text gspb_text-id-gsbp-13302da \">\u0e2d\u0e22\u0e39\u0e48\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e40\u0e2d\u0e01\u0e0a\u0e19\u0e41\u0e2b\u0e48\u0e07\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e43\u0e19\u0e01\u0e23\u0e38\u0e07\u0e40\u0e17\u0e1e\u0e2f <\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-2555398\" class=\"gspb_text gspb_text-id-gsbp-2555398 \"> \u0e0b\u0e36\u0e48\u0e07\u0e21\u0e35\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e43\u0e2b\u0e49\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e43\u0e0a\u0e49\u00a0<strong>2 \u0e41\u0e1a\u0e1a<\/strong><\/div>\n\n\n\n<div class=\"iframe-miki\">\n  <iframe loading=\"lazy\" src=\"https:\/\/e.infogram.com\/bd8ac23b-896e-4a87-82a9-ffb2f3b1cc10?parent_url=https%3A%2F%2Fwww.thaipbs.or.th%2Fthevisual%2Fdataviz%2Fthebag%2F&amp;src=embed#async_embed\" width=\"1600\" height=\"400\" frameborder=\"0\" scrolling=\"no\" allowfullscreen title=\"Heatwave Infogram\">\n  <\/iframe>\n<\/div>\n\n<style>\n.iframe-miki{\n  display: flex;\n  justify-content: center;\n  align-items: flex-start;\n  padding: 0;\n  margin: 0;\n  box-sizing: border-box;\n  width: 100%;\n}\n\n\/* ===== Desktop ===== *\/\n.iframe-miki iframe{\n  width: 80%;\n  max-width: 1600px;\n  height: 400px;\n  border: none;\n  display: block;\n}\n\n\/* ===== Tablet ===== *\/\n@media (max-width: 1024px){\n  .iframe-miki iframe{\n    width: 100%;\n    height: 360px;  \n  }\n}\n\n\/* ===== Mobile ===== *\/\n@media (max-width: 768px){\n  .iframe-miki{\n    padding: 0;\n    margin: 0;\n  }\n\n  .iframe-miki iframe{\n    width: 100%;\n    height: auto;       \n    min-height: 300px;  \n    border: none;\n    margin-bottom: 20px;\n    display: block;\n  }\n}\n\n\n\n<\/style>\n\n\n\n<div id=\"gspb_text-id-gsbp-fe14611\" class=\"gspb_text gspb_text-id-gsbp-fe14611 \">\u0e16\u0e36\u0e07\u0e19\u0e49\u0e2d\u0e07\u0e21\u0e34\u0e01\u0e34\u0e08\u0e30\u0e0a\u0e2d\u0e1a\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e25\u0e32\u0e01\u0e21\u0e32\u0e01\u0e01\u0e27\u0e48\u0e32<\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-3a6dc35\" class=\"gspb_text gspb_text-id-gsbp-3a6dc35 \">\u0e41\u0e15\u0e48\u0e01\u0e47\u0e22\u0e2d\u0e21\u0e23\u0e31\u0e1a\u0e27\u0e48\u0e32 \u0e14\u0e49\u0e27\u0e22\u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48\u0e0a\u0e31\u0e49\u0e19 4 \u0e02\u0e2d\u0e07\u0e2d\u0e32\u0e04\u0e32\u0e23 \u0e41\u0e25\u0e30\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e14\u0e34\u0e19\u0e02\u0e36\u0e49\u0e19-\u0e25\u0e07\u0e1a\u0e31\u0e19\u0e44\u0e14\u0e17\u0e38\u0e01\u0e27\u0e31\u0e19<\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-068643e\" class=\"gspb_text gspb_text-id-gsbp-068643e \">\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e41\u0e1a\u0e1a\u0e25\u0e32\u0e01\u0e01\u0e47\u0e19\u0e31\u0e1a\u0e40\u0e1b\u0e47\u0e19\u0e2d\u0e38\u0e1b\u0e2a\u0e23\u0e23\u0e04\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e19\u0e49\u0e2d\u0e07\u0e21\u0e34\u0e01\u0e34\u0e44\u0e21\u0e48\u0e19\u0e49\u0e2d\u0e22<\/div>\n\n\n\n<h2 data-aos-duration=\"1500\" data-aos=\"slide-down\" id=\"gspb_heading-id-gsbp-9e229c6\" class=\"gspb_heading gspb_heading-id-gsbp-9e229c6 \"><strong>\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e19\u0e49\u0e2d\u0e07\u0e21\u0e34\u0e01\u0e34\u0e2b\u0e19\u0e31\u0e01\u0e40\u0e17\u0e48\u0e32\u0e44\u0e23\u0e19\u0e30 ?<\/strong><\/h2>\n\n\n\n<div>\n<div class=\"wp-block-greenshift-blocks-row gspb_row gspb_row-id-gsbp-41801fb\" id=\"gspb_row-id-gsbp-41801fb\"><div class=\"gspb_row__content\"> \n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--6 gspb_col-id-gsbp-ed28b6f\" id=\"gspb_col-id-gsbp-ed28b6f\">\n<img decoding=\"async\" class=\"gb-media-bafee832\" alt=\"\" src=\"https:\/\/files.wp.thaipbs.or.th\/thevisual\/2023\/11\/Bag-02.png\" data-aos=\"slide-right\" data-aos-duration=\"500\">\n<\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--6 gspb_col-id-gsbp-2f95b79\" id=\"gspb_col-id-gsbp-2f95b79\">\n<h2 id=\"gspb_heading-id-gsbp-9cebc96\" class=\"gspb_heading gspb_heading-id-gsbp-9cebc96 \"><strong>\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e21\u0e35\u0e25\u0e49\u0e2d\u0e25\u0e32\u0e01 <\/strong><\/h2>\n\n\n\n<h2 data-aos-duration=\"500\" data-aos=\"zoom-in\" id=\"gspb_heading-id-gsbp-86d03f0\" class=\"gspb_heading gspb_heading-id-gsbp-86d03f0 \"><strong><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-accent-6-color\">2 \u0e01\u0e34\u0e42\u0e25\u0e01\u0e23\u0e31\u0e21<\/mark><\/strong><\/strong><\/h2>\n\n\n\n<div id=\"gspb_text-id-gsbp-d1f065f\" class=\"gspb_text gspb_text-id-gsbp-d1f065f \"><em>\u201c\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e08\u0e23\u0e34\u0e07\u0e22\u0e32\u0e01\u0e25\u0e33\u0e1a\u0e32\u0e01 \u0e2a\u0e48\u0e27\u0e19\u0e43\u0e2b\u0e0d\u0e48\u0e22\u0e01\u0e14\u0e49\u0e27\u0e22\u0e21\u0e37\u0e2d\u0e40\u0e14\u0e35\u0e22\u0e27\u0e21\u0e32\u0e01\u0e01\u0e27\u0e48\u0e32\u0e25\u0e32\u0e01\u0e40\u0e02\u0e47\u0e19 \u0e41\u0e25\u0e30\u0e15\u0e49\u0e2d\u0e07\u0e22\u0e01\u0e02\u0e36\u0e49\u0e19\u0e1a\u0e31\u0e19\u0e44\u0e14 \u0e44\u0e14\u0e49\u0e25\u0e32\u0e01\u0e40\u0e02\u0e47\u0e19\u0e08\u0e23\u0e34\u0e07 \u0e46 \u0e01\u0e47\u0e0a\u0e48\u0e27\u0e07\u0e17\u0e35\u0e48\u0e40\u0e08\u0e2d\u0e1e\u0e37\u0e49\u0e19\u0e40\u0e23\u0e35\u0e22\u0e1a \u0e46 \u0e2b\u0e19\u0e49\u0e32\u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e31\u0e1a\u0e25\u0e32\u0e19\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e17\u0e35\u0e48\u0e1c\u0e39\u0e49\u0e1b\u0e01\u0e04\u0e23\u0e2d\u0e07\u0e44\u0e1b\u0e23\u0e31\u0e1a-\u0e2a\u0e48\u0e07\u201d \u0e41\u0e21\u0e48\u0e19\u0e49\u0e2d\u0e07\u0e21\u0e34\u0e01\u0e34 \u0e01\u0e25\u0e48\u0e32\u0e27<\/em><\/div>\n<\/div>\n <\/div><\/div>\n<\/div>\n\n\n\n<div>\n<div class=\"wp-block-greenshift-blocks-row gspb_row gspb_row-id-gsbp-f4f8c0b\" id=\"gspb_row-id-gsbp-f4f8c0b\"><div class=\"gspb_row__content\"> \n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--6 gspb_col-id-gsbp-2e07087\" id=\"gspb_col-id-gsbp-2e07087\">\n<img decoding=\"async\" class=\"gb-media-a3612c66\" alt=\"\" src=\"https:\/\/files.wp.thaipbs.or.th\/thevisual\/2023\/11\/Bag-01.png\" data-aos=\"slide-right\" data-aos-duration=\"500\">\n<\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--6 gspb_col-id-gsbp-717602a\" id=\"gspb_col-id-gsbp-717602a\">\n<h2 id=\"gspb_heading-id-gsbp-8b0a5c7\" class=\"gspb_heading gspb_heading-id-gsbp-8b0a5c7 \"><strong>\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e2a\u0e30\u0e1e\u0e32\u0e22 <\/strong><\/h2>\n\n\n\n<h2 data-aos-duration=\"450\" data-aos=\"zoom-in\" id=\"gspb_heading-id-gsbp-f5c0a8d\" class=\"gspb_heading gspb_heading-id-gsbp-f5c0a8d \"><strong><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-accent-6-color\">1 \u0e01\u0e34\u0e42\u0e25\u0e01\u0e23\u0e31\u0e21<\/mark><\/strong><\/strong><\/h2>\n\n\n\n<div id=\"gspb_text-id-gsbp-11bf8e4\" class=\"gspb_text gspb_text-id-gsbp-11bf8e4 \">\u0e41\u0e21\u0e48\u0e19\u0e49\u0e2d\u0e07\u0e21\u0e34\u0e01\u0e34\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e27\u0e48\u0e32 \u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e2a\u0e30\u0e1e\u0e32\u0e22\u0e18\u0e23\u0e23\u0e21\u0e14\u0e32\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e04\u0e25\u0e48\u0e2d\u0e07\u0e15\u0e31\u0e27\u0e01\u0e27\u0e48\u0e32<\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-07f119f\" class=\"gspb_text gspb_text-id-gsbp-07f119f \">\u0e19\u0e35\u0e48\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e23\u0e27\u0e21\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d \u0e2a\u0e21\u0e38\u0e14 \u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23 \u0e01\u0e25\u0e48\u0e2d\u0e07\u0e14\u0e34\u0e19\u0e2a\u0e2d \u0e02\u0e27\u0e14\u0e19\u0e49\u0e33\u0e14\u0e37\u0e48\u0e21 \u0e1e\u0e27\u0e07\u0e01\u0e38\u0e0d\u0e41\u0e08\u0e02\u0e2d\u0e07\u0e40\u0e25\u0e48\u0e19\u0e15\u0e34\u0e14\u0e17\u0e35\u0e48\u0e0b\u0e34\u0e1b\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32<\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-bf4d2c2\" class=\"gspb_text gspb_text-id-gsbp-bf4d2c2 \">\u0e22\u0e34\u0e48\u0e07\u0e0a\u0e48\u0e27\u0e07\u0e2b\u0e25\u0e31\u0e07\u0e43\u0e19\u0e01\u0e25\u0e38\u0e48\u0e21\u0e40\u0e14\u0e47\u0e01\u0e1b\u0e23\u0e30\u0e16\u0e21 \u0e19\u0e34\u0e22\u0e21\u0e19\u0e33\u0e16\u0e38\u0e07\u0e25\u0e27\u0e14\u0e25\u0e32\u0e22\u0e01\u0e32\u0e23\u0e4c\u0e15\u0e39\u0e19\u0e17\u0e35\u0e48\u0e0a\u0e37\u0e48\u0e19\u0e0a\u0e2d\u0e1a\u0e16\u0e37\u0e2d\u0e15\u0e34\u0e14\u0e44\u0e1b\u0e14\u0e49\u0e27\u0e22<\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-79b306a\" class=\"gspb_text gspb_text-id-gsbp-79b306a \">\u0e41\u0e21\u0e49\u0e43\u0e2a\u0e48\u0e02\u0e2d\u0e07\u0e40\u0e25\u0e47\u0e01 \u0e46 \u0e19\u0e49\u0e2d\u0e22 \u0e46 \u0e41\u0e15\u0e48\u0e01\u0e47\u0e40\u0e1b\u0e47\u0e19\u0e20\u0e32\u0e23\u0e30\u0e01\u0e32\u0e23<\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-6ce69d0\" class=\"gspb_text gspb_text-id-gsbp-6ce69d0 \">\u0e16\u0e37\u0e2d\u0e41\u0e25\u0e30\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01 \u0e0b\u0e36\u0e48\u0e07\u0e19\u0e49\u0e2d\u0e07\u0e21\u0e34\u0e01\u0e34\u0e01\u0e47\u0e40\u0e1b\u0e47\u0e19\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e43\u0e19\u0e19\u0e31\u0e49\u0e19\u00a0<\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-396e74b\" class=\"gspb_text gspb_text-id-gsbp-396e74b \"><strong>\u0e09\u0e30\u0e19\u0e31\u0e49\u0e19 \u0e1e\u0e48\u0e2d\u0e41\u0e21\u0e48\u0e19\u0e49\u0e2d\u0e07\u0e21\u0e34\u0e01\u0e34\u0e08\u0e36\u0e07\u0e1e\u0e22\u0e32\u0e22\u0e32\u0e21\u0e43\u0e2b\u0e49\u0e2a\u0e30\u0e1e\u0e32\u0e22\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e41\u0e1a\u0e1a\u0e18\u0e23\u0e23\u0e21\u0e14\u0e32\u0e44\u0e1b\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e2b\u0e19\u0e31\u0e01\u0e19\u0e49\u0e2d\u0e22\u0e2a\u0e38\u0e14<\/strong><\/div>\n<\/div>\n <\/div><\/div>\n<\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-140fe12\" class=\"gspb_text gspb_text-id-gsbp-140fe12 \">(\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e40\u0e1b\u0e34\u0e14\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e19\u0e49\u0e2d\u0e07\u0e21\u0e34\u0e01\u0e34)<\/div>\n\n\n\n<div class=\"cmp-wrapper\">\n  <div class=\"cmp-box\" id=\"cmpBox\">\n\n    <!-- BASE IMAGE (\u0e15\u0e31\u0e27\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e02\u0e19\u0e32\u0e14\u0e08\u0e23\u0e34\u0e07) -->\n    <img decoding=\"async\" src=\"https:\/\/files.wp.thaipbs.or.th\/thevisual\/2023\/11\/01.png\" class=\"cmp-base\">\n\n    <!-- AFTER -->\n    <div class=\"cmp-layer cmp-after\" id=\"cmpAfter\">\n      <img decoding=\"async\" src=\"https:\/\/files.wp.thaipbs.or.th\/thevisual\/2023\/11\/03.png\" class=\"cmp-img\">\n      <div class=\"cmp-label cmp-after-label\">inside<\/div>\n    <\/div>\n\n    <!-- BEFORE -->\n    <div class=\"cmp-layer cmp-before\" id=\"cmpBefore\">\n      <img decoding=\"async\" src=\"https:\/\/files.wp.thaipbs.or.th\/thevisual\/2023\/11\/01.png\" class=\"cmp-img\">\n      <div class=\"cmp-label cmp-before-label\">outside<\/div>\n    <\/div>\n\n    <!-- SLIDER -->\n    <div class=\"cmp-slider\" id=\"cmpSlider\">\n      <div class=\"cmp-line\"><\/div>\n      <div class=\"cmp-handle\">&lt; &gt;<\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n\n<style>\n\/* ===================== *\/\n\/* wrapper *\/\n\/* ===================== *\/\n.cmp-wrapper{\n  width:100%;\n  display:flex;\n  justify-content:center;\n  padding:40px 0;\n}\n\n.cmp-box{\n  position:relative;\n  width:fit-content;\n  max-width:100%;\n  user-select:none;\n}\n\n\/* base image = \u0e15\u0e31\u0e27\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e02\u0e19\u0e32\u0e14 container *\/\n.cmp-base{\n  display:block;\n  max-width:100%;\n  height:auto;\n}\n\n\/* layers *\/\n.cmp-layer{\n  position:absolute;\n  inset:0;\n}\n\n\/* images *\/\n.cmp-img{\n  width:100%;\n  height:100%;\n  object-fit:contain;\n}\n\n\/* z-index *\/\n.cmp-after{ z-index:1; }\n.cmp-before{ z-index:2; }\n\n\/* labels *\/\n.cmp-label{\n  position:absolute;\n  top:16px;\n  padding:6px 12px;\n  background:#111;\n  color:#fff;\n  font-size:13px;\n  border-radius:4px;\n  z-index:3;\n  pointer-events:none;\n}\n\n.cmp-before-label{ left:16px; }\n.cmp-after-label{ right:16px; }\n\n\/* slider *\/\n.cmp-slider{\n  position:absolute;\n  top:0;\n  left:50%;\n  height:100%;\n  width:0;\n  cursor: ew-resize;\n  z-index:5;\n  touch-action: pan-y;\n}\n\n.cmp-line{\n  position:absolute;\n  top:0;\n  left:-1px;\n  width:2px;\n  height:100%;\n  background:#fff;\n  box-shadow:0 0 8px rgba(0,0,0,.4);\n}\n\n.cmp-handle{\n  position:absolute;\n  top:50%;\n  left:-24px;\n  transform:translateY(-50%);\n  width:48px;\n  height:34px;\n  background:#6ec1e4;\n  border-radius:6px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  color:#fff;\n  font-size:15px;\n  font-weight:600;\n  box-shadow:0 4px 10px rgba(0,0,0,.3);\n  letter-spacing:2px;\n}\n\n<\/style>\n\n<script>\nconst cmpBox     = document.getElementById('cmpBox');\nconst cmpSlider  = document.getElementById('cmpSlider');\nconst cmpBefore  = document.getElementById('cmpBefore');\nconst cmpAfter   = document.getElementById('cmpAfter');\n\nlet cmpDragging = false;\n\nfunction cmpMove(x){\n  const rect = cmpBox.getBoundingClientRect();\n  let pos = x - rect.left;\n\n  if(pos < 0) pos = 0;\n  if(pos > rect.width) pos = rect.width;\n\n  const percent = (pos \/ rect.width) * 100;\n\n  cmpBefore.style.clipPath =\n    `polygon(0 0, ${percent}% 0, ${percent}% 100%, 0 100%)`;\n\n  cmpAfter.style.clipPath =\n    `polygon(${percent}% 0, 100% 0, 100% 100%, ${percent}% 100%)`;\n\n  cmpSlider.style.left = percent + '%';\n}\n\n\/* mouse *\/\ncmpSlider.addEventListener('mousedown', ()=> cmpDragging = true);\nwindow.addEventListener('mouseup', ()=> cmpDragging = false);\nwindow.addEventListener('mousemove', e=>{\n  if(cmpDragging) cmpMove(e.clientX);\n});\n\n\/* touch *\/\ncmpSlider.addEventListener('touchstart', ()=> cmpDragging = true);\nwindow.addEventListener('touchend', ()=> cmpDragging = false);\nwindow.addEventListener('touchmove', e=>{\n  if(cmpDragging) cmpMove(e.touches[0].clientX);\n});\n\n\/* init *\/\nwindow.addEventListener('load', ()=>{\n  const rect = cmpBox.getBoundingClientRect();\n  cmpMove(rect.left + rect.width\/2);\n});\n\n<\/script>\n\n\n\n<h2 id=\"gspb_heading-id-gsbp-ee45943\" class=\"gspb_heading gspb_heading-id-gsbp-ee45943 \"><strong>\u0e0a\u0e31\u0e48\u0e07\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e19\u0e49\u0e2d\u0e07\u0e21\u0e34\u0e01\u0e34 \u0e15\u0e32\u0e21\u00a0<mark style=\"background-color:rgba(0, 0, 0, 0);color:#fe5100\" class=\"has-inline-color\">\u0e15\u0e32\u0e23\u0e32\u0e07\u0e2a\u0e2d\u0e19<\/mark>\u00a0\u0e2b\u0e19\u0e31\u0e01-\u0e44\u0e21\u0e48\u0e2b\u0e19\u0e31\u0e01 ?<\/strong><\/h2>\n\n\n\n<div class=\"iframe-wg-miki\">\n  <iframe loading=\"lazy\" src=\"https:\/\/e.infogram.com\/939c7320-7eb3-4b82-b40d-3cae4bb3110c?parent_url=https%3A%2F%2Fwww.thaipbs.or.th%2Fthevisual%2Fdataviz%2Fthebag%2F&amp;src=embed#async_embed\" width=\"1600\" height=\"800\" frameborder=\"0\" scrolling=\"no\" allowfullscreen title=\"Heatwave Infogram\">\n  <\/iframe>\n<\/div>\n\n<style>\n.iframe-wg-miki{\n  display: flex;\n  justify-content: center;\n  align-items: flex-start;\n  padding: 0;\n  margin: 0;\n  box-sizing: border-box;\n}\n\n.iframe-wg-miki iframe{\n  width: 80%;\n  max-width: 1600px;\n  height: 600px;\n  border: none;\n  display: block;\n}\n\n@media (max-width: 1024px){\n  .iframe-wg-miki iframe{\n    width: 100%;\n    height: 400px;  \n  }\n}\n\n@media (max-width: 768px){\n  .iframe-wg-miki iframe{\n    width: 100%;\n    height: 300px;  \n  }\n}\n\n@media (max-width: 767px){\n  .iframe-wg-miki iframe{\n    width: 100%;\n    height: 700px;  \n  }\n}\n<\/style>\n\n\n\n<div class=\"gb-element-83e1dbcf\">\n<div id=\"gspb_text-id-gsbp-700a15b\" class=\"gspb_text gspb_text-id-gsbp-700a15b \"><strong>\u0e1c\u0e25\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e19\u0e49\u0e2d\u0e07\u0e21\u0e34\u0e01\u0e34<\/strong><\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-3b6d706\" class=\"gspb_text gspb_text-id-gsbp-3b6d706 \">\u0e19\u0e49\u0e2d\u0e07\u0e21\u0e34\u0e01\u0e34\u0e2d\u0e32\u0e22\u0e38 7 \u0e02\u0e27\u0e1a \u0e21\u0e35\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01 18 \u0e01\u0e34\u0e42\u0e25\u0e01\u0e23\u0e31\u0e21<\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-e3d7fb7\" class=\"gspb_text gspb_text-id-gsbp-e3d7fb7 \">\u0e2b\u0e32\u0e01\u0e04\u0e33\u0e19\u0e27\u0e13\u0e15\u0e32\u0e21\u0e2b\u0e25\u0e31\u0e01\u0e01\u0e32\u0e23 15% (\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22\u0e15\u0e32\u0e21\u0e2d\u0e32\u0e22\u0e38 22 \u0e01\u0e34\u0e42\u0e25\u0e01\u0e23\u0e31\u0e21)<\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-490709b\" class=\"gspb_text gspb_text-id-gsbp-490709b \">\u0e19\u0e49\u0e2d\u0e07\u0e21\u0e34\u0e01\u0e34\u0e44\u0e21\u0e48\u0e04\u0e27\u0e23\u0e2a\u0e30\u0e1e\u0e32\u0e22\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e2b\u0e19\u0e31\u0e01\u0e40\u0e01\u0e34\u0e19 3.30 \u0e01\u0e34\u0e42\u0e25\u0e01\u0e23\u0e31\u0e21<\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-44bf4e3\" class=\"gspb_text gspb_text-id-gsbp-44bf4e3 \">\u0e09\u0e30\u0e19\u0e31\u0e49\u0e19\u0e19\u0e49\u0e2d\u0e07\u0e21\u0e34\u0e01\u0e34\u0e08\u0e30\u0e41\u0e1a\u0e01\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e2b\u0e19\u0e31\u0e01\u0e40\u0e01\u0e34\u0e19 15% \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e43\u0e0a\u0e49\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e41\u0e1a\u0e1a\u0e21\u0e35\u0e25\u0e49\u0e2d\u0e25\u0e32\u0e01<\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-f58b068\" class=\"gspb_text gspb_text-id-gsbp-f58b068 \">\u0e41\u0e15\u0e48\u0e2b\u0e32\u0e01\u0e19\u0e49\u0e2d\u0e07\u0e21\u0e34\u0e01\u0e34\u0e43\u0e0a\u0e49\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e2a\u0e30\u0e1e\u0e32\u0e22\u0e18\u0e23\u0e23\u0e21\u0e14\u0e32<\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-da48501\" class=\"gspb_text gspb_text-id-gsbp-da48501 \"><strong>\u0e08\u0e30\u0e41\u0e1a\u0e01\u0e44\u0e21\u0e48\u0e40\u0e01\u0e34\u0e19 15%<\/strong><\/div>\n<\/div>\n\n\n\n \n\n\n<meta charset=\"UTF-8\">\n<title>Toggle Show Hide<\/title>\n\n<style>\n\/* ====== \u0e1b\u0e38\u0e48\u0e21 ====== *\/\n.toggle-btn {\n  background: #2b2b2b;\n  color: #fff;\n  border: none;\n  padding: 10px 28px;\n  border-radius: 6px;\n  font-size: 16px;\n  cursor: pointer;\n  display: inline-flex;\n  gap: 10px;\n  transition: 0.25s ease;\n}\n\n\n\n\/* \u0e44\u0e2d\u0e04\u0e2d\u0e19\u0e25\u0e39\u0e01\u0e28\u0e23 *\/\n.toggle-btn .icon {\n  display: inline-block;\n  transition: 0.25s ease;\n  font-size: 14px;\n}\n\n\/* \u0e15\u0e2d\u0e19\u0e41\u0e2a\u0e14\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 *\/\n.toggle-btn.active .icon {\n  transform: rotate(180deg);\n}\n\n.no-wrap{\n  white-space: nowrap;\n}\n\n\n.btn-wrap{\n  margin-top: 30px;\n  text-align: center;   \n}\n\n.bold-line{\n  font-weight: 700;\n}\n\n\/* ====== \u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 ====== *\/\n.toggle-content {\n  display: none;\n  font-size: 18px;\n  line-height: 1.7;\n  margin-bottom: 15px;\n  padding: 0;\n  background: none;\n  border-radius: 0;\n  max-width: 900px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* \u0e41\u0e22\u0e01\u0e1a\u0e23\u0e23\u0e17\u0e31\u0e14 *\/\n.toggle-line {\n  display: block;\n}\n@media (max-width: 1024px) {\n  .toggle-content {\n    margin-left: 30px;\n    margin-right: 30px;\n    .no-wrap{\n    white-space: normal;    }\n}\n\n\n@media (max-width: 767px) {\n  .toggle-content {\n    font-size: 16px; \n    margin-left: 30px;\n    margin-right: 30px;\n    .no-wrap{\n    white-space: normal;   \n  }\n}\n<\/style>\n\n\n\n\n<!-- \u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e2d\u0e22\u0e39\u0e48\u0e1a\u0e19\u0e1b\u0e38\u0e48\u0e21 -->\n<div class=\"toggle-content\" id=\"toggleContent\">\n  <span class=\"toggle-line no-wrap\">\n  <b>*\u0e02\u0e49\u0e2d\u0e2a\u0e31\u0e07\u0e40\u0e01\u0e15 :<\/b> \u0e19\u0e49\u0e2d\u0e07\u0e21\u0e34\u0e01\u0e34\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e15\u0e31\u0e27\u0e19\u0e49\u0e2d\u0e22\u0e01\u0e27\u0e48\u0e32\u0e40\u0e01\u0e13\u0e11\u0e4c \u0e2b\u0e32\u0e01\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e08\u0e23\u0e34\u0e07\u0e01\u0e31\u0e1a\u0e2b\u0e25\u0e31\u0e01\u0e01\u0e32\u0e23 15% \n  \u0e19\u0e49\u0e2d\u0e07\u0e21\u0e34\u0e01\u0e34\u0e44\u0e21\u0e48\u0e04\u0e27\u0e23\u0e41\u0e1a\u0e01\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e2b\u0e19\u0e31\u0e01\u0e01\u0e27\u0e48\u0e32 2.7 \u0e01\u0e34\u0e42\u0e25\u0e01\u0e23\u0e31\u0e21\n  <\/span>\n  <span class=\"toggle-line bold-line\">\n    \u0e08\u0e36\u0e07\u0e2d\u0e32\u0e08\u0e2a\u0e23\u0e38\u0e1b\u0e44\u0e14\u0e49\u0e27\u0e48\u0e32 \u0e44\u0e21\u0e48\u0e27\u0e48\u0e32\u0e08\u0e30\u0e43\u0e0a\u0e49\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e41\u0e1a\u0e1a\u0e43\u0e14 \u0e19\u0e49\u0e2d\u0e07\u0e21\u0e34\u0e01\u0e34\u0e01\u0e47\u0e01\u0e33\u0e25\u0e31\u0e07\u0e41\u0e1a\u0e01\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e2b\u0e19\u0e31\u0e01\u0e40\u0e01\u0e34\u0e19\n  <\/span>\n<\/div>\n\n<div class=\"btn-wrap\">\n  <button class=\"toggle-btn\" id=\"toggleBtn\">\n    <span class=\"icon\">\u2304<\/span>\n    <span class=\"text\">\u0e41\u0e2a\u0e14\u0e07<\/span>\n  <\/button>\n<\/div>\n\n\n<script>\nconst btn = document.getElementById(\"toggleBtn\");\nconst text = btn.querySelector(\".text\");\nconst content = document.getElementById(\"toggleContent\");\n\nbtn.addEventListener(\"click\", () => {\n  btn.classList.toggle(\"active\");\n\n  if (content.style.display === \"block\") {\n    content.style.display = \"none\";\n    text.textContent = \"\u0e41\u0e2a\u0e14\u0e07\";\n  } else {\n    content.style.display = \"block\";\n    text.textContent = \"\u0e0b\u0e48\u0e2d\u0e19\";\n  }\n});\n<\/script>\n\n\n\n\n\n\n<h2 id=\"gspb_heading-id-gsbp-5da52cc\" class=\"gspb_heading gspb_heading-id-gsbp-5da52cc \"><strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#fe5100\" class=\"has-inline-color\">\u0e17\u0e32\u0e07\u0e40\u0e25\u0e37\u0e2d\u0e01<\/mark>\u00a0\u0e41\u0e01\u0e49\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2b\u0e19\u0e31\u0e01<\/strong><\/h2>\n\n\n\n<div>\n<div class=\"wp-block-greenshift-blocks-row gspb_row gspb_row-id-gsbp-d3c9caf\" id=\"gspb_row-id-gsbp-d3c9caf\"><div class=\"gspb_row__content\"> \n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--6 gspb_col-id-gsbp-f984cbd\" id=\"gspb_col-id-gsbp-f984cbd\">\n<img decoding=\"async\" class=\"gb-media-143a0aec\" alt=\"\" src=\"https:\/\/files.wp.thaipbs.or.th\/thevisual\/2023\/11\/%E0%B8%A5%E0%B9%89%E0%B8%AD%E0%B8%A5%E0%B8%B2%E0%B8%81.png\" data-aos=\"slide-right\" data-aos-duration=\"500\">\n<\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--6 gspb_col-id-gsbp-f5ee34f\" id=\"gspb_col-id-gsbp-f5ee34f\">\n<div class=\"wp-block-group has-global-padding is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-ac97a753 wp-block-group-is-layout-constrained\" style=\"margin-top:100px\">\n<div data-aos-duration=\"1050\" data-aos=\"zoom-in\" id=\"gspb_text-id-gsbp-bb2a4fb\" class=\"gspb_text gspb_text-id-gsbp-bb2a4fb \"><strong>\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e21\u0e35\u0e25\u0e49\u0e2d\u0e25\u0e32\u0e01<\/strong><\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-74df181\" class=\"gspb_text gspb_text-id-gsbp-74df181 \">\u0e23\u0e28.\u0e19\u0e1e.\u00a0\u0e2d\u0e14\u0e34\u0e28\u0e31\u0e01\u0e14\u0e34\u0e4c \u0e1a\u0e2d\u0e01\u0e27\u0e48\u0e32 \u0e25\u0e14\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e44\u0e14\u0e49\u0e41\u0e19\u0e48\u0e19\u0e2d\u0e19\u00a0\u0e40\u0e1e\u0e23\u0e32\u0e30\u0e41\u0e17\u0e1a\u0e08\u0e30\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e41\u0e1a\u0e01\u0e40\u0e25\u0e22\u00a0\u0e08\u0e36\u0e07\u0e44\u0e21\u0e48\u0e21\u0e35\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e16\u0e48\u0e27\u0e07\u0e43\u0e2b\u0e49\u0e1b\u0e27\u0e14\u0e2b\u0e25\u0e31\u0e07\u00a0\u0e41\u0e15\u0e48\u0e01\u0e47\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e35\u0e22\u0e27\u0e48\u0e32\u0e2d\u0e32\u0e08\u0e40\u0e01\u0e34\u0e14\u0e2d\u0e38\u0e1a\u0e31\u0e15\u0e34\u0e40\u0e2b\u0e15\u0e38\u0e44\u0e14\u0e49\u0e07\u0e48\u0e32\u0e22\u00a0\u0e40\u0e0a\u0e48\u0e19\u00a0\u0e02\u0e36\u0e49\u0e19\u0e1a\u0e31\u0e19\u0e44\u0e14\u0e41\u0e25\u0e49\u0e27\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27<\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-9971880\" class=\"gspb_text gspb_text-id-gsbp-9971880 \">\u0e2b\u0e23\u0e37\u0e2d\u0e1a\u0e32\u0e07\u0e04\u0e23\u0e31\u0e49\u0e07\u0e1e\u0e37\u0e49\u0e19\u0e16\u0e19\u0e19\u0e1a\u0e49\u0e32\u0e19\u0e40\u0e23\u0e32\u0e44\u0e21\u0e48\u0e40\u0e2d\u0e37\u0e49\u0e2d\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e25\u0e32\u0e01\u00a0\u0e1a\u0e32\u0e07\u0e04\u0e23\u0e31\u0e49\u0e07\u0e08\u0e36\u0e07\u0e25\u0e32\u0e01\u0e1a\u0e49\u0e32\u0e07\u00a0\u0e22\u0e01\u0e1a\u0e49\u0e32\u0e07\u00a0<br><strong>\u0e42\u0e14\u0e22\u0e2a\u0e23\u0e38\u0e1b\u0e41\u0e25\u0e49\u0e27\u0e22\u0e01\u0e21\u0e32\u0e01\u0e01\u0e27\u0e48\u0e32\u0e25\u0e32\u0e01\u00a0\u0e2d\u0e31\u0e19\u0e19\u0e35\u0e49\u0e01\u0e47\u0e01\u0e25\u0e32\u0e22\u0e40\u0e1b\u0e47\u0e19\u0e41\u0e1a\u0e01\u0e02\u0e49\u0e32\u0e07\u0e40\u0e14\u0e35\u0e22\u0e27\u00a0\u0e08\u0e36\u0e07\u0e15\u0e49\u0e2d\u0e07\u0e23\u0e30\u0e27\u0e31\u0e07<\/strong><\/div>\n<\/div>\n<\/div>\n <\/div><\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-row gspb_row gspb_row-id-gsbp-087a215\" id=\"gspb_row-id-gsbp-087a215\"><div class=\"gspb_row__content\"> \n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--6 gspb_col-id-gsbp-c509384\" id=\"gspb_col-id-gsbp-c509384\">\n<img decoding=\"async\" class=\"gb-media-f51ed604\" alt=\"\" src=\"https:\/\/files.wp.thaipbs.or.th\/thevisual\/2023\/11\/%E0%B8%95%E0%B8%B9%E0%B9%89%E0%B9%80%E0%B8%81%E0%B9%87%E0%B8%9A%E0%B8%82%E0%B8%AD%E0%B8%87.png\" data-aos=\"slide-right\" data-aos-duration=\"500\">\n<\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--6 gspb_col-id-gsbp-8b5c4ca\" id=\"gspb_col-id-gsbp-8b5c4ca\">\n<div class=\"wp-block-group has-global-padding is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-94d391da wp-block-group-is-layout-constrained\">\n<div data-aos-duration=\"1050\" data-aos=\"zoom-in\" id=\"gspb_text-id-gsbp-06d3c32\" class=\"gspb_text gspb_text-id-gsbp-06d3c32 \"><strong><strong>\u0e15\u0e39\u0e49\u0e40\u0e01\u0e47\u0e1a\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e17\u0e35\u0e48\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19<\/strong><\/strong><\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-f2f8191\" class=\"gspb_text gspb_text-id-gsbp-f2f8191 \">\u0e23\u0e28.\u0e19\u0e1e.\u00a0\u0e2d\u0e14\u0e34\u0e28\u0e31\u0e01\u0e14\u0e34\u0e4c \u0e1a\u0e2d\u0e01\u0e27\u0e48\u0e32 \u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e34\u0e48\u0e07\u0e17\u0e35\u0e48\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e43\u0e19\u0e15\u0e48\u0e32\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e21\u0e35\u00a0\u0e2a\u0e31\u0e07\u0e40\u0e01\u0e15\u0e44\u0e14\u0e49\u0e08\u0e32\u0e01\u0e20\u0e32\u0e1e\u0e22\u0e19\u0e15\u0e23\u0e4c\u0e40\u0e27\u0e25\u0e32\u0e44\u0e1b\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e40\u0e14\u0e47\u0e01\u00a0\u0e46\u00a0\u0e08\u0e30\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e25\u0e47\u0e2d\u0e01\u0e40\u0e01\u0e2d\u0e23\u0e4c\u0e02\u0e2d\u0e07\u0e15\u0e31\u0e27\u0e40\u0e2d\u0e07\u0e01\u0e48\u0e2d\u0e19\u0e40\u0e25\u0e22\u00a0\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e34\u0e48\u0e07\u0e17\u0e35\u0e48\u0e44\u0e17\u0e22\u0e04\u0e27\u0e23\u0e21\u0e35\u00a0<\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-f609a52\" class=\"gspb_text gspb_text-id-gsbp-f609a52 \">\u0e41\u0e15\u0e48\u0e17\u0e35\u0e48\u0e1c\u0e48\u0e32\u0e19\u0e21\u0e32 \u0e21\u0e31\u0e01\u0e21\u0e35\u0e04\u0e33\u0e1e\u0e39\u0e14\u0e27\u0e48\u0e32\u0e44\u0e21\u0e48\u0e21\u0e35\u0e07\u0e1a\u0e2f\u00a0\u0e41\u0e21\u0e49\u0e08\u0e30\u0e21\u0e35\u0e17\u0e35\u0e48\u0e40\u0e01\u0e47\u0e1a\u0e02\u0e2d\u0e07\u0e43\u0e15\u0e49\u0e42\u0e15\u0e4a\u0e30\u0e43\u0e2b\u0e49\u0e1e\u0e2d\u0e40\u0e01\u0e47\u0e1a\u0e44\u0e14\u0e49\u00a0<br><strong>\u0e1e\u0e1a\u0e27\u0e48\u0e32\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2b\u0e25\u0e32\u0e22\u0e41\u0e2b\u0e48\u0e07\u0e01\u0e47\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15<\/strong><\/div>\n<\/div>\n<\/div>\n <\/div><\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-row gspb_row gspb_row-id-gsbp-34ee68c\" id=\"gspb_row-id-gsbp-34ee68c\"><div class=\"gspb_row__content\"> \n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--6 gspb_col-id-gsbp-c187ed0\" id=\"gspb_col-id-gsbp-c187ed0\">\n<img decoding=\"async\" class=\"gb-media-487f85b3\" alt=\"\" src=\"https:\/\/files.wp.thaipbs.or.th\/thevisual\/2023\/11\/%E0%B8%A1%E0%B8%B7%E0%B8%AD%E0%B8%81%E0%B8%94.png\" data-aos=\"slide-right\" data-aos-duration=\"450\">\n<\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--6 gspb_col-id-gsbp-534954b\" id=\"gspb_col-id-gsbp-534954b\">\n<div class=\"wp-block-group has-global-padding is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-94d391da wp-block-group-is-layout-constrained\">\n<div data-aos-duration=\"1050\" data-aos=\"zoom-in\" id=\"gspb_text-id-gsbp-e4f9faf\" class=\"gspb_text gspb_text-id-gsbp-e4f9faf \"><strong><strong>E \u2013 learning<\/strong><\/strong><\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-bf3a89d\" class=\"gspb_text gspb_text-id-gsbp-bf3a89d \">\u0e23\u0e28.\u0e19\u0e1e. \u0e2d\u0e14\u0e34\u0e28\u0e31\u0e01\u0e14\u0e34\u0e4c \u0e1a\u0e2d\u0e01\u0e27\u0e48\u0e32 \u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e15\u0e48\u0e32\u0e07 \u0e46 \u0e0a\u0e48\u0e27\u0e22\u0e25\u0e14\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e44\u0e14\u0e49\u0e41\u0e19\u0e48 \u0e41\u0e15\u0e48\u0e01\u0e47\u0e15\u0e49\u0e2d\u0e07\u0e23\u0e30\u0e21\u0e31\u0e14\u0e23\u0e30\u0e27\u0e31\u0e07 \u0e2d\u0e22\u0e48\u0e32\u0e07\u0e01\u0e32\u0e23\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e2d\u0e34\u0e40\u0e25\u0e47\u0e01\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c\u0e43\u0e2b\u0e49\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e41\u0e15\u0e48\u0e04\u0e23\u0e39\u0e1a\u0e32\u0e07\u0e27\u0e34\u0e0a\u0e32\u0e22\u0e31\u0e07\u0e43\u0e2b\u0e49\u0e19\u0e33\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e21\u0e32\u0e14\u0e49\u0e27\u0e22 \u0e01\u0e47\u0e2b\u0e25\u0e32\u0e22\u0e40\u0e1b\u0e47\u0e19\u0e27\u0e48\u0e32\u0e22\u0e34\u0e48\u0e07\u0e44\u0e1b\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01<\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-15853b1\" class=\"gspb_text gspb_text-id-gsbp-15853b1 \"><strong>\u0e02\u0e13\u0e30\u0e40\u0e14\u0e35\u0e22\u0e27\u0e01\u0e31\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e25\u0e48\u0e2d\u0e22\u0e43\u0e2b\u0e49\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e43\u0e0a\u0e49\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e2d\u0e34\u0e40\u0e25\u0e47\u0e01\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c\u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e14\u0e39\u0e41\u0e25 \u0e01\u0e47\u0e2d\u0e32\u0e08\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e17\u0e35\u0e48\u0e43\u0e2b\u0e0d\u0e48\u0e01\u0e27\u0e48\u0e32\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2b\u0e19\u0e31\u0e01<\/strong><\/div>\n<\/div>\n<\/div>\n <\/div><\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-row gspb_row gspb_row-id-gsbp-1a1d897\" id=\"gspb_row-id-gsbp-1a1d897\"><div class=\"gspb_row__content\"> \n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--6 gspb_col-id-gsbp-87b1db2\" id=\"gspb_col-id-gsbp-87b1db2\">\n<img decoding=\"async\" class=\"gb-media-e6531eaf\" alt=\"\" src=\"https:\/\/files.wp.thaipbs.or.th\/thevisual\/2023\/11\/%E0%B9%80%E0%B8%94%E0%B9%87%E0%B8%81%E0%B8%9C%E0%B8%B9%E0%B9%89%E0%B8%AB%E0%B8%8D%E0%B8%B4%E0%B8%87%E0%B8%88%E0%B8%B1%E0%B8%94%E0%B8%81%E0%B8%A3%E0%B8%B0%E0%B9%80%E0%B8%9B%E0%B9%8B%E0%B8%B2.png\" data-aos=\"slide-right\" data-aos-duration=\"450\">\n<\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--6 gspb_col-id-gsbp-a6fc57b\" id=\"gspb_col-id-gsbp-a6fc57b\">\n<div class=\"wp-block-group has-global-padding is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-94d391da wp-block-group-is-layout-constrained\">\n<div data-aos-duration=\"1000\" data-aos=\"zoom-in\" id=\"gspb_text-id-gsbp-7d5fc82\" class=\"gspb_text gspb_text-id-gsbp-7d5fc82 \"><strong><strong>\u0e08\u0e31\u0e14\u0e15\u0e32\u0e23\u0e32\u0e07\u0e2a\u0e2d\u0e19<\/strong><\/strong><\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-5e9002b\" class=\"gspb_text gspb_text-id-gsbp-5e9002b \">\u0e23\u0e28.\u0e19\u0e1e. \u0e2d\u0e14\u0e34\u0e28\u0e31\u0e01\u0e14\u0e4c \u0e1a\u0e2d\u0e01\u0e27\u0e48\u0e32 \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e19\u0e33\u0e2a\u0e34\u0e48\u0e07\u0e02\u0e2d\u0e07\u0e44\u0e1b\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e43\u0e2b\u0e49\u0e19\u0e49\u0e2d\u0e22\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14 \u0e40\u0e1b\u0e47\u0e19\u0e2d\u0e35\u0e01\u0e17\u0e32\u0e07\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e17\u0e35\u0e48\u0e17\u0e33\u0e44\u0e14\u0e49<\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-011f001\" class=\"gspb_text gspb_text-id-gsbp-011f001 \"><strong><strong><strong>\u0e17\u0e38\u0e01\u0e1d\u0e48\u0e32\u0e22\u0e15\u0e49\u0e2d\u0e07\u0e0a\u0e48\u0e27\u0e22\u0e01\u0e31\u0e19\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a<\/strong>\u00a0<\/strong><\/strong>\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e04\u0e23\u0e39\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e41\u0e08\u0e49\u0e07\u0e43\u0e2b\u0e49\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e17\u0e23\u0e32\u0e1a\u0e25\u0e48\u0e27\u0e07\u0e2b\u0e19\u0e49\u0e32\u0e27\u0e48\u0e32 \u0e27\u0e31\u0e19\u0e1e\u0e23\u0e38\u0e48\u0e07\u0e19\u0e35\u0e49\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e15\u0e23\u0e35\u0e22\u0e21\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e2b\u0e23\u0e37\u0e2d\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e21\u0e32\u00a0\u0e08\u0e30\u0e44\u0e14\u0e49\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e41\u0e1a\u0e01\u0e21\u0e32\u0e17\u0e31\u0e49\u0e07\u0e04\u0e39\u0e48\u00a0\u0e2a\u0e48\u0e27\u0e19\u0e1c\u0e39\u0e49\u0e1b\u0e01\u0e04\u0e23\u0e2d\u0e07\u00a0\u0e15\u0e49\u0e2d\u0e07\u0e0a\u0e48\u0e27\u0e22\u0e1d\u0e36\u0e01\u0e08\u0e31\u0e14\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u00a0\u0e44\u0e21\u0e48\u0e43\u0e2b\u0e49\u0e19\u0e33\u0e2a\u0e34\u0e48\u0e07\u0e02\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e44\u0e21\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e44\u0e1b\u00a0\u0e40\u0e0a\u0e48\u0e19\u00a0\u0e02\u0e2d\u0e07\u0e40\u0e25\u0e48\u0e19<\/div>\n<\/div>\n<\/div>\n <\/div><\/div>\n<\/div>\n\n\n\n<h2 data-aos-duration=\"1050\" data-aos=\"slide-down\" id=\"gspb_heading-id-gsbp-1eb4c4b\" class=\"gspb_heading gspb_heading-id-gsbp-1eb4c4b \"><strong>\u0e2a\u0e30\u0e1e\u0e32\u0e22\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e43\u0e2b\u0e49\u00a0<mark style=\"background-color:rgba(0, 0, 0, 0);color:#aebcb9\" class=\"has-inline-color\">\u0e16\u0e39\u0e01\u0e27\u0e34\u0e18\u0e35<\/mark>\u00a0\u0e01\u0e47\u0e0a\u0e48\u0e27\u0e22\u0e44\u0e14\u0e49<\/strong><\/h2>\n\n\n\n<div>\n<div class=\"wp-block-greenshift-blocks-row gspb_row gspb_row-id-gsbp-838ad8b\" id=\"gspb_row-id-gsbp-838ad8b\"><div class=\"gspb_row__content\"> \n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--6 gspb_col-id-gsbp-7871016\" id=\"gspb_col-id-gsbp-7871016\">\n<img decoding=\"async\" class=\"gb-media-20783574\" alt=\"\" src=\"https:\/\/files.wp.thaipbs.or.th\/thevisual\/2023\/11\/33.png\" data-aos=\"slide-right\" data-aos-duration=\"1000\">\n<\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--6 gspb_col-id-gsbp-a0f70ff\" id=\"gspb_col-id-gsbp-a0f70ff\">\n<div class=\"wp-block-group has-global-padding is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-9245e6f4 wp-block-group-is-layout-constrained\" style=\"margin-top:200px\">\n<div data-aos-duration=\"1050\" data-aos=\"zoom-in\" id=\"gspb_text-id-gsbp-0919a35\" class=\"gspb_text gspb_text-id-gsbp-0919a35 \"><strong><strong>\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e1e\u0e2d\u0e14\u0e35 \u2013 \u0e01\u0e23\u0e30\u0e08\u0e32\u0e22\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01<\/strong><\/strong><\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-6e4ea15\" class=\"gspb_text gspb_text-id-gsbp-6e4ea15 \">\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e40\u0e1b\u0e49\u0e17\u0e35\u0e48\u0e14\u0e35 \u0e15\u0e49\u0e2d\u0e07\u0e21\u0e35\u0e02\u0e19\u0e32\u0e14\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e01\u0e31\u0e1a\u0e41\u0e1c\u0e48\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e40\u0e14\u0e47\u0e01\u00a0<strong>\u0e21\u0e35\u0e2a\u0e32\u0e22\u0e2a\u0e30\u0e1e\u0e32\u0e22 2 \u0e02\u0e49\u0e32\u0e07 \u0e41\u0e25\u0e30\u0e2a\u0e32\u0e22\u0e2a\u0e30\u0e1e\u0e32\u0e22\u0e17\u0e35\u0e48\u0e01\u0e27\u0e49\u0e32\u0e07\u0e01\u0e27\u0e48\u0e32 6 \u0e40\u0e0b\u0e19\u0e15\u0e34\u0e40\u0e21\u0e15\u0e23<\/strong>\u00a0\u0e40\u0e1e\u0e23\u0e32\u0e30\u0e2a\u0e32\u0e22\u0e17\u0e35\u0e48\u0e40\u0e25\u0e47\u0e01\u0e08\u0e30\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e01\u0e14\u0e17\u0e31\u0e1a\u0e1a\u0e23\u0e34\u0e40\u0e27\u0e13\u0e44\u0e2b\u0e25\u0e48 \u0e0b\u0e36\u0e48\u0e07\u0e2d\u0e32\u0e08\u0e01\u0e14\u0e25\u0e36\u0e01\u0e08\u0e19\u0e21\u0e35\u0e1c\u0e25\u0e15\u0e48\u0e2d\u0e01\u0e25\u0e49\u0e32\u0e21\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e41\u0e25\u0e30\u0e40\u0e2a\u0e49\u0e19\u0e1b\u0e23\u0e30\u0e2a\u0e32\u0e17\u0e44\u0e14\u0e49<\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-e053d82\" class=\"gspb_text gspb_text-id-gsbp-e053d82 \">\u0e15\u0e31\u0e27\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e22\u0e31\u0e07\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e43\u0e2b\u0e49\u0e21\u0e35\u0e0a\u0e48\u0e2d\u0e07\u0e27\u0e32\u0e07\u0e02\u0e2d\u0e07\u0e40\u0e1e\u0e35\u0e22\u0e07\u0e1e\u0e2d \u0e41\u0e25\u0e30\u0e01\u0e23\u0e30\u0e08\u0e32\u0e22\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e44\u0e14\u0e49\u0e17\u0e31\u0e48\u0e27\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32 \u0e44\u0e21\u0e48\u0e2b\u0e19\u0e31\u0e01\u0e1d\u0e31\u0e48\u0e07\u0e43\u0e14\u0e1d\u0e31\u0e48\u0e07\u0e2b\u0e19\u0e36\u0e48\u0e07<\/div>\n<\/div>\n<\/div>\n <\/div><\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-row gspb_row gspb_row-id-gsbp-0b0b897\" id=\"gspb_row-id-gsbp-0b0b897\"><div class=\"gspb_row__content\"> \n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--6 gspb_col-id-gsbp-a513522\" id=\"gspb_col-id-gsbp-a513522\">\n<img decoding=\"async\" class=\"gb-media-cae806ac\" alt=\"\" src=\"https:\/\/files.wp.thaipbs.or.th\/thevisual\/2023\/11\/11.png\" data-aos=\"slide-right\" data-aos-duration=\"1050\">\n<\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--6 gspb_col-id-gsbp-3f42810\" id=\"gspb_col-id-gsbp-3f42810\">\n<div class=\"wp-block-group has-global-padding is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-94d391da wp-block-group-is-layout-constrained\">\n<div data-aos-duration=\"950\" data-aos=\"zoom-in\" id=\"gspb_text-id-gsbp-40263ce\" class=\"gspb_text gspb_text-id-gsbp-40263ce \"><strong><strong><strong>\u0e1b\u0e23\u0e31\u0e1a\u0e2a\u0e32\u0e22\u0e2a\u0e30\u0e1e\u0e32\u0e22\u0e43\u0e2b\u0e49\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21<\/strong><\/strong><\/strong><\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-58da9ba\" class=\"gspb_text gspb_text-id-gsbp-58da9ba \">\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e41\u0e1a\u0e01\u0e2b\u0e25\u0e31\u0e07 \u0e15\u0e49\u0e2d\u0e07\u0e1b\u0e23\u0e31\u0e1a\u0e2a\u0e32\u0e22\u0e2a\u0e30\u0e1e\u0e32\u0e22\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e41\u0e19\u0e1a\u0e0a\u0e34\u0e14\u0e2b\u0e25\u0e31\u0e07\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14 \u0e44\u0e21\u0e48\u0e2b\u0e49\u0e2d\u0e22\u0e15\u0e48\u0e33<strong>\u0e08\u0e38\u0e14\u0e2a\u0e31\u0e07\u0e40\u0e01\u0e15 \u0e04\u0e37\u0e2d \u0e01\u0e49\u0e19\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e15\u0e49\u0e2d\u0e07\u0e44\u0e21\u0e48\u0e2d\u0e22\u0e39\u0e48\u0e43\u0e19\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07\u0e17\u0e35\u0e48\u0e15\u0e48\u0e33\u0e01\u0e27\u0e48\u0e32\u0e1a\u0e31\u0e49\u0e19\u0e40\u0e2d\u0e27<\/strong>\u00a0\u0e41\u0e25\u0e30\u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e14\u0e34\u0e19\u0e15\u0e31\u0e27\u0e15\u0e23\u0e07 \u0e44\u0e21\u0e48\u0e40\u0e2d\u0e19\u0e15\u0e31\u0e27\u0e44\u0e1b\u0e14\u0e49\u0e32\u0e19\u0e2b\u0e19\u0e49\u0e32\u00a0\u0e40\u0e1e\u0e23\u0e32\u0e30\u0e08\u0e30\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e40\u0e01\u0e34\u0e14\u0e01\u0e32\u0e23\u0e16\u0e48\u0e27\u0e07\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e41\u0e25\u0e30\u0e1b\u0e27\u0e14\u0e2b\u0e25\u0e31\u0e07<\/div>\n<\/div>\n<\/div>\n <\/div><\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-row gspb_row gspb_row-id-gsbp-bad8108\" id=\"gspb_row-id-gsbp-bad8108\"><div class=\"gspb_row__content\"> \n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--6 gspb_col-id-gsbp-1552992\" id=\"gspb_col-id-gsbp-1552992\">\n<img decoding=\"async\" class=\"gb-media-04e83447\" alt=\"\" src=\"https:\/\/files.wp.thaipbs.or.th\/thevisual\/2023\/11\/22.png\" data-aos=\"slide-right\" data-aos-duration=\"950\">\n<\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--6 gspb_col-id-gsbp-b31a749\" id=\"gspb_col-id-gsbp-b31a749\">\n<div class=\"wp-block-group has-global-padding is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-94d391da wp-block-group-is-layout-constrained\">\n<div data-aos-duration=\"1000\" data-aos=\"zoom-in\" id=\"gspb_text-id-gsbp-b96e15b\" class=\"gspb_text gspb_text-id-gsbp-b96e15b \"><strong><strong>\u0e44\u0e21\u0e48\u0e2a\u0e30\u0e1e\u0e32\u0e22\u0e14\u0e49\u0e27\u0e22\u0e44\u0e2b\u0e25\u0e48\u0e02\u0e49\u0e32\u0e07\u0e40\u0e14\u0e35\u0e22\u0e27<\/strong><\/strong><\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-c48683b\" class=\"gspb_text gspb_text-id-gsbp-c48683b \"><strong>\u0e01\u0e32\u0e23\u0e41\u0e1a\u0e01\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e15\u0e49\u0e2d\u0e07\u0e43\u0e0a\u0e49\u0e2a\u0e32\u0e22\u0e2a\u0e30\u0e1e\u0e32\u0e22\u0e44\u0e2b\u0e25\u0e48\u0e17\u0e31\u0e49\u0e07 2 \u0e02\u0e49\u0e32\u0e07<\/strong>\u00a0\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e01\u0e23\u0e30\u0e08\u0e32\u0e22\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2a\u0e21\u0e14\u0e38\u0e25 \u0e01\u0e32\u0e23\u0e2a\u0e30\u0e1e\u0e32\u0e22\u0e44\u0e2b\u0e25\u0e48\u0e02\u0e49\u0e32\u0e07\u0e40\u0e14\u0e35\u0e22\u0e27 \u0e2d\u0e32\u0e08\u0e14\u0e39\u0e40\u0e17\u0e48 \u0e41\u0e15\u0e48\u0e01\u0e23\u0e30\u0e08\u0e32\u0e22\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e44\u0e21\u0e48\u0e14\u0e35 \u0e08\u0e36\u0e07\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2a\u0e35\u0e48\u0e22\u0e07\u0e2a\u0e39\u0e07\u0e15\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e1b\u0e27\u0e14\u0e15\u0e49\u0e19\u0e04\u0e2d \u0e44\u0e2b\u0e25\u0e48 \u0e41\u0e25\u0e30\u0e2b\u0e25\u0e31\u0e07\u0e44\u0e14\u0e49<\/div>\n<\/div>\n<\/div>\n <\/div><\/div>\n<\/div>\n\n\n\n<h2 id=\"gspb_heading-id-gsbp-0601a4a\" class=\"gspb_heading gspb_heading-id-gsbp-0601a4a \"><strong>\u0e41\u0e25\u0e49\u0e27\u0e04\u0e38\u0e13\u0e25\u0e48\u0e30\u2026 \u0e04\u0e34\u0e14\u0e27\u0e48\u0e32\u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e41\u0e01\u0e49\u0e44\u0e02\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u00a0<strong>\u201cThe \u0e41\u0e1a\u0e01 \u0e15\u0e31\u0e27\u0e19\u0e49\u0e2d\u0e22\u201d<\/strong>\u00a0\u0e41\u0e1a\u0e1a\u0e44\u0e2b\u0e19\u0e17\u0e35\u0e48\u0e14\u0e35\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\u0e43\u0e19\u0e15\u0e2d\u0e19\u0e19\u0e35\u0e49 ?<br><\/strong><\/h2>\n\n\n\n<style>\n\/* ===== Card ===== *\/\n.fake-form{\n  max-width: 420px;\n  margin: 0 auto;\n  background: #eef0ed;\n  border-radius: 0;\n  border: 1px solid #d2d6d1;\n  font-family: system-ui, sans-serif;\n  padding: 0;\n}\n\n\/* ===== Top Bar ===== *\/\n.fake-form .top-bar{\n  height: 42px;\n  background: #2b2b2b;\n  width: 100%;\n}\n\n\/* ===== Body ===== *\/\n.fake-form .form-body{\n  padding: 20px 24px 40px;\n}\n\n\/* ===== Title ===== *\/\n.fake-form .req{\n  font-size: 18px;\n  margin-bottom: 16px;\n}\n\n\/* ===== Options ===== *\/\n.option{\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  padding: 10px 0;\n  cursor: pointer;\n  user-select: none;\n  font-size: 17px;\n  color: #6a6a6a;\n}\n\n\/* hide radio *\/\n.option input{\n  display: none;\n}\n\n\/* custom circle *\/\n.custom-radio{\n  width: 26px;\n  height: 26px;\n  border-radius: 50%;\n  border: 2px solid #999;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: 0.25s;\n  flex-shrink: 0;\n  background: transparent;\n}\n\n\/* check icon *\/\n.custom-radio::after{\n  content: \"\u2713\";\n  font-size: 16px;\n  color: #111;\n  display: none;\n}\n\n\/* checked *\/\n.option input:checked + .custom-radio{\n  background: #fff;\n  border-color: #111;\n}\n\n.option input:checked + .custom-radio::after{\n  display: block;\n}\n\n\/* text when active *\/\n.option input:checked ~ span{\n  color: #111;\n  font-weight: 500;\n}\n\n\/* ===== Other Input ===== *\/\n.other-input-wrap{\n  display: none;\n  align-items: flex-start;\n  gap: 12px;\n  padding: 0;\n  width: 100%;\n}\n\n\n\/* icon *\/\n.pen-icon{\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n  margin-left: -6px;\n}\n\n.pen-icon img{\n  width: 30px;\n  height: 30px;\n  display: block;\n  filter: grayscale(100%) brightness(0.6);\n}\n\n\/* input line style *\/\n.other-input{\n  flex: 1;\n  border: none;\n  border-bottom: 1px solid #8f8f8f;\n  background: transparent;\n  outline: none;\n  font-size: 16px;\n  padding: 6px 0 4px 0;\n  color: #222;\n  line-height: 1.4;\n}\n\n\/* placeholder *\/\n.other-input::placeholder{\n  color: #9e9e9e;\n}\n\n\/* focus animation *\/\n.other-input:focus{\n  border-bottom: 2px solid #111;\n}\n\n\n\n\/* ===== Submit ===== *\/\n.fake-submit{\n  margin-top: 30px;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n}\n\n.fake-submit button{\n  background: #222;\n  color: #fff;\n  border: none;\n  padding: 14px 42px;\n  border-radius: 999px;\n  font-size: 16px;\n  cursor: pointer;\n  transition: 0.3s;\n}\n\n.fake-submit button:hover{\n  background: #000;\n}\n\n@media (max-width: 768px){\n\n  .fake-form{\n    max-width: 100%;\n    margin: 0 12px;          \n    border-radius: 0;\n  }\n\n  \/* top bar *\/\n  .fake-form .top-bar{\n    height: 34px;\n  }\n\n  \/* body padding *\/\n  .fake-form .form-body{\n    padding: 16px 16px 28px;\n  }\n\n  \/* title *\/\n  .fake-form .req{\n    font-size: 16px;\n    margin-bottom: 12px;\n  }\n\n  \/* options *\/\n  .option{\n    gap: 10px;\n    padding: 8px 0;\n    font-size: 14px;\n    line-height: 1.45;\n  }\n\n  \/* radio *\/\n  .custom-radio{\n    width: 20px;\n    height: 20px;\n    border-width: 1.5px;\n  }\n\n  .custom-radio::after{\n    font-size: 13px;\n  }\n\n  \/* other input *\/\n  .other-input{\n    font-size: 14px;\n    padding: 4px 0 3px 0;\n  }\n\n  .pen-icon img{\n    width: 22px;\n    height: 22px;\n  }\n\n  \/* submit *\/\n  .fake-submit{\n    margin-top: 22px;\n  }\n\n  .fake-submit button{\n    padding: 12px 28px;\n    font-size: 14px;\n  }\n}\n\n<\/style>\n\n<div class=\"fake-form\">\n\n  <!-- \u0e2b\u0e31\u0e27\u0e01\u0e23\u0e2d\u0e1a -->\n  <div class=\"top-bar\"><\/div>\n\n  <!-- \u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e14\u0e49\u0e32\u0e19\u0e43\u0e19 -->\n  <div class=\"form-body\">\n\n    <div class=\"req\">*<\/div>\n\n    <label class=\"option\">\n      <input type=\"radio\" name=\"choice\">\n      <span class=\"custom-radio\"><\/span>\n      <span>\u0e43\u0e2b\u0e49\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e43\u0e0a\u0e49\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e41\u0e1a\u0e1a\u0e21\u0e35\u0e25\u0e49\u0e2d\u0e25\u0e32\u0e01<\/span>\n    <\/label>\n\n    <label class=\"option\">\n      <input type=\"radio\" name=\"choice\">\n      <span class=\"custom-radio\"><\/span>\n      <span>\u0e43\u0e2b\u0e49\u0e21\u0e35\u0e15\u0e39\u0e49\u0e40\u0e01\u0e47\u0e1a\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e17\u0e35\u0e48\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19<\/span>\n    <\/label>\n\n    <label class=\"option\">\n      <input type=\"radio\" name=\"choice\">\n      <span class=\"custom-radio\"><\/span>\n      <span>\u0e40\u0e23\u0e35\u0e22\u0e19\u0e41\u0e1a\u0e1a\u0e2d\u0e34\u0e40\u0e25\u0e47\u0e01\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c \u2013 \u0e2d\u0e35\u0e1a\u0e38\u0e4a\u0e01 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e25\u0e14\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e25\u0e48\u0e21<\/span>\n    <\/label>\n\n    <label class=\"option\">\n      <input type=\"radio\" name=\"choice\">\n      <span class=\"custom-radio\"><\/span>\n      <span>\u0e08\u0e31\u0e14\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e15\u0e32\u0e21\u0e15\u0e32\u0e23\u0e32\u0e07\u0e2a\u0e2d\u0e19\u0e17\u0e38\u0e01\u0e27\u0e31\u0e19<\/span>\n    <\/label>\n\n    <label class=\"option\">\n      <input type=\"radio\" name=\"choice\">\n      <span class=\"custom-radio\"><\/span>\n      <span>\u0e25\u0e14\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e40\u0e23\u0e35\u0e22\u0e19\u0e17\u0e35\u0e48\u0e44\u0e21\u0e48\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19<\/span>\n    <\/label>\n\n    <label class=\"option\">\n      <input type=\"radio\" name=\"choice\">\n      <span class=\"custom-radio\"><\/span>\n      <span>\u0e40\u0e23\u0e35\u0e22\u0e19\u0e17\u0e35\u0e48\u0e1a\u0e49\u0e32\u0e19 (\u0e1a\u0e32\u0e07\u0e27\u0e34\u0e0a\u0e32)<\/span>\n    <\/label>\n\n    <!-- Other -->\n    <label class=\"option\">\n      <input type=\"radio\" name=\"choice\" id=\"otherRadio\">\n      <span class=\"custom-radio\"><\/span>\n      <span>\u0e2d\u0e37\u0e48\u0e19 \u0e46 (\u0e42\u0e1b\u0e23\u0e14\u0e23\u0e30\u0e1a\u0e38)<\/span>\n    <\/label>\n\n    <!-- Input -->\n<div class=\"other-input-wrap\" id=\"otherInputWrap\">\n  <span class=\"radio-space\"><\/span>\n\n  <span class=\"pen-icon\">\n    <img decoding=\"async\" src=\"https:\/\/www.svgrepo.com\/show\/532991\/pen-nib.svg\" alt=\"pen icon\">\n  <\/span>\n\n  <input type=\"text\" class=\"other-input\" placeholder=\"Write here\">\n<\/div>\n\n\n\n\n    <div class=\"fake-submit\">\n      <button type=\"button\">SUBMIT<\/button>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\nconst radios = document.querySelectorAll('input[name=\"choice\"]');\nconst otherRadio = document.getElementById('otherRadio');\nconst otherInputWrap = document.getElementById('otherInputWrap');\n\nradios.forEach(radio=>{\n  radio.addEventListener('change',()=>{\n    if(otherRadio.checked){\n      otherInputWrap.style.display = 'flex';\n    }else{\n      otherInputWrap.style.display = 'none';\n      document.querySelector('.other-input').value = '';\n    }\n  });\n});\n<\/script>\n\n\n\n<h2 data-aos-duration=\"1500\" data-aos=\"slide-down\" id=\"gspb_heading-id-gsbp-47c5f8f\" class=\"gspb_heading gspb_heading-id-gsbp-47c5f8f \"><strong>The Bag To\u2026 \u201cThe \u0e41\u0e1a\u0e01\u201d \u0e44\u0e21\u0e48\u0e43\u0e0a\u0e48\u0e41\u0e04\u0e48\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e40\u0e25\u0e47\u0e01 \u0e46<\/strong><\/h2>\n\n\n\n<h2 data-aos-duration=\"1500\" data-aos=\"slide-down\" id=\"gspb_heading-id-gsbp-98a454a\" class=\"gspb_heading gspb_heading-id-gsbp-98a454a \"><strong>\u0e2d\u0e22\u0e48\u0e32\u0e1b\u0e25\u0e48\u0e2d\u0e22\u0e43\u0e2b\u0e49 \u201c\u0e2a\u0e31\u0e21\u0e20\u0e32\u0e23\u0e30\u201d<\/strong><\/h2>\n\n\n\n<h2 data-aos-duration=\"1500\" data-aos=\"slide-down\" id=\"gspb_heading-id-gsbp-6b2e073\" class=\"gspb_heading gspb_heading-id-gsbp-6b2e073 \"><strong>\u0e01\u0e25\u0e32\u0e22\u0e40\u0e1b\u0e47\u0e19\u00a0<mark style=\"background-color:rgba(0, 0, 0, 0);color:#fe5100\" class=\"has-inline-color\">\u201c\u0e20\u0e32\u0e23\u0e30\u201d\u00a0<\/mark>\u0e02\u0e2d\u0e07\u0e40\u0e14\u0e47\u0e01 \u0e46 \u0e43\u0e19\u0e2d\u0e19\u0e32\u0e04\u0e15<\/strong><\/h2>\n\n\n\n<div id=\"gspb_text-id-gsbp-51e2fc8\" class=\"gspb_text gspb_text-id-gsbp-51e2fc8 \">Share This \ud83d\udc47<\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-row gspb_row gspb_row-id-gsbp-91e7c90\" id=\"gspb_row-id-gsbp-91e7c90\"><div class=\"gspb_row__content\"> \n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--6 gspb_col-id-gsbp-64ef68c\" id=\"gspb_col-id-gsbp-64ef68c\">\n<div class=\"gspb_button_wrapper gspb_button-id-gsbp-ed0d8c5\" id=\"gspb_button-id-gsbp-ed0d8c5\"><a class=\"wp-block-greenshift-blocks-buttonbox gspb-buttonbox wp-element-button\" rel=\"noopener\"><span class=\"gspb-buttonbox-textwrap\"><span class=\"gspb-buttonbox-icon\"><svg class=\"\" style=\"display:inline-block;vertical-align:middle\" width=\"15\" height=\"15\" viewbox=\"0 0 1024 1024\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path style=\"fill:#565D66\" d=\"M1008 512c0-274-222-496-496-496s-496 222-496 496c0 247.56 181.38 452.76 418.5 490v-346.62h-126v-143.38h126v-109.28c0-124.3 74-192.96 187.34-192.96 54.28 0 111.040 9.68 111.040 9.68v122h-62.56c-61.6 0-80.82 38.24-80.82 77.46v93.1h137.56l-22 143.38h-115.56v346.62c237.12-37.24 418.5-242.44 418.5-490z\"><\/path><\/svg><\/span><span class=\"gspb-buttonbox-text\"><span class=\"gspb-buttonbox-title\"><strong>Facebook<\/strong><\/span><\/span><\/span><div class=\"gspb_backgroundOverlay\"><\/div><\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--6 gspb_col-id-gsbp-ee79b3f\" id=\"gspb_col-id-gsbp-ee79b3f\">\n<div class=\"gspb_button_wrapper gspb_button-id-gsbp-9143b06\" id=\"gspb_button-id-gsbp-9143b06\"><a class=\"wp-block-greenshift-blocks-buttonbox gspb-buttonbox wp-element-button\" rel=\"noopener\"><span class=\"gspb-buttonbox-textwrap\"><span class=\"gspb-buttonbox-icon\"><svg class=\"\" style=\"display:inline-block;vertical-align:middle\" width=\"15\" height=\"15\" viewbox=\"0 0 1024 1024\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path style=\"fill:#565D66\" d=\"M918.74 303.432c0.65 9.096 0.65 18.194 0.65 27.29 0 277.44-211.166 597.116-597.116 597.116-118.904 0-229.36-34.438-322.274-94.212 16.894 1.948 33.136 2.598 50.68 2.598 98.11 0 188.426-33.136 260.548-89.664-92.264-1.95-169.584-62.376-196.224-145.544 12.996 1.948 25.99 3.248 39.636 3.248 18.842 0 37.686-2.6 55.228-7.146-96.162-19.494-168.286-103.96-168.286-205.97v-2.598c27.938 15.594 60.428 25.34 94.862 26.638-56.528-37.686-93.562-102.010-93.562-174.782 0-38.984 10.394-74.72 28.588-105.908 103.31 127.35 258.6 210.516 432.73 219.614-3.248-15.594-5.198-31.836-5.198-48.080 0-115.656 93.564-209.868 209.868-209.868 60.426 0 115.004 25.34 153.34 66.274 47.43-9.096 92.912-26.64 133.198-50.68-15.596 48.732-48.732 89.666-92.264 115.654 42.234-4.546 83.168-16.244 120.852-32.486-28.584 41.582-64.322 78.616-105.256 108.506z\"><\/path><\/svg><\/span><span class=\"gspb-buttonbox-text\"><span class=\"gspb-buttonbox-title\"><strong>X   (Twitter)<\/strong><\/span><\/span><\/span><div class=\"gspb_backgroundOverlay\"><\/div><\/a><\/div>\n<\/div>\n <\/div><\/div>\n\n\n\n<style>\n\/* ===== Wrapper \u0e08\u0e31\u0e14\u0e01\u0e25\u0e32\u0e07 ===== *\/\n.img-btn-wrap{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n}\n\n\/* ===== Image Button Link ===== *\/\n.img-only-btn{\n  display: inline-block;\n  border-radius: 18px;\n  overflow: hidden;\n  cursor: pointer;\n  text-decoration: none;\n}\n\n\/* \u0e23\u0e39\u0e1b *\/\n.img-only-btn img{\n  display: block;\n  width: 320px;\n  height: auto;\n}\n\n\/* Hover Effect \u2192 \u0e40\u0e02\u0e22\u0e48\u0e32\u0e41\u0e23\u0e07 *\/\n.img-only-btn:hover{\n  animation: shake-strong 0.6s ease-in-out;\n}\n\n\/* ===== Shake Animation (\u0e41\u0e23\u0e07) ===== *\/\n@keyframes shake-strong{\n  0%   { transform: rotate(0deg); }\n  15%  { transform: rotate(2.5deg); }\n  30%  { transform: rotate(-2.5deg); }\n  45%  { transform: rotate(2deg); }\n  60%  { transform: rotate(-2deg); }\n  75%  { transform: rotate(1deg); }\n  90%  { transform: rotate(-1deg); }\n  100% { transform: rotate(0deg); }\n}\n\n\/* Responsive *\/\n@media (max-width: 768px){\n  .img-only-btn img{\n    width: 240px;\n  }\n}\n\n@media (max-width: 480px){\n  .img-only-btn img{\n    width: 200px;\n  }\n}\n<\/style>\n\n<div class=\"img-btn-wrap\">\n  <a href=\"https:\/\/www.thaipbs.or.th\/thevisual\/dataviz\/kidsday\/\" class=\"img-only-btn\" target=\"_blank\" rel=\"noopener\">\n    <img decoding=\"async\" src=\"https:\/\/files.wp.thaipbs.or.th\/thevisual\/2024\/01\/Button-01.png\" alt=\"Go Website\">\n  <\/a>\n<\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-48e54ef\" id=\"gspb_image-id-gsbp-48e54ef\"><img decoding=\"async\" src=\"https:\/\/files.wp.thaipbs.or.th\/thevisual\/2024\/06\/end01.png\" data-src=\"\" alt=\"\" loading=\"lazy\" width=\"2500\" height=\"\"><\/div>\n\n\n\n<div class=\"gb-element-467ed900\">\n<div id=\"gspb_text-id-gsbp-dc4aed6\" class=\"gspb_text gspb_text-id-gsbp-dc4aed6 \"><strong>CREATED BY<\/strong><\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-90594c3\" class=\"gspb_text gspb_text-id-gsbp-90594c3 \"><strong>Content Creator<\/strong><\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-0b529ad\" class=\"gspb_text gspb_text-id-gsbp-0b529ad \">Chalee Nawatharadol<\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-c453e53\" class=\"gspb_text gspb_text-id-gsbp-c453e53 \">Pimtawan Naeprakone<\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-0dd1487\" class=\"gspb_text gspb_text-id-gsbp-0dd1487 \">Pitchaya Jaisuya<\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-083c875\" class=\"gspb_text gspb_text-id-gsbp-083c875 \"><strong>Graphic Designer<\/strong><\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-85d6cfa\" class=\"gspb_text gspb_text-id-gsbp-85d6cfa \">Narongsak Somong<\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-d341cd9\" class=\"gspb_text gspb_text-id-gsbp-d341cd9 \">Phuresaphon Jantapoon<\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-5df2e1e\" class=\"gspb_text gspb_text-id-gsbp-5df2e1e \"><strong><strong>Developer<\/strong><\/strong><\/div>\n\n\n\n<div id=\"gspb_text-id-gsbp-ebf4713\" class=\"gspb_text gspb_text-id-gsbp-ebf4713 \">Kessarin Saentaweesuk<\/div>\n<\/div>\n\n\n\n<div class=\"gb-element-28be0989\">\n<div id=\"gspb_text-id-gsbp-33107e1\" class=\"gspb_text gspb_text-id-gsbp-33107e1 \"><strong>\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07:<\/strong><\/div>\n<\/div>\n\n\n\n<!-- ===== Toggle Show\/Hide \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a WordPress Custom HTML (\u0e1f\u0e2d\u0e19\u0e15\u0e4c Mali) ===== -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Mali:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&amp;display=swap\" rel=\"stylesheet\">\n\n<div class=\"tgsh-wrapper\">\n\n  <style>\n    \/* \u0e43\u0e0a\u0e49 prefix tgsh- \u0e01\u0e31\u0e19\u0e0a\u0e19\u0e01\u0e31\u0e1a theme *\/\n    .tgsh-wrapper,\n    .tgsh-wrapper * {\n      font-family: \"Mali\", cursive !important;\n      box-sizing: border-box;\n    }\n    .tgsh-wrapper *::before,\n    .tgsh-wrapper *::after {\n      font-family: \"Mali\", cursive !important;\n      box-sizing: border-box;\n    }\n\n    \/* ====== \u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 ====== *\/\n    .tgsh-wrapper .tgsh-content {\n      display: none;\n      font-size: 18px;\n      line-height: 1.7;\n      margin: 0 auto 15px auto;\n      padding: 0;\n      background: none;\n      border-radius: 0;\n      max-width: 900px;\n      font-weight: 400;\n    }\n    .tgsh-wrapper .tgsh-content.is-open {\n      display: block;\n    }\n\n    \/* \u0e41\u0e15\u0e48\u0e25\u0e30\u0e1a\u0e23\u0e23\u0e17\u0e31\u0e14 *\/\n    .tgsh-wrapper .tgsh-line {\n      display: block;\n      color: inherit;\n      text-decoration: none;\n      margin-bottom: 8px;\n      font-weight: 400;\n    }\n    .tgsh-wrapper .tgsh-line:hover {\n      text-decoration: underline;\n    }\n    .tgsh-wrapper .tgsh-line b {\n      margin-right: 6px;\n      font-weight: 700;\n    }\n\n    .tgsh-wrapper .tgsh-no-wrap {\n      white-space: nowrap;\n    }\n\n    \/* ====== \u0e1b\u0e38\u0e48\u0e21 ====== *\/\n    .tgsh-wrapper .tgsh-btn-wrap {\n      margin-top: 30px;\n      text-align: center;\n    }\n    .tgsh-wrapper .tgsh-btn {\n      background: #2b2b2b;\n      color: #fff;\n      border: none;\n      padding: 10px 28px;\n      border-radius: 6px;\n      font-weight: 500;\n      font-size: 16px;\n      cursor: pointer;\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      transition: 0.25s ease;\n      line-height: 1.2;\n    }\n    .tgsh-wrapper .tgsh-btn:hover {\n      background: #444;\n    }\n    .tgsh-wrapper .tgsh-btn .tgsh-icon {\n      display: inline-block;\n      transition: transform 0.25s ease;\n      font-size: 14px;\n    }\n    .tgsh-wrapper .tgsh-btn.is-active .tgsh-icon {\n      transform: rotate(180deg);\n    }\n\n    \/* ====== Responsive ====== *\/\n    @media (max-width: 1024px) {\n      .tgsh-wrapper .tgsh-content {\n        margin-left: 30px;\n        margin-right: 30px;\n      }\n      .tgsh-wrapper .tgsh-no-wrap {\n        white-space: normal;\n      }\n    }\n    @media (max-width: 767px) {\n      .tgsh-wrapper .tgsh-content {\n        font-size: 16px;\n        margin-left: 30px;\n        margin-right: 30px;\n      }\n      .tgsh-wrapper .tgsh-no-wrap {\n        white-space: normal;\n      }\n    }\n  <\/style>\n\n  <!-- \u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 -->\n  <div class=\"tgsh-content\">\n\n    <a class=\"tgsh-line tgsh-no-wrap\" href=\"https:\/\/www.youtube.com\/watch?v=QFEPAeWk2-c\" target=\"_blank\" rel=\"noopener\">\n      <b>\u25b6<\/b>\u0e2a\u0e30\u0e1e\u0e32\u0e22\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e2b\u0e19\u0e31\u0e01 \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e01\u0e23\u0e30\u0e14\u0e39\u0e01\u0e2a\u0e31\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e04\u0e14\u0e08\u0e23\u0e34\u0e07\u0e2b\u0e23\u0e37\u0e2d\u0e44\u0e21\u0e48 : \u0e23\u0e39\u0e49\u0e40\u0e17\u0e48\u0e32\u0e23\u0e39\u0e49\u0e17\u0e31\u0e19\n    <\/a>\n\n    <a class=\"tgsh-line tgsh-no-wrap\" href=\"https:\/\/www.thaipbs.or.th\/news\/content\/282217\" target=\"_blank\" rel=\"noopener\">\n      <b>\u25b6<\/b>\u0e40\u0e15\u0e37\u0e2d\u0e19! \u0e40\u0e14\u0e47\u0e01\u0e41\u0e1a\u0e01\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32 \u0e19\u0e23.\u0e2b\u0e19\u0e31\u0e01\u0e40\u0e01\u0e34\u0e19 10-20% \u0e2a\u0e48\u0e07\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\n    <\/a>\n\n    <a class=\"tgsh-line tgsh-no-wrap\" href=\"https:\/\/www.thaipbs.or.th\/program\/Rutan\/episodes\/55110\" target=\"_blank\" rel=\"noopener\">\n      <b>\u25b6<\/b>\u0e2a\u0e30\u0e1e\u0e32\u0e22\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23 \u0e44\u0e21\u0e48\u0e43\u0e2b\u0e49\u0e1b\u0e27\u0e14 : \u0e1b\u0e23\u0e31\u0e1a\u0e01\u0e48\u0e2d\u0e19\u0e1b\u0e48\u0e27\u0e22\n    <\/a>\n\n    <a class=\"tgsh-line tgsh-no-wrap\" href=\"https:\/\/www.samitivejhospitals.com\/th\/article\/detail\/%E0%B8%81%E0%B8%A3%E0%B8%B0%E0%B9%80%E0%B8%9B%E0%B9%8B%E0%B8%B2%E0%B8%99%E0%B8%B1%E0%B8%81%E0%B9%80%E0%B8%A3%E0%B8%B5%E0%B8%A2%E0%B8%99%E0%B8%AB%E0%B8%99%E0%B8%B1%E0%B8%81\" target=\"_blank\" rel=\"noopener\">\n      <b>\u25b6<\/b>\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2b\u0e19\u0e31\u0e01\u0e40\u0e01\u0e34\u0e19\u0e44\u0e1b \u0e2d\u0e31\u0e19\u0e15\u0e23\u0e32\u0e22\u0e15\u0e48\u0e2d\u0e2b\u0e25\u0e31\u0e07 | \u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e2a\u0e21\u0e34\u0e15\u0e34\u0e40\u0e27\u0e0a\n    <\/a>\n\n    <a class=\"tgsh-line tgsh-no-wrap\" href=\"https:\/\/pt.mahidol.ac.th\/knowledge\/?p=2068\" target=\"_blank\" rel=\"noopener\">\n      <b>\u25b6<\/b>\u0e01\u0e32\u0e23\u0e2a\u0e30\u0e1e\u0e32\u0e22\u0e40\u0e1b\u0e49\u0e43\u0e19\u0e27\u0e31\u0e22\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23 | \u0e04\u0e13\u0e30\u0e01\u0e32\u0e22\u0e20\u0e32\u0e1e\u0e1a\u0e33\u0e1a\u0e31\u0e14 \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e21\u0e2b\u0e34\u0e14\u0e25\n    <\/a>\n\n    <a class=\"tgsh-line tgsh-no-wrap\" href=\"https:\/\/www.rama.mahidol.ac.th\/ramachannel\/article\/%e0%b9%80%e0%b8%94%e0%b9%87%e0%b8%81%e0%b8%99%e0%b8%b1%e0%b8%81%e0%b9%80%e0%b8%a3%e0%b8%b5%e0%b8%a2%e0%b8%99%e0%b9%81%e0%b8%9a%e0%b8%81%e0%b8%81%e0%b8%a3%e0%b8%b0%e0%b9%80%e0%b8%9b%e0%b9%8b%e0%b8%b2\/\" target=\"_blank\" rel=\"noopener\">\n      <b>\u25b6<\/b>\u0e40\u0e14\u0e47\u0e01\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e41\u0e1a\u0e01\u0e01\u0e23\u0e30\u0e40\u0e1b\u0e4b\u0e32\u0e2b\u0e19\u0e31\u0e01 \u0e23\u0e30\u0e22\u0e30\u0e22\u0e32\u0e27\u0e21\u0e35\u0e1c\u0e25\u0e15\u0e48\u0e2d\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e32\u0e23\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e39\u0e07 | \u0e23\u0e28.\u0e19\u0e1e. \u0e2d\u0e14\u0e34\u0e28\u0e31\u0e01\u0e14\u0e34\u0e4c \u0e1c\u0e25\u0e34\u0e15\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e1e\u0e34\u0e21\u0e1e\u0e4c\n    <\/a>\n\n  <\/div>\n\n  <!-- \u0e1b\u0e38\u0e48\u0e21 -->\n  <div class=\"tgsh-btn-wrap\">\n    <button type=\"button\" class=\"tgsh-btn\">\n      <span class=\"tgsh-icon\">\u2304<\/span>\n      <span class=\"tgsh-text\">\u0e41\u0e2a\u0e14\u0e07<\/span>\n    <\/button>\n  <\/div>\n\n  <script>\n    (function () {\n      var scripts = document.getElementsByTagName('script');\n      var current = scripts[scripts.length - 1];\n      var wrapper = current.closest('.tgsh-wrapper');\n      if (!wrapper || wrapper.dataset.tgshInit === '1') return;\n      wrapper.dataset.tgshInit = '1';\n\n      var btn = wrapper.querySelector('.tgsh-btn');\n      var textEl = wrapper.querySelector('.tgsh-text');\n      var content = wrapper.querySelector('.tgsh-content');\n\n      btn.addEventListener('click', function () {\n        var isOpen = content.classList.toggle('is-open');\n        btn.classList.toggle('is-active', isOpen);\n        textEl.textContent = isOpen ? '\u0e0b\u0e48\u0e2d\u0e19' : '\u0e41\u0e2a\u0e14\u0e07';\n      });\n    })();\n  <\/script>\n\n<\/div>\n<!-- ===== \/Toggle Show\/Hide ===== -->\n\n\n\n<div style=\"height:58px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>After Before &lt; &gt; let dragging = false; function move(x){ const rect = stage.getBoundingClientRect(); let pos = x &#8211; rect.left; pos = Math.max(0, Math.min(pos, rect.width)); const percent = (pos \/ rect.width) * 100; beforeLayer.style.clipPath = `polygon(0 0, ${percent}% 0, ${percent}% 100%, 0 100%)`; afterLayer.style.clipPath = `polygon(${percent}% 0, 100% 0, 100% 100%, ${percent}% 100%)`; slider.style.left = [&hellip;]<\/p>\n","protected":false},"featured_media":8210,"template":"","virtual-tags":[686,687,688,689,690,691,692,693,694,695,696,697,698,699,700,701,702,703,704],"virtual-categories":[634,821],"class_list":["post-6173","dataviz","type-dataviz","status-publish","has-post-thumbnail","hentry","virtual-tags-the-bag","virtual-tags-the-","virtual-tags-688","virtual-tags---1","virtual-tags---3","virtual-tags-691","virtual-tags-girls-school-bag","virtual-tags-693","virtual-tags-school-backpack","virtual-tags-695","virtual-tags-696","virtual-tags-697","virtual-tags-698","virtual-tags-699","virtual-tags-700","virtual-tags-701","virtual-tags-702","virtual-tags-703","virtual-tags-704","virtual-categories-data-viz","virtual-categories-inequality"],"lang":"th","translations":{"th":6173},"meta_box":{"custom_logo_web":[],"static":"","bg_color":""},"pll_sync_post":{},"_links":{"self":[{"href":"https:\/\/cms-thevisual.thaipbs.or.th\/thevisual\/wp-json\/wp\/v2\/dataviz\/6173","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms-thevisual.thaipbs.or.th\/thevisual\/wp-json\/wp\/v2\/dataviz"}],"about":[{"href":"https:\/\/cms-thevisual.thaipbs.or.th\/thevisual\/wp-json\/wp\/v2\/types\/dataviz"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cms-thevisual.thaipbs.or.th\/thevisual\/wp-json\/wp\/v2\/media\/8210"}],"wp:attachment":[{"href":"https:\/\/cms-thevisual.thaipbs.or.th\/thevisual\/wp-json\/wp\/v2\/media?parent=6173"}],"wp:term":[{"taxonomy":"virtual-tags","embeddable":true,"href":"https:\/\/cms-thevisual.thaipbs.or.th\/thevisual\/wp-json\/wp\/v2\/virtual-tags?post=6173"},{"taxonomy":"virtual-categories","embeddable":true,"href":"https:\/\/cms-thevisual.thaipbs.or.th\/thevisual\/wp-json\/wp\/v2\/virtual-categories?post=6173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}