https://tai.coj.go.th/th/content/category/articles/id/4/cid/8193/ RSS Feed | สำนักอนุญาโตตุลาการ en https://tai.coj.go.th/th/content/category/detail/id/4/cid/8193/iid/136787/ <meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <style type="text/css">.banner-section { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; padding: 20px; background-color: #f9f9f9; } .banner-section .banner { position: relative; width: 300px; height: 300px; background-color: #696969; color: white; overflow: hidden; text-align: center; border-radius: 10px; flex-shrink: 0; transition: transform 0.3s ease, box-shadow 0.3s ease; } .banner-section .banner:hover { transform: scale(1.05); box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2); } .banner-section .banner .content { position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } .banner-section .banner .hover-image { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; transition: top 0.5s ease; } .banner-section .banner:hover .hover-image { top: 0; } .banner-section .banner .icon img { width: 50px; height: 50px; margin-bottom: 15px; } .banner-section .banner .content h2 { font-size: 18px; margin-bottom: 10px; } .banner-section .banner .content p { font-size: 14px; margin-bottom: 15px; } .banner-section .banner .btn-read-more { margin-top: 15px; display: inline-block; padding: 8px 18px; background-color: transparent; border: 2px solid #fff; color: #fff; text-decoration: none; font-size: 12px; font-weight: bold; border-radius: 5px; transition: background-color 0.3s ease, color 0.3s ease; } .banner-section .banner .btn-read-more:hover { background-color: #009999; border-color: #009999; color: #fff; } .banner-row { display: flex; justify-content: center; gap: 10px; margin-bottom: 10px; } .main-banner { width: 100%; height: 100px; background-color: #009999; color: white; display: flex; align-items: center; justify-content: center; text-align: center; border-radius: 10px; margin-bottom: 20px; } @media (max-width: 768px) { .banner-row { flex-direction: column; align-items: center; } } </style> <section class="main-banner"> <h1>Roster of Arbitrators</h1> </section> <section class="banner-section"> <div class="banner-row"> <div class="banner"> <div class="hover-image" style="background-image: url('https://tai.coj.go.th/cms/s29//u380/bigbanner/Thai_arb.png');">&nbsp;</div> <div class="content"> <div class="icon"><img alt="Icon 1" src="https://tai.coj.go.th/cms/s29//u380/Logo%20Icon/Arb_Thai.png" /></div> <h2>Thai Arbitrators</h2> <p>Integrity in Justice, Rooted in Thai Values.</p> <a class="btn-read-more" href="https://tai.coj.go.th/th/content/page/index/id/438130">Read More</a></div> </div> <div class="banner"> <div class="hover-image" style="background-image: url('https://tai.coj.go.th/cms/s29//u380/bigbanner/Foreign_Arb.png');">&nbsp;</div> <div class="content"> <div class="icon"><img alt="Icon 2" src="https://tai.coj.go.th/cms/s29//u380/Logo%20Icon/Arb_foreigner.png" /></div> <h2>Foreign Arbitrators</h2> <p>Global Justice, Expert Voices.</p> <a class="btn-read-more" href="https://tai.coj.go.th/th/content/page/index/id/438769">Read More</a></div> </div> <div class="banner"> <div class="hover-image" style="background-image: url('https://tai.coj.go.th/cms/s29//u380/bigbanner/Newgen_Arb.png');">&nbsp;</div> <div class="content"> <div class="icon"><img alt="Icon 3" src="https://tai.coj.go.th/cms/s29//u380/Logo%20Icon/Arb_Young.png" /></div> <h2>Young Arbitrators</h2> <p>Fresh Perspectives, Fair Resolutions</p> <a class="btn-read-more" href="https://tai.coj.go.th/th/content/category/detail/id/6013/iid/414038">Read More</a></div> </div> </div> <div class="banner-row"> <div class="banner"> <div class="hover-image" style="background-image: url('https://tai.coj.go.th/cms/s29//u380/bigbanner/Expertise_Arb.png');">&nbsp;</div> <div class="content"> <div class="icon"><img alt="Icon 4" src="https://tai.coj.go.th/cms/s29//u380/Logo%20Icon/Arb_expertise.png" /></div> <h2>Arbitrators by Expertise</h2> <p>Mastering Disputes, Delivering Justice.</p> <a class="btn-read-more" href="https://tai.coj.go.th/th/content/page/index/id/438770">Read More</a></div> </div> <div class="banner"> <div class="hover-image" style="background-image: url('https://tai.coj.go.th/cms/s29//u380/bigbanner/Language_Arb.png');">&nbsp;</div> <div class="content"> <div class="icon"><img alt="Icon 5" src="https://tai.coj.go.th/cms/s29//u380/Logo%20Icon/Arb_language.png" /></div> <h2>Arbitrators by Language</h2> <p>Bridging Disputes, Speaking Justice.</p> <a class="btn-read-more" href="https://tai.coj.go.th/th/content/page/index/id/438776">Read More</a></div> </div> </div> </section>