https://riec.coj.go.th/th/content/category/articles/id/4/cid/42/ RSS Feed | ศาลจังหวัดร้อยเอ็ด th https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ <p style="text-align: center;"><a href="https://cios.coj.go.th/index.html"><img alt="" src="/cms/s171//Cios68.png" style="width: 100%;" /></a><a href="https://efiling3.coj.go.th/eFiling/#/"><img alt="" src="/cms/s171//efiling68.png" style="border-width: 1px; border-style: solid; width: 100%;" /></a></p> <p style="text-align: center;"><a href="https://www.youtube.com/watch?v=ujFqaOHA49o"><img alt="" src="/cms/s171//COJ_Connect2.gif" style="border-width: 1px; border-style: solid; width: 100%;" /></a></p> <p style="text-align: center;"><a href="https://www.youtube.com/watch?v=ujFqaOHA49o">&nbsp;(ขั้นตอนการติดตั้ง application COJ Connect)</a></p> <p style="text-align: center;"><a href="https://www.youtube.com/watch?v=MTSMvykl8ek">(ขั้นตอนการติดตั้ง application Thai ID)</a></p> <p style="text-align: center;"><img alt="" src="/cms/s171//CIOS/S_73908635.jpg" style="border-width: 1px; border-style: solid; width: 100%;" /><img alt="" src="/cms/s171//CIOS/S_73908636.jpg" style="border-width: 1px; border-style: solid; width: 100%;" /><img alt="" src="/cms/s171//CIOS/S_73908637.jpg" style="border-width: 1px; border-style: solid; width: 100%;" /><img alt="" src="/cms/s171//CIOS/S_73908638.jpg" style="border-width: 1px; border-style: solid; width: 100%;" /><img alt="" src="/cms/s171//CIOS/S_73908639.jpg" style="border-width: 1px; border-style: solid; width: 100%;" /><img alt="" src="/cms/s171//CIOS/image_3_.png" style="border-width: 1px; border-style: solid; width: 100%;" /></p> https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ <meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&amp;family=Noto+Sans+Thai:wght@400;600;700&amp;display=swap" rel="stylesheet" /> <style type="text/css">/* ===== BANNER MODULE ===== */ .tai-banner-module{position:relative;z-index:1;font-family:'Inter','Noto Sans Thai',sans-serif!important;font-size:16px!important;line-height:1.6!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .tai-banner-module *{margin:0;padding:0;box-sizing:border-box;font-family:inherit!important} .tai-banner-module h1,.tai-banner-module h2,.tai-banner-module h3,.tai-banner-module h4,.tai-banner-module h5,.tai-banner-module h6{font-weight:700!important;line-height:1.2!important} .tai-banner-module p{line-height:1.6!important} .tai-banner-module a{text-decoration:none!important;color:inherit!important} .tai-banner-module #banner-section{width:1920px;margin:0 auto;padding:10px;max-width:1920px} .tai-banner-module .banner-container{position:relative;width:1920px;overflow:hidden;border-radius:1px;box-shadow:0 2px 20px rgba(0,0,0,.08);background:#f8f9fa} .tai-banner-module .banner-wrapper{position:relative;width:1920px;height:600px;overflow:hidden;background:#006666} .tai-banner-module .banner{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#006666;opacity:0;transform:scale(1.1);transition:opacity 1.2s cubic-bezier(.4,0,.2,1),transform 1.2s cubic-bezier(.4,0,.2,1),visibility 1.2s cubic-bezier(.4,0,.2,1);z-index:1;pointer-events:none;visibility:hidden} .tai-banner-module .banner.active{opacity:1;transform:scale(1);z-index:10;pointer-events:auto;visibility:visible} .tai-banner-module .banner::before{content:'';position:absolute;inset:0;z-index:1;transition:all 1.2s cubic-bezier(.4,0,.2,1);pointer-events:none} .tai-banner-module .banner-1::before{background:linear-gradient(135deg,rgba(0,102,102,.4),rgba(0,77,77,.85))} .tai-banner-module .banner-2::before{background:linear-gradient(135deg,rgba(0,119,182,.3),rgba(0,64,64,.85))} .tai-banner-module .banner-3::before{background:linear-gradient(135deg,rgba(16,124,16,.3),rgba(0,77,77,.85))} .tai-banner-module .banner-4::before{background:linear-gradient(135deg,rgba(128,128,128,.3),rgba(0,64,64,.85))} .tai-banner-module .banner::after{content:'';position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(0,102,102,.05) 50%,transparent 70%);z-index:2;pointer-events:none} .tai-banner-module .banner-content{position:absolute;bottom:60px;left:60px;right:60px;z-index:15;color:#fff;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1) .3s;pointer-events:none} .tai-banner-module .banner.active .banner-content{opacity:1;transform:translateY(0);pointer-events:auto} /* ===== ปรับ Title ให้ไม่ขึ้นบรรทัดใหม่และ responsive ===== */ .tai-banner-module .banner-title{ font-size:clamp(28px, 2.5vw, 48px)!important; font-weight:700!important; margin-bottom:20px!important; text-shadow:2px 4px 10px rgba(0,0,0,.3); letter-spacing:-1px!important; line-height:1.2!important; color:#fff!important; text-transform:none!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; max-width:100%; } /* ปรับขนาดตามความยาวข้อความ Title */ .tai-banner-module .banner-title[data-length="long"]{ font-size:clamp(24px, 2.2vw, 42px)!important; } .tai-banner-module .banner-title[data-length="very-long"]{ font-size:clamp(20px, 1.8vw, 36px)!important; } /* ===== ปรับ Description ให้ไม่ขึ้นบรรทัดใหม่และ responsive ===== */ .tai-banner-module .banner-description{ font-size:clamp(14px, 1.2vw, 19px)!important; font-weight:400!important; margin-bottom:30px!important; opacity:.95; max-width:100%; line-height:1.4!important; text-shadow:1px 2px 5px rgba(0,0,0,.3); color:#fff!important; text-transform:none!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } /* ปรับขนาดตามความยาวข้อความ Description */ .tai-banner-module .banner-description[data-length="long"]{ font-size:clamp(13px, 1vw, 16px)!important; } .tai-banner-module .banner-description[data-length="very-long"]{ font-size:clamp(12px, 0.9vw, 14px)!important; } /* ปุ่ม + กันข้อความหาย */ .tai-banner-module .read-more-btn{display:inline-flex!important;align-items:center!important;gap:12px!important;background:rgba(0,0,0,.3)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff!important;padding:16px 36px!important;font-size:16px!important;font-weight:600!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:8px!important;cursor:pointer!important;transition:all .3s ease;position:relative;overflow:hidden;text-transform:none!important;line-height:1!important;z-index:1;pointer-events:auto} .tai-banner-module .read-more-btn .i18n-btn{display:inline-block!important;font-size:inherit!important;line-height:1!important;opacity:1!important;visibility:visible!important;white-space:nowrap!important} .tai-banner-module .read-more-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.1) 100%);opacity:0;transition:opacity .3s ease} .tai-banner-module .read-more-btn:hover::before{opacity:1} .tai-banner-module .read-more-btn:hover{background:rgba(255,255,255,.98)!important;color:#006666!important;transform:translateY(-2px);border-color:transparent!important;box-shadow:0 4px 12px rgba(0,102,102,.15),0 2px 4px rgba(0,0,0,.1)} .tai-banner-module .read-more-btn .arrow{display:inline-block;transition:transform .3s ease;font-size:18px!important} .tai-banner-module .read-more-btn:hover .arrow{transform:translateX(4px)} /* ลูกศร/ดอท/แถบเวลา */ .tai-banner-module .nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:rgba(0,0,0,.3)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .3s ease;z-index:30;color:#fff!important;font-size:18px!important} .tai-banner-module .nav-prev{left:30px} .tai-banner-module .nav-next{right:30px} .tai-banner-module .nav-arrow:hover{background:rgba(255,255,255,.95)!important;color:#006666!important} .tai-banner-module .dots-container{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;gap:12px;z-index:30;pointer-events:none} .tai-banner-module .dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer;transition:all .3s ease;pointer-events:auto} .tai-banner-module .dot.active{width:24px;height:8px;border-radius:4px;background:#fff} .tai-banner-module .progress-bar{position:absolute;bottom:0;left:0;height:2px;background:linear-gradient(90deg,#006666 0%,#00cccc 100%);width:0;z-index:35;transition:width .3s ease} .tai-banner-module .progress-bar.active{animation:tai-progress 7.5s linear} @keyframes tai-progress{0%{width:0%}100%{width:100%}} /* ===== เมื่อเมนู OffCanvas เปิด ให้แบนเนอร์ "อยู่ข้างหลัง" และไม่บังคลิก ===== */ .tai-banner-module.menu-open{z-index:0} .tai-banner-module.menu-open .banner, .tai-banner-module.menu-open .banner-content, .tai-banner-module.menu-open .nav-arrow, .tai-banner-module.menu-open .dots-container, .tai-banner-module.menu-open .progress-bar{ z-index:0!important; pointer-events:none!important; } /* ===== RESPONSIVE FIXES ===== */ @media(max-width:1440px){ .tai-banner-module .banner-title{ font-size:clamp(26px, 2.3vw, 44px)!important; } .tai-banner-module .banner-description{ font-size:clamp(13px, 1.1vw, 17px)!important; } } @media(max-width:1024px){ .tai-banner-module .banner-content{ bottom:40px; left:40px; right:40px; } .tai-banner-module .banner-title{ font-size:clamp(24px, 2.8vw, 40px)!important; } .tai-banner-module .banner-description{ font-size:clamp(12px, 1.5vw, 16px)!important; max-width:90%; } } @media(max-width:768px){ .tai-banner-module .banner-wrapper{height:450px} .tai-banner-module .banner-content{ bottom:80px; left:20px; right:20px; } .tai-banner-module .banner-title{ font-size:clamp(20px, 3.5vw, 32px)!important; margin-bottom:15px!important; } .tai-banner-module .banner-description{ font-size:clamp(11px, 2vw, 14px)!important; margin-bottom:25px!important; max-width:95%; } .tai-banner-module .read-more-btn{ padding:14px 28px!important; font-size:15px!important; } .tai-banner-module .nav-arrow{ width:40px; height:40px; font-size:16px!important; } .tai-banner-module .nav-prev{left:15px} .tai-banner-module .nav-next{right:15px} .tai-banner-module .dots-container{ bottom:20px; gap:10px; } } @media(max-width:640px){ .tai-banner-module .banner-title{ font-size:clamp(18px, 4vw, 28px)!important; } .tai-banner-module .banner-description{ font-size:clamp(10px, 2.5vw, 13px)!important; } } @media(max-width:480px){ .tai-banner-module .banner-wrapper{height:380px} .tai-banner-module .banner-content{ bottom:70px; left:15px; right:15px; } .tai-banner-module .banner-title{ font-size:clamp(16px, 4.5vw, 24px)!important; margin-bottom:12px!important; } .tai-banner-module .banner-description{ font-size:clamp(9px, 2.8vw, 12px)!important; margin-bottom:20px!important; } .tai-banner-module .read-more-btn{ padding:12px 24px!important; font-size:14px!important; gap:8px!important; } .tai-banner-module .nav-arrow{ width:36px; height:36px; font-size:14px!important; } .tai-banner-module .nav-prev{left:10px} .tai-banner-module .nav-next{right:10px} .tai-banner-module .dots-container{ bottom:15px; gap:8px; } .tai-banner-module .dot{ width:6px; height:6px; } .tai-banner-module .dot.active{ width:18px; height:6px; } } @media(max-width:360px){ .tai-banner-module .banner-wrapper{height:320px} .tai-banner-module .banner-content{ bottom:60px; left:12px; right:12px; } .tai-banner-module .banner-title{ font-size:clamp(14px, 5vw, 20px)!important; } .tai-banner-module .banner-description{ font-size:clamp(8px, 3vw, 11px)!important; } } </style> <div class="tai-banner-module"> <div id="banner-section"> <div class="banner-container"> <div class="banner-wrapper"><!-- Banner 0 --> <div class="banner banner-0 active" data-btn-en="More details" data-btn-th="รายละเอียดเพิ่มเติม" data-desc-en="to be selected as Thailand's representative at the ALA Moot Competition 2026" data-desc-th="เพื่อคัดเลือกตัวแทนประเทศไทย เข้าร่วมการแข่งขัน ALA Moot Competition 2026" data-title-en="Apply for the National Moot Court Competition" data-title-th="เปิดรับสมัครเข้าร่วมการแข่งขันว่าความในศาลจำลอง" data-url-en="https://tai.coj.go.th/en/page/item/index/id/1104" data-url-th="https://tai.coj.go.th/th/page/item/index/id/1104" style="background-image:url('https://tai.coj.go.th/cms/s29//ALA%20Moot%20Competition%202026/Banner_%E0%B8%88%E0%B8%AD.png?w=1920&amp;h=600&amp;fit=crop');"> <div class="banner-content"> <h2 class="banner-title i18n-title">เปิดรับสมัครเข้าร่วมการแข่งขันว่าความในศาลจำลอง</h2> <p class="banner-description i18n-desc">เพื่อคัดเลือกตัวแทนประเทศไทย เข้าร่วมการแข่งขัน ALA Moot Competition 2026</p> <a class="read-more-btn i18n-link" href="https://tai.coj.go.th/th/content/page/index/id/56"><span class="i18n-btn">เปิดรับสมัครแล้ววันนี้</span> <span class="arrow">&rarr;</span> </a></div> </div> <!-- Banner 1 --> <div class="banner banner-1" data-btn-en="Our Institute" data-btn-th="เกี่ยวกับสถาบัน" data-desc-en="Over 35 years of trusted dispute resolution excellence" data-desc-th="สั่งสมความน่าเชื่อถือด้านการระงับข้อพิพาทด้วยวิธีอนุญาโตตุลาการมากว่า 35 ปี" data-title-en="Thailand's Leading Arbitration Institution" data-title-th="สถาบันอนุญาโตตุลาการชั้นนำของประเทศไทย" data-url-en="https://tai.coj.go.th/en/content/page/index/id/56" data-url-th="https://tai.coj.go.th/th/content/page/index/id/56" style="background-image:url('https://tai.coj.go.th/cms/s29/u380/bigbanner/2025_1.png?w=1920&amp;h=600&amp;fit=crop');"> <div class="banner-content"> <h2 class="banner-title i18n-title">สถาบันอนุญาโตตุลาการชั้นนำของประเทศไทย</h2> <p class="banner-description i18n-desc">สั่งสมความน่าเชื่อถือด้านการระงับข้อพิพาทด้วยวิธีอนุญาโตตุลาการมากว่า 35 ปี</p> <a class="read-more-btn i18n-link" href="https://tai.coj.go.th/th/content/page/index/id/56"><span class="i18n-btn">เกี่ยวกับสถาบัน</span> <span class="arrow">&rarr;</span> </a></div> </div> <!-- Banner 2 --> <div class="banner banner-2" data-btn-en="Submit a Dispute" data-btn-th="ยื่นข้อพิพาท" data-desc-en="Cutting-edge arbitration services aligned with international standards" data-desc-th="บริการอนุญาโตตุลาการตามมาตรฐานสากลด้วยเทคโนโลยีล้ำสมัย" data-title-en="Modern, Seamless, and Secure" data-title-th="ทันสมัย ไร้รอยต่อ และปลอดภัย" data-url-en="https://etai.coj.go.th/chrysalis/login" data-url-th="https://etai.coj.go.th/chrysalis/login" style="background-image:url('https://tai.coj.go.th/cms/s29/u380/bigbanner/2025_2.png?w=1920&amp;h=600&amp;fit=crop');"> <div class="banner-content"> <h2 class="banner-title i18n-title">ทันสมัย ไร้รอยต่อ และปลอดภัย</h2> <p class="banner-description i18n-desc">บริการอนุญาโตตุลาการตามมาตรฐานสากลด้วยเทคโนโลยีล้ำสมัย</p> <a class="read-more-btn i18n-link" href="https://etai.coj.go.th/chrysalis/login"><span class="i18n-btn">ยื่นข้อพิพาท</span> <span class="arrow">&rarr;</span> </a></div> </div> <!-- Banner 3 --> <div class="banner banner-3" data-btn-en="Explore" data-btn-th="สำรวจ" data-desc-en="A panel of qualified arbitrators you can trust" data-desc-th="รายชื่ออนุญาโตตุลาการที่มีคุณวุฒิและเชื่อถือได้" data-title-en="Expertise with Integrity and Independence" data-title-th="เชี่ยวชาญ ด้วยความเป็นกลางและเป็นอิสระ" data-url-en="https://tai.coj.go.th/en/content/page/index/id/136787" data-url-th="https://tai.coj.go.th/th/content/page/index/id/136787" style="background-image:url('https://tai.coj.go.th/cms/s29/u380/bigbanner/2025_3.png?w=1920&amp;h=600&amp;fit=crop');"> <div class="banner-content"> <h2 class="banner-title i18n-title">เชี่ยวชาญ ด้วยความเป็นกลางและเป็นอิสระ</h2> <p class="banner-description i18n-desc">รายชื่ออนุญาโตตุลาการที่มีคุณวุฒิและเชื่อถือได้</p> <a class="read-more-btn i18n-link" href="https://tai.coj.go.th/th/content/page/index/id/136787"><span class="i18n-btn">สำรวจ</span> <span class="arrow">&rarr;</span> </a></div> </div> <!-- Banner 4 --> <div class="banner banner-4" data-btn-en="Discover More" data-btn-th="ดูเพิ่มเติม" data-desc-en="Training, seminars, and continuous legal development" data-desc-th="การฝึกอบรม สัมมนา และพัฒนาวิชาชีพอย่างต่อเนื่อง" data-title-en="Advancing Knowledge, Shaping the Future" data-title-th="ยกระดับองค์ความรู้ สร้างอนาคต" data-url-en="https://tai.coj.go.th/en/page/item/index/id/1" data-url-th="https://tai.coj.go.th/th/page/item/index/id/1" style="background-image:url('https://tai.coj.go.th/cms/s29/u380/bigbanner/2025_4.png?w=1920&amp;h=600&amp;fit=crop');"> <div class="banner-content"> <h2 class="banner-title i18n-title">ยกระดับองค์ความรู้ สร้างอนาคต</h2> <p class="banner-description i18n-desc">การฝึกอบรม สัมมนา และพัฒนาวิชาชีพอย่างต่อเนื่อง</p> <a class="read-more-btn i18n-link" href="https://tai.coj.go.th/th/page/item/index/id/1"><span class="i18n-btn">ดูเพิ่มเติม</span> <span class="arrow">&rarr;</span> </a></div> </div> <!-- Controls --> <div class="dots-container"><!-- JavaScript จะสร้าง dots ให้อัตโนมัติ --></div> <div class="progress-bar active">&nbsp;</div> </div> </div> </div> </div> <script> (function(){ 'use strict'; const root = document.querySelector('.tai-banner-module'); if(!root) return; /* ===== i18n ===== */ function detectLang(){ const h = (document.documentElement.getAttribute('lang')||'').toLowerCase(); if(h.startsWith('th')) return 'th'; if(h.startsWith('en')) return 'en'; const m = (location.pathname||'').toLowerCase().match(/^\/(th|en)\b/); return m ? m[1] : 'th'; } function fillTexts(lang){ const th = lang === 'th'; root.querySelectorAll('.banner').forEach(el => { const ds = el.dataset; const t = el.querySelector('.i18n-title'); const d = el.querySelector('.i18n-desc'); const a = el.querySelector('.i18n-link'); const s = el.querySelector('.i18n-btn'); const title = ds[th?'titleTh':'titleEn'] || ds.titleEn || ''; const desc = ds[th?'descTh' :'descEn'] || ds.descEn || ''; const btn = ds[th?'btnTh' :'btnEn'] || ds.btnEn || s?.textContent || ''; const url = ds[th?'urlTh' :'urlEn'] || ds.urlEn || a?.getAttribute('href') || '#'; // ปรับ Title ตามความยาว if(t) { t.textContent = title; const titleLen = title.length; if(titleLen > 60) { t.setAttribute('data-length', 'very-long'); } else if(titleLen > 40) { t.setAttribute('data-length', 'long'); } else { t.removeAttribute('data-length'); } } // ปรับ Description ตามความยาว if(d) { d.textContent = desc; const descLen = desc.length; if(descLen > 80) { d.setAttribute('data-length', 'very-long'); } else if(descLen > 60) { d.setAttribute('data-length', 'long'); } else { d.removeAttribute('data-length'); } } if(s) s.textContent = btn; if(a) a.setAttribute('href', url); }); } function reinforceIfEmpty(){ root.querySelectorAll('.i18n-btn').forEach(s => { if(!s.textContent || !s.textContent.trim()){ const b = s.closest('.banner'); if(!b) return; const lang = detectLang(); const th = lang === 'th'; const ds = b.dataset; s.textContent = ds[th?'btnTh':'btnEn'] || ds.btnEn || 'รายละเอียด'; } s.style.opacity = '1'; s.style.visibility = 'visible'; s.style.display = 'inline-block'; }); } const lang = detectLang(); fillTexts(lang); requestAnimationFrame(() => reinforceIfEmpty()); /* ===== Carousel (Dynamic) ===== */ let idx = 0, paused = false, timer; const banners = [...root.querySelectorAll('.banner')]; const dotsContainer = root.querySelector('.dots-container'); const bar = root.querySelector('.progress-bar'); const prev = root.querySelector('.nav-prev'); const next = root.querySelector('.nav-next'); // สร้าง dots อัตโนมัติตามจำนวน banners let dots = []; function initDots(){ if(!dotsContainer) return; dotsContainer.innerHTML = ''; dots = []; banners.forEach((_, i) => { const dot = document.createElement('div'); dot.className = 'dot'; if(i === 0) dot.classList.add('active'); dot.dataset.index = i; dotsContainer.appendChild(dot); dots.push(dot); dot.addEventListener('click', () => { stop(); show(i); start(); }); }); } initDots(); function show(i){ if(i < 0 || i >= banners.length) return; banners.forEach(b => b.classList.remove('active')); dots.forEach(d => d.classList.remove('active')); if(bar) bar.classList.remove('active'); banners[i].classList.add('active'); if(dots[i]) dots[i].classList.add('active'); if(bar){ void bar.offsetWidth; bar.classList.add('active'); } idx = i; reinforceIfEmpty(); } function goNext(){ show((idx + 1) % banners.length); } function goPrev(){ show((idx - 1 + banners.length) % banners.length); } function start(){ if(!paused && banners.length > 1) { timer = setInterval(goNext, 7500); } } function stop(){ clearInterval(timer); if(bar) bar.style.animationPlayState = 'paused'; } function resume(){ if(bar) bar.style.animationPlayState = 'running'; start(); } // Event Listeners prev?.addEventListener('click', () => { stop(); goPrev(); start(); }); next?.addEventListener('click', () => { stop(); goNext(); start(); }); const cont = root.querySelector('.banner-container'); cont?.addEventListener('mouseenter', () => { paused = true; stop(); }); cont?.addEventListener('mouseleave', () => { paused = false; resume(); }); // Touch Support let x1 = 0, x2 = 0; cont?.addEventListener('touchstart', e => { x1 = e.changedTouches[0].screenX; }, {passive: true}); cont?.addEventListener('touchend', e => { x2 = e.changedTouches[0].screenX; if(x2 < x1 - 50){ stop(); goNext(); start(); } if(x2 > x1 + 50){ stop(); goPrev(); start(); } }, {passive: true}); // Keyboard Support document.addEventListener('keydown', e => { if(!root.contains(document.activeElement) && !root.matches(':hover')) return; if(e.key === 'ArrowLeft'){ stop(); goPrev(); start(); } else if(e.key === 'ArrowRight'){ stop(); goNext(); start(); } }); // เริ่มต้น carousel if(banners.length > 1) { start(); } /* ===== OffCanvas detector ===== */ const SELECTORS = [ '.offcanvas.show', '.navbar-collapse.show', '.mm-wrapper_opened', '.drawer.open', '.js-offcanvas.is-open' ].join(','); function updateMenuState(){ const open = !!document.querySelector(SELECTORS); root.classList.toggle('menu-open', open); } const mo = new MutationObserver(updateMenuState); mo.observe(document.body, { subtree: true, childList: true, attributes: true }); window.addEventListener('tai:menu-open', () => root.classList.add('menu-open')); window.addEventListener('tai:menu-close', () => root.classList.remove('menu-open')); updateMenuState(); })(); </script> https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/ https://riec.coj.go.th/th/content/category/detail/id/4/cid/42/iid/88/