.elementor-25151 .elementor-element.elementor-element-2d3f9fe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--align-content:center;}.elementor-25151 .elementor-element.elementor-element-2d3f9fe.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-25151 .elementor-element.elementor-element-2434a8b img{width:50%;}.elementor-25151 .elementor-element.elementor-element-f8b2cc7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-25151 .elementor-element.elementor-element-e469fac img{width:100%;}.elementor-25151 .elementor-element.elementor-element-c92489c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-25151 .elementor-element.elementor-element-c92489c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-25151 .elementor-element.elementor-element-5db51a4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:stretch;--gap:3px 2px;--row-gap:3px;--column-gap:2px;--flex-wrap:nowrap;}.elementor-25151 .elementor-element.elementor-element-5db51a4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-25151 .elementor-element.elementor-element-5892cd6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-25151 .elementor-element.elementor-element-5892cd6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-25151 .elementor-element.elementor-element-42be935{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-25151 .elementor-element.elementor-element-7c2610f{background-color:#0FCEEE;padding:16px 16px 16px 16px;border-radius:7px 7px 7px 7px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);text-align:center;}.elementor-25151 .elementor-element.elementor-element-7c2610f .elementor-heading-title{font-size:33px;font-style:normal;line-height:38px;}@media(min-width:768px){.elementor-25151 .elementor-element.elementor-element-2d3f9fe{--width:91.815%;}.elementor-25151 .elementor-element.elementor-element-c92489c{--width:111.972%;}.elementor-25151 .elementor-element.elementor-element-5db51a4{--width:100%;}.elementor-25151 .elementor-element.elementor-element-5892cd6{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-5db51a4 */<link href="https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700&display=swap" rel="stylesheet">

<style>
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Sarabun',sans-serif;
}

.ita-container{
    max-width:1200px;
    margin:30px auto;
    padding:40px;
    background:#ffffff;
    border-radius:20px;
    box-shadow:0 8px 30px rgba(0,0,0,0.08);
}

.ita-header{
    text-align:center;
    margin-bottom:40px;
}

.ita-badge{
    display:inline-block;
    background:linear-gradient(135deg,#1e40af,#2563eb);
    color:#fff;
    padding:10px 20px;
    border-radius:50px;
    font-size:15px;
    font-weight:600;
    margin-bottom:15px;
}

.ita-title{
    font-size:34px;
    font-weight:700;
    color:#0f172a;
    line-height:1.6;
    margin-bottom:15px;
}

.ita-subtitle{
    font-size:20px;
    color:#64748b;
    line-height:1.8;
}

.ita-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
    margin-top:35px;
}

.ita-card{
    background:#f8fafc;
    border-radius:18px;
    padding:25px;
    transition:.3s;
    border:1px solid #e2e8f0;
}

.ita-card:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.ita-card h3{
    display:flex;
    align-items:center;
    gap:10px;
    color:#0f172a;
    font-size:22px;
    margin-bottom:15px;
    font-weight:700;
}

.ita-card p{
    color:#475569;
    font-size:17px;
    line-height:1.9;
}

.highlight{
    background:linear-gradient(135deg,#eff6ff,#dbeafe);
    border-left:6px solid #2563eb;
}

.green{
    background:linear-gradient(135deg,#f0fdf4,#dcfce7);
    border-left:6px solid #16a34a;
}

.orange{
    background:linear-gradient(135deg,#fff7ed,#ffedd5);
    border-left:6px solid #ea580c;
}

.icon{
    font-size:28px;
}

.footer-note{
    margin-top:35px;
    padding:20px;
    background:#f1f5f9;
    border-radius:12px;
    text-align:center;
    font-size:18px;
    color:#334155;
    font-weight:500;
}

@media(max-width:768px){

    .ita-container{
        padding:20px;
    }

    .ita-title{
        font-size:26px;
    }

    .ita-subtitle{
        font-size:16px;
    }

    .ita-grid{
        grid-template-columns:1fr;
    }

}
</style>

<div class="ita-container">

    <div class="ita-header">

        <div class="ita-badge">
            ITA 2569
        </div>

        <h1 class="ita-title">
            การเตรียมความพร้อมรับการประเมินคุณธรรมและความโปร่งใสในการดำเนินงานของหน่วยงานภาครัฐ<br>
            (Integrity & Transparency Assessment : ITA)
        </h1>

        <div class="ita-subtitle">
            ของสถานีตำรวจนครบาลและสถานีตำรวจภูธร<br>
            ประจำปีงบประมาณ พ.ศ. 2569
        </div>

    </div>

    <div class="ita-grid">

        <!-- 1.1 -->
        <div class="ita-card highlight">
            <h3>📋 1.1 คำสั่งแต่งตั้งคณะทำงาน</h3>
            <p>
                คำสั่งแต่งตั้งคณะทำงานขับเคลื่อนและกำกับติดตาม
                การประเมินคุณธรรมและความโปร่งใสในการดำเนินงานของหน่วยงานภาครัฐ
                (Integrity & Transparency Assessment : ITA)
                ของสถานีตำรวจนครบาลวัดพระยาไกร
                ประจำปีงบประมาณ พ.ศ. 2569
            </p>
        </div>

        <!-- คู่กับ 1.1 -->
        <div class="ita-card green">
            <h3>🛡️ มาตรการยกระดับคุณธรรมและความโปร่งใส</h3>
            <p>
                กำหนดมาตรการยกระดับคุณธรรมและความโปร่งใสภายในหน่วยงาน
                เพื่อส่งเสริมการปฏิบัติราชการตามหลักธรรมาภิบาล
                มีความโปร่งใส ตรวจสอบได้ และสร้างความเชื่อมั่นแก่ประชาชน
            </p>
        </div>

        <!-- 1.2 -->
        <div class="ita-card orange">
            <h3>📊 1.2 ศึกษาและวิเคราะห์กรอบการประเมิน</h3>
            <p>
                ศึกษาและวิเคราะห์กรอบการประเมิน
                ประเด็นที่ต้องดำเนินการ และประเด็นที่ต้องปรับปรุงพัฒนา
                ในปีงบประมาณ พ.ศ. 2569
            </p>
        </div>

        <!-- คู่กับ 1.2 -->
        <div class="ita-card highlight">
            <h3>👥 กำหนดผู้รับผิดชอบ</h3>
            <p>
                กำหนดผู้รับผิดชอบในแต่ละตัวชี้วัด
                และมอบหมายหน้าที่แก่เจ้าหน้าที่ตำรวจที่เกี่ยวข้อง
                เพื่อให้การดำเนินงานเป็นไปตามแผนงานและเป้าหมายที่กำหนด
            </p>
        </div>

        <!-- 1.3 -->
        <div class="ita-card green">
            <h3>🎤 1.3 ผู้กำกับการชี้แจงและให้ข้อมูล</h3>
            <p>
                ผู้กำกับการสถานีตำรวจนครบาลวัดพระยาไกร
                ชี้แจงและให้ข้อมูลเกี่ยวกับการประเมิน ITA
                แก่ข้าราชการตำรวจในสังกัด
                เพื่อสร้างความรู้ ความเข้าใจ และการมีส่วนร่วม
            </p>
        </div>

        <!-- คู่กับ 1.3 -->
        <div class="ita-card orange">
            <h3>🏆 เป้าหมายการดำเนินงาน</h3>
            <p>
                ยกระดับมาตรฐานการปฏิบัติงานของสถานีตำรวจ
                ให้มีคุณธรรม ความโปร่งใส และสามารถตรวจสอบได้
                สร้างความเชื่อมั่นและความพึงพอใจแก่ประชาชนผู้รับบริการ
            </p>
        </div>

    </div>

    <div class="footer-note">
        สถานีตำรวจนครบาลวัดพระยาไกร มุ่งมั่นขับเคลื่อนการประเมิน ITA ประจำปีงบประมาณ พ.ศ. 2569
        เพื่อยกระดับคุณธรรม ความโปร่งใส และการให้บริการประชาชนอย่างมีประสิทธิภาพ
    </div>

</div>/* End custom CSS */