<!DOCTYPE html>
<html lang="th">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>คณะนิติศาสตร์ มหาวิทยาลัยบูรพา | Faculty of Law</title>
    <link rel="icon" type="image/x-icon" href="buu_logo.png">
    <link href="https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        :root { 
            --p-blue: #031f57; 
            --s-gold: #D4AF37; 
            --dark-gold: #B89328; 
            --white: #ffffff; 
            --bg: #f4f7f9;
        }

        * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Sarabun', sans-serif; }
        body { background: var(--bg); display: flex; flex-direction: column; min-height: 100vh; }

        /* --- Header (Fixed Link v1) --- */
        header { 
            background: var(--white); 
            border-bottom: 5px solid var(--p-blue); 
            position: sticky; 
            top: 0; 
            z-index: 1000; 
            box-shadow: 0 4px 15px rgba(0,0,0,0.1); 
        }
        .nav-container { max-width: 1400px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 12px 20px; }
        .brand-area { display: flex; align-items: center; gap: 20px; text-decoration: none; }
        .logo-img { height: 80px; width: auto; object-fit: contain; }
        .dept-name { color: var(--p-blue); font-size: 2.5rem; font-weight: 800; line-height: 1; }
         
        nav ul { list-style: none; display: flex; gap: 5px; }
        nav ul li { position: relative; }
        nav ul li a { color: var(--p-blue); text-decoration: none; padding: 15px 18px; font-weight: 700; display: block; border-radius: 8px; transition: 0.3s; }
        nav ul li a:hover { color: var(--s-gold); background: rgba(3, 31, 87, 0.05); }

        /* Dropdown Setup */
        .dropdown-content { 
            display: none; position: absolute; background: var(--white); 
            min-width: 250px; box-shadow: 0 10px 30px rgba(0,0,0,0.15); 
            border-top: 4px solid var(--s-gold); right: 0; z-index: 1001;
            border-radius: 0 0 8px 8px;
        }
        .dropdown-content a { color: #333; padding: 12px 20px; display: block; text-decoration: none; border-bottom: 1px solid #f0f0f0; font-weight: 500; }
        .dropdown-content a:hover { background: var(--p-blue); color: var(--white); padding-left: 25px; }
        .dropdown:hover .dropdown-content { display: block; }

        /* --- Page Banner --- */
        .page-banner { 
            background: var(--p-blue); 
            color: white; 
            padding: 15px 0; 
            border-bottom: 3px solid var(--s-gold); 
        }
        .banner-container { 
            max-width: 1200px; 
            margin: 0 auto; 
            padding: 0 20px; 
            display: flex;
            justify-content: flex-start;
        }
        .breadcrumb { 
            font-size: 0.85rem; 
            color: rgba(255,255,255,0.75); 
            margin-bottom: 0; 
            font-weight: 400;
        }
        .breadcrumb a { color: var(--s-gold); text-decoration: none; transition: 0.2s; }
        .breadcrumb a:hover { color: #fff; text-decoration: underline; }

        /* --- Main Content (บีบระยะความสูงขั้นสุด) --- */
        .main-content { 
            max-width: 1200px; 
            margin: 5px auto 15px auto; /* ลดช่องว่างด้านบน-ล่างรอบนอกกล่องเหลือ 5px/15px */
            padding: 0 20px; 
            flex: 1; 
        }

        .content-box { 
            background: white; 
            padding: 12px 25px 25px 25px; /* ลดพื้นที่ว่างด้านบนสุดภายในกล่องขาวเหลือเพียง 12px */
            border-radius: 15px; 
            box-shadow: 0 5px 25px rgba(0,0,0,0.05); 
            position: relative;
        }
        
        .content-box .main-page-title {
            color: var(--dark-gold);
            font-size: 1.6rem; /* ลดขนาดหัวข้อลงเล็กน้อย */
            font-weight: 800;
            margin-bottom: 15px; /* ดึงเนื้อหาขึ้นมาต่อทันทีหลังลบเส้นคั่นออก */
            text-align: center;
            letter-spacing: 0.5px;
        }

        /* ==========================================================================
           [EXECUTIVES CARD LAYOUT - ULTRA COMPACT & SLIM]
           ========================================================================== */
        .exec-section {
            width: 100%;
            margin: 0 auto;
        }

        /* บีบช่องว่างแถวแนวตั้งลดจาก 12px เหลือ 6px */
        .exec-row-center {
            display: flex;
            justify-content: center;
            margin-bottom: 6px; 
        }

        .exec-grid-4 {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 12px;
            margin-bottom: 6px; /* บีบช่องว่างใต้แถวลดเหลือ 6px */
            width: 100%;
        }

        .exec-card {
            background: var(--white);
            border: 1px solid #e2e8f0;
            border-top: 4px solid var(--p-blue);
            border-radius: 10px;
            padding: 5px 4px 8px 4px; /* บีบพื้นที่แนวตั้งด้านล่างภายในหน้าการ์ด */
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            box-shadow: 0 2px 8px rgba(0,0,0,0.02);
            transition: all 0.2s ease-in-out;
        }

        .exec-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 12px rgba(3, 31, 87, 0.08);
            border-top-color: var(--s-gold);
        }

        .exec-card.dean-card {
            border: 1px solid var(--s-gold);
            border-top: 5px solid var(--dark-gold);
            max-width: 220px; /* กระชับกรอบแนวขวางของคณบดี */
            width: 100%;
            padding: 6px 6px 10px 6px; 
            box-shadow: 0 4px 12px rgba(212, 175, 55, 0.06);
        }

        .exec-card.staff-leader-card {
            max-width: 200px; /* กระชับกรอบแนวขวางของหัวหน้าสำนักงาน */
            width: 100%;
            border-top: 4px solid #475569;
            padding: 5px 4px 8px 4px;
        }

        .exec-photo-wrapper {
            width: 100%;
            max-width: 125px; 
            height: 160px;    
            border-radius: 6px;
            overflow: hidden;
            margin-bottom: 6px; /* ลดช่องว่างใต้รูปภาพเหลือ 6px */
            background: linear-gradient(180deg, #f1f5f9 0%, #cbd5e1 100%);
            border: 1px solid #e2e8f0;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .dean-card .exec-photo-wrapper {
            max-width: 145px; 
            height: 190px;    
            border: 1px solid var(--s-gold);
        }

        .exec-photo-wrapper img { width: 100%; height: 100%; object-fit: cover; }

        /* --- ส่วนของการลดขนาดตัวอักษรลง (Font Size Reduction) --- */
        .exec-name {
            font-size: 0.8rem; /* ลดขนาดชื่อตัวธรรมดาลงเหลือ 0.8rem */
            font-weight: 700;
            color: var(--p-blue);
            margin-bottom: 2px;
            line-height: 1.2;
        }
        .dean-card .exec-name { font-size: 0.9rem; } /* ลดขนาดชื่อคณบดีลง */

        .exec-position {
            font-size: 0.73rem; /* ลดขนาดฟอนต์ตำแหน่งลงเหลือ 0.73rem เพื่อความกระชับสูง */
            font-weight: 600;
            color: var(--dark-gold);
            margin-bottom: 0;
            line-height: 1.3;
        }
        .dean-card .exec-position {
            font-size: 0.78rem; /* ลดขนาดตำแหน่งคณบดีลง */
            background: rgba(212, 175, 55, 0.1);
            padding: 1px 8px;
            border-radius: 12px;
        }

        .version-tag { position: absolute; bottom: 10px; right: 15px; font-size: 0.75rem; color: #bbb; font-weight: 300; }


/* ==========================================================================
            [🛠️ NEW MODERN 4-COLUMN FOOTER STYLE]
            ========================================================================== */
        footer {
            background-color: var(--p-blue);
            color: #e2e8f0;
            padding: 60px 0 20px 0;
            margin-top: auto;
            border-top: 4px solid var(--s-gold);
            font-size: 0.95rem;
        }
        .footer-main-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
            display: grid;
            grid-template-columns: 1.3fr 0.9fr 0.9fr 0.9fr;
            gap: 40px;
        }

        /* สไตล์คอลัมน์ที่ 1 (ข้อมูลหน่วยงาน) */
        .footer-brand-col {
            display: flex;
            flex-direction: column;
            gap: 15px;
        }
        .footer-logo-box {
            display: flex;
            align-items: center;
            gap: 12px;
            background: rgba(255, 255, 255, 0.95);
            padding: 10px 15px;
            border-radius: 8px;
            width: fit-content;
            box-shadow: 0 4px 10px rgba(0,0,0,0.15);
        }
        .footer-logo-box img {
            height: 55px;
            width: auto;
            object-fit: contain;
        }
        .footer-faculty-title {
            color: #ffffff;
            font-size: 1.25rem;
            font-weight: 700;
            line-height: 1.3;
        }
        .footer-faculty-title span {
            color: var(--s-gold);
            font-size: 1rem;
            display: block;
            font-weight: 500;
        }
        .footer-contact-info {
            line-height: 1.7;
            color: #cbd5e1;
        }
        .footer-contact-info p {
            margin-bottom: 8px;
            display: flex;
            align-items: flex-start;
            gap: 10px;
        }
        .footer-contact-info i {
            color: var(--s-gold);
            margin-top: 4px;
            width: 15px;
            text-align: center;
        }

        /* กล่องปุ่มโซเชียลมีเดีย */
        .footer-social-wrapper {
            margin-top: 5px;
        }
        .footer-social-title {
            font-size: 0.9rem;
            color: #94a3b8;
            margin-bottom: 8px;
            font-weight: 600;
        }
        .footer-social-icons {
            display: flex;
            align-items: center;
            gap: 12px;
        }
        .social-btn {
            width: 36px;
            height: 36px;
            background: rgba(255, 255, 255, 0.08);
            border: 1px solid rgba(255, 255, 255, 0.1);
            color: #ffffff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            font-size: 1rem;
            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        }
        .social-btn:hover {
            background: var(--s-gold);
            color: var(--p-blue);
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(212, 175, 55, 0.4);
            border-color: var(--s-gold);
        }

        /* สไตล์คอลัมน์ ลิงก์ (2, 3, 4) */
        .footer-links-col {
            display: flex;
            flex-direction: column;
        }
        .footer-col-heading {
            color: #ffffff;
            font-size: 1.15rem;
            font-weight: 700;
            margin-bottom: 20px;
            position: relative;
            padding-bottom: 8px;
        }
        .footer-col-heading::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 35px;
            height: 2px;
            background-color: var(--s-gold);
        }
        .footer-links-list {
            list-style: none;
            display: flex;
            flex-direction: column;
            gap: 10px;
        }
        .footer-links-list li a {
            color: #cbd5e1;
            text-decoration: none;
            transition: all 0.25s ease;
            display: inline-flex;
            align-items: center;
            gap: 6px;
        }
        .footer-links-list li a::before {
            content: '•';
            color: var(--s-gold);
            font-size: 0.8rem;
            opacity: 0.7;
            transition: transform 0.25s ease;
        }
        .footer-links-list li a:hover {
            color: var(--s-gold);
            padding-left: 6px;
        }
        .footer-links-list li a:hover::before {
            transform: scale(1.3);
        }

        /* แถบลิขสิทธิ์และตัวนับยอดผู้ชมด้านล่างสุด */
        .footer-bottom-bar {
            margin-top: 50px;
            padding-top: 20px;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            text-align: center;
            font-size: 0.85rem;
            color: #94a3b8;
        }
        .footer-counter-box {
            margin-top: 12px;
            display: flex;
            justify-content: center;
        }

        /* ส่วนเช็กหน้าจอแท็บเล็ตและมือถือเพื่อให้ Footer ยุบตัวสวยงาม */
        @media (max-width: 1100px) {
            .footer-main-container {
                grid-template-columns: 1fr 1fr;
                gap: 40px 30px;
            }
        }
        @media (max-width: 600px) {
            .footer-main-container {
                grid-template-columns: 1fr;
                gap: 30px;
            }
            .footer-logo-box { width: 100%; justify-content: center; }
            .footer-faculty-title { text-align: center; }
        }


        /* --- Responsive Breakpoints สำหรับเนื้อหาภายใน --- */
        @media (max-width: 850px) {
            .exec-grid-4 { grid-template-columns: repeat(2, 1fr); gap: 12px; }
            .exec-photo-wrapper { max-width: 110px; height: 145px; }
        }

        @media (max-width: 480px) {
            .exec-grid-4 { grid-template-columns: 1fr; }
            .content-box { padding: 15px 15px 20px 15px; }
            .exec-card.dean-card, .exec-card.staff-leader-card { max-width: 100%; }
            .exec-photo-wrapper { max-width: 130px; height: 170px; }
        }
    </style>
</head>
<body>

<header>
    <div class="nav-container">
        <a href="/indexMain" class="brand-area">
            <div style="display: flex; align-items: center; gap: 15px;">
                <img src="buu_logo.png" alt="BUU" class="logo-img">
                <img src="law_logo.png" alt="Law" class="logo-img">
            </div>
            <div style="display: flex; flex-direction: column;">
                <span class="dept-name">คณะนิติศาสตร์</span>
                <span style="color: #444; font-weight: 600; font-size: 1.5rem;">มหาวิทยาลัยบูรพา</span>
            </div>
        </a>
        <nav>
            <ul>
                <li><a href="/indexMain">หน้าแรก</a></li>
                <li class="dropdown">
                    <a href="#">เกี่ยวกับเรา ▾</a>
                    <div class="dropdown-content">
                        <a href="/history">ประวัติความเป็นมา</a>
                        <a href="/vision">วิสัยทัศน์และพันธกิจ</a>
                        <a href="/structure">โครงสร้างหน่วยงาน</a>
                        <a href="/executives">คณะผู้บริหาร</a>
                        <a href="/board">คณะกรรมการประจำคณะ</a>
                        <a href="/faculty">อาจารย์</a>
                        <a href="/staff">บุคลากรสายสนับสนุน</a>
                        <a href="/contact">ติดต่อเรา</a>
                    </div>
                </li>
                <li><a href="/programs">หลักสูตร</a></li>
                <li><a href="/admission">การรับสมัคร</a></li>
            </ul>
        </nav>
    </div>
</header>

<div class="page-banner">
    <div class="banner-container">
        <div class="breadcrumb">
            <a href="/indexMain">หน้าแรก</a> / เกี่ยวกับเรา / คณะกรรมการประจำคณะ
        </div>
    </div>
</div>

<main class="main-content">
    <div class="content-box">
        <h1 class="main-page-title">คณะกรรมการประจำคณะ</h1>
        
        <div class="exec-section">
            
            <div class="exec-row-center">
                <div class="exec-card dean-card">
                    <div class="exec-photo-wrapper">
                        <img src="image/person/lecturer/01.png" alt="ประธานกรรมการ">
                    </div>
                    <div class="exec-name">รศ.ดร.รัชนี แตงอ่อน</div>
                    <div class="exec-position">ประธานกรรมการ</div>
                </div>
            </div>
<br><br>
            <div class="exec-grid-4">
                
                <div class="exec-card">
                    <div class="exec-photo-wrapper">
                        <img src="image/person/board/b01.png" alt="กรรมการ">
                    </div>
                    <div class="exec-name">ผศ.ดร.พิชาญ สว่างวงศ์</div>
                    <div class="exec-position">กรรมการ <br>(ผู้ทรงคุณวุฒิภายนอกมหาวิทยาลัย)</div>
                </div>

                <div class="exec-card">
                    <div class="exec-photo-wrapper">
                        <img src="image/person/board/b02.png" alt="กรรมการ">                    </div>
                    <div class="exec-name">พ.ต.อ. ดร.นภดล วงษ์น้อม</div>
                    <div class="exec-position">กรรมการ <br>(ผู้ทรงคุณวุฒิภายนอกมหาวิทยาลัย)</div>
                </div>

                <div class="exec-card">
                    <div class="exec-photo-wrapper">
                        <img src="image/person/lecturer/02.jpg" alt="กรรมการ">                    
                    </div>
                    <div class="exec-name">ผศ.ดร.อรรัมภา ไวยมุกข์ </div>
                    <div class="exec-position">กรรมการ</div>
                </div>

                <div class="exec-card">
                    <div class="exec-photo-wrapper">
                        <img src="image/person/lecturer/06.jpg" alt="กรรมการ"> 
                    </div>
                    <div class="exec-name">ดร.ชิตาพร พิศลยบุตร โต๊ะวิเศษกุล</div>
                    <div class="exec-position">กรรมการ</div>
                </div>
            </div><br>
			<div class="exec-grid-4">
                <div class="exec-card">
                    <div class="exec-photo-wrapper">
                        <img src="image/person/lecturer/08.jpg" alt="กรรมการ">
                    </div>
                    <div class="exec-name">อาจารย์ จิรวัธ ศิริศักดิ์สมบูรณ์</div>
                    <div class="exec-position">กรรมการ</div>
                </div>

                <div class="exec-card">
                    <div class="exec-photo-wrapper">
                        <img src="image/person/lecturer/04.jpg" alt="กรรมการ">
                    </div>
                    <div class="exec-name">ผศ.พิมพ์ประไพ สนิทวงศ์ ณ อยุธยา</div>
                    <div class="exec-position">กรรมการ และเลขานุการ</div>
                </div>

                <div class="exec-card">
                    <div class="exec-photo-wrapper">
                        <img src="image/person/lecturer/05.jpg" alt="กรรมการ">                    
                    </div>
                    <div class="exec-name">ผศ.ศิริศักดิ์  จึงถาวรรณ</div>
                    <div class="exec-position">กรรมการ</div>
                </div>

                <div class="exec-card">
                    <div class="exec-photo-wrapper">
                        <img src="image/person/lecturer/07.png" alt="กรรมการ"> 
                    </div>
                    <div class="exec-name">ดร.ภารดี ปลื้มโกศล</div>
                    <div class="exec-position">กรรมการ</div>
                </div>
            </div>
<br>
            <div class="exec-row-center">
                <div class="exec-card staff-leader-card">
                    <div class="exec-photo-wrapper">
                       <img src="image/person/support/01.png" alt="ผู้ช่วยเลขานุการ"> 
                    </div>
                    <div class="exec-name">นายสุพัชชัย  โรจนศิริพงษ์</div>
                    <div class="exec-position">ผู้ช่วยเลขานุการ</div>
                </div>&nbsp;&nbsp;&nbsp;&nbsp;
                <div class="exec-card staff-leader-card">
                    <div class="exec-photo-wrapper">
                       <img src="image/person/support/05.png" alt="ผู้ช่วยเลขานุการ"> 
                    </div>
                    <div class="exec-name">นายดุสิต รัฐศีล</div>
                    <div class="exec-position">ผู้ช่วยเลขานุการ</div>
                </div>
            </div>

        </div>
        <div class="version-tag"></div>
    </div>
</main>

<!-- ==========================================================================
     [🛠️ MODERN 4-COLUMN FOOTER COMPONENT]
     ========================================================================== -->
<footer>
    <div class="footer-main-container">
        
        <!-- คอลัมน์ที่ 1: ข้อมูลและโลโก้คณะ -->
        <div class="footer-brand-col">
            <div class="footer-logo-box">
                <img src="buu_logo.png" alt="BUU Logo">
                <img src="law_logo.png" alt="Law Logo">
            </div>
            <div class="footer-faculty-title">
                คณะนิติศาสตร์
                <span>มหาวิทยาลัยบูรพา</span>
            </div>
            <div class="footer-contact-info">
                <p><i class="fa-solid fa-map-location-dot"></i> 169 ถ.ลงหาดบางแสน ต.แสนสุข อ.เมือง จ.ชลบุรี 20131</p>
                <p><i class="fa-solid fa-phone"></i> โทรศัพท์: 09-2623-2414</p>
                <p><i class="fa-solid fa-envelope"></i> E-mail: law@go.buu.ac.th</p>
            </div>
            <!-- ส่วนปุ่ม Social Media -->
            <div class="footer-social-wrapper">
                <div class="footer-social-title">ติดตามเราผ่านโซเชียลมีเดีย</div>
                <div class="footer-social-icons">
                    <a href="https://www.facebook.com/BuraphaULaw/?locale=th_TH" target="_blank" class="social-btn" title="Facebook"><i class="fa-brands fa-facebook-f"></i></a>
					<a href="https://lin.ee/njz7Z7Q" target="_blank"><img src="https://scdn.line-apps.com/n/line_add_friends/btn/th.png" alt="เพิ่มเพื่อน" height="36" border="0"></a>
<!--                    <a href="https://line.me" target="_blank" class="social-btn" title="Line Official"><i class="fa-brands fa-line"></i></a>
                    <a href="https://youtube.com" target="_blank" class="social-btn" title="YouTube"><i class="fa-brands fa-youtube"></i></a>
                    <a href="https://tiktok.com" target="_blank" class="social-btn" title="TikTok"><i class="fa-brands fa-tiktok"></i></a>
					-->
                </div>
            </div>
        </div>

        <!-- คอลัมน์ที่ 2: ลิงก์สำหรับนิสิต -->
        <div class="footer-links-col">
            <h3 class="footer-col-heading">สำหรับนิสิต</h3>
            <ul class="footer-links-list">
                <li><a href="https://reg.buu.ac.th" target = "_blank" >ระบบทะเบียนและสถิตินิสิต</a></li>
                <li><a href="https://assess.buu.ac.th" target = "_blank" >ระบบการประเมินการเรียนการสอน</a></li>
                <li><a href="https://www.lib.buu.ac.th" target = "_blank" >สำนักหอสมุด</a></li>
                <li><a href="https://ict.buu.ac.th" target = "_blank" >สำนักคอมพิวเตอร์</a></li>
                <li><a href="https://affairs.buu.ac.th" target = "_blank" >กองกิจการนิสิต</a></li>
                <li><a href="https://myid.buu.ac.th" target = "_blank" >ระบบ MyID</a></li>
                <li><a href="https://buu-oss.buu.ac.th" target = "_blank" >ระบบ One Stop Service</a></li>
                <li><a href="https://e-learning.buu.ac.th" target = "_blank" >ระบบ e-Learning</a></li>
                <li><a href="https://www.buu.ac.th/%e0%b8%a3%e0%b8%b0%e0%b8%9a%e0%b8%9a-e-service-%e0%b8%aa%e0%b8%b3%e0%b8%ab%e0%b8%a3%e0%b8%b1%e0%b8%9a%e0%b8%99%e0%b8%b4%e0%b8%aa%e0%b8%b4%e0%b8%95/" target = "_blank" >ระบบ e-service สำหรับนิสิต</a></li>

            </ul>
        </div>

        <!-- คอลัมน์ที่ 3: ลิงก์สำหรับบุคลากร -->
        <div class="footer-links-col">
            <h3 class="footer-col-heading">สำหรับบุคลากร</h3>
            <ul class="footer-links-list">
                <li><a href="https://doc.buu.ac.th" target = "_blank" >ระบบงานสารบรรณ e-Document</a></li>
                <li><a href="https://sso.buu.ac.th" target = "_blank" >ระบบ SSO</a></li>
                <li><a href="https://myid.buu.ac.th" target = "_blank" >ระบบ MyID</a></li>
                <li><a href="https://buu-person.buu.ac.th" target = "_blank" >ระบบบุคลากรอิเล็กทรอนิกส์</a></li>
                <li><a href="https://kpionline.buu.ac.th" target = "_blank" >ระบบประเมินผลการปฏิบัติงานออนไลน์</a></li>
                <li><a href="https://e-leave.buu.ac.th" target = "_blank" >ระบบบลาออนไลน์</a></li>
                <li><a href="https://drive.google.com/drive/folders/1SsdolNWvckZbnXfFIiKKlGsBPmtplOHD?usp=drive_link" target = "_blank" >เอกสารภายใน (ประกาศ/คำสั่ง)</a></li>
            </ul>
        </div>

        <!-- คอลัมน์ที่ 4: ลิงก์ที่เกี่ยวข้อง -->
        <div class="footer-links-col">
            <h3 class="footer-col-heading">ลิงก์ที่เกี่ยวข้อง</h3>
            <ul class="footer-links-list">
                <li><a href="https://www.buu.ac.th" target="_blank">มหาวิทยาลัยบูรพา</a></li>
                <li><a href="https://lawyerscouncil.or.th" target = "_blank" >สภาทนายความ ในพระบรมราชูปถัมภ์</a></li>
                <li><a href="https://www.thethaibar.or.th" target = "_blank" >เนติบัณฑิตยสภา ในพระบรมราชูปถัมภ์</a></li>
            </ul>
        </div>

    </div>

    <!-- แถบลิขสิทธิ์และสถิติเว็บด้านล่างสุด -->
    <div class="footer-bottom-bar">
        <p>&copy; 2026 Faculty of Law, Burapha University. All Rights Reserved.</p>
        <div class="footer-counter-box">
            <!-- โค้ด G-Counter นับสถิติคงเดิม -->
<!--            <script type='text/javascript' src='https://www.siamecohost.com/member/gcounter/graphcount.php?page=first_wTY6f&style=38&maxdigits=7'></script>
-->
        </div>
    </div>
</footer>

</body>
</html>