// การตั้งค่า Tailwind ให้ส่งผลเฉพาะภายใน Selector ที่เรากำหนด tailwind.config = { corePlugins: { // ปิด Preflight เพื่อไม่ให้ Tailwind ไป Reset สไตล์พื้นฐานของหน้าเว็บหลัก preflight: false, }, // กำหนดให้ทุก class ของ Tailwind ทำงานภายใต้ ID นี้เท่านั้น important: '#learning-center-wrapper', } /* จัดการเรื่อง CSS โดยเน้นเฉพาะโครงสร้างและการป้องกัน Layout พัง */ #learning-center-wrapper { background-color: #ffffff; color: #1f2937; line-height: 1.6; width: 100%; display: block; position: relative; /* เนื่องจากปิด preflight เราจึงต้องคุม box-sizing เองภายใน wrapper */ box-sizing: border-box; } #learning-center-wrapper *, #learning-center-wrapper *::before, #learning-center-wrapper *::after { box-sizing: border-box; } /* สีพิเศษเฉพาะโปรเจกต์ */ #learning-center-wrapper .text-navy { color: #1e3a8a; } #learning-center-wrapper .bg-navy { background-color: #1e3a8a; } /* Layout สำหรับข่าว */ #learning-center-wrapper .news-container { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; margin-top: 20px; } #learning-center-wrapper .news-card { flex: 0 1 calc(33.333% - 24px); min-width: 300px; background: #ffffff; border-radius: 12px; overflow: hidden; border: 1px solid #e5e7eb; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); transition: transform 0.2s; } #learning-center-wrapper .news-card:hover { transform: translateY(-4px); } /* ระบบ Grid ของหน่วยงาน 25 แห่ง */ #learning-center-wrapper .partner-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; max-width: 1200px; margin: 0 auto; } #learning-center-wrapper .partner-link { text-decoration: none !important; display: block; } #learning-center-wrapper .partner-item { background: #f9fafb; border: 1px solid #e5e7eb; border-radius: 8px; padding: 16px 12px; min-height: 100px; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); } #learning-center-wrapper .partner-item:hover { background-color: #ffffff; border-color: #2563eb; box-shadow: 0 10px 15px -3px rgba(37, 99, 235, 0.1); } #learning-center-wrapper .num-badge { width: 24px; height: 24px; background: #2563eb; color: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; margin-bottom: 8px; font-size: 11px; } #learning-center-wrapper .partner-text { color: #374151; font-weight: 500; line-height: 1.4; text-align: center; } /* Responsive */ @media (max-width: 1024px) { #learning-center-wrapper .news-card { flex: 0 1 calc(50% - 24px); } } @media (max-width: 768px) { #learning-center-wrapper .news-card { flex: 0 1 100%; } #learning-center-wrapper .partner-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 480px) { #learning-center-wrapper .partner-grid { grid-template-columns: 1fr; } } ศูนย์การเรียนรู้ด้านการส่งเสริมคุณธรรมออนไลน์ ร่วมสร้างสรรค์สังคมแห่งความดีผ่านสื่อการเรียนรู้ที่เข้าถึงง่ายสำหรับทุกวัย ข่าวคุณธรรม ดูข่าวทั้งหมด → กิจกรรม “อธิบดีณัฏฐิญา” คว้าโล่เชิดชูเกียรติ องค์กรคุณธรรมต้นแบบโดดเด่น นางสาวณัฏฐิญา เนตยสุภา อธิบดีกรมส่งเสริมอุตสาหกรรม เข้ารับมอบโล่เชิดชูเกียรติ "ชุมชน องค์กร อำเภอ และจังหวัดคุณธรรมต้นแบบโดดเด่น" ประจำปีงบประมาณ พ.ศ. 2568... 05 ก.พ. 2569 อ่านต่อ บทความ กสอ. ดำเนินการจัดทำแผนฯ พร้อมประกาศนโยบายขับเคลื่อนองค์กรคุณธรรม แผนปฏิบัติการส่งเสริมคุณธรรมแห่งชาติ ระยะที่ 2 (พ.ศ.2566 – 2570) ได้กำหนดเกณฑ์การประเมินองค์กรคุณธรรม ... 16 ม.ค. 2569 อ่านต่อ ประชาสัมพันธ์ “อธิบดีณัฏฐิญา” ร่วมประชุม คกก.จริยธรรมฯ มุ่งขับเคลื่อนพลังคุณธรรม กรุงเทพฯ 15 ธันวาคม 2568 - นางสาวณัฏฐิยา เนตยสุภา อธิบดีกรมส่งเสริมอุตสาหกรรม ให้เกียรติเข้าร่วมประชุม... 15 ธ.ค. 2568 อ่านต่อ หน่วยงานภายใต้กรมส่งเสริมอุตสาหกรรม คลิกเพื่อเข้าสู่หน้าเว็บไซต์คุณธรรมของแต่ละหน่วยงาน (ครบ 25 แห่ง) 1 ศูนย์เทคโนโลยีสารสนเทศและการสื่อสาร 2 กองพัฒนาขีดความสามารถธุรกิจอุตสาหกรรม 3 กองพัฒนาดิจิทัลอุตสาหกรรม 4 กองพัฒนานวัตกรรมและเทคโนโลยีอุตสาหกรรม 5 กองพัฒนาอุตสาหกรรมสร้างสรรค์ 6 กองพัฒนาอุตสาหกรรมชุมชน 7 กองยุทธศาสตร์และแผนงาน 8 กองโลจิสติกส์ 9 กองส่งเสริมผู้ประกอบการและธุรกิจใหม่ 10 กองพัฒนาเกษตรอุตสาหกรรม 11 ศูนย์ส่งเสริมอุตสาหกรรมภาคที่ 1 12 ศูนย์ส่งเสริมอุตสาหกรรมภาคที่ 2 13 ศูนย์ส่งเสริมอุตสาหกรรมภาคที่ 3 14 ศูนย์ส่งเสริมอุตสาหกรรมภาคที่ 4 15 ศูนย์ส่งเสริมอุตสาหกรรมภาคที่ 5 16 ศูนย์ส่งเสริมอุตสาหกรรมภาคที่ 6 17 ศูนย์ส่งเสริมอุตสาหกรรมภาคที่ 7 18 ศูนย์ส่งเสริมอุตสาหกรรมภาคที่ 8 19 ศูนย์ส่งเสริมอุตสาหกรรมภาคที่ 9 20 ศูนย์ส่งเสริมอุตสาหกรรมภาคที่ 10 21 ศูนย์ส่งเสริมอุตสาหกรรมภาคที่ 11 22 ศูนย์วิจัยและพัฒนาวัสดุอุตสาหกรรมสร้างสรรค์ 23 สำนักงานเลขานุการกรม 24 กลุ่มตรวจสอบภายใน 25 กลุ่มพัฒนาระบบบริหาร