PageSourceSearch

https://www.cdd.go.th/th/content/page/index/id/16

html cdd.go.th collected 2026-09-24 09:27:44 UTC 260,703 bytes, 3,509 lines download raw bytes

1<!DOCTYPE html>
2
3<html lang="th">
4
5<head>
6	<title>ประวัติกรม</title>
7	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
8	<meta http-equiv="X-UA-Compatible" content="IE=edge">
9		
10	<!-- facebook -->
11			<meta property="fb:app_id" content="1508027352924272" />	<meta property="og:type" content="website" />
12	<meta property="og:title" content="ประวัติกรม" />
13			
14	<link type="image/x-icon" href="/th/file/get/file/1.2024112160914362e431dee3a45df163581229b1094845.png" rel="shortcut icon" />
15
16	<!-- Tell the browser to be responsive to screen width -->
17	<meta name="viewport" content="width=device-width, initial-scale=1">
18
19	<link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet" >
20<link href="/dist/css/font-awesome.min.css" rel="stylesheet" >
21<link href="/dist/css/ionicons.min.css" rel="stylesheet" >
22<link href="/dist/css/AdminLTE.min.css" rel="stylesheet" >
23<link href="/dist/css/skins/_all-skins.css" rel="stylesheet" >
24<link href="/plugins/iCheck/minimal/orange.css" rel="stylesheet" >
25<link href="/plugins/iCheck/minimal/blue.css" rel="stylesheet" >
26<link href="/plugins/datepicker/datepicker3.css" rel="stylesheet" >
27<link href="/plugins/daterangepicker/daterangepicker-bs3.css" rel="stylesheet" >
28<link href="/plugins/js-offcanvas/css/minified/js-offcanvas.css" rel="stylesheet" >
29<link href="/plugins/menu/css/menu.css" rel="stylesheet" >
30<link href="/plugins/sweetalert2/sweetalert2.min.css" rel="stylesheet" >
31<link href="/plugins/lightslider-master/css/lightslider.min.css" rel="stylesheet" >
32<link href="/plugins/lightgallery-master/css/lightgallery.min.css" rel="stylesheet" >
33<link href="/plugins/lightbox/css/lightbox.min.css" rel="stylesheet" >
34<link href="/plugins/bootstrap-dialog/bootstrap-dialog.min.css" rel="stylesheet" >
35<link href="/dist/css/d2ms.css?v=1.4" rel="stylesheet" >
36<link href="/dist/css/d2ms.responsive.css" rel="stylesheet" >
37<link href="/assets/wtab/css/animate.css" rel="stylesheet" >
38<link href="/assets/wcontentsuggest/css/styles.css" rel="stylesheet" >
39<link href="/plugins/slick/slick.css" rel="stylesheet" >
40<link href="/plugins/slick/slick-theme.css" rel="stylesheet" >
41<link href="/assets/wmenu3/css/styles.css" rel="stylesheet" >
42<link href="/assets/wswitchlanguage/css/widget.css" rel="stylesheet" >
43<link href="https://vjs.zencdn.net/7.8.4/video-js.css" rel="stylesheet" >
44	
45	<style>.d2ms-widget-menu #d2ms-main-menu > li > a {color: #000; background-color: #fff; font-size: 22px; font-family: 'DBHelvethaicaX'; } 
46.d2ms-widget-menu #d2ms-main-menu > li:hover > a {color: #E27A5D; background-color: #F4F4F4;} 
47.d2ms-widget-menu ul.sub-menu > li > a {color: #000; background-color: #fff; font-size: 20px; font-family: 'DBHelvethaicaX'; } 
48.d2ms-widget-menu ul.sub-menu > li > a:hover {color: #DC5223; background-color: #fff; } 
49</style>
50
51	<style >
52<!--
53@media print {
54body * {
55visibility: hidden;
56}
57.d2ms-box-main, .d2ms-box-main * {
58visibility: visible;
59}
60header, footer {display: none;}
61.content-wrapper {margin-top: 0px;}
62}
63
64@media all {
65.watermark {
66display: none;
67}
68}
69
70@media print {
71div[id^=d2ms-section] {
72display: none;
73}
74div.d2ms-section-hasmainbox {
75display: block;
76}
77div.d2ms-section-hasmainbox div[id^=d2ms-section-]{
78display: none;
79}
80div.d2ms-section-hasmainbox div.d2ms-section-ismainbox {
81display: block;
82}
83a[href]:after { content: none !important; }
84img[src]:after { content: none !important; }
85.watermark {
86display: block;
87position: absolute;
88top: 0;
89left: 0;
90right: 0;
91bottom: 0;
92opacity: 0.3;
93}
94.watermark img {
95width: 100%;
96}
97.watermark p {
98text-align: center;
99font-size: 2.4rem;
100}
101}
102.hide-on-mobile { display: none; }
103
104-->
105</style>
106<style >
107<!--
108.article-calendar-box {
109width: 100%;
110border: 1px solid #000;
111margin-bottom: 15px;
112display: flex;
113padding: 5px;
114gap: 5px;
115background-color: #fff;
116color: #000;
117text-decoration: none;
118}
119
120.article-calendar-box .article-calendar-img {
121width: 75px;
122height: 100%;
123}
124
125.article-calendar-box .article-calendar-img img {
126width: 100%;
127height: 100%;
128object-fit: contain;
129
130}
131
132.article-calendar-box .article-calendar-info {
133flex: 1;
134display: flex;
135flex-direction: column;
136gap: 5px;
137}
138
139.article-calendar-box .article-calendar-info .article-calendar-title {
140font-weight: bold;
141}
142
143.article-calendar-box .article-calendar-info .article-calendar-title a {
144color: #000;
145text-decoration: none;
146}
147
148.article-calendar-box .article-calendar-info .article-calendar-date {}
149
150-->
151</style>
152<style >
153<!--
154.article-social .lnkQrcode {vertical-align: bottom; width: 105px; height: 105px; bottom: -10px; }
155
156-->
157</style>
158<style >
159<!--
160
161.article-vote .article-vote-title { display: inline-block; /*font-weight: bold;*/ font-size: 28px; }
162.article-vote .article-vote-star { display: inline-block; margin: 0 10px; position: relative; top: -2px; }
163.article-vote .article-vote-star img { margin: 0 5px; }
164.article-vote .article-vote-action { display: inline-block; }
165.article-vote .article-vote-action button { font-size: 18px; }
166
167-->
168</style>
169	
170	<style>
171		:root {
172			
173--color1: #004da5; 
174--a: var(--color1); 
175--color2: #2d7cb2; 
176--color3: #42b9b1; 
177--color4: #455979; 
178--colorTextTitle: #000000; 
179--colorText: #000000; 
180--colorTextHead: #000000; 
181--fontkn: 'Kanit';
182			--fontdb: 'DBHelvethaicaX';
183			--fonttm: 'tahoma';
184		}
185	</style>
186	<style>
187		@import url("/plugins/aos/aos.css");
188body { max-width: 1350px; margin: auto; background: #fff; position: relative; }
189
190body { max-width: initial; margin: auto; background: #fff; position: relative; }
191.container { width: 100%; max-width: 1350px !important; }
192
193/*------------------------------------------- Header CSS -----------------------------------------*/
194.SectionHead #d2ms-section-sectionhead-top2 .d2ms-box { display: flex; justify-content: flex-end; align-items: center; padding: 5px 20px 5px 0px; }
195.SectionHead #d2ms-section-sectionhead-top2 .d2ms-box .d2ms-widget:nth-child(1) { width: 40%; }
196
197.SectionHead .top-link-box { display: flex; flex-direction: row; padding: 19px 0; align-content: center; font-size: 24px; font-family: 'Prompt'; }
198.SectionHead .top-link-box .top-link-item { padding: 0 15px; line-height: 15px; }
199.SectionHead .top-link-box .top-link-item:nth-child(2) { border-right: 1px #fff solid; border-left: 1px #fff solid;  }
200.SectionHead .top-link-box .top-link-item:nth-child(3) { border-right: 1px #fff solid;}
201.SectionHead .top-link-box .top-link-item a { color: #fff; border-bottom: 2px solid rgb(204 0 102 / 0%); transition: all 0.3s; }
202.SectionHead .top-link-box .top-link-item:hover a { border-bottom: 2px solid #c06; }
203
204.SectionHead .widget-kit-Search input { color: #666666 !important; border: 1px solid #ffffff; background: #ffffff; font-size: 12px; font-family: 'Prompt'; width: 270px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
205.SectionHead .widget-kit-Search input::placeholder { color: #666666 !important; }
206.SectionHead .widget-kit-Search button { position: absolute; top: 0; background: rgb(255, 255, 255) !important; border-color: transparent !important; color: #666666; font-size: 23px; height: 29px; padding-top: 0px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
207.SectionHead .widget-kit-Search button em {font-size: 20px;position: relative;top: -2px;}
208.SectionHead .widget-kit-Search button span { display: none; }
209.SectionHead .widget-kit-Search .form-group { margin-bottom: 0; }
210
211.SectionMenu { padding-bottom: 0px; }
212
213.SectionMenu #d2ms-section-sectionmenu-top3 .d2ms-box { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; gap: 0 10px; padding: 5px 0; }
214.SectionMenu #d2ms-section-sectionmenu-top3 .d2ms-box .d2ms-widget:nth-child(1) img { vertical-align: middle; width: 25px; height: 25px; object-fit: cover; border-radius: 50%; }
215
216.SectionMenu #d2ms-section-sectionmenu-top3 .d2ms-box .d2ms-widget:nth-child(3) em { vertical-align: middle; }
217
218.SectionMenu #d2ms-section-sectionmenu-wcag-logo .d2ms-box { text-align: left;display: flex;}
219.SectionMenu #d2ms-section-sectionmenu-wcag-logo .d2ms-box img { width: 120px; height: 90px; object-fit: contain; padding: 10px;}
220
221.SectionMenu .sizefont:before { content: "ปรับขนาดอักษร "; margin-right: 5px; color: #6c6c6c; }
222.SectionMenu .sizefont .fa-font { display: none; }
223.SectionMenu .sizefont .minussize .fa-minus { font-size: 10px; margin-right: 10px; border: 1px solid #6c6c6c; padding: 4px 5px; border-radius: 50%; color: #6c6c6c; } 
224.SectionMenu .sizefont .minussize .fa-minus, .SectionMenu .addsize .fa-plus { font-size: 10px; margin-right: 5px; border: 1px solid #6c6c6c; padding: 4px 5px; border-radius: 50%; color: #6c6c6c; } 
225
226
227.SectionMenu #d2ms-section-sectionmenu-menu .nav li:nth-child(1) a em { font-size: 30px; color: #0066cc; }
228.SectionMenu #d2ms-section-sectionmenu-menu .nav { display: flex;justify-content:flex-start; width: 100%; }
229.SectionMenu #d2ms-section-sectionmenu-menu .d2ms-widget-menu { width: 100%;padding-top: 5px;}
230.SectionMenu #d2ms-section-sectionmenu-wcag-menu #d2ms-main-menu > li > a {font-size: 14px; font-family: 'Prompt'; transition: all 0.3s; padding: 15px 8px;color: #333; }
231
232
233#d2ms-section-sectionmenu-wcag-logo .d2ms-logo-text p span:nth-child(1) {color:var(--color1) !important;}
234#d2ms-section-sectionmenu-wcag-logo .d2ms-logo-text p span:nth-child(2) {color:#595959 !important;}
235
236
237
238
239/*------------------------------------------- End Header CSS -----------------------------------------*/
240
241/*------------------------------------------- Main CSS -----------------------------------------*/
242
243.Section-Banner .widget-kit-slideshowbanner { font-family: 'Prompt'; box-shadow: rgb(0 0 0 / 15%) 0px 15px 25px, rgb(0 0 0 / 5%) 0px 5px 10px; }
244.Section-Banner { margin-top: 5px; margin-bottom: 10px; }
245.Section-Banner img { object-fit: cover !important; }
246.Section-Banner [data-u="arrowleft"] { opacity: 1 !important; background: #CCCCCC !important; height: 110px !important; width: 35px !important; left: -25px !important; }
247.Section-Banner [data-u="arrowleft"] polyline { stroke-width: 10% !important; }
248.Section-Banner [data-u="arrowright"] { opacity: 1 !important; background: #0066CC !important; height: 110px !important; width: 35px !important; right: -25px !important; left: unset !important; }
249.Section-Banner [data-u="arrowright"] polyline { stroke-width: 10% !important; }
250
251
252.Section-Banner .divTitle { /*background: #093c74;*/ position: absolute; top: 0; left: -90px; right: 605px; padding: 20px 40px 20px 150px; height: 100%; line-height: 30px; text-align: center; box-sizing: border-box; -webkit-transform: skew( 15deg); -moz-transform: skew(15deg); -o-transform: skew(15deg); transform: skew( 15deg); }
253.Section-Banner .divTitle .title-hilight-02 { margin-top: 18px; -webkit-transform: skew(345deg); -moz-transform: skew(345deg); -o-transform: skew(345deg); transform: skew(345deg); }
254
255.bannertext-box { font-weight: normal; }
256.bannertext-box br { display: none; }
257.bannertext-box .bannertext1 { font-size: 50px; margin-left: 30px; color: #7CAEE1; }
258.bannertext-box .bannertext2 { font-size: 57px; margin-left: 30px; }
259.bannertext-box .bannertext3 { font-size: 28px; z-index: 1; background: #cc0066; width: 260px; text-align: center; margin-left: 35px; margin-top: 24px; margin-bottom: 24px; padding: 13px 10px; border-radius: 10px; }
260.bannertext-box .bannertext4 { font-size: 30px !important; margin-left: 30px; }
261
262.bannertext-box2 { left: 300px; top: 80px; position: relative; text-align: center; }
263.bannertext-box2 br { display: none; }
264.bannertext-box2 .bannertext1 { font-size: 40px; }
265.bannertext-box2 .bannertext2 { font-size: 46px; }
266.bannertext-box2 .bannertext3 {  }
267.bannertext-box2 .bannertext4 { position: relative; left: -20px; border-radius: 10px; font-size: 24px; z-index: 1; background: #515151; padding: 15px 20px; font-family: 'Prompt'; font-weight: normal; width: 660px; line-height: 28px; margin-top: 20px; }
268
269
270
271
272
273.Section2 { padding: 25px 0 40px; position: relative; z-index: 1; }
274.Section2 .taxrate-box { /*display: flex; */flex-direction: row; justify-content: space-evenly; /*align-items: flex-end; */}
275.Section2 .taxrate-box .taxrate-text .taxrate-text1 { color: #144E8E; font-size: 50px; font-family: 'Prompt'; }
276.Section2 .taxrate-box .taxrate-text .taxrate-text2 { font-size: 32px; line-height: 10px; }
277.Section2 .taxrate-box .taxrate-section1 .form-control { height: 50px; color: #000; font-size: 22px; background: #D7D7D7; }
278.Section2 .taxrate-box .taxrate-section1 { width: 23%; }
279.Section2 .taxrate-box .taxrate-section2 .form-control { height: 50px; color: #000; font-size: 22px; background: #D7D7D7 !important; }
280.Section2 .taxrate-box .taxrate-section2 { width: 15%; }
281.Section2 .taxrate-box .taxrate-section3 .form-control { height: 50px; color: #000; font-size: 22px; background: #D7D7D7; }
282.Section2 .taxrate-box .taxrate-section3 { width: 15%; }
283.Section2 .taxrate-box .taxrate-btn a { background: #CC0066; color: #ffffff; height: 50px; display: flex; align-items: center; justify-content: center; width: 130px; font-size: 24px; gap: 0 10px; }
284.Section2 .taxrate-box .taxrate-btn a::before { content: "\f002"; font-family: 'FontAwesome'; }
285
286.Section2 select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; }
287.Section2 .taxrate-section1,
288.Section2 .taxrate-section2,
289.Section2 .taxrate-section3 {  position: relative;  }
290.Section2 .taxrate-section1:after,
291.Section2 .taxrate-section3:after { content: '\f078'; font: normal normal normal 17px/1 FontAwesome; color: #000000; right: 24px; top: 0px; height: 34px; padding: 15px 0px 0px 8px; position: absolute; pointer-events: none; }
292.Section2 .form-control:focus { box-shadow: rgb(31 68 169 / 70%) 0px 3px 8px !important; }
293
294
295
296
297.SectionSItemap { position: relative; }
298.SectionSItemap .page-row-title { transition: all 0.4s;  z-index: 2; font-size: 22px; background: #4576F5; color: #fff; width: 120px; text-align: center; border-top-left-radius: 10px; border-top-right-radius: 10px; position: absolute; top: -35px; right: 125px; }
299.SectionSItemap .page-row-title.active { top: -145px; }
300.SectionSItemap .page-row-title span { display: flex; gap: 5px; justify-content: center; align-items: center; cursor: pointer; box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px; }
301.SectionSItemap .page-row-title span::before { content: "\f0e8"; font-family: 'FontAwesome'; font-size: 20px; color: #ffffff; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
302.SectionSItemap .d2ms-widget-body { height: auto; overflow: hidden; transition: all 0.4s; position: absolute; top: 0; background: #ffff; width: 90%; left: 5%; z-index: -1; padding: 10px 30px; }
303.SectionSItemap .d2ms-widget-body.active { top: -110px; z-index: 4; box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px; border-radius: 10px; }
304.sitemap-box { display: flex; flex-direction: column; flex-wrap: wrap; }
305.sitemap-box .sitemap-titel { list-style-type: disc; width: 30%; }
306.sitemap-box .sitemap-titel { list-style-type: disc; }
307.sitemap-box .sitemap-titel > span { font-size: 20px; }
308.sitemap-box .sitemap-titel .sitemap-item { list-style-type: circle; }
309.sitemap-box .sitemap-titel .sitemap-item span { font-size: 18px; }
310
311/*------------------------------------------- END Main CSS -----------------------------------------*/
312
313/*------------------------------------------- Footer CSS -----------------------------------------*/
314
315/* .SectionFooter { padding: 20px 70px; z-index: 15; position: relative; }
316.SectionFooter .footer-address { display: flex; flex-direction: row; gap: 0 25px; }
317.SectionFooter .footer-address .address-img img { width: 150px; }
318.SectionFooter .footer-address .address-text-box { color: #000000; font-size: 20px; }
319.SectionFooter .footer-address .address-text-box a { color: #ffffff; font-size: 20px; }
320.SectionFooter .footer-address .address-text-box .address-text2 { line-height: 22px; margin-bottom: 10px; }
321
322#d2ms-section-footer-copyright { padding: 0px 70px; color: #ffffff; font-size: 20px; } */
323
324#d2ms-section-sectionfooter > .row { display: flex; flex-direction: row; flex-wrap: wrap; }
325#d2ms-section-sectionfooter #d2ms-section-sectionfooter-footeraddress { padding-left: 50px; padding-top: 20px; }
326#d2ms-section-sectionfooter #d2ms-section-sectionfooter-footer1 { padding-top: 40px; padding-right: 4%;}
327
328#d2ms-section-sectionfooter #d2ms-section-sectionfooter-footer2 { border: 1px solid #555555; background: #555555; margin-top: 0px; padding: 20px 10px 0px 10px; width: 45vw;}
329#d2ms-section-sectionfooter #d2ms-section-sectionfooter-footer3 { border: 1px solid #999999; background: #999999; margin-top: 0px; width: 16vw; }
330#d2ms-section-sectionfooter #d2ms-section-sectionfooter-bottom1 { /*border: 1px solid #999999; background: #999999; margin-top: 50px; */color: #000; /*width: 15vw; padding: 10px 40px 0px 8px; font-size: 20px; */padding-top: 38px;}
331
332
333/*------------------------------------------- End Footer CSS -----------------------------------------*/
334
335
336
337.Section-Banner.page3 video {
338    display: inline-block;
339    vertical-align: baseline;
340    width: 1300px;
341    position: absolute;
342    left: -40px;
343    top: -250px;
344    z-index: -1 !important;
345}
346
347
348.Section11 { padding: 40px 50px 40px 50px; }
349
350
351.Section11 .page-widget-title::before { margin-right: 15px; font-family: 'FontAwesome'; display:none;}
352.Section11 .SectionLeft .page-widget-title::before { content: "\f0e3"; }
353.Section11 .SectionRight .page-widget-title::before { content: "\f086"; display:none;}
354
355.Section11 .doclist .page-widget-title { background: #0f1847;color: white;padding: 10px;font-size: 23px;font-family: var(--fontdb);}
356.Section11 .doclist .infocard .detail { float: unset; padding: 15px 10px 15px 30px; font-family: 'Prompt'; font-weight: normal; height: unset !important;border-bottom: 1px solid #BCBCBC;}
357.Section11 .doclist .infocard .detail .detail-title { font-size: 23px;font-weight: normal;height: auto;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;padding: 3px 0px;height:auto !important; height: auto !important; min-height: unset; font-size: 25px; color: #333333;}
358.Section11 .doclist .infocard .detail .detail-publish { margin: 0px; margin-top: 5px;  font-family: 'Prompt'; font-size: 16px !important; color: #3B9EC4; line-height: 18px;} .doclist .infocard .detail .detail-publish { margin: 0px; margin-top: 5px;  font-family: 'Prompt'; font-size: 18px; color: #333333; line-height: 18px;}
359.Section11 .doclist .infocard .detail:before { font-family: 'FontAwesome' !important; content: "\f15c"; color: #333333; margin-right: 15px; float: left; font-size: 25px; margin-top: 8px; margin-left: 0px; } .doclist .infocard .detail:before { font-family: 'FontAwesome' !important; content: "\f15c"; color: #333333; margin-right: 15px; float: left; font-size: 25px; margin-top: 8px; margin-left: 15px; }
360.Section11 .doclist .infocard {margin-bottom: 0px !important;}
361.Section11 .doclist .infocard .detail-view {padding-left: 35px !important;}
362.Section11 .doclist .infocard .detail .detail-title a:hover { color: var(--color2); }
363/*.Section11 .doclist .row .col-md-12:nth-child(4n+1) .infocard .detail {background: #f6f6f6 !important;}
364.Section11 .doclist .row .col-md-12:nth-child(4n+3) .infocard .detail {background: #fff !important;}*/
365.Section11 .doclist .infocard .detail .detail-title a { height: auto !important; min-height: unset; height: 45px !important;font-size: 23px !important;line-height: 25px !important;}
366
367.Section11 .read-more-b a { border-radius: 0; padding: 3px 15px; border: 1px solid #CC0066 !important; color: #fff; background-color: #CC0066 !important; display: flex; width: 120px; align-items: center; justify-content: space-between; }
368.Section11 .read-more-b a::after {  content: "\f067"; font-family: 'FontAwesome'; font-size: 15px; }
369.footer-contact-group .contact-item .title .line2 {font-size: 23px;}
370.Section11 .read-more-b { display: flex; justify-content: flex-end; }
371
372
373.Section13 { padding: 50px 30px 40px 30px; }
374.Section13 .SectionRight .infocard .image.ratio-1-1 { padding-top: 310px !important; }
375
376.Section-Banner.page3 [data-u="arrowleft"] { background: #173896 !important; }
377.Section-Banner.page3 [data-u="arrowright"] { background: #173896 !important; }
378
379.Section3.page3 .page-row-title { background: #003366; }
380.Section3.page3 .Section3-show .responsive-bootstrap-tabs .nav-tabs { background: #003366; }
381.Section3.page3 .Section3-show .slick-track .slick-slide:nth-child(2n+1) .infocard .detail{ background: #003366 !important; }
382.Section11.page3 .SectionRight .page-widget-title { background: none !important;color:#1F44A9;font-size: 27px;}
383.Section11.page3 .leftbottomtab .nav-tabs li span {font-size: 27px;}
384/*------------------------------------------- End Page 3 Css -----------------------------------------*/
385
386/*------------------------------------------- Effect -----------------------------------------*/
387
388.infocard .image { position: relative; overflow:hidden; transition: all 0.5s; }
389.infocard .image::before {  position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgb(220 221 222 / 32%) 100%);background: linear-gradient(to right, rgb(255 255 255 / 0%) 0%, rgb(220 221 222 / 32%) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg); }
390.infocard .image:hover::before { -webkit-animation: shine .75s;}
391.infocard .image:hover { transform: scale(1.01); }
392
393.infocard .detail .detail-title:hover { transform: scale(1.01); }
394.infocard .detail .detail-title { transition: all 0.3s; }
395
396.hide-blok { display: none; }
397
398/*------------------------------------------- End Effect -----------------------------------------*/
399
400
401/*------------------------------------------- Custom -----------------------------------------*/
402/* .banner-list .result-list-panel { display: flex; flex-direction: column; }
403.banner-list .result-list-panel .banner-box { width: 100%; }
404.banner-list .banner-box .banner-title { height: auto; } */
405
406.slick-dots li { width: 10px !important; }
407
408/*#ArticleSearchCategory { display: none !important; }*/
409.info .article-search-zone #ArticleSearchText { width: 330px ; }
410
411#ItemSearchCategory { display: none !important; }
412#ItemSearchText{ width: 530px !important; }
413
414.info .calendar-search-zone .input-date.has-feedback, #CalendarSearchCategory { display: none !important; }
415#CalendarSearchText{ width: 530px !important; }
416
417.d2ms-headerimage { box-shadow: rgb(0 0 0 / 15%) 0px 15px 25px, rgb(0 0 0 / 5%) 0px 5px 10px; z-index: 5; }
418
419.breadcrumb { padding: 0% 3% 0% 7%; background-color: rgb(255, 255, 255); margin-bottom: 0px; overflow: hidden; white-space: nowrap; width: 100%; text-align: right; border-radius: unset; }
420.breadcrumb li a { color: #aba8a8; font-size: 11px !important;font-family: Prompt;}
421.breadcrumb li { color: #aba8a8; font-size: 11px !important;font-family: Prompt;}
422.skin-smart .wrapper, .skin-smart .main-sidebar, .skin-smart .left-side { background-color: #ffffff !important; }
423.article-detail .information-panel .article-social-hr { border: 0; }
424.article-detail .information-panel .article-vote-hr { border: 0; }
425.article-detail .information-panel .article-document-hr { border: 0; }
426.article-detail .information-panel .article-gallery hr { border: 0; }
427
428.article-gallery .title-label, .article-multi .title-label { display: none; }
429.article-vote { display: none; }
430.d2ms-headerimage .menuheaderzone { text-align: left; position: absolute; /*background: rgb(11 44 95 / 43%);*/width: 100%; bottom: 0%; color: #fff; font-family: Prompt; font-weight: bold; padding: 10px; font-size: 35px; letter-spacing: 1px;  height: 100%; padding-top: 8%;/*padding-left: 9%;*/}
431.d2ms-headerimage .menuheaderzone .menuheadersubtitle { font-weight: normal; line-height: 30px;text-align: left;padding-left: 15px;    font-size: 30px;}
432.document .inforow { margin-bottom: 0px; padding-bottom: 15px; }
433.article-detail .article-detail img { /*width: 100%; height: auto !important;*/ }
434/* .article-social { text-align: center; } */
435
436
437.content-list-page #d2ms-section-main-right { display: none; }
438.content-list-page #d2ms-section-main-main { /*width: 100% !important; */}
439
440.content-detail-page #d2ms-section-main-right .infocard { margin-bottom: 35px; display: flex; gap: 20px; position: relative; }
441.content-detail-page #d2ms-section-main-right .infocard .detail { padding-top: 0 !important; }
442/* .content-detail-page #d2ms-section-main-right .infocard::after { content: "\f061"; font-family: 'FontAwesome'; color: #083970; position: absolute; bottom: 0; right: 0; } */
443.content-detail-page #d2ms-section-main-right .infocard .detail-title { text-overflow: unset !important; white-space: unset !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: normal; }
444.content-detail-page #d2ms-section-main-right .infocard .image { padding-top: 110px !important; }
445.content-detail-page #d2ms-section-main-right .infocard .image img { object-position: top; }
446.content-detail-page #d2ms-section-main-right .infocard .detail .detail-title a { white-space: unset !important; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 60px; overflow: hidden; min-width: unset !important; line-height: 24px; font-size: 22px; }
447.content-detail-page #d2ms-section-main-right .infocard .detail .detail-view .detail-publish { float: left; display: inline-block; color: #7e7e7e; font-size: 18px; }
448
449
450.footer-address .address-text-box { color: #666666; padding-top: 20px;}
451    .contact-box { display: flex; flex-direction: column; }
452    .contact-box .call-box { display: flex; width: 100%; justify-content: center; align-items: center; background: #000066; color: #ffffff; padding: 10px 0; gap: 20px; box-shadow: rgb(50 50 93 / 25%) 0px 6px 12px -2px, rgb(0 0 0 / 30%) 0px 3px 7px -3px !important;}
453    .contact-box .call-box .calltext1-box .calltext1 { font-size: 22px; }
454    .contact-box .call-box .calltext1-box .calltext2 { font-size: 37px; font-family: 'Prompt Med'; line-height: 40px; }
455    .contact-box .call-box .calltext2-box { font-size: 65px; font-family: 'Prompt Med'; }
456    .contact-box .call-box .calltext2-box::after { font-family: 'FontAwesome'; content: "\f098"; margin-left: 15px; }
457.contact-box .call-box .calltext2-box a {color:#fff;}
458
459    .contact-box .suggests-box { display: flex; width: 100%; justify-content: center; background: #4576F5; color: #ffffff; padding: 5px; font-size: 24px; display: none;  }
460    .contact-box .suggests-box a { color: #ffffff; }
461    .contact-box .suggests-box .suggests-list { display: flex; flex-direction: row; align-items: center; }
462    .contact-box .suggests-box .suggests-list .suggest-item { padding: 0 7px; display: flex; align-items: center; height: 20px; }
463    .contact-box .suggests-box .suggests-list .suggest-item { border-right: 1px solid #ffffff; }
464    .contact-box .suggests-box .suggests-list .suggest-item:last-child { border-right: unset; }
465
466
467    .sitemap-section { display: flex; flex-direction: row; gap: 80px; }
468    .sitemap-section .sitemap-box { width: auto; }
469    .sitemap-section .sitemap-box .sitemaplv1 { font-size: 30px; font-family: 'Prompt Med'; margin-bottom: 10px; color: #154194; position: relative; /*border-bottom: 1px solid #154194;*/ }
470    .sitemap-section .sitemap-box .sitemap-list { display: flex; flex-direction: column; gap:8px; }
471    .sitemap-section .sitemap-box .sitemap-list .sitemap-item {  }
472    .sitemap-section .sitemap-box .sitemap-list .sitemap-item a { color: #999999 !important; transition: all .5s; }
473    .sitemap-section .sitemap-box .sitemap-list .sitemap-item:hover a { color: #000000 !important; transition: all 0.2s; }
474
475    .sitemap-section .sitemap-box .sitemap-list .sitemap-item a::before { font-family: 'FontAwesome'; content: "\f111"; font-size: 7px; vertical-align: middle; margin-right: 10px; color: #9999a6; }
476
477    .sitemap-section .sitemap-box .sitemaplv1::before { font-family: 'Material Icons', sans-serif; position: absolute; left: -35px; top: -2px; }
478    .sitemap-section .sitemap-box:nth-child(1) .sitemaplv1:before { content: "home"; }
479    .sitemap-section .sitemap-box:nth-child(2) .sitemaplv1:before { content: "event"; }
480    .sitemap-section .sitemap-box:nth-child(3) .sitemaplv1:before { content: "apps"; }
481    .sitemap-section .sitemap-box:nth-child(4) .sitemaplv1:before { content: "airplay"; }
482
483
484    .policy-box { display: flex; flex-direction: row; font-size: 20px; }
485    .policy-box .policy-item a {color: #ffffff; }
486    .policy-box .policy-item { width: auto; padding: 0 5px; border-right: 1px solid #ffffff; display: flex; align-items: center; height: 10px; }
487    .policy-box .policy-item:last-child { border-right: unset; }
488
489    .social-box { display: flex; gap: 15px; font-size: 20px; line-height: 37px; padding-top: 2px; justify-content: right; align-items: center; }
490    .social-box .social-item { color: #ffffff;  position: relative; top: 0; transition: all 0.3s; }
491    .social-box .social-item::before { transition: all 0.3s; }
492    .social-box .social-item:nth-child(1)::before { content: '\f082'; font-family: 'FontAwesome'; }
493    .social-box .social-item:nth-child(2)::before { content: '\f166'; font-family: 'FontAwesome'; }
494   /* .social-box .social-item:nth-child(3)::before { content: '';background: url(/file/get/file/2.2024080831e175b853ac068cfa39cd4c265e653c142407.png);width: 50px;height: 50px;display: block;transform: scale(0.6);}*/
495    .social-box .social-item:nth-child(3) {}
496    .social-box .social-item:nth-child(4)::before { content: '\f16d'; font-family: 'FontAwesome'; }
497    .social-box .social-item:nth-child(5)::before { content: '\f2be'; font-family: 'FontAwesome'; }
498
499    .social-box .social-item:hover { top: -10px; position: relative; transition: all 0.6s; }
500    .social-box .social-item:hover:nth-child(1)::before { color: #3B5998; background: #fff;padding: 1px 2px;border-radius: 5px;}
501    .social-box .social-item:hover:nth-child(2)::before { color: #FF0000; background: #fff;padding: 1px 2px;border-radius: 5px;}
502    .social-box .social-item:hover:nth-child(3)::before { color: #00acce; background: #fff;padding: 1px 2px;border-radius: 5px;}
503    .social-box .social-item:hover:nth-child(4)::before { color: #bc1888; background: #fff;padding: 1px 2px;border-radius: 5px;}
504.social-box .social-item:hover:nth-child(5) svg::before {background: #fff;padding: 1px 2px;border-radius: 5px;}
505
506
507    .content-detail-page.m-d67d8ab4f4c10bf22aa353e27879133c #d2ms-section-main-main { width: 100% !important; }
508    /*.content-detail-page.m-d67d8ab4f4c10bf22aa353e27879133c #d2ms-section-main-main > div:nth-child(1) { width: 66.66666667% !important;     float: left; }
509    .content-detail-page.m-d67d8ab4f4c10bf22aa353e27879133c #d2ms-section-main-main > div:nth-child(2) { width: 33.33333333% !important; padding-left: 40px; }*/
510    .content-detail-page.m-d67d8ab4f4c10bf22aa353e27879133c #d2ms-section-main-main > div:nth-child(2) .d2ms-widget-title { font-size: 25px; margin-top: 25px; margin-bottom: 30px; padding-left: 15px; border-left: 6px solid; border-image: linear-gradient(180deg, rgba(246,76,119,1) 19%, rgba(253,143,30,1) 100%); border-image-slice: 1; }
511
512/*------------------------------------------- End Custom -----------------------------------------*/
513
514/*------------------------------------------- End Footer CSS -----------------------------------------*/
515
516
517.article-datail-template-5  .information-panel .article-document .docdetail:nth-child(odd) .docdetail-date a { color: #000 !important; }
518.article-datail-template-5  .information-panel .article-document .docdetail:nth-child(even) .docdetail-date a { color: #000 !important; }
519
520#d2ms-section-sectionhead-top2 .widget-kit-Search .form-control {height: 29px;}
521
522
523
524
525#d2ms-section-sectionfooter-bottom4 {background: #4576F5;padding: 10px 0px;color: #fff;}
526#d2ms-section-sectionfooter-bottom4 p {margin: 0px;line-height: 20px;}
527#d2ms-section-sectionfooter-footer1 p {margin: 0px;}
528#d2ms-section-sectionfooter-footer1 .extra99 {margin-top: 25px;}
529#d2ms-section-sectionfooter-bottom1 .visitor {/*position: absolute;right: -57%;*/}
530
531
532
533.d2ms-headerimage .menuheaderzone .menuheadertitle {font-weight: bold !important;font-size: 35px !important;line-height: 45px;text-align: center;font-family: 'Prompt';padding-bottom: 12px;width: fit-content;padding-left: 15px;padding-right: 15px;}
534.d2ms-headerimage .menuheaderzone .menuheadertitle {text-shadow: rgb(0 0 0 / 70%) 0px 1px 2px;}
535.d2ms-headerimage .menuheaderzone .menuheadersubtitle {text-shadow: rgb(0 0 0 / 70%) 0px 1px 2px;}
536
537#d2ms-section-sectionmenu-top3 .d2ms-widget .user-menu span {font-size: 19px;}
538
539
540
541.widget-kit-wslidesetbanner .galleryPrev , .widget-kit-wslidesetbanner .galleryNext {font-size: 22px;top: 30%;background: rgb(0 0 0 / 33%);}
542
543
544
545.d2ms-headerimage img {height: 345px !important;}
546.d2ms-headerimage .menuheaderzone .menuheadertitle span {color: #fff !important;font-size: 46px !important;font-weight: bold;letter-spacing: 1.5px;}
547.d2ms-headerimage .menuheaderzone .menuheadersubtitle span {color: #fff !important;font-size: 30px !important;letter-spacing: 1.5px;}
548
549
550
551#d2ms-section-sectionmenu-top3 .d2ms-widget .user-menu span {display:none;position: absolute;font-size: 12px !important;font-family: tahoma;}
552.SectionMenu .sizefont:before {display:none;}
553
554
555
556/**/
557.article-category-children .article-category-child .article-category-img {width: 70%;margin: auto;}
558.article-category-children .article-category-child {border-bottom: none;margin-bottom: 30px;}
559.article-category-children .article-category-child .article-category-title {font-family: THSarabunNew;}
560.article-category-main .article-category-info .article-category-detail {font-family: THSarabunNew;}
561.article-category-children .article-category-child .article-category-title a {font-size: 23px !important;color:#333;font-weight: bold;}
562
563/**/
564 /* normal */
565
566
567.article-category-main .article-category-info .article-category-title {background-color: #003366;border-radius: 7px;}
568.content-category-articles .article-category-main {display:none;}
569.article-category-children .article-category-article-new {font-size: 16px;}
570
571.infopage .result-list .col-md-4.col-sm-6.col-xs-12 .detail .detail-title {height:85px;line-height: 27px;margin-bottom: 15px;}
572.article-option-pagesize .form-control {background: #003366;color: #fff;width: 75px;float: right;text-align: center;border-radius: 5px;}
573.result-list-panel {margin-top: 50px;}
574
575body #mic-init-access-tool .mic-access-tool-box>div:not(.mic-access-tool-box-header):not(.mic-toolbox-all-credits) .mic-subtitle-span {font-size: 14px !important;font-weight: bold;}
576body #mic-init-access-tool .mic-access-tool-box .mic-buttons-block button span {font-size: 12px!important;}
577body #mic-init-access-tool .mic-access-tool-box .link-access-page button:focus, body #mic-init-access-tool .mic-access-tool-box .link-access-page button:hover, body #mic-init-access-tool .mic-access-tool-box .mic-disable-buttons button:focus, body #mic-init-access-tool .mic-access-tool-box .mic-disable-buttons button:hover {color: #fff;border-color: #cc0066;background-color: #cc0066!important;}
578#mic-init-access-tool .mic-access-tool-box .link-access-page button:hover span {color:#fff !important;}
579body #mic-init-access-tool .mic-access-tool-box .link-access-page button span {color:#cc0066 !important;font-size:18px !important;}
580body #mic-init-access-tool .mic-access-tool-box {background-color: #0b3474 !important;}
581.article-category-main .article-category-info {margin-left: 300px;}
582.article-category-main .article-category-img {width: 300px;text-align: center;}
583.article-category-main {margin-bottom: 50px;}
584#divSearchTradingCountry {z-index: 9;width: 67%;}
585.trading-search > div.row {padding: 15px !important;padding-top: 40px !important;border-radius: 10px;}
586
587.section-2 .country-box div {line-height: 22px;height: 50px;}
588#divSearchTradingProduct {z-index: 9;width: 67%;}
589
590.trading-search .trading-search-title .inner {padding: 3px 25px !important;}
591.switch-panel div {padding: 5px 25px !important;}
592
593
594#divSearchTradingProductCountry {z-index: 9;width: 73%;}
595.widget-tradingcountry .w-trading-title-box {color: #154194 !important;}
596.section-1 .w-trading-menu-box .w-trading-menu.active {background: #CC0066 !important;color: #fff !important;}
597.widget-tradingcountry .w-trading-menu-box .w-trading-menu .arrow-down {border-top: 8px solid #CC0066 !important;}
598.section-1 .w-trading-menu-box .w-trading-menu {color:#CC0066 !important;}
599.widget-tradingcountry .info-section-01 div.order {background: #003366 !important;}
600.section-1 .tbl-trading.trading-export caption {background: #CC0066 !important;}
601.section-2 .trading-title-box > .row {background: #003366 !important;}
602.section-2 .w-trading-menu-box .w-trading-menu.active {background: #CC0066 !important;color: #fff !important;}
603.section-2 .w-trading-menu-box .w-trading-menu {color:#CC0066 !important;}
604
605.widget-tradingproduct .w-trading-menu-box .w-trading-menu .arrow-down {border-top: 8px solid #CC0066 !important;}
606#divSearchTradingNegotiate {z-index: 9;width: 50%;}
607.inhilight .search-trading-zone .search-trading-title {display:none;}
608
609.search-trading-zone .search-trading-box .row-input > div {text-align: right;}
610.search-trading-btn button {width: 120px;margin-top: 8px;}
611.search-trading-box .bootstrap-select .dropdown-menu li a span.text {font-size: 19px;}
612.search-trading-box  .bootstrap-select {width: 85% !important;float: left;}
613#divSearchTradingTaxrate {z-index: 9;width: 73%;}
614#divSearchTradingTaxrate .search-trading-box  .bootstrap-select {width: 100% !important;}
615
616
617#divSearchTradingFta {z-index: 9;width: 73%;}
618#divSearchTradingFta .search-trading-box  .bootstrap-select {width: 100% !important;}
619
620.article-detail .article-social {text-align: right;}
621.trading-country-detail-page .pointer h2 {font-family: Prompt Med;}
622body .mic-sound-block {display:none;}
623#widget-login.navbar-nav>li>a {/*background: none !important;*/}
624.article-option-zone .article-option-pagesize {margin-top: 30px;}
625
626.notify-drop-title .col-md-12 {font-size: 19px;}
627.dropdown-notification .dropdown-menu.notify-drop .notify-drop-title {padding-bottom: 3px;}
628.dropdown-notification .dropdown-menu.notify-drop .drop-content > a .notify-info .notify-title {font-size: 12px;font-weight: 
629normal;font-family: tahoma;}
630.dropdown-notification .dropdown-menu.notify-drop .notify-drop-footer a {font-size: 19px !important;}
631
632.content-category-zone .result-list-panel {margin-top: 0px;}
633.content-category-zone .article-title {margin-bottom: 0px;}
634
635.widget-menu-3 .has-sub ul li a::before {
636    content: "\f111";
637    font-family: 'FontAwesome';
638    margin-right: 10px;
639    font-size: 5px;
640    vertical-align: middle;
641}
642.widget-menu-3 ul ul li a {color: #003366;}
643.widget-menu-3 ul ul li.active > a , .widget-menu-3 ul ul li:hover > a {background: #003366 !important;}
644
645.signin-page #login-panel {background-image: url('/file/get/file/1.202206160ad3399099ed7f8018717188af8bc7af095620.jpg');background-size: cover;}
646.signin-page #d2ms-section-main .container {max-width: initial !important;}
647.signin-page #login-panel .panel {border: none;background-color: rgb(255 255 255 / 56%);}
648.signin-page .tab-auth-ldap a {background-color: #ff8700 !important;}
649.signin-page .login-form-zone.login-form-ldap {background-color: #ff8700;}
650.signin-page .login-formldap-zone-addition-introtext {background-color: #00b0e0;}
651.signin-page  .login-register .btn-login .btn-primary1 {background-color: #00b0e0;border-color: #00b0e0;color:#fff;}
652.signin-page .btn-login #submit {margin-top: 0;}
653.signin-page .mocaccount-zone .btnloginmocaccount {background: #57c15a !important;border-color: #57c15a !important;}
654.signin-page .login-form-ldap .mocaccount-zone {display:none;}
655.signin-page .forget-link {background: #999999;padding: 2px 5px;border-radius: 5px;color: #fff;font-size: 19px !important;}
656#register-panel .panel {border: none;}
657.signin-page .btn-login #submit , .signin-page .login-register .btn-login .btn-primary1 , .signin-page .mocaccount-zone .btnloginmocaccount {font-weight: normal;}
658
659#widget-login.navbar-nav > li.dropdown-notification > a {background: none !important;}
660#widget-login.navbar-nav > li.dropdown.user.user-menu .dropdown-toggle {background: none !important;}
661#widget-login .user-menu .dropdown-menu span {display: initial;}
662#widget-login.navbar-nav > li.dropdown.user.user-menu .dropdown-toggle .user-image {width: 30px;height: 30px;}
663#widget-login.navbar-nav > li.dropdown.user.user-menu > a {padding: 4px 9px 4px;}
664#widget-login.navbar-nav > li.dropdown.user.user-menu > a em {font-size: 17px;}
665
666.document-hierarchy .inforow .no-img-icon {width: 75px !important;}
667.document-hierarchy .inforow .detail {width: calc(100% - 75px) !important;}
668.document-hierarchy .inforow {padding-top: 15px;padding-bottom: 15px;border-bottom: 1px solid #edecec;}
669.document-hierarchy .inforow .no-img-icon {padding: 0px !important;}
670.document-hierarchy .inforow .detail .child .no-img-icon {font-size: 25px;}
671.document-hierarchy .inforow .detail .detail-title a {font-size: 14px !important;font-family: tahoma;color: #cc0066 !important;}
672.document-hierarchy .inforow .detail .child .inforow:nth-child(even) {background: #f6f6f6 !important;}
673.document-hierarchy .inforow .detail .child .inforow:nth-child(odd) {background: #fff !important;}
674.document-hierarchy .inforow:nth-child(even) {background: none !important;}
675.document-hierarchy .detail .detail-title div.div-title {color: #000;}
676.document-hierarchy .detail .child .div-title {color: #df006b !important;}
677.document-hierarchy .detail .child .inforow {padding-top: 15px;padding-bottom: 15px;}
678#d2ms-section-main-left .widget-menu-3 > ul > li >
678 a {border-left:none !important;border-right:none !important;background: none !important;color: #6d7586;}
679#d2ms-section-main-left .d2ms-widget-title {font-size: 27px;font-weight: bold;}
680#d2ms-section-main-left .widget-menu-3 > ul > li:last-child > a {border-top: 1px solid #edecec !important;border-bottom:1px solid #edecec !important;}
681#d2ms-section-main-left .widget-menu-3 > ul > li > a {border-top: 1px solid #edecec !important;border-bottom:1px solid #edecec !important;}
682#d2ms-section-main-left .widget-menu-3 ul ul li a {background: #eee !important;}
683.widget-menu-3 ul ul li a {border-bottom:none !important;border-left:none !important;border-right:none !important;}
684.widget-menu-3 ul ul li:hover > a {color:#000;}
685#d2ms-section-main-left .widget-menu-3 > ul > li > a::before {font-family: 'tahoma';font-size: 14px !important;border: none;display: inline-flex;width: 100%;line-height: 20px;}
686
687
688.social-box .social-item {color: #fff !important;}
689
690/**/
691.page-widget-title h1 {font-family: 'Prompt';text-align: center;font-size:43px;}
692.taxrate-box .taxrate-btn button {background: rgb(27,59,148);
693    background: linear-gradient(90deg, rgba(27,59,148,1) 0%, rgba(39,171,205,1) 100%) !important;}
694#extra .extrabanner  .read-more-t a {padding: 5px 7px;display: inline-block;border: none !important;color: #fff !important;border-radius: 5px !important;line-height: 12px !important;}
695.extrabanner {overflow: initial;}
696.extrabanner .read-more-t {position: absolute;top: -50px;right: 0;}
697.Section2 .taxrate-box .taxrate-section2 .form-control::placeholder {color:#000;}
698
699
700
701/*page20*/
702.policy-box .policy-item a {font-size: 17px !important;}
703.address-text1 , .m-3b8a614226a953a8cd9526fca6fe9ba5 .address-text3 {font-size: 19px;}
704#d2ms-section-sectionfooter-footer1 img {width: auto !important;height: 32px !important;border-radius: 5px;}
705#d2ms-section-sectionfooter-footer4 .contact-box {display:none;}
706.sitemapall {padding-left: 8%;width: 100%;padding-right: 5%;padding-bottom: 20px;padding-top: 30px;}
707.sitemap-section {gap: 10%;}
708.sitemap-section .sitemap-box .sitemap-list .sitemap-item a {color:#b2d1e9 !important;font-size: 19px !important;}
709.sitemap-section .sitemap-box .sitemaplv1::before {display:none;}
710.sitemap-section .sitemap-box .sitemaplv1 {color:#fff;}
711.footer-contact-group {background: #fff;display: flex;align-items: center;justify-content: center;}
712.footer-contact-group .contact-item {font-size: 22px;text-align: center;width: calc(100% / 5);position: relative;}
713.footer-contact-group .contact-item:not(:last-child):after {content: '';width: 1px;height: 60px;background-color: #D0DFF0;display: block;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
714
715.footer-contact-group .contact-item p {margin:0px;}
716.footer-contact-group .contact-item h4 {margin:0px;}
717.footer-contact-group {padding-top: 10px;padding-bottom: 5px;}
718.footer-contact-group .contact-item .title {font-family: 'Prompt Med';}
719.footer-contact-group .contact-item a {font-family: 'Prompt';font-size: 23px !important;    padding: 0;color: #000;}
720.footer-contact-group .contact-item.first {width: 30%;}
721.footer-contact-group .contact-item.social i {margin:0px 5px;}
722.footer-contact-group h4 {font-family: 'Prompt';font-size: 23px;}
723.footer-contact-group .contact-item i {color: #000066;font-size: 32px;}
724.footer-contact-group .contact-item .title {font-size: 29px;}
725.footer-contact-group .contact-item .title .line1 {color: #000066;}
726.footer-contact-group .contact-item .title .line2 {color: #333;}
727#d2ms-section-sectionfooter-footer4 {border-top: 5px solid #1944a8;}
728
729.footer-address2 {display: initial !important;}
730.footer-address {display: none !important;}
731.footer-address2 .address-text-box {color:#fff;}
732.footer-address2 .address-text-box {padding-top: 30px;}
733
734
735#d2ms-section-sectionfooter-bottom4 {display: none;}
736#d2ms-section-sectionfooter #d2ms-section-sectionfooter-footer1 {color: #fff;padding-top: 45px;padding-right: 8%;}
737.sitemap2 {display: initial;background: #2196f3;border: none;border-radius: 5px;padding: 0px 10px;}
738#d2ms-section-sectionfooter #d2ms-section-sectionfooter-footeraddress .footer-address2 .address-img img {width: auto !important;height: 80px !important;}
739.footer-address2 .address-text-box {padding-top: 30px;}
740#d2ms-section-sectionfooter #d2ms-section-sectionfooter-footeraddress {padding-bottom: 20px;padding-left: 7%;}
741.address-text1, .address-text3 {font-size: 19px;}
742#d2ms-section-sectionfooter #d2ms-section-sectionfooter-copyright .d2ms-copyright {font-size: 17px;line-height: 17px;text-align: center;
743color: #C9C9C9;}
744
745#d2ms-section-sectionfooter #d2ms-section-sectionfooter-footer2 {
746background: #636b6e;border: none;width: 44vw;padding: 12px 0px 0px 10px;}
747.policy-box .policy-item a {font-size: 17px !important;}
748#d2ms-section-sectionfooter-footer2 .d2ms-widget {float: right;}
749#d2ms-section-sectionfooter #d2ms-section-sectionfooter-footer3 {background: #636b6e;border: 1px solid #636b6e;line-height: 31px;}
750#d2ms-section-sectionfooter #d2ms-section-sectionfooter-footer3 .txtvisitor {font-size: 17px;line-height: 17px;color: #b4d4ec;}
751
752
753.widget-menu-3 > ul > li > a {background: #152253 !important;color: #fff !important;border: none !important;}
754#offCanvas {background: #152253 !important;}
755#offCanvas .widget-menu-3 > ul > li > a:hover, .widget-menu-3 > ul > li.active > a, .widget-menu-3 > ul > li.open > a {background: #2b9cd4 !important;color:#fff !important;}
756#offCanvas .widget-menu-3 > ul > li:last-child > a, .widget-menu-3 > ul > li.last > a {border-bottom: none !important;}
757#offCanvas .widget-menu-3 > ul > li > a .holder {border-color: #1f44a9 !important;}
758#offCanvas .widget-menu-3 ul ul li a {background: #152253 !important;color:#fff !important;}
759.calendarpage .fc-center h2 {font-family: 'Prompt';font-size: 35px;}
760
761
762
763/**/
764.d2ms-widget-menu #d2ms-main-menu > li:hover > ul.sub-menu:after {
765    content: "";
766    position: absolute;
767    background: url(/file/get/file/1.20220723865da0aefc6b53ec8a0d6cecd5379daa114642.png);
768    background-size: 100% 100%!important;
769    background-repeat: no-repeat!important;
770    background-position: 0 0!important;
771    left: 0;
772    top: 0;
773    width: 300px;
774    height: 500px;
775    z-index: -1;
776}
777
778.d2ms-widget-menu #d2ms-main-menu > li:hover > ul.sub-menu {margin-top: 0px;}
779
780.SectionMenu #d2ms-section-sectionmenu-menu .d2ms-widget-menu ul.sub-menu > li > a::before {content: "\f0da";font-family: 'FontAwesome';margin-right: 10px;font-size: 19px;}
781.d2ms-widget-menu #d2ms-main-menu > li > ul.sub-menu > li ul.sub-menu {padding-left: 15px;}
782
783.faq-hilight {color: #000;}
784#btn-faq-question {display:none;}
785.faq-detail .pull-right {font-size: 16px;}
786.phone-tbl thead tr {background: linear-gradient(90deg, rgba(27,59,148,1) 0%, rgba(39,171,205,1) 100%) !important;}
787.phone-tbl {border: 1px solid #eee;}
788.intropage-image-div a img {max-width: 100%;}
789.Section11 .SectionRight .widget-kit-wgridcontent.doclist .row div.col-md-12:nth-child(7) .infocard .detail {border-bottom: none !important;}
790.Section11 .SectionLeft .widget-kit-wgridcontent.doclist .row div.col-md-12:nth-child(7) .infocard .detail {border-bottom: none !important;}
791
792
793#d2ms-section-main-left .widget-menu-3 li.active a {background: linear-gradient(90deg, rgba(27,59,148,1) 0%, rgba(39,171,205,1) 100%) !important;}
794#d2ms-section-main-left .widget-menu-3 li.open > a {background: linear-gradient(90deg, rgba(27,59,148,1) 0%, rgba(39,171,205,1) 100%) !important;}
795.document-hierarchy .inforow .detail .child .inforow .no-img-icon em {color: #a8abac;}
796.document-hierarchy .inforow .detail .child .detail .no-img-icon em {color: #a8abac;}
797.document-hierarchy .inforow .detail .child .detail .detail-title a {color:#000 !important;}
798
799.detail-title .content-icon {display:none;}
800
801.d2ms-headerimage img {height: 350px !important;}
802.d2ms-headerimage .menuheaderzone {padding-top: 9%;padding-left: 7%;}
803.content-category-main-page .inforow .detail .detail-date {font-size: 14px;}
804.content-category-list-page .inforow .detail .detail-date {font-size: 14px;}
805.content-category-list-page .child .infocard .image img {border-radius: 50%;width: 180px;height: 180px;}
806.content-category-list-page .child .infocards .detail {width:100% !important;padding-top: 5px;}
807.content-category-list-page .child .infocards .infocard {text-align: center;}
808.content-category-list-page .document-hierarchy .detail-title.has-arrow {border-bottom: 1px solid #ccc;margin-bottom: 25px;}
809.content-category-list-page .child .image .image-inner {padding-top: 83%;}
810.content-category-list-page .document-hierarchy .inforow {border-bottom: none;}
811
812
813.SectionMenu #d2ms-section-sectionmenu-menu .d2ms-widget-menu ul.sub-menu .sub-menu > li > a:hover {background: #cea85c !important;transition: all 0.5s !important;padding-left:10px !important;color:#fff !important;}
814.SectionMenu #d2ms-section-sectionmenu-menu .d2ms-widget-menu ul.sub-menu .sub-menu > li > a:hover::before {color:#fff;}
815
816.inforow .detail .detail-title a {font-weight: normal;}
817.inforow .detail .detail-title {padding-top: 10px}
818.infocard .detail .detail-title a {/*font-weight: bold;font-family: tahoma;*/font-size: 17px;font-family: Prompt;color: #02325F;}
819.search-data-d2ms .search-container .advance-search .control-label {text-align: left;}
820.search-data-d2ms .col-md-offset-2.col-md-8 {width: 80%;margin-left: auto;margin-right: auto;float: none;}
821/**/
822.info .article-search-zone #ArticleSearchCategory, .info .article-search-zone #ArticleSearchText {font-family: Prompt;}
823.info .article-search-zone .has-feedback .form-control {font-family: Prompt;}
824.inforow .detail .detail-title a {/*font-family: tahoma;font-size: 16px;*/font-size: 25px;font-family: Prompt Med;color: #02325F;}
825.article-document .docdetail-desc {font-family: THSarabunNew;}
826.infocard .detail .detail-title {font-family: THSarabunNew;}
827.article-detail {font-family: THSarabunNew;}
828.search-data-d2ms .search-container .advance-search .form-control {font-family: THSarabunNew;color: #000;}
829.search-data-d2ms .search-container .advance-search .control-label {font-family: THSarabunNew;color: #000;}
830.search-data-d2ms .search-container label {font-family: THSarabunNew;color: #000;}
831.search-data-d2ms #textsearch {font-family: THSarabunNew;color: #000;}
832.search-data-d2ms  .bootstrap-select .dropdown-toggle .filter-option-inner-inner {color: #000;}
833.search-data-d2ms input#txtSendDateTo::placeholder {color: #000;}
834.search-data-d2ms input#txtSendDateFrom::placeholder {color: #000;}
835.search-data-d2ms #textsearch::placeholder {color: #000;}
836#formSearch .inforow-search a.title {font-family: THSarabunNew;color: #000;}
837.search-data-d2ms .book-title .title b {background-color: yellow;}
838.Section11 .doclist .infocard .detail .detail-title a {font-family: tahoma !important;font-size: 17px !important;font-weight: normal;}
839.Section4 .SectionNewUpdate .infocard .detail .detail-row a .detail-introtext {font-family: tahoma !important;font-size: 18px !important;}
840.Section11 .doclist .infocard .detail .detail-title a:hover {color:#000;}
841.footer-contact-group .contact-item .title strong {font-weight: normal;}
842.footer-contact-group .contact-item h4 strong {font-weight: normal;}
843.Section4.new88 .widget-kit-wslidesetcontent .infocard .image.ratio-4-3 {padding-top: 65%;}
844
845.Section1 .widget-kit-wslidesetbanner .infocard {margin-bottom: 0px;}
846.extra .page-widget-title h1 {margin-top: 0px;}
847/**/
848.content-list .article-search-zone {text-align: center;}
849.m-9766527f2b5d3e95d4a733fcfb77bd7e .SectionMenu #d2ms-section-sectionmenu-wcag-logo .d2ms-box img { margin-top: 10px;}
850.calendar-article-template-2 .article-multi #videoPlayer  .video-embed {width: 80%;height: 500px;}
851.calendar-article-template-1 .article-multi #videoPlayer  .video-embed {width: 80%;height: 500px;}
852
853/**/
854.footer-contact-group .contact-item.social em {margin: 0px 5px;}
855.footer-contact-group .contact-item em {color: #000066;font-size: 32px;}
856.extra .page-widget-title h2 {font-family: 'Prompt';text-align: center;font-size: 43px;}
857.extra .page-widget-title h2 {margin-top: 0px;}
858/**/
859.footer-contact-group .contact-item.social .fontawesomesvg path {fill:#000066;}
860.footer-contact-group .contact-item.social .fontawesomesvg {margin: 0px 5px;top: 5px;position: relative;}
861#d2ms-section-sectionhead-top2 .social-box .social-item .fontawesomesvg path {fill:#ffffff;}
862#d2ms-section-sectionhead-top2 .social-box .social-item .fontawesomesvg {position: relative;top: 4px;}
863#d2ms-section-sectionhead-top2 .social-box .social-item:hover:nth-child(5) .fontawesomesvg path {fill:#15a161;}
864#d2ms-section-sectionhead-top2 .social-box .social-item:hover .fontawesomesvg {background: #fff;padding: 1px 2px;border-radius: 5px;}
865/**/
866
867#extra .extrabanner .read-more-t {display:none;}
868.breadcrumb>.active {color:#000;}
869.breadcrumb li a {color: #747474;}
870.info .article-search-zone #ArticleSearchCategory::placeholder , .info .article-search-zone #ArticleSearchText::placeholder {color:#000;}
871.info .article-search-zone .has-feedback .form-control::placeholder {color:#000;}
872
873.offcanvas-inner .widget-menu-3 ul ul li.has-sub > a::after {border-top: 2px solid #333;border-left: 2px solid #333;}
874
875/**/
876#d2ms-section-sectionfooter {padding-top: 10px;padding-bottom: 20px;}
877#d2ms-section-sectionhead-logo .logo-brand .logo-brand-img {width: 220px;position: absolute;background: #fff;padding: 7px 15px;z-index: 1;}
878
879.banner2 .d2ms-widget-body img {padding: 0px;}
880.banner2 .col-sm-6 {padding: 0px;}
881
882.mocaccount-zone {display:none;}
883.signin-page #login-panel {background: #fff}
884
885.calendar-event-list-title {background: linear-gradient(to left, #c72486, #2b5094) !important;}
886.infodetail .information-panel h3 {background:#395bc3 !important;font-weight: normal !important;padding: 7px 0px;}
887.article-detail2 .info-box .detail-btn a.btn-info {background: #c72486 !important;border: none;}
888.article-detail2 .info-box {border: solid 2px #cc0066 !important;}
889.contact-title {background: #4b6078 !important;}
890.article-detail2 .info-box .row.detail-title div {color: #cc0066 !important;}
891.title-label {background:#0b2c5f !important;}
892
893
894#set3 .page-row-title::before {
895    content: "";
896    border: 35px solid #D16EB2;
897    top: 0px;
898    position: absolute;
899    left: -128px;
900    width: 128px;
901    background: #D16EB2;
902}
903
904#set3 .page-row-title {position: relative;
904left: 122px;color: white;font-size: 35px;line-height: 48px;}
905
906#set3 .page-row-title  h1 {background: #b0037a;padding-top: 15px;padding-bottom: 15px;width: 280px;margin-top: 0px;margin-bottom: 0px;line-height: 39px !important;padding-left: 15px;}
907#set3 .page-row-title  p {padding-left: 15px;padding-top: 15px;padding-bottom: 25px;}
908.set3 {padding-bottom: 40px;}
909.Section3 {padding-bottom: 30px;}
910.Section3 .event1 .slick-track > div:nth-child(3n+2) .btn {background-color:#511B8D;}
911.Section3 .event1 .slick-track > div:nth-child(3n+3) .btn {background-color:#881388;}
912
913.set4 .page-row-title .head1 {color:#D10B79;}
914.set4 .page-row-title .head2 {color:#3B1D82;}
915.set4 .page-row-title {margin-bottom: 20px;}
916
917.Section3 .page-row-title .head1 {color:#D10B79;}
918.Section3 .page-row-title .head2 {color:#3B1D82;}
919
920.Section3 .event1 .slick-track > div:nth-child(3n+1) {border-bottom: 3px solid #D10B79;}
921.Section3 .event1 .slick-track > div:nth-child(3n+2) {border-bottom: 3px solid #511B8D;}
922.Section3 .event1 .slick-track > div:nth-child(3n+3) {border-bottom: 3px solid #881388;}
923
924.Section3 .event1 .slick-track .slick-slide {padding-left: 0;padding-right: 0;margin-right: 15px;margin-left: 15px;}
925
926
927.Section3 .event1 .slick-track .slick-slide .btn::after {
928    content: '\f105';
929    font-family: FontAwesome;
930    font-weight: normal;
931    font-style: normal;
932    text-decoration: none;
933    position: absolute;
934    right: 8%;
935}
936.Section3 .event1 .slick-list {margin-bottom: 20px;}
937.Section3 .infocard .image .date-image {top: unset;bottom: 0;}
938.Section3 .infocard {margin-bottom: 0px;}
939
940#set3 .page-row-title .head1 {font-size: 37px !important;font-family: 'tahoma';font-weight: bold;}
941#set3 .page-row-title .head2 {font-size: 37px !important;font-family: 'tahoma';font-weight: normal;}
942
943#set3 .infocard .image img {border-radius: 10px;position: initial;}
944#set3 .widget-kit-wslidesetcontent .infocard .image.ratio-1-1 {padding-top: 0%;height: 230px;width: 230px;margin: auto;}
945#set3 .widget-kit-wslidesetcontent .slick-dots li button:before {font-size: 15px;}
946#set3 .widget-kit-wslidesetcontent {margin-top: 70px;}
947#set3 .widget-kit-wslidesetcontent .slick-dots {bottom: -30px;}
948
949#set3 .slick-list .infocard .slick-slide {width: 250px;}
950
951.set4 .page-row-title span { font-size: 37px !important; font-family: 'tahoma'; color: #000;line-height: 90px;font-weight: bold;}
952.set4 .page-row-title p { position: relative; top: -15px; font-size: 36px; line-height: 37px; color: #000; margin: 0; }
953
954.set4 .nav-tabs {align-items: flex-end;display: flex;border-bottom: 0px;}
955.set4 .nav-tabs li {flex: 1;text-align: center;}
956
957.set4 .grid3 .detail-view {position: absolute;left: 0;background: #B50F7B;height: 200px;top: 0;color: #fff;padding-top: 50px !important;padding-left: 10px !important;}
958.set4 .grid3 .infocard {padding-left: 15%;float:left;padding-top: 30px;width: 100%;}
959
960.set4 .grid3 .infocard .detail .detail-view .detail-publish {width: 100%;display: inline-block;}
961.set4 .grid3 .infocard .detail .detail-view .detail-view-amount {float: left;display: inline-block;}
962.set4 .grid3 .col-md-12:nth-child(odd) .detail .detail-view {background: #D80777;}
963.set4 .grid3 .col-md-12:nth-child(even) {background: #f2f2f2;}
964.set4 .grid3 .infocard .detail {width: 80%;padding-top: 0px;}
965.set4 .tab-content {padding-left: 5%;padding-right: 5%;}
966
967.set4 .nav-tabs li {background: #CCCCCC;margin-right: 10px;border-radius: 5px;}
968.set4 .nav-tabs li.active {background: #511B8D;}
969
970.set4 .nav-tabs>li.active>a, .set4 .nav-tabs>li.active>a:focus, .set4 .nav-tabs>li.active>a:hover {background-color: transparent;border: none;color:#fff;font-size: 30px;}
971.set4 .nav-tabs>li>a {margin-right: 0px;color: #000;font-size: 30px;}
972.set4 .nav>li>a:focus, .set4 .nav>li>a:hover {background-color:#511B8D;color: #fff;}
973.set4 .grid3 .infocard .image {margin-left: 15px;float: left;}
974
975.set4 .widget-kit-wgridcontent .infocard .detail .detail-title a {font-family: 'Prompt';font-size: 25px;min-height: auto;}
976.set4 .infocard .detail .detail-introtext {font-family: tahoma;font-size: 14px !important;line-height: 24px !important;height: 48px !important;
977    overflow: hidden !important;}
978.set4 .widget-kit-wgridgallery .infocard .detail .detail-title a {
979    font-family: 'Prompt';
980    font-size: 25px;
981    min-height: auto;
982}
983
984.widget-kit-wgridgallery .infocard .detail .detail-title a
985
986.set4 .tab-content .wg-tab-link .btn::after {
987    content: '\f105';
988    font-family: FontAwesome;
989    font-weight: normal;
990    font-style: normal;
991    text-decoration: none;
992position: relative;
993    left: 10%;
994}
995.set4 .tab-content .wg-tab-link .btn {width: 200px;font-size: 24px;line-height: 30px;margin-top: 20px;}
996
997.set4 {padding-top: 30px;padding-bottom: 30px;}
998.Section3 {padding-top: 30px;padding-bottom: 30px;}
999
1000.set4 .grid3 .detail-introtext {color:#999 !important;}
1001.set5 {margin-top: 30px;margin-bottom: 30px;}
1002
1003.bgnewletter {padding-top: 60px;padding-bottom: 50px;}
1004.bgnewletter .d2ms-widget-body img {border-radius: 10px;}
1005
1006.footersocial .social-item {border-radius: 50%;
1007    border: 1px solid #cbcbcb;
1008    font-size: 16px;
1009    padding: 11px 18px;
1010    color: #fff;
1011    margin: 10px;
1012    width: 50px;
1013    height: 50px;
1014    display: inline-block;
1015    line-height: 30px;}
1016.footersocial {text-align: center;}
1017
1018#d2ms-section-section-title-footeraddress .listmenu2 {list-style: disc;color: #C9C9C9;display: flex;flex-wrap: nowrap;justify-content: space-evenly;}
1019#d2ms-section-section-title-footeraddress .listmenu2 a {color: #C9C9C9;font-size: 18px;}
1020#d2ms-section-section-title-footeraddress {padding-top: 30px;padding-bottom: 30px}
1021.d2ms-footeraddress .footersocial {padding-bottom: 30px;}
1022
1023.inforow .detail .detail-title {padding-top: 0px;}
1024
1025
1026.d2ms-widget-menu-wrapper.with-offcanvas #toggleCanvas {display:none;}
1027
1028#d2ms-section-sectionhead {background: #0F4176;}
1029
1030
1031.section2 .widget-kit-wslidesetcontent .infocard .detail .detail-row a, .section2 .widget-kit-wslidesetcontent .infocard .detail .detail-row div {height: auto !important;}
1032.section2 .widget-kit-wslidesetcontent .infocard .detail {text-align: center;padding-bottom: 20px;}
1033.section2 .widget-kit-wslidesetcontent .infocard .detail .line1 {color:#fff !important;font-size: 27px;margin-bottom: 5px;}
1034.section2 .widget-kit-wslidesetcontent .infocard .detail .line2 {color:#fff !important;font-size: 27px;}
1035.section2 .widget-kit-wslidesetcontent .infocard .detail .fa {color:#fff;font-size: 42px;margin-bottom: 10px;margin-top: 10px;}
1036.section2 .widget-kit-wslidesetcontent .infocard .slideset-content-date {display:none;color:#fff;}
1037.section2 .widget-kit-wslidesetcontent .infocard .slideset-content-date em {color:#fff;}
1038.section2 .right1 {background-color: #395BC3;}
1039
1040.section2 .col-sm-4 {padding-right: 0;}
1041.section2 .col-sm-8 {padding-left: 0;}
1042
1043.section2 .left1 {padding-left: 20%;padding-top: 9%;height: 165px !important;}
1044.section2 .left1 .d2ms-widget-body {line-height: 37px;}
1045
1046.section2 .left1 .d2ms-widget::after {
1047    content: '\f105';
1048    font-family: FontAwesome;
1049    position: absolute;
1050color:#fff;
1051right: 100px;
1052    font-size: 75px;
1053    top: 30px
1054}
1055
1056
1057.zone4 .nav-tabs>li>a .text {color: #0A2653;font-size: 27px;}
1058.zone4 .nav-tabs>li.active>a .text {color:#fff;}
1059.zone5 .page-row-title span {font-weight: bold;padding-right: 44px;font-family: Prompt;}
1060.zone5 .page-row-title .ohmfaq {color:#fff;}
1061.zone6 .left1 .page-widget-title span {font-family: Prompt;font-weight: bold;color: #fff;line-height: initial !important;}
1062.zone6 .left1 .widget-kit-wslidesetcontent .infocard .image.ratio-16-9 {padding-top: 50%;border-radius: 10px;}
1063.zone6 .right1 .widget-kit-wslidesetcontent .infocard .image.ratio-1-1 {padding-top: 104%;border-radius: 10px;}
1064.zone7 .right2 .d2ms-widget-body iframe {border-radius: 10px;}
1065
1066#d2ms-section-section-copyright  {text-align: center;color: #fff;}
1067
1068#d2ms-section-section-bottom-footeraddress .listmenu2 a {color: #C9C9C9;font-size: 18px;}
1069#d2ms-section-section-bottom-footeraddress .listmenu2 {
1070    list-style: disc;
1071    color: #C9C9C9;
1072    display: flex;
1073    flex-wrap: nowrap;
1074    justify-content: space-evenly;
1075}
1076#d2ms-section-section-copyright-copyright .d2ms-copyright {
1077    font-size: 17px;
1078    text-align: center;
1079    color: #C9C9C9;
1080}
1081#d2ms-section-section-copyright-copyright .d2ms-copyright span { color:#C9C9C9 !important;}
1082
1083#d2ms-section-section-copyright {
1084    padding-top: 10px;
1085    padding-bottom: 10px;
1086}
1087#d2ms-section-section-bottom {padding-top: 50px;padding-bottom: 20px;}
1088.zone6 .page-widget-title {margin-bottom: 10px;}
1089
1090.zone3 {padding-top: 50px;}
1091.zone3 .page-row-title::after{
1092content: "";
1093    border: 3px solid #DFDFDF;
1094    top: -28px;
1095    width: 100%;
1096    background: #DFDFDF;
1097    float: left;position: relative;
1098}
1099
1100
1101.zone5 .faq .read-more-t a {background: #F0F1F5;padding: 5px 20px;border: none;}
1102.zone5 .faq .read-more-t a::after {
1103    content: '\f061';
1104    font-family: FontAwesome;
1105    position: relative;
1106    margin-left: 20px;
1107    top: 2px;
1108}
1109.zone5 .faq .read-more-t {position: absolute;right: 0;top: -52px;}
1110.zone5 .faq {overflow: initial;}
1111
1112/**/
1113.zone3 .recommend .read-more-t a {background: #F0F1F5;padding: 5px 20px;border: none;}
1114.zone3 .recommend .read-more-t a::after {
1115    content: '\f061';
1116    font-family: FontAwesome;
1117    position: relative;
1118    margin-left: 20px;
1119    top: 2px;
1120}
1121.zone3 .recommend .read-more-t {position: absolute;right: 0;top: -75px;}
1122.zone3 .recommend {overflow: initial;}
1123.zone3 .recommend .lightGallery {margin-top: 20px;}
1124.recommend .infocard .image {border-radius: 10px;}
1125
1126/**/
1127.zone4 .slick-dots li button:before {content: '\f2d1';font-family: FontAwesome;font-size: 25px;}
1128.zone4 .slick-dots li {width: 30px !important;}
1129.zone4 .slick-dots li.slick-active button:before {color: #CEA85C !important;}
1130.zone4 .slick-dots li button:before {color: #fff !important;}
1131
1132/**/
1133.zone5 .slick-dots li button:before {content: '\f2d1';font-family: FontAwesome;font-size: 25px;}
1134.zone5 .slick-dots li {width: 30px !important;}
1135.zone5 .slick-dots li.slick-active button:before {color: #F37835 !important;}
1136.zone5 .slick-dots li button:before {color: #999999 !important;}
1137.zone5 .widget-kit-wslidesetcontent .slick-dots {bottom: -40px;}
1138
1139
1140.recommend .infocard .detail .detail-row a {height: auto !important ;}
1141.recommend .infocard .detail .detail-row div {height: 100%;overflow: initial;font-size: 25px;color: #000;-webkit-line-clamp: initial;display: inline-block;}
1142.recommend .infocard .image2 {margin-top: 15px !important;}
1143
1144#section2 {background: #0E4A80;border-bottom: 5px solid #F27634;}
1145
1146
1147
1148/**/
1149.offcanvas-inner .d2ms-widget-title {
1150    padding: 5px 10px;
1151    font-size: 21px;
1152    font-weight: normal;
1153    border-bottom: 2px solid white;
1154    color: #fff;background: #152253;
1155}
1156
1157/**/
1158.zone4 .nav-tabs>li.active>a:after {position: absolute;
1158width: 20px;height: 20px;top: 80%;left: 45%;content: '';transform: rotate(45deg);background: #CEA85C !important;}
1159.zone4 .widget-kit-wslidesetcontent .infocard .detail a {font-family: Prompt;font-weight: normal;font-size: 25px;color: #fff;}
1160.zone4 .widget-kit-wslidesetcontent .infocard .detail .detail-title {white-space: unset;height: 60px;margin-bottom: 10px;}
1161.zone4 .widget-kit-wslidesetcontent .infocard .detail-introtext {height: 100% !important;}
1162.zone4 .widget-kit-wslidesetcontent .infocard .detail-introtext .name {font-family: tahoma;font-size: 13px !important;line-height: 19px !important;height: 30px;}
1163.zone4 .widget-kit-wslidesetcontent .infocard .detail-introtext .prize {font-family: tahoma;font-size: 13px !important;line-height: 19px !important;height: 40px;}
1164
1165.zone4 .widget-kit-wslidesetcontent .infocard .detail-introtext .name .prefix {font-weight: bold;}
1166.zone4 .widget-kit-wslidesetcontent .infocard .image {padding-top: 50%;}
1167.zone4 .template2 {margin-top: 0px;}
1168.zone4 .template2 .infocard {margin-top: 0px;}
1169
1170/*custom page1*/
1171.m-4e732ced3463d06de0ca9a15b6153677 #d2ms-section-section-header {display:none;}
1172
1173
1174.m-f457c545a9ded88f18ecee47145a72c0 .article-document .docdetail {color: #010000;}
1175.m-f457c545a9ded88f18ecee47145a72c0 .article-document .docdetail-date a {color: #3c8dbc;}
1176.m-f457c545a9ded88f18ecee47145a72c0 .article-tag .keyword {background-color: #02325F;}
1177.m-f457c545a9ded88f18ecee47145a72c0 .docdetail-date {font-size: 24px; font-family: 'Prompt';}
1178
1179
1180
1181.m-19ca14e7ea6328a42e0eb13d585e4c22 .article-detail .article-detail img {width: 160px !important; height: 160px !important; border-radius: 50%;}
1182
1183
1184.d2ms-widget-menu #d2ms-main-menu > li:hover > ul.sub-menu {background: #0b2c5f;width: 250px;}
1185.nav>li>a:hover, .nav>li>a:active, .nav>li>a:focus {background: none;padding-bottom: 5px !important;}
1186.zone3 .page-row-title>span {padding-left: 25px;}
1187.zone5 .page-row-title span {padding-left: 10px;}
1188.d2ms-widget-menu #d2ms-main-menu > li:hover > ul.sub-menu {/*border-top: 2px solid #d2d6de;*/}
1189.d2ms-widget-menu ul.sub-menu {top: 36px;}
1190.inforow .detail .detail-intro {font-family: 'tahoma';font-size: 13px;}
1191.faq-category {background: #0b2c5f;color: #fff;}
1192.faq-topic {background: #ccc;border-radius: 5px;}
1193.faq-detail {border-radius: 5px;}
1194.faq-sub-category {background: #CEA85C;color: #fff;}
1195.section2 .widget-kit-wslidesetcontent .infocard .detail {padding: 0px;}
1196
1197.m-e369853df766fa44e1ed0ff613f563bd .d2ms-headerimage img {object-position: top;}
1198.m-e369853df766fa44e1ed0ff613f563bd .article-detail table img {border-radius: 50%;}
1199.article-detail img.circle {border-radius: 50%;}
1200.article-detail-195 table th {background: #337ab7;color:#fff;font-weight: normal;}
1201.article-detail-195 table tr:nth-child(even) {background-color: #f2f2f2;}
1202.article-detail-195 table p {margin:0px;}
1203.m-c16a5320fa475530d9583c34fd356ef5 .eform  {border:none;border-color: unset;}
1204.m-c16a5320fa475530d9583c34fd356ef5 .eform .print {display:none;}
1205.btn.btn-primary {background: linear-gradient(to left, #0170b8, #2b5094) !important;border-color: #2b5094 !important;}
1206
1207.signin-page .d2ms-section-hasmainbox {background-image: url(/file/get/file/2.20230510506166cfb9872f7637adfae814a57cd8150759.jpg);background-size: cover;}
1208.signin-page #login-panel {background: none;}
1209.result-list-panel .infocard {border-bottom: 3px solid #395BC3;margin-bottom: 50px;}
1210.profile-edit-page .panel-default {border:none;border-color: unset;}
1211.profile-page .panel-default {border:none;border-color: unset;}
1212#zone4 .wg-tab-content {margin-bottom: 0px;}
1213#zone4 .wg-tab-link {margin-bottom: 10px;}
1214
1215#zone4 .award .infocard .detail-introtext {font-family: trahoma;font-size: 13px;}
1216
1217#articleOptionDisplay {display:none;}
1218
1219/**/
1220.eform  label {font-family: 'Prompt';}
1221
1222
1223.article-tag .keyword {background-color: #02325F; border: none;}
1224
1225.pagination .active a {background-color: #02325F !important; border: none;}
1226#login-panel {background-image: url(/file/get/file/1.20230720ab36fdc41550db15fd4a47f2e44f0076135001.jpg) !important;background-size: cover !important;}
1227#login-panel .panel-detail {margin-top: 100px !important;margin-bottom: 50px;}
1228/*.m-d1fe173d08e959397adf34b1d77e88d7 .d2ms-section-hasmainbox .container {max-width: initial !important;}*/
1229/*.m-d1fe173d08e959397adf34b1d77e88d7 .d2ms-section-hasmainbox .container .col-md-12 {padding-right: 0px;padding-left: 0px;}*/
1230.m-6c8349cc7260ae62e3b1396831a8398f .content-list .article-search-zone-award {background: #CEA85C;padding: 15px;}
1231.m-6c8349cc7260ae62e3b1396831a8398f .content-list .article-search-zone-award #ArticleSearchText {width: 100% !important;margin-bottom: 10px;}
1232.m-6c8349cc7260ae62e3b1396831a8398f .content-list .article-search-zone-award select {width: 43.5%;margin-right: 15px;}
1233.m-6c8349cc7260ae62e3b1396831a8398f .content-list .article-search-zone-award #btnArticleSearch {width: 10%;font-size: 23px;line-height: 25px;}
1234.m-6c8349cc7260ae62e3b1396831a8398f .content-list .article-search-zone-award #btnArticleSearch em {margin-right: 7px;}
1235.inforow .detail .detail-intro {color: #02325F;}
1236.inforow .detail .detail-intro .productname , .inforow .detail .detail-intro .name {color: #cea85c;}
1237
1238/*.m-a3f390d88e4c41f2747bfa2f1b5f87db #profile-tabs ul li:nth-child(1) , .m-a3f390d88e4c41f2747bfa2f1b5f87db #profile-tabs ul li:nth-child(2) , .m-a3f390d88e4c41f2747bfa2f1b5f87db #profile-tabs ul li:nth-child(3) {display:none;}*/
1239
1240.zone3 .page-row-title .ohm1 {color: #fff;}
1241.zone3 .page-row-title .ohm2 {color: #fff;}
1242.section2 .widget-kit-wslidesetcontent .infocard .detail .detail-introtext {}
1243.section2 .widget-kit-wslidesetcontent .infocard .detail .detail-row a {color:#fff !important;border-right: 1px solid #fff;height: 130px !important;}
1244.zone6 .right1 .page-widget-title span {color: #cba055;}
1245/**/
1246#d2ms-section-sectionhead-top2 #widget-login .user-menu #lnkLogin span {display:none;}
1247#d2ms-section-sectionhead-top2 #widget-login.navbar-nav > li.dropdown.user.user-menu > a {background: none;}
1248#d2ms-section-sectionhead-top2 #widget-login.navbar-nav > li.dropdown.user.user-menu > a em {font-size: 25px;}
1249#d2ms-section-sectionhead-top2 #widget-login.navbar-nav > li.dropdown.user.user-menu > a  {/*border: 2px solid #ffffff;padding: 3px 7px;*/margin-left: 2px;}
1250#widget-login .dropdown-notification {display:none;}
1251#widget-login .user-menu .dropdown-toggle span {display:none;}
1252.zone6 .video .btn-read-more-all {background: linear-gradient(to left, #0170b8, #2b5094) !important;border-color: #2b5094 !important;padding: 6px 12px 4px;font-size: 1.8rem;color: #fff;border-radius: 3px;}
1253.zone6 .video .read-more-t {position: absolute;right: 0;top: -55px;}
1254.zone6 .video {overflow: inherit;}
1255.m-03afdbd66e7929b125f8597834fa83a4 .eform-6 .content-zone .result-list .infocard .detail-date {display:none;}
1256.m-03afdbd66e7929b125f8597834fa83a4 .eform-6 .content-zone .result-list .infocard .detail-title {height: auto !important;}
1257.m-03afdbd66e7929b125f8597834fa83a4 .eform-6 .content-zone .result-list .infocard {text-align: center;}
1258.m-03afdbd66e7929b125f8597834fa83a4 .eform-6 .content-zone .result-list .infocard .detail .detail-intro {height: 80px;-webkit-line-clamp: unset;}
1259.m-03afdbd66e7929b125f8597834fa83a4 .eform-6 .content-zone .result-list .infocard .detail .detail-title a {font-size: 31px;}
1260
1261
1262#d2ms-section-sectionhead-top1 .d2ms-widget-body {padding-top: 10px;padding-left: 15px;}
1263#d2ms-section-sectionhead-top1 .d2ms-widget-body p {margin:0px;font-family: 'Prompt';font-size: 14px !important;}
1264#d2ms-section-sectionhead-logo {width: 17%;}
1265
1266
1267.right1 .slick-initialized .slick-slide {padding-left: 0;padding-right: 0;}
1268.zone6 .page-widget-title {background: #F37835;width: 45%;margin: auto;border-radius: 10px;text-align: center;padding: 5px;margin-bottom: 20px;}
1269.section2 .right1 .infocard {float: left;width: 100%;}
1270
1271.zone6 .left1 .read-more-t a {background: #012D5E !important;padding: 5px 20px;border: none;font-size:2.2rem;}
1272.zone6 .left1 .read-more-t a::after {
1273    content: '\f061';
1274    font-family: FontAwesome;
1275    position: relative;
1276    margin-left: 20px;
1277    top: 2px;
1278}
1279#d2ms-section-sectionhead-top2 #widget-login.navbar-nav {padding-left: 5px;}
1280
1281.section2 .right1 .infocard:hover {-webkit-transform: scale(1.1);transform: scale(1.1);}
1282.section2 .right1 .infocard {-webkit-transform: scale(1);-webkit-transition: .3s ease-in-out;}
1283
1284.infodetail .information-panel .title {font-family: Prompt;font-size: 30px;font-weight: bold;color: #395bc3 !important;}
1285
1286/*.article-search-zone {display:none;}*/
1287.content-list.bestperson .infocard .detail .detail-date {display:none;}
1288.content-list.bestperson .infocard .detail .detail-title {height: 35px !important;margin-top: 5px;}
1289.content-list.bestperson .infocard .detail .detail-title a {font-size: 29px;}
1290.content-list.bestperson .infocard .detail  {text-align: center;}
1291.content-list.bestperson .infocard .detail .detail-intro {font-family: tahoma;font-size: 14px;font-weight: bold;-webkit-line-clamp: unset !important;}
1292.content-list.bestperson .infocard .image .image-inner {padding-top: 48%;}
1293
1294.content-list .infocard {box-shadow: 5px 5px 5px rgba(125, 125, 125, 0.34);}
1295.content-list .infocard .detail {padding: 15px 15px 0px;}
1296.content-list .infocard .detail .detail-title{-webkit-line-clamp: unset;}
1297
1298.content-list .title-panel .title {font-family: Prompt;font-size: 30px;font-weight: bold;color: #395bc3 !important;}
1299.infopage .information-panel .title, .title-panel .title .infopage .information-panel .title, .title-panel .title {font-family: Prompt;font-size: 27px;font-weight: bold;}
1300.m-f7177163c833dff4b38fc8d2872f1ec6 .d2ms-headerimage .menuheaderzone .menuheadertitle {font-size: 37px !important;}
1301
1302#login-panel {background-image: url(/file/get/file/2.20240808ba7e2ae02d4bd3bf21814526318863e4155152.jpg) !important;background-size: cover !important;}
1303#register-panel .panel-detail .panel-body .title-label {font-family: Prompt;font-size: 20px;font-weight: bold;margin-top: 20px;padding: 10px 15px 10px;background: #395BC3 !important;}
1304
1305.jumbotron p {font-size: 26px;}
1306#register-finish .text-email-finish {color: #f39c12;}
1307#register-finish #finish-panal .jumbotron a {font-size: 26px;}
1308
1309.m-72b32a1f754ba1c09b3695e0cb6cde7f .article-detail h3 {background: #395bc3 !important;font-weight: normal !important;padding: 7px 0px;color: #fff;padding-left: 20px;margin-top: 30px;}
1310.m-72b32a1f754ba1c09b3695e0cb6cde7f .infodetail .information-panel ul {margin-left: 20px;padding-left: 3%;margin-bottom: 20px;
1311}
1312
1313.amount-zone .amount-title {font-family: 'Prompt';font-size: 33px;display: flex;justify-content: center;align-items: center;margin-bottom: 20px;}
1314.amount-zone .amount-amount .amount-amount-box {font-family: 'Prompt';font-size: 35px;width: 42%;}
1315.amount-zone .amount-title em {font-size: 50px;margin-right: 20px;}
1316.amount-zone {padding: 30px 15px;}
1317#formSearch-eform-submission .col-md-3 {width: 50%;}
1318.eform-submission .table-zone .dataTables_scrollHeadInner {width: 100% !important;}
1319.eform-submission .table-zone table.table-bordered {width: 100% !important;}
1320.eform-submission .table-zone thead tr th {text-align: center;vertical-align: middle;}
1321.eform-submission .table-zone tbody tr td {font-size: 19px;}
1322
1323.finish-eform a.data9 {background: #f39c12;padding: 10px 15px;border-radius: 5px;color: #fff;}
1324#mypage #myDetail .social-item {width: 30px;height: 30px;}
1325#mypage .verify-kbs {display:none;}
1326#mypage .title-label {background: #395BC3 !important;font-family: Prompt;font-size: 23px;font-weight: bold;}
1327.m-a3f390d88e4c41f2747bfa2f1b5f87db .profile-tab-eform a {background-color: #012D5E !important;font-family: Prompt;font-size: 23px;font-weight: bold;}
1328.eform-submission {padding-top: 15px;}
1329
1330#offCanvas .d2ms-widget .user-menu .hidden-xs {display: initial !important;}
1331#offCanvas #widget-login .user-menu .dropdown-toggle span {display: initial !important;margin-left: 7px;}
1332#offCanvas #widget-login {padding: 10px;margin-top: 10px;margin-bottom: 10px;}
1333#offCanvas #widget-login.navbar-nav>.user-menu>.dropdown-menu {width: 100%;right: 0;left: 0;background: #152253;}
1334#offCanvas .navbar-nav .open .dropdown-menu>li>a {color:#fff;font-size: 19px;padding-top: 10px;}
1335#offCanvas #widget-login.navbar-nav > li.dropdown.user.user-menu .dropdown-toggle {border-radius: 0;}
1336.zone5 .detail .detail-title {height: 90px;}
1337
1338/**/
1339#d2ms-section-sectionhead-top1 .d2ms-widget-body p {color:#fff;}
1340#d2ms-section-sectionmenu-wcag-logo {width: 27%;padding-top: 0px;padding-bottom: 4px;}
1341#d2ms-section-sectionmenu-wcag-position1 .d2ms-widget {display: inline-block;}
1342#d2ms-section-sectionmenu-wcag-position1 .d2ms-widget .d2ms-widget-title {margin-right: 10px;}
1343#d2ms-section-sectionmenu-wcag-position1 {width: 68%;padding-right: 0px;text-align: right;}
1344#d2ms-section-sectionmenu-wcag-position2 {width: 8%;padding-right: 0px;padding-left: 0px;text-align: center;}
1345#d2ms-section-sectionmenu-wcag-position3 {padding-right: 0px;padding-left: 0px;width: 7%;}
1346#d2ms-section-sectionmenu-wcag-position3 .switchlang-box {margin-top: 5px;font-size: 20px;}
1347.switchlang-box span a {background: #CCCCCC;padding: 1px 5px;border-radius: 50%;color:#fff;font-size: 18px;}
1348.switchlang-box span a[data-lang="th"] {background: #0973D7;color: #fff;}
1349#d2ms-section-sectionmenu-wcag-position1 .d2ms-widget .d2ms-widget-title {font-family: 'Prompt';font-size: 13px;line-height: 30px;
1349display: inline-block;}
1350.d2ms-logo-text {padding-top: 25px;line-height: 22px;}
1351#d2ms-section-sectionhead {padding-top: 6px;padding-bottom: 6px;}
1352#d2ms-section-sectionmenu-wcag-menu {width: 73%;padding-top: 0px;}
1353#divColorContrast em {font-size: 19px;}
1354#divColorContrast {margin-left: 17px;}
1355#d2ms-section-sectionmenu-wcag-position16 {width: 68%;}
1356#d2ms-section-sectionmenu-wcag-position16 .d2ms-box {display:none;}
1357#d2ms-section-sectionmenu-wcag .row {padding-top: 5px;}
1358
1359#d2ms-section-sectionmenu-wcag-position1 .d2ms-widget .d2ms-widget-body {display: inline-block;}
1360
1361#d2ms-section-sectionmenu-wcag-position1 .d2ms-widget .d2ms-widget-body .navbar-right {float: unset !important;}
1362#d2ms-section-section-copyright-copyright .d2ms-copyright {font-family: Prompt;font-size: 15px !important;}
1363#d2ms-section-section-bottom-footeraddress {color:#fff;}
1364#d2ms-section-section-bottom-footer4 .d2ms-widget-body iframe {border-radius: 10px;}
1365.d2ms-widget-menu ul.sub-menu > li > a {font-family: 'Prompt';font-size: 14px !important;color:#fff;border-bottom: 1px solid #444;border-top: none;}
1366.d2ms-widget-menu ul.sub-menu .caret {float: right;top: 10px;position: relative;}
1367.d2ms-widget-menu ul.sub-menu > li > a {width: 290px;line-height: 23px;font-size: 13px;padding: 7px 12px;background: #0a214a;}
1368.d2ms-widget-menu ul.sub-menu {width: 290px;}
1369.d2ms-widget-menu ul.sub-menu ul.sub-menu {left: 275px;}
1370.d2ms-widget-menu #d2ms-main-menu li a:hover {color: #0a214a;background: #ffffff;}
1371.d2ms-widget-menu #d2ms-main-menu li ul.sub-menu li a::before {
1372    content: '\f138';
1373    font-family: FontAwesome;
1374    font-weight: normal;
1375    font-style: normal;
1376    text-decoration: none;
1377    font-size: 12px;
1378    padding-right: 10px;
1379    top: 0px;
1380    position: relative;
1381}
1382.inforow .detail .detail-title a {font-family: 'Prompt';font-size: 17px;}
1383.info .article-search-zone #ArticleSearchCategory, .info .article-search-zone #ArticleSearchText {font-size: 15px;}
1384.info .article-search-zone .has-feedback .form-control {font-size: 15px;}
1385.btn.btn-primary {font-size: 15px;font-family: 'Prompt';}
1386
1387/*Custom Home Fix*/
1388
1389.wsearchmenu .wsearchmenu-ddl .input-group input::placeholder {color:#000;line-height: 30px;}
1390.wsearchmenu .wsearchmenu-ddl .input-group em {font-size: 30px;}
1391.wsearchmenu .wsearchmenu-ddl .input-group input[type=text] {padding-top: 13px;}
1392
1393/*custom home widget*/
1394/*.slick-dots li button::before {content: "";border-bottom: 8px solid #2D4B8A;width: 34px;}*/
1395.slick-dots li button {width: 34px;height: 10px;}
1396.slick-dots {position: unset;display: flex;justify-content: center;column-gap: 27px;margin-top: 10px;}
1397
1398
1399.zone5 {padding-top: 50px;padding-bottom: 50px;}
1400.zone5 .page-row-title p {font-family: Prompt;font-size: 48px !important;font-weight: bold;}
1401.page-row.zone5 {height: auto !important;padding-bottom: 30px;}
1402.weblink1-widget .galleryPrev.slick-arrow {left: 0;}
1403.weblink1-widget .galleryNext.slick-arrow {right: 0;}
1404.zone7 .col-sm-9 .page-widget {padding-right: 0;}
1405.zone7.page-row > .row > div:last-child {padding-left:15px;padding-right: 15px;}
1406.weblink1-widget .galleryPrev.slick-arrow {transform: unset;}
1407.weblink1-widget .slick-list {width: 80%;margin: auto;}
1408
1409
1410.zone6 .page-row-title h1 {font-family: Prompt;}
1411.zone6 .page-row-title p {font-family: Prompt;font-size: 25px !important;}
1412.zone6 .page-row-title {margin-bottom: 50px;}
1413
1414
1415
1416
1417
1418
1419
1420.wcalendarall .detail {display:none;}
1421.wcalendarall {min-height: 480px;}
1422.wcalendarall .nav-sche>li.active>a, .wcalendarall .nav-sche>li.active>a:focus, .wcalendarall .nav-sche>li.active>a:hover {font-size: 25px;background-color: transparent;}
1423.wcalendarall .nav-sche .nav-item a {font-size: 25px;}
1424.wcalendarall .nav>li>a:hover, .wcalendarall .nav>li>a:active, .wcalendarall .nav>li>a:focus {border-bottom: none;}
1425.wcalendarall .nav-sche .nav-item:nth-child(1) {background-color: #0973D7;}
1426.wcalendarall .nav-sche .nav-item:nth-child(2) {background-color: #3AA29B;}
1427.wcalendarall .nav-sche .nav-item:nth-child(3) {background-color: #475B7B;}
1428.wcalendarall  .section-event .navbar-collapse.collapse {padding-left: 4%;padding-right: 4%;}
1429.wcalendarall .subscheevent1-week .item-list {background-color: #fff;}
1430.wcalendarall .divWeek .week-tab {text-align: center;line-height: 1.7;}
1431.wcalendarall .divWeek .week-tab span {font-size: 17px;}
1432.wcalendarall .divWeek .week-tab.actived {background: #0973d7;}
1433.wcalendarall .div-week-event .slick-arrow {color:#000 !important;background:none !important;}
1434.page-row.zone6::before {background: #1d8ad6;}
1435.page-row.zone6 {padding-top: 50px;padding-bottom: 10px;}
1436
1437
1438/*.page-row.zone6 {height: 780px;}*/
1439
1440.page-row.zone5 {background:linear-gradient(
1441rgba(31, 123, 2140, 0.7),rgba(31, 123, 2140, 0.7)),url(/file/get/file/1.202411283ec4ae4b3be580d1d1cb05330b0244a4153343.png);background-repeat: no-repeat;background-size: contain;font-size: 22px;}
1442.page-row.zone5 {height: 1070px;position: relative;}
1443
1444/*.page-row.zone6 {background:linear-gradient(
1445rgba(31, 123, 2140, 0.7),rgba(31, 123, 2140, 0.7)),url(/file/get/file/1.202411252b6a71058687992f850a60e62e0cb17c112010.png);background-repeat: no-repeat;background-size: contain;font-size: 22px;}*/
1446
1447.page-row.zone5 {padding-top: 80px;padding-bottom: 80px;}
1448.page-row.zone5 .page-row-title {color: #fff;z-index: 1;position: relative;margin-bottom: 30px;}
1449
1450/**/
1451.social-icons {position: fixed;right: 0;bottom: 25% !important;z-index: 99;overflow: hidden;}
1452.social-icons .navbar-nav.show {right: 0;}
1453.social-icons .navbar-nav {float: unset;background-color: #eee;right: -50px;transition: .2s all;position: relative;padding: 5px;border-radius: 5px 0px 0px 5px;}
1454.social-icons .navbar-nav {margin: inherit;}
1455.social-icons .navbar-nav li {float: unset;}
1456.social-icons .navbar-nav li .facebook {background: #3b5998;}
1457.social-icons .navbar-nav li a {border: none;margin: 2px 0px;}
1458.social-icons .btn-social .fa {padding-top: 0px;}
1459.btn-social>:first-child {line-height: 35px;}
1460.btn-social > .fa {font-size: 17px;width: 100%;padding-top: 5px;}
1461.social-icons .navbar-nav li .twitter {background: #1da1f2 !important;}
1462.social-icons .navbar-nav li .youtube {background: #e51e21 !important;}
1463.social-icons .navbar-nav li .tiktok {background: #000 !important;}
1464.widget-kit-wcontentsuggest-button {z-index: 9;}
1465.search .wsearchmenu-ddl .form-control {background-color: #f8f8f8;}
1466.search .wsearchmenu-ddl .input-group-addon {background-color: #f8f8f8;}
1467.wsearchmenu .wsearchmenu-label {font-size: 46px;padding-left: 10%;}
1468.wsearchmenu .wsearchmenu-ddl {border-radius: 30px;border: 3px solid #0973D7;}
1469
1470
1471#d2ms-section-section-bottom {margin-top: -1px;}
1472.zone3 .page-row-title {margin-bottom: 32px;}
1473.zone3 .slick-dotted.slick-slider {margin-bottom: 0px;}
1474.socilafooter svg {width: 30px;height: 30px;margin: 0px 6px;fill: #ffffff;}
1475.socilafooter {text-align: center;}
1476.news6-widget {background: #fff !important;padding: 15px 20px !important;}
1477.news6-widget.widget-kit-wslidesetcontent .slick-track {padding-left: 20px;padding-right: 20px;}
1478.news6-widget .col-md-12 {width: calc(50% - 30px) !important;}
1479
1480.news6-widget.widget-kit-wslidesetcontent .infocard .detail .detail-department, .news6-widget .slideset-content-date {font-family: Prompt;font-size: 12px !important;color: #0d5c92;}
1481.news6-widget.widget-kit-wnewsmanagement .slick-track {padding-left: 20px;padding-right: 20px;}
1482.wcalendarallmonth , .calendar-year {background: #fff;padding: 30px;}
1483.news6-widget.widget-kit-wnewsmanagement .infocard .detail .detail-department {font-family: Prompt;font-size: 12px !important;}
1484
1485/**/
1486
1487.page-row.zone1 {background-size: 100% 47% !important;}
1488.page-row.zone5 {background-size: 100% 50% !important;}
1489/**/
1490
1491.news6-widget.widget-kit-wslidesetcontent .infocard .detail .detail-department {position: relative;right: unset;bottom: unset;}
1492
1493
1494/* ---------------------------------- theme --------------------------------- */
1495
1496#d2ms-section-sectionhead {background-color: var(--color1) !important;}
1497.switchlang-box span a[data-lang="th"] {background: var(--color1) !important;}
1498
1499.hilight .widget-kit-slideshowbanner .title-hilight-02 .line2 .text2 {color: var(--color2) !important;}
1500.hilight .widget-kit-slideshowbanner .btn-info.button1 {background-color:#0d5c92 !important; border-color:#0d5c92 !important;}
1501.hilight .widget-kit-slideshowbanner .btn-info.button2 {color: var(--color2) !important; border-color: var(--color2) !important;}
1502
1503.service .recom2 .group3 {background-color: var(--color4) !important;}
1504.service .recom2 .slick-list .slick-track .slick-slide:nth-child(3n+1) .group3 {background-color: var(--color2) !important;}
1505.service .recom2 .slick-list .slick-track .slick-slide:nth-child(3n+2) .group3 {background-color: var(--color3) !important;}
1506.service .recom2 .slick-list .slick-track .slick-slide:nth-child(3n+3) .group3 {background-color: var(--color4) !important;}
1507
1508.slick-dots li.slick-active button:before,
1509.slick-dots li button::before { border-color: var(--color1) !important;visibility: hidden;}
1510
1511.tabnews .nav-tabs>li.active>a, 
1512.tabnews .nav-tabs>li.active>a:after {/*background: var(--color3) !important;*/background: #00645e !important;}
1513.zone1 .news1-widget .slick-track > div:nth-child(even) > .infocard {/*background-color: var(--color2);*/ background-color: #0d5c92;}
1514
1515
1516.zone2 .page-row-title h1 span:nth-child(1) {color: var(--color1) !important;}
1517.zone2 .page-row-title h1 span:nth-child(2) {color: var(--color2) !important;}
1518.zone2 .page-row-title p {color:var(--color3) !important;}
1519.zone2 .news7-widget.widget-kit-wslidesetcontent .infocard .detail .detail-title a {color: var(--color1) !important;}
1520.zone1 .news1-widget .galleryPrev.slick-arrow,
1521.zone2 .news7-widget.widget-kit-wslidesetcontent .galleryPrev,
1522.zone7 .weblink1-widget .galleryPrev.slick-arrow {background-color: var(--color3) !important;}
1523.zone1 .news1-widget .galleryNext.slick-arrow,
1524.zone2 .news7-widget.widget-kit-wslidesetcontent .galleryNext,
1525.zone7 .weblink1-widget .galleryNext.slick-arrow{background-color: var(--color1) !important;}
1526
1527
1528.zone1 .news1-widget .slick-track > div:nth-child(even) > .btn.btn-info,
1529.zone3 .news3columnhasplussign-widget .btn.btn-info,
1530.zone6 .banner3columnhasplussign-widget .btn.btn-info {/*background-color: var(--color3) !important;*/background-color:#00645e !important;}
1531.zone1 .news1-widget .btn.btn-info,
1532.zone3 .news3columnhasplussign-widget .col-md-12:nth-child(odd) .btn.btn-info,
1533.zone6 .banner3columnhasplussign-widget .col-md-12:nth-child(odd) .btn.btn-info {background-color:#6e90f8 !important;}
1534
1535.zone4 .page-row-title span > span:nth-child(1) {color: #0973D7  !important;}
1536.zone4 .page-row-title span > span:nth-child(2) {color: #42b9b1 !important;}
1537.zone4 .page-row-title span > span:nth-child(3) {color: #475b7b !important;}
1538
1539.zone6 .page-row-title h1 > span:nth-child(1) {color: #72a4ff !important;}
1540.zone6 .page-row-title h1 > span:nth-child(2) {color: #e1b85c !important;}
1541.zone6 .page-row-title h1 > span:nth-child(3) {color: #d8dde6 !important;}
1542
1543.zone4 .wcalendarall .nav-sche .nav-item:nth-child(1) {background-color:var(--color1) !important;}
1544.zone4 .wcalendarall .nav-sche .nav-item:nth-child(2) {/*background-color:var(--color3) !important;*/background-color: #0d847c;}
1545.zone4 .wcalendarall .nav-sche .nav-item:nth-child(3) {background-color:var(--color4) !important;}
1546.zone4 .wcalendarall .divWeek .week-tab.actived {background: #0d5c92 !important;}
1547.zone4 .wcalendarall .divWeek .week-tab:hover {background: var(--color1) !important;}
1548
1549.zone6 .banner3columnhasplussign-widget .infocard .detail .detail-title a {color:#e1b85c !important;font-size: 19px;}
1550
1551.zone7 .banner-header {background-color: var(--color4) !important;}
1552.zone6 .banner3columnhasplussign-widget .infocard .detail .detail-title a {color: #e1b85c !important;}
1553
1554.zone7 .banner-header {background-color: var(--color4) !important;}
1555
1556.footer-nav {background-color: var(--color4) !important;}
1557#d2ms-section-section-bottom {background-color:  var(--color1) !important;}
1558
1559/* -------------------------------------------------------------------------- */
1560
1561/* ----------widget list doc------ */
1562.news6-widget .slick-track {display: flex;flex-wrap: wrap;
1563column-gap: 20px;}
1564.news6-widget .slick-track::before {display:none;}
1565.news6-widget .col-md-12{display:flex;width: calc(50% - 20px);column-gap:20px;border-bottom: 1px solid black;}
1566
1567@media only screen and (max-width:768px){
1568.news6-widget .slick-track{flex-direction: column;}
1569.news6-widget .col-md-12 {width: 90% !important;}
1570}
1571@media only screen and (max-width: 576px){
1572#zone1 .tabnews .nav-tabs li a {font-size: 12px !important;}
1573#zone3 .tabnews .nav-tabs li a {font-size: 12px !important;}
1574}
1575
1576.news6-widget .slick-slide::before{
1577   content:"\f15c";
1578   font-family: 'FontAwesome';
1579   padding-top:15px;
1580   font-size: 34px;
1581}
1582
1583.news6-widget .infocard,
1584.news6-widget .infocard .detail{display: flex;flex-direction: unset;flex-flow: wrap;}
1585.news6-widget .infocard {height: auto;width: 100%;}
1586.news6-widget .infocard .detail .detail-introtext {display:none;}
1587.news6-widget .infocard .detail a{height:auto;white-space: normal;font-size: 22px;}
1588.news6-widget .infocard .detail .detail-title{height: 60px;width:100%;}
1589.news6-widget .infocard .detail .detail-title a{font-size:16px;}
1590.news6-widget .infocard .detail .detail-row{height: 25px;width:50%;}
1591.news6-widget .slideset-content-date {color:#0c5c92;}
1592.news6-widget .infocard .detail .detail-department,
1593.news6-widget .slideset-content-date{font-size: 15px;}
1594.news6-widget .infocard .detail .detail-department {color:#0c5c92;width: 50%;text-align: right;}
1595.news6-widget .infocard .detail .detail-department  .department-image {width: 28px;padding-right: 7px;}
1596
1597
1598/* --------- news 3 column --------------- */
1599.news3columnhasplussign-widget .infocard .detail { height: auto; padding: 20px; padding-bottom: 60px; background-color: white; box-shadow: 8px 14px 4px -5px rgba(226, 225, 225, 0.75); }
1600.news3columnhasplussign-widget .infocard .detail .detail-row { width: 50%; }
1601.news3columnhasplussign-widget .infocard .detail .detail-row .detail-introtext { display: none; }
1602.news3columnhasplussign-widget .infocard .detail .detail-row a,
1603.news3columnhasplussign-widget .infocard .detail .detail-row div { height: auto; }
1604.news3columnhasplussign-widget
1605  .infocard
1606  .detail
1607  .detail-row
1608  .slideset-content-date,
1609.news3columnhasplussign-widget .infocard .detail .detail-department { font-family: Prompt; font-size: 12px; color: #0c5c92; }
1610.news3columnhasplussign-widget .infocard .detail .detail-title { height: 84px; margin-bottom: 15px; white-space: normal; text-align: start; }
1611.news3columnhasplussign-widget .infocard .detail .detail-title a { font-weight: bold; font-size: 20px; }
1612.newnews3columnhasplussign1-widget .infocard { display: flex; flex-direction: column; border: 1px solid #f1eaea; box-shadow: 5px 11px 4px -10px rgba(226, 225, 225, 0.75); }
1613.news3columnhasplussign-widget.district .infocard .image { padding-top: 0px !important; height: 220px; }
1614.news3columnhasplussign-widget .infocard .detail .detail-department { position: relative !important; text-align: right !important; transform: unset !important; }
1615.news3columnhasplussign-widget
1616  .infocard
1617  .detail
1618  .detail-department
1619  .department-image { width: 19px; padding: 0px; margin-right: 9px; }
1620.news3columnhasplussign-widget .btn.btn-info { display: inline-flex; align-items: center; justify-content: center; padding: 0px 15px; position: absolute; right: 15px; bottom: 0; border-radius: 0px; font-size: 0px; background-color: #3aa29b; color: transparent; }
1621.news3columnhasplussign-widget a.btn.btn-info::before { content: "+"; font-size: 28px; font-weight: bold; color: #fff; }
1622.news3columnhasplussign-widget .col-md-12:nth-child(odd) .btn.btn-info { background-color: #4b9bd1; }
1623
1624
1625/* ------ tab news  ------*/
1626.tabnews .nav-tabs {
1627  background: #ffffff;
1628  font-family: "Prompt";
1629}
1630.tabnews .nav-tabs > li.active > a,
1631.tabnews .nav-tabs > li.active > a:focus,
1632.tabnews .nav-tabs > li.active > a:hover {
1633  background: #3aa29b;
1634  border-radius: 0px;
1635  color: #fff;
1636  padding-bottom: 20px !important;
1637  border: none;
1638  margin: 0px;
1639}
1640
1641.tabnews .nav-tabs > li > a {
1642  font-size: 17px !important;
1643  color: #000;
1644  padding-top: 20px;
1645  padding-bottom: 20px;
1646}
1647
1648.tabnews .nav-tabs > li.active > a:after {
1649  position: absolute;
1650  width: 20px;
1651  height: 20px;
1652  top: 80%;
1653  left: 45%;
1654  content: "";
1655  transform: rotate(45deg);
1656  background: #3aa29b;
1657}
1658.tabnews ul.nav-tabs li {
1659  flex: auto;
1660  text-align: center;
1661}
1662.tabnews ul.nav-tabs {
1663  display: flex;
1664  border-bottom: none;
1665}
1666.tabnews .nav > li > a:hover,
1667.nav > li > a:active,
1668.nav > li > a:focus {
1669  border-bottom: none;
1670}
1671.tabnews {
1672  position: relative;
1673  z-index: 9;
1674}
1675
1676
1677/*Responsive*/
1678
1679@media (max-width: 1400px) {
1680    #d2ms-section-sectionfooter #d2ms-section-sectionfooter-copyright  { padding: 5px 10px; width: 100%; text-align: center; }
1681    #d2ms-section-sectionfooter #d2ms-section-sectionfooter-bottom1 { padding: 5px 10px; /*width: 100% !important;*/ margin: 0 !important; text-align: center; }
1682    #d2ms-section-sectionfooter #d2ms-section-sectionfooter-footer2 { padding: 15px 10px; width: 100% !important; margin: 0 !important; }
1683    #d2ms-section-sectionfooter #d2ms-section-sectionfooter-footer2 .policy-box { display: flex; flex-direction: row; font-size: 20px; justify-content: center; }
1684    #d2ms-section-sectionfooter #d2ms-section-sectionfooter-footer3 { padding: 5px 10px; width: 100% !important; margin: 0 !important; }
1685}
1686
1687@media (max-width: 1350px) {
1688    .d2ms-widget-menu #d2ms-main-menu > li > ul.sub-menu {padding-left: 0px !important; padding-right: 150px !important;}
1689.SectionMenu #d2ms-section-sectionmenu-wcag-menu #d2ms-main-menu > li > a {font-size: 12px !important;}
1690}
1691
1692@media (max-width: 1300px) {
1693.section2 .left1 span {font-size: 37px !important;}
1694.section2 .widget-kit-wslidesetcontent .infocard .detail .line2 {font-size: 25px;}
1695.section2 .widget-kit-wslidesetcontent .infocard .detail .line1 {font-size: 25px;}
1696.section2 .left1 .d2ms-widget::after {right: 15px;}
1697.d2ms-logo-text p , .d2ms-logo-text span {font-size: 19px;}
1698}
1699
1700@media (max-width: 1200px) {
1701    .d2ms-widget-menu #d2ms-main-menu > li > ul.sub-menu {padding-left: 0px !important; padding-right: 75px !important;}
1702.section2 .widget-kit-wslidesetcontent .infocard .detail .line2 {font-size: 23px;}
1703.section2 .widget-kit-wslidesetcontent .infocard .detail .line1 {font-size: 23px;}
1704.section2 .left1 .d2ms-widget::after {right: 15px;}
1705#d2ms-section-sectionhead-logo .logo-brand .logo-brand-img {/*position: relative;width: 90px;*/}
1706#d2ms-section-sectionhead-logo {width: auto;float: left;}
1707#d2ms-section-sectionhead-top1 {float: left;}
1708#d2ms-section-sectionhead-top2 {float: right;}
1709
1710#d2ms-section-sectionhead-top1 .d2ms-widget-body span {font-size: 23px !important;}
1711.SectionHead #d2ms-section-sectionhead-top2 .d2ms-box {justify-content: flex-start;}
1712
1713#d2ms-section-sectionmenu-wcag-logo {width: 50% !important;float:left;}
1714#d2ms-section-sectionmenu-wcag-position1 {width: 45% !important;float:left;}
1715#d2ms-section-sectionmenu-wcag-menu {width: 100% !important;}
1716.SectionMenu #d2ms-section-sectionmenu-wcag-menu #d2ms-main-menu > li > a {font-size: 14px !important;}
1717.d2ms-widget-menu-wrapper.with-offcanvas .d2ms-widget-menu {width: 100% !important;display: flex;justify-content: center;}
1718.d2ms-widget-menu #d2ms-main-menu {width: 100% !important;}
1719
1720
1721}
1722
1723@media (max-width: 1150px) {
1724.SectionMenu #d2ms-section-sectionmenu-wcag-menu #d2ms-main-menu > li > a {font-size: 14px;padding: 15px 7px;}
1725.SectionMenu #d2ms-section-sectionmenu-menu .nav {display: flex;justify-content: space-evenly;}
1726#d2ms-section-sectionmenu-menu {width: 82%;}
1727.SectionMenu #d2ms-section-sectionmenu-menu .d2ms-widget-menu {margin-right: 0px;}
1728.m-f7177163c833dff4b38fc8d2872f1ec6 #d2ms-section-section-header-headerimage .menuheaderzone .menuheadertitle {font-size: 21px !important;line-height: 21px;}
1729#d2ms-section-section-header-headerimage .menuheaderzone .menuheadertitle {font-size: 21px !important;line-height: 21px;}
1730    .d2ms-headerimage img { height: 150px !important;}
1731.d2ms-headerimage .menuheaderzone {padding-top: 5%;}
1732.m-d67d8ab4f4c10bf22aa353e27879133c .article-detail .executive span {font-size: 14px !important;}
1733
1734}
1735
1736@media (max-width: 992px) {
1737.section2 .left1 .d2ms-widget-body p {margin: 0px;}
1738.section2 .right1 .slick-initialized .slick-slide {padding-right: 0px;/*padding-left: 0px;*/}
1739.SectionMenu #d2ms-section-sectionmenu-wcag-menu #d2ms-main-menu > li > a {font-size: 12px !important;}
1740.section2 .col-sm-4 {width:100%;}
1741.section2 .left1 br {display: none;}
1742.section2 .widget-kit-wslidesetcontent .infocard {margin-top: 0;}
1743.section2 .col-sm-8 {width:100%;}
1744.section2 .left1 .d2ms-widget::after {display:none;}
1745.section2 .left1 {position: initial !important;top: unset !important;border-bottom: 5px solid #DFDFDF !important;}
1746.section2 .left1 {padding-top: 10px !important;padding-bottom: 0px;padding-left: 0px !important;text-align: center;}
1747
1748.m-f7177163c833dff4b38fc8d2872f1ec6 #d2ms-section-section-header-headerimage .menuheaderzone .menuheadertitle {font-size: 21px !important;line-height: 21px;}
1749#d2ms-section-section-header-headerimage .menuheaderzone .menuheadertitle {font-size: 21px !important;line-height: 21px;}
1750    .d2ms-headerimage img { height: 150px !important;}
1751.d2ms-headerimage .menuheaderzone {padding-top: 5%;}
1752.article-detail .cddexecutive table td {display: block;width: 100% !important;}
1753}
1754@media (max-width: 960px)
1755{  
1756#d2ms-section-sectionhead-logo .logo-brand .logo-brand-img {width: 109px;}
1757#d2ms-section-sectionhead-top1 {padding-left: 0%;}
1758
1759#d2ms-section-sectionmenu-menu {width:100%;}
1760}
1761
1762
1763@media (max-width: 850px) {
1764.d2ms-widget-menu-wrapper.with-offcanvas #toggleCanvas {display: initial !important;}
1765.d2ms-widget-menu-wrapper .d2ms-widget-menu {display:none !important;}
1766#d2ms-section-sectionmenu-wcag-position1 {display:none !important;}.offcanvas-inner .widget-menu-3 > ul > li > a {font-family: 'Prompt';font-size: 14px !important;}
1767.offcanvas-inner .d2ms-widget-title {padding: 10px 15px;font-family: 'Prompt';}
1768.d2ms-widget-menu-wrapper.with-offcanvas #toggleCanvas {right: 3%;}
1769}
1770
1771@media (max-width: 768px) {
1772.servicenew .col-sm-3 {width: 100% !important;}
1773.servicenew .col-sm-9 {width: 100% !important;}
1774#d2ms-section-sectionmenu-wcag .row {display:flex;}
1775#d2ms-section-sectionhead-top1 .d2ms-widget-body {padding-bottom: 10px;}
1776.SectionMenu #d2ms-section-sectionmenu-wcag-logo .d2ms-box img {width: 90px;}
1777#d2ms-section-sectionmenu-wcag-logo {padding-top: 0px !important;padding-bottom: 0px !important;}
1778#d2ms-section-sectionmenu-wcag-position1 {display:none;}
1779.offcanvas-inner .d2ms-widget-title {padding: 10px 15px;font-family: 'Prompt';}
1780.offcanvas-inner .widget-menu-3 > ul > li > a {font-family: 'Prompt';font-size: 14px !important;}
1781.zone2.page-row {padding-top: 10px;}
1782.page-row-title h1 {font-size: 33px !important;line-height: 33px !important;text-align: center;}
1783.page-row-title p {font-size: 29px !important;line-height: 29px !important;text-align: center;}
1784.zone4 .page-row-title span {font-size: 33px !important;line-height: 33px !important;text-align: center;}
1785.zone4 .page-row-title p {font-size: 29px !important;line-height: 29px !important;text-align: center;}
1786.zone4 .page-row-title {margin-bottom: 30px;}
1787.zone5 .page-row-title span {font-size: 33px !important;line-height: 33px !important;text-align: center;}
1788#zone5 .page-row-title p {font-size: 33px !important;line-height: 33px !important;text-align: center;}
1789.zone6 .page-row-title span {font-size: 33px !important;line-height: 33px !important;text-align: center;}
1790.zone6 .page-row-title h1, .zone6 .page-row-title p span {width:100% !important;}
1791.wsearchmenu {padding-bottom: 20px;}
1792#zone4 .wcalendarall .navbar-header {padding-top: 15px;padding-bottom: 15px;}
1793#zone4 .wcalendarall .inbar {width: 100%;text-align: center;padding-right: 10%;}
1794.news1-widget .infocard .image {height: 200px;}
1795.news3columnhasplussign-widget .infocard .image {height: 200px;}
1796.news3columnhasplussign-widget .infocard .detail .detail-title a {font-size: 17px;}
1797.news1-widget .infocard .detail .detail-title a {font-size: 17px;}
1798.zone2 .infocard .image img {width: 83%;}
1799#zone2 .news7-widget.widget-kit-wslidesetcontent .infocard .detail .detail-title a {font-size: 27px;line-height: 42px;}
1800.news7-widget.widget-kit-wslidesetcontent .galleryPrev, .news7-widget.widget-kit-wslidesetcontent .galleryNext {display:none !important;}
1801.news1-widget .galleryPrev.slick-arrow , .news1-widget .galleryNext.slick-arrow {display:none !important;}
1802.wcalendarall .wcalendarallmonth .monthcalen {width: 100%;}
1803.wcalendarall .wcalendarallmonth .lstMonthYear {text-align: center;}
1804.wcalendarall .wcalendarallmonth .divCalendar .fc-toolbar {justify-content: center;align-items: center;}
1805.wcalendarall .wcalendarallmonth .divCalendar.fc .fc-col-header-cell-cushion {font-size: 12px;}
1806.wcalendarall .wcalendarallmonth .divCalendar .fc-daygrid-event-harness .fc-h-event .fc-event-main {height: 6px;}
1807.wcalendarall .wcalendarallmonth .monthcalen i {width: 100%;position: relative;display: block;text-align: center;left: 0;margin-bottom: 10px;}
1808.wcalendarall .wcalendarallmonth .divCalendar .fc-toolbar-title {width: auto;margin-left: 5px;}
1809.wcalendarall .wcalendarallmonth .divCalendar .fc-toolbar .fc-next-button {margin-left: 5px;}
1810.wcalendarall .wcalendarallmonth .divCalendar .fc-toolbar .fc-prev-button {margin-right: 5px;}
1811.wcalendarall .wcalendarallmonth .fc .fc-toolbar>*>* {margin-left: 0px;}
1812.wcalendarall .wcalendarallmonth .divCalendar .fc-toolbar-title {padding: 5px 10px;}
1813.wcalendarall .calendar-year.calendar .calendar-header {width: 100%;}
1814
1815.wsearchmenu .wsearchmenu-label {font-size: 39px !important;text-align: center;margin-bottom: 10px;}
1816.search {padding: 10px !important;}
1817
1818
1819.widget-kit-wcontentsuggest-button {display:none;}
1820.d2ms-logo-text {padding-top: 15px !important;}
1821#d2ms-section-sectionmenu-wcag-logo {width: 80% !important;}
1822.d2ms-widget-menu-wrapper.with-offcanvas #toggleCanvas {right: 15%;}
1823#d2ms-section-section-footer-footer2 .social-icons {display:none;}
1824#toggleCanvas {font-size: 30px;}
1825#toggleCanvas .c-button__text em {color: #395bc3;}
1826
1827#d2ms-section-sectionmenu-wcag-menu {width: 20% !important;}
1828.search-zone #formSearch-eform-submission .dropdown-menu {font-size: 17px;}
1829.eform-submission .table-zone .bottom {display: flex;flex-direction: column;font-size: 18px;}
1830.table-zone .dataTable .bottom .dataTables_length {border-left: none;}
1831.amount-zone .amount-title {font-size: 25px !important;}
1832.amount-zone .amount-amount .amount-amount-box {font-size: 25px !important;width: 100% !important;}
1833.amount-zone .amount-title em {font-size: 35px !important;margin-right: 10px;}
1834.amount-zone {padding: 20px 8px !important;}
1835#formSearch-eform-submission .col-md-3 {width: 100% !important;margin-bottom: 20px;}
1836.eform-submission .table-zone .dataTables_scrollHeadInner {width: 100% !important;}
1837.eform-submission .table-zone table.table-bordered {width: 100% !important;}
1838.eform-submission .table-zone thead tr th {text-align: center;vertical-align: middle;font-size: 16px;}
1839.eform-submission .table-zone tbody tr td {font-size: 15px !important;}
1840#d2ms-section-sectionhead-top1 .d2ms-widget-body span {font-size: 15px !important;}
1841#d2ms-section-sectionhead-logo .logo-brand .logo-brand-img {width: 106px !important;}
1842.title-panel .title {font-size: 25px !important;}
1843#d2ms-section-sectionhead-top1 {padding-left: 15px;}
1844#d2ms-section-sectionhead-top2 #widget-login.navbar-nav > li.dropdown.user.user-menu > a em {font-size: 20px !important;}
1845#d2ms-section-sectionhead-logo .logo-brand .logo-brand-img {position: relative;}
1846.social-box .social-item {font-size: 18px !important;}
1847    .Section2 .taxrate-box { display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; gap: 20px; }
1848.d2ms-widget-menu-wrapper.with-offcanvas #toggleCanvas {top: 7px;}
1849#d2ms-section-sectionhead-top2 #widget-login .user-menu .dropdown-menu span.hidden-xs {display: initial !important;}
1850    .Section2 .taxrate-box .taxrate-section1 { width: 100%;margin-bottom: 10px;}
1851    .Section2 .taxrate-box .taxrate-section2 { width: 100%;margin-bottom: 10px; }
1852    .Section2 .taxrate-box .taxrate-section3 { width: 100%;margin-bottom: 10px;}
1853    .Section2 .taxrate-box .taxrate-btn { width: 100%; }
1854    .Section2 .taxrate-box .taxrate-btn a { width: 100%; }
1855    .Section2 .taxrate-box .taxrate-btn button { width: 100%; }
1856    .Section5 .btn-read-more-all { position: unset; margin: auto; }
1857.Section11 .read-more-b {justify-content: center;}
1858
1859    .offcanvas-inner .d2ms-widget:nth-child(1) p { margin: 0 !important; }
1860    .widget-menu-3 ul ul li a { color: #000000 !important; }
1861.Section3 .slick-slide .infocard .detail .detail-title a {font-size: 16px !important;font-family: 'Prompt';}
1862.Section3 .widget-kit-wslidesetbanner .slick-dots {bottom: -30px;}
1863
1864
1865    #d2ms-section-sectionmenu-top3 { display: none; }
1866    #d2ms-section-sectionmenu-menu { width: 100%; display: inline-block; }
1867    #d2ms-section-sectionmenu-menu .d2ms-widget-menu-wrapper { /*position: relative; right: 20px; top: 30px;*/}
1868    #d2ms-section-sectionmenu-menu .d2ms-widget-menu-wrapper #toggleCanvas { font-size: 30px; color: #093c74; }
1869
1870    .Section11 { padding: 10px; }
1871
1872    .d2ms-headerimage img { height: 150px !important;}
1873    .SectionMenu #d2ms-section-sectionmenu-wcag-logo .d2ms-box img { height: 80px; }
1874    .Section8 .page-widget-title span { text-align: center;display: initial;}
1875    .Section7 .page-widget-title span { text-align: center; justify-content: center; }
1876    .Section7 .page-widget-title span::before { content: unset !important; }
1877    .Section8 .page-widget-title span::before { content: unset !important; }
1878.Section8 .page-widget-title { text-align: center;}
1879    .eservice3-box .eservice3-title { font-size: 35px; margin-bottom: 20px; padding-top: 20px; text-align: center; }
1880.Section2 .taxrate-box .taxrate-section1 .form-control {text-align: center;}
1881.article-detail-60 .article-detail img {width:200px !important;height: 200px !important;object-fit: cover;}
1882
1883.article-detail-60 .article-detail .name {font-size: 23px !important;}
1884.article-detail-60 .article-detail span {font-size: 21px !important;}
1885#d2ms-section-sectionhearder-headerimage .d2ms-headerimage img {height: 150px !important;}
1886#d2ms-section-sectionhearder-headerimage .d2ms-headerimage .menuheaderzone {display:none;}
1887.breadcrumb li {font-size: 13px !important;}
1888.breadcrumb li a {font-size: 13px !important;}
1889.content-list-page.content-categories-main-page .article-category-main .article-category-img {width: 100%;}
1890.article-category-main .article-category-info .article-category-title {display: flex;}
1891.article-category-main .article-category-info {margin-left: 0px !important;}
1892.content-list-page.content-categories-main-page .article-category-children {grid-template-columns: repeat(3, 1fr);}
1893.d2ms-widget-menu #d2ms-main-menu > li:hover > ul.sub-menu:after {background: none !important;}
1894#d2ms-section-sectionmenu-menu .d2ms-widget-menu-wrapper #toggleCanvas .c-button__text em {color: #fff;}
1895#d2ms-section-sectionmenu-menu .d2ms-widget-menu-wrapper #toggleCanvas {font-size: 30px;color: #093c74;right: 10px !important;}
1896#d2ms-section-sectionhead-top2 {display: none !important;}
1897#d2ms-section-sectionhead {padding-bottom: 0px !important;}
1898#d2ms-section-sectionmenu {top: 0;position: relative;height: auto;}
1899.d2ms-widget-menu-wrapper.with-offcanvas #toggleCanvas {display: initial !important;}
1900.section2 .left1 {position: initial !important;top: unset !important;border-bottom: 5px solid #DFDFDF !important;}
1901.section2 .left1 br {display:none;}
1902.section2 .left1 span {font-size: 29px !important;}
1903.section2 .left1 .d2ms-widget::after {right: 45px !important;font-size: 50px !important;top: 0 !important;}
1904.section2 .widget-kit-wslidesetcontent .infocard .detail {padding-bottom: 10px !important;padding-top: 10px !important;}
1905.section2 .widget-kit-wslidesetcontent .infocard .detail .line1 {font-size: 19px !important;}
1906.section2 .widget-kit-wslidesetcontent .infocard .detail .line2 {font-size: 19px !important;}
1907.section2 .left1 {padding-bottom: 9px;}
1908.section2 .widget-kit-wslidesetcontent .infocard .detail .fa {margin-bottom: 10px !important;margin-top: 10px !important;}
1909.section2 .right1 .infocard {float: left;width: 100%;margin-top: 0px;margin-bottom: 0px;}
1910.zone3 .recommend .read-more-t {/*position: inherit !important;right: 0 !important;top: unset !important;*/}
1911.zone3 .recommend .read-more-t a {/*background: none !important;*/}
1912.section2 .right1 .slick-initialized .slick-slide {padding-right: 0px;/*padding-left: 0px;*/}
1913.section2 .right1 .widget-kit-wslidesetcontent {padding-left: 2%;padding-right: 2%;}
1914.section2 .widget-kit-wslidesetcontent .infocard .detail .fa {font-size: 35px !important;}
1915
1916/*#zone3 .recommend .infocard .image {width: 100% !important;}*/
1917/*#zone3 .recommend .infocard .detail {width: 100% !important;margin-top: 20px;}*/
1918#zone3 .recommend .infocard .detail .detail-title {height: auto;}
1919.SectionMenu #d2ms-section-sectionmenu-menu .nav {display:none;}
1920.section2 .left1 {padding-left: 10% !important;}
1921.section2 .left1 .d2ms-widget::after {display:none;}
1922
1923.zone3 .page-row-title span {font-size: 33px !important;}
1924
1925.recommend .galleryPrev {right: 5%;}
1926
1927.zone5 .page-row-title span {padding-right: 25px !important;font-size: 27px !important;}
1928.zone5 .infocard .detail::before {font-size: 21px;}
1929.zone5 .infocard .detail .detail-title a {font-size: 19px;}
1930.zone6 .left1 .page-widget-title span {font-size: 30px !important;line-height: 30px !important;}
1931.zone6 .right1 .page-widget-title span {font-size: 33px !important;line-height: 33px !important;}
1932
1933.zone7 .col-sm-5 {width:100%;text-align: center;}
1934.zone7 .col-sm-7 {width:100%;}
1935.zone7 {padding-bottom:20px !important;}
1936
1937.zone3 .page-row-title span {float: unset !important;}
1938/*.zone3 .page-row-title::before {float: unset !important;border: 12px solid #cea85c;display:none;}*/
1939.zone3 .page-row-title::after {float: unset !important;display:none !important;}
1940
1941.zone5 .page-row-title span {float: unset !important;}
1942/*.zone5 .page-row-title::before {float: unset !important;border: 12px solid #cea85c;}*/
1943.zone5 .page-row-title::after {float: unset !important;display:none !important;}
1944.recommend .infocard .detail .detail-title a {font-size: 21px;line-height: 23px;}
1945.recommend .infocard .detail .detail-row div {font-size: 17px !important;line-height: 21px !important;display:none;}
1946.recommend .infocard .image img {object-fit: contain;}
1947.recommend .infocard .image {height: 200px !important;}
1948.recommend .infocard .detail .detail-introtext {height: 125px !important;overflow: hidden !important;}
1949
1950.zone5 .detail {padding: 15px !important;}
1951
1952.zone7 .line1 span {font-size: 31px;line-height: 31px;}
1953.zone7 .line2 span {font-size: 21px;line-height: 21px;}
1954.zone7 .line3 span {font-size: 21px;line-height: 21px;}
1955.zone7 .line4 span {font-size: 21px;line-height: 21px;}
1956#d2ms-section-sectionhead-logo {width: 18% !important;}
1957.zone7 .left2 {text-align: center;}
1958.zone7 .line1 span {font-size: 21px;}
1959.zone7 .line2 span {font-size: 17px;}
1960.zone7 .line3 span {font-size: 17px;}
1961.section2 .left1 {height: 65px !important;}
1962.m-f7177163c833dff4b38fc8d2872f1ec6 #d2ms-section-section-header-headerimage .menuheaderzone .menuheadertitle {font-size: 21px !important;line-height: 21px;}
1963#d2ms-section-section-header-headerimage .menuheaderzone .menuheadertitle {font-size: 21px !important;line-height: 21px;}
1964.m-f7177163c833dff4b38fc8d2872f1ec6 .eform .form-image1 img {width: 100% !important;height: auto !important;}
1965.m-c16a5320fa475530d9583c34fd356ef5 .eform .eform-description table {display: flex;flex-direction: column;}
1966.m-c16a5320fa475530d9583c34fd356ef5 .eform .eform-description table tr {display: flex;flex-direction: column;}
1967
1968}
1969
1970@media (max-width: 767px) {
1971    .eservice2-box .eservice2-list .eservice2-item { width: 100%; border-bottom: 1px solid #eee; }
1972.zone3 .recommend .read-more-t {top: -55px !important;}
1973.zone5 .faq .read-more-t {top: -35px !important;}
1974.zone3 {padding-top: 30px !important;} 
1975.zone4 {padding-top: 30px !important;}
1976.zone5 {padding-top: 30px !important;}
1977    .sitemap-box .sitemap-titel { width: 50%; }
1978    .SectionSItemap .d2ms-widget-body.active { top: -170px; }
1979    .SectionSItemap .page-row-title.active { top: -205px; }
1980    .eservice3-box .eservice3-title { font-size: 35px; }
1981
1982    .Section6 .tab-content .tab-pane:nth-child(1)  .infocard .image { padding-top: 80% !important; width: 100% !important; margin: auto; }
1983    .d2ms-headerimage img { height: 150px; }
1984    .Section6 .doclist .infocard .detail .detail-title a { overflow: hidden; min-height: 60px; }
1985.read-more-t a::after {margin-left: 0px;}
1986.read-more-t a {line-height: 20px;}
1987.section2 .left1 {padding-top: 10px !important;padding-bottom: 0px;padding-left: 0px !important;text-align: center;}
1988.section2 .left1 .d2ms-widget-body p {margin:0px;}
1989}
1990@media (max-width: 570px) 
1991{
1992#d2ms-section-sectionhead-top1 {padding-left: 8%;}
1993}
1994@media (max-width: 500px) {
1995.d2ms-logo-text span {font-size: 16px !important;}
1996.SectionMenu #d2ms-section-sectionmenu-wcag-logo .d2ms-box img {width: 80px;}
1997.search .wsearchmenu-ddl .form-control {font-size: 12px;
1997height: auto;}
1998.wsearchmenu .wsearchmenu-ddl .input-group input[type=text] {padding-left: 0;}
1999.wsearchmenu .wsearchmenu-ddl {padding: 5px 12px;}
2000.wsearchmenu .wsearchmenu-label {font-size: 26px !important;}
2001.zone1.page-row {padding-top: 30px;}
2002.page-row-title h1 {font-size: 25px !important;}
2003.page-row-title p {font-size: 19px !important;}
2004.zone4 .page-row-title span {font-size: 25px !important;}
2005.zone4 .page-row-title p {font-size: 19px !important;}
2006.zone3 .page-row-title p {font-size: 14px !important;}
2007#zone5 .page-row-title p {font-size: 19px !important;}
2008.zone6 .page-row-title p span {font-size: 14px !important;}
2009.zone6 .page-row-title {margin-bottom: 0px;}
2010.page-row.zone6 {height: auto !important;}
2011.news7-widget.widget-kit-wslidesetcontent .galleryPrev , .news7-widget.widget-kit-wslidesetcontent .galleryNext {display:none !important;}
2012.news1-widget .infocard .image {height: 250px;}
2013.news3columnhasplussign-widget .infocard .image {height: 250px;}
2014.wcalendarall .subscheevent1-week .item-list {font-size: 14px;}
2015#zone2 .news7-widget .infocard .image {height: 300px;}
2016.footer-nav {padding: 2em 2em;}
2017.footer-nav .top-section {grid-template-columns: repeat(1, 1fr);}
2018.footer-nav .bottom-section button {white-space: initial;padding: 1em;font-size: 12px !important;}
2019.zone3 {padding-top: 10px !important;}
2020.zone1.page-row {padding-top: 10px;}
2021.zone3.page-row {padding-bottom: 0px;}
2022.zone6 .page-row-title h1 {margin-bottom: 0;}
2023.zone6 .page-row-title p {margin-bottom: 20px;}
2024.wcalendarall .wcalendarallmonth .divCalendar.fc .fc-col-header-cell {padding: 0px;}
2025.wcalendarall .wcalendarallmonth .divCalendar.fc .fc-col-header-cell-cushion {font-size: 9px;}
2026.wcalendarall .wcalendarallmonth .divCalendar .fc-toolbar .fc-toolbar-chunk h2.fc-toolbar-title span {font-size: 18px;}
2027.wcalendarall .wcalendarallmonth .divCalendar .fc-toolbar-title {font-size: 18px;}
2028.news6-widget .infocard .detail .detail-department {width:100%;text-align: left;}
2029.news6-widget .infocard .detail .detail-row {width:100%;}
2030
2031
2032
2033.service .infocard .detail .detail-row a, .service .infocard .detail .detail-row div {justify-content: flex-start;height: 170px !important;}
2034#service .widget-kit-wslidesetbanner .slick-dots {position: absolute;bottom: 0;}
2035#login-panel .panel-detail img {width: 150px !important;}
2036/*#login-panel .panel-detail {margin-top: 20px !important;}*/
2037#login-panel .panel {width: 100%;}
2038.login-box-msg {font-size: 22px;}
2039#loginForm .btn-facebook, #loginForm .btn-gmail {font-size: 19px;}
2040#login-panel .btn {font-size: 19px;}
2041.section2 .right1 .infocard {border-bottom: 1px solid #fff;}
2042.m-f7177163c833dff4b38fc8d2872f1ec6 #d2ms-section-section-header-headerimage .menuheaderzone .menuheadertitle {font-size: 14px !important;}
2043.m-f7177163c833dff4b38fc8d2872f1ec6 .eform .form-image1 img {width: 100% !important;height: auto !important;}
2044.m-c16a5320fa475530d9583c34fd356ef5 .eform .eform-description table {display: flex;flex-direction: column;}
2045.m-c16a5320fa475530d9583c34fd356ef5 .eform .eform-description table tr {display: flex;flex-direction: column;}
2046.d2ms-headerimage .menuheaderzone .menuheadertitle {font-size: 19px !important;line-height: 19px;padding-left: 5px;padding-right: 5px;padding-bottom: 7px;}
2047.form-btnsenddata .btn {font-size: 15px !important;}
2048.d2ms-headerimage img {height: 120px !important;}
2049.zone6 .page-widget-title {width: 100% !important;}
2050.title-panel .title {font-size: 19px !important;}
2051.content-list .title-panel .title {font-size: 21px !important;}
2052.infodetail .information-panel .title {font-size: 21px !important;}
2053.zone7 .left2 {text-align: center;}
2054.zone7 .line1 span {font-size: 21px;}
2055.zone7 .line2 span {font-size: 17px;}
2056.zone7 .line3 span {font-size: 17px;}
2057#zone6 .left1 .read-more-t a {background: none !important;}
2058.recommend .infocard .detail .detail-title a {font-size: 20px;}
2059.recommend .infocard .image {height: 210px !important;}
2060.recommend .infocard .image img {object-fit: contain;} 
2061#d2ms-section-sectionhead-top2 {width: 100% !important;background: #f27634;}
2062.SectionHead #d2ms-section-sectionhead-top2 .d2ms-box .d2ms-widget:nth-child(1) {width: unset;}
2063#d2ms-section-sectionhead-top2 {display:none;}
2064.section2 .left1 span {font-size: 22px !important;}
2065.section2 .left1 {height: 65px !important;}
2066
2067#d2ms-section-sectionhead-top1 {padding-left: 0%;width: 100%;text-align: center;padding-right: 0;}
2068#d2ms-section-sectionhead-logo {width: 20% !important;}
2069.section2 .right1 .slick-initialized .slick-slide {width: 100% !important;}
2070#section2 .widget-kit-wslidesetcontent .infocard .detail .detail-row a {height: auto !important;}
2071.section2 .right1 .infocard {margin-bottom: 0px;}
2072.SectionHead #d2ms-section-sectionhead-top2 .d2ms-box {display: flex;justify-content: center;}
2073
2074#widget-login.navbar-nav {padding-top: 7px;}
2075.zone3 .recommend .read-more-t a {padding-right: 0;}
2076.zone5 .faq .read-more-t a {padding-right: 0;}
2077.read-more-t a span {display:none;}
2078#zone6 {padding: 10px 0px 30px 0px !important;}
2079.zone6 .left1 .page-widget-title span {font-size: 22px !important;line-height: 22px !important;}
2080.zone6 .right1 .page-widget-title span {font-size: 22px !important;line-height: 22px !important;}
2081.zone3 .page-row-title span {font-size: 22px !important;}
2082.zone5 .page-row-title span {font-size: 22px !important;}
2083.zone4 .nav-tabs>li>a .text  {font-size: 22px !important;}
2084
2085.recommend .infocard .image {width: 100% !important;}
2086.recommend .infocard .detail {width: 100% !important;margin-top: 15px;}
2087.recommend .galleryNext , .recommend .galleryPrev {position: relative;float: right;bottom: 20px !important;}
2088.zone3 .recommend .read-more-t {top: -65px !important;}
2089.zone5 .infocard .detail::before {font-size: 31px;}
2090.zone5 .infocard .detail .detail-title a {font-size: 23px;}
2091.zone5 .detail {padding: 20px !important;}
2092.zone4 .wg-tab-content {margin-top:0px !important;}
2093.zone4 .wg-tab-content .infocard {margin-top:0px !important;}
2094.zone6 .right1 {margin-top: 15px;}
2095.zone6 .right1 .widget-kit-wslidesetcontent .infocard .image.ratio-1-1 {padding-top: 100% !important;}
2096#d2ms-section-section-bottom-footeraddress .listmenu2 {flex-direction: column;list-style: none !important;text-align: center;}
2097.d2ms-widget-menu-wrapper.with-offcanvas #toggleCanvas {top: 7px;}
2098.section2 .right1 .widget-kit-wslidesetcontent {padding-right: 0;}
2099.zone4 {padding-top: 30px;}
2100}
2101
2102@media (max-width: 380px) {
2103#d2ms-section-sectionhead-top1 {display:none !important;}
2104#d2ms-section-sectionhead-logo {width: 100% !important;text-align: center;}
2105}
2106
2107@media (max-width: 300px) {
2108.section2 .right1 .slick-initialized .slick-slide {width: 100% !important;}
2109.section2 .right1 .infocard {margin-bottom: 0px;}
2110}
2111.footer-nav .top-section .list-container {font-family: Prompt;}
2112.footer-nav .top-section .list-container ul li a {font-size: 15px;}
2113.footer-nav .list-container ul {margin-top: 15px;}
2114.footer-nav .bottom-section button {font-family: Prompt;font-size: 14px;}
2115.header-detail-info .event-info-title {font-family: Prompt;font-size: 24px;}
2116.tbl-contact tbody td {font-family: Prompt;font-size: 16px;}
2117.header-detail-info .event-info-eventtype {font-family: Prompt;font-size: 17px;}
2118.infodetail.calendar-article .article-title {padding-right: 0;}
2119.infodetail.calendar-article .article-date {position: relative;}
2120.infodetail.calendar-article .article-title .title {width: 100%;display: block;}
2121.infodetail.calendar-article .custom-hr {display:none;}
2122.modal-header {padding: 5px 15px;}
2123.bootstrap-dialog .modal-header {border-top-left-radius: 0px !important;border-top-right-radius: 0px !important;}
2124.scrollnews1 .marquee-slide {height: 40px;}
2125
2126/*custom service effect*/
2127.service .service99 .recom2 .infocard .image {padding-top: 0;overflow: unset;}
2128.service .service99 .recom2 .infocard .image a {position: relative;}
2129.service .service99 .recom2 .infocard .image img {width: auto;height: 80px;position: relative;margin: auto;}
2130.service .service99 .recom2 .infocard {display: flex;width: 100%;flex-direction: column;text-align: center;margin-top: 20px;}
2131.service .service99 .slick-list .slick-track .slick-slide:nth-child(4n+1) {background-color: #000099 !important;}
2132.service .service99 .slick-list .slick-track .slick-slide:nth-child(4n+2) {background-color: #0057af !important;filter: brightness(125%);}
2133.service .service99 .slick-list .slick-track .slick-slide:nth-child(4n+3) {background-color: #000099 !important;}
2134.service .service99 .slick-list .slick-track .slick-slide:nth-child(4n+4) {background-color: #0057af !important;filter: brightness(125%);}
2135.service .service99 .slick-list .slick-track .slick-slide:nth-child(4n+5) {background-color: #000099 !important;}
2136.service .service99 .slick-list .slick-track .slick-slide:nth-child(4n+6) {background-color: #0057af !important;filter: brightness(125%);}
2137.service .service99 .slick-list .slick-track .slick-slide:nth-child(4n+7) {background-color: #000099 !important;}
2138.service .service99 .slick-list .slick-track .slick-slide:nth-child(4n+8) {background-color: #0057af !important;filter: brightness(125%);}
2139.service .service99 .recom2 .infocard .detail-title a {color:#fff;font-weight: bold;}
2140.service .service99 .recom2 .infocard .image::before {position: relative;}
2141/*
2142.service .service99 .recom2 .infocard { position: relative; overflow:hidden; transition: all 0.5s; }
2143.service .service99 .recom2 .infocard::before {  position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgb(220 221 222 / 32%) 100%);background: linear-gradient(to right, rgb(255 255 255 / 0%) 0%, rgb(220 221 222 / 32%) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg); }
2144.service .service99 .recom2 .infocard:hover::before { -webkit-animation: shine .75s;}
2145.service .service99 .recom2 .infocard:hover { transform: scale(1.01); }*/
2146
2147.service .service99 .recom2 .slick-slide { position: relative; overflow:hidden; }
2148.service .service99 .recom2 .slick-slide::before {  position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgb(220 221 222 / 32%) 100%);background: linear-gradient(to right, rgb(255 255 255 / 0%) 0%, rgb(220 221 222 / 32%) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg); }
2149.service .service99 .recom2 .slick-slide:hover::before { -webkit-animation: shine .75s;}
2150.service .service99 .recom2 .slick-slide:hover .infocard {-webkit-transform: scale(1.2);transform: scale(1.2);z-index: 999;}
2151.service .service99 .recom2 .slick-slide .infocard {-webkit-transform: scale(1);-webkit-transition: .3s ease-in-out;}
2152.service .service99 .recom2 .slick-slide .infocard .image:hover {transform: none;}
2153
2154.servicenew .col-sm-3 {padding-right: 0px;padding-left: 0px;width: 27%;}
2155.servicenew .col-sm-9 {padding-right: 0px;padding-left: 0px;width: 73%;}
2156.service .service99 .recom2 .infocard .detail {margin-top: 15px;}
2157/*.hilight99 .motto div {height: 500px !important;}*/
2158.servicenew .col-sm-3  .banner-header span {font-family: 'Prompt';}
2159.m-eb160de1de89d9058fcb0b968dbbbd68 #search {padding: 30px 50px !important;}
2160/*
2161.service .service99 .recom2 .infocard:hover img {-webkit-transform: scale(1.2);transform: scale(1.2);z-index: 999;}
2162.service .service99 .recom2 .infocard img {-webkit-transform: scale(1);-webkit-transition: .3s ease-in-out;}
2163*/
2164/*
2165.service .service99 .recom2 .infocard:hover {-webkit-transform: scale(1.2);transform: scale(1.2);z-index: 999;}
2166.service .service99 .recom2 .infocard {-webkit-transform: scale(1);-webkit-transition: .3s ease-in-out;}
2167*/
2168
2169
2170/*.service .service99 .recom2 .infocard:hover::before {-webkit-animation: shine .75s;}*/
2171@-webkit-keyframes shine {100% {left: 125%;}}
2172@keyframes shine {100% {left: 125%;}}
2173
2174#d2ms-section-section-bottom-footeraddress .standard {border-top: 1px solid #fff;padding-top: 15px;text-align: center;}
2175#d2ms-section-section-bottom-footeraddress .standard img {margin: 0px 10px;}
2176
2177/*wcag fix*/
2178.zone1 .page-row-title h1 {color:white !important;}
2179.zone6 .page-row-title h1,  .zone6 .page-row-title p span{color:#2a3ba6 !important;background:#142b71;width: 600px;
2180margin: auto;padding: 10px 20px;border-radius: 20px;}
2181.zone7 .banner-header em, .zone7 .banner-header span{ color:white !important;}
2182
2183iframe#lhc_status_widget_v2 {
2184width: 250px !important;
2185height: 137px !important;
2186min-height: 100px !important;
2187min-width: 200px !important;
2188max-height: 137px !important;
2189max-width: 250px !important;
2190bottom: 0px !important; right: 0px !important; }
2191@media screen and (max-width:480px)
2192{
2193iframe#lhc_status_widget_v2 {max-height: 45px !important;}
2194}
2195.zone7 .weblink1-widget .infocard .image {padding-top: 40%;}
2196.news3columnhasplussign-widget.district .infocard .detail .detail-title a {font-size: 16px;}
2197.news3columnhasplussign-widget.district  .infocard .detail .detail-title {margin-bottom: 5px;}
2198.zone3.set2 .page-row-title h1 span:nth-child(2) {color: var(--color2) !important;}
2199.news3columnhasplussign-widget.district .infocard .detail .detail-department {font-size: 10px;}
2200.news3columnhasplussign-widget.district .infocard .detail .detail-row .slideset-content-date {font-size: 10px;}
2201.news3columnhasplussign-widget.district .infocard {margin-bottom:0px;display: flex;flex-direction: column;box-shadow: 8px 9px 4px -5px rgba(226, 225, 225, 0.75);margin-bottom: 10px;}
2202.news3columnhasplussign-widget.district .infocard .detail {box-shadow: none;padding-bottom: 20px;}
2203.zone3 .page-row-title p {color:#fff;}
2204.zone3.set2 .page-row-title p {color:#000000;}
2205#zone2 .banner3columnhasplussign-widget .infocard .detail {height:85px;overflow: hidden;}
2206.zone2 .banner3columnhasplussign-widget .infocard .image img {width:100%;}
2207#zone2 .recom99 {margin-bottom: 25px;}
2208#zone2 .banner3columnhasplussign-widget .infocard .detail {padding: 5px 10px;}
2209#zone2 .banner3columnhasplussign-widget .infocard .image {height: 190px;}
2210#zone2 .banner3columnhasplussign-widget .infocard .detail .detail-title a {font-size: 14px;line-height: 27px;}
2211#zone2 .d2ms-widget .banner3columnhasplussign-widget.set1 {}
2212#zone6 .banner3columnhasplussign-widget .infocard .image img {object-fit: contain;}
2213#zone6 .banner3columnhasplussign-widget .infocard .detail {padding: 10px 15px;height: 140px;background:#132a70;box-shadow: none;}
2214#zone6 .banner3columnhasplussign-widget .infocard .detail .detail-title {height: 55px;}
2215#zone6 .banner3columnhasplussign-widget .infocard .image {background: #fff;}
2216#zone6 .banner3columnhasplussign-widget .infocard {border: none;box-shadow: none;}
2217#zone6 .banner3columnhasplussign-widget .infocard .detail .detail-row .detail-introtext {color: #fff;}
2218
2219.SectionMenu .d2ms-widget-menu #d2ms-main-menu > li:hover > a {background-color: transparent;color: var(--color1) !important;}
2220#hilight99 {box-shadow: 0px 0px 9px 2px rgb(208 203 203 / 73%);}
2221#scrollnews {box-shadow: 0px 0px 9px 1px rgb(208 203 203 / 73%);z-index: auto;position: relative;}
2222#zone6 .banner3columnhasplussign-widget .infocard .detail .detail-row .detail-introtext {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
2223#zone6 .banner3columnhasplussign-widget .infocard .detail .detail-title a {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 16px;}
2224#zone6 .banner3columnhasplussign-widget .infocard .image {height: 250px;}
2225#zone6 .banner3columnhasplussign-widget .infocard .image img {padding-top: 20px !important;padding-bottom: 10px;}
2226
2227.zone3.page-row {background-color: #395bc3 !important;} 
2228.zone3.page-row.set2 {background:none !important;}
2229
2230.zone3 .page-row-title h1 {color:#fff !important;}
2231
2232/**/
2233.lang-en #d2ms-section-sectionmenu-wcag-position1 .d2ms-widget .d2ms-widget-title {display:none;}
2234.widget-kit-wcontentsuggest-button {background-color: #2f51b9 !important;}
2235
2236.slick-dots li button {background: #6e90f8;opacity: .50;}
2237.slick-dots .slick-active button {opacity: 1;}
2238.slick-dots li.slick-active button:before {}
2239
2240
2241.tabnews .nav-tabs > li.active > a {filter: brightness(180%);}
2242.zone1 .news1-widget .slick-track > div:nth-child(even) > .btn.btn-info {filter: brightness(180%);border: none;}
2243.news3columnhasplussign-widget .col-md-12:nth-child(even) .btn.btn-info {filter: brightness(180%);border: none;}
2244
2245/*innerpage*/
2246.breadcrumb li a {color: #595959 !important;}
2247a,a:hover, a:active, a:focus {color:#0c5d8c;}
2248.inforow .detail .detail-date {color: #515151 !important;}
2249.pagination>.disabled>a {color: #515151 !important;}
2250.pagination>li>a {color: #515151 !important;}
2251.article-document .document-download-amount {color: #4f4f4f !important;}
2252.infocard .detail .detail-date {color: #515151 !important;}
2253.pagination>li>a {background: #ffffff;}
2254.pagination .active a {color:#fff !important;}
2255.infopage-newsmanagement .article-title-zone .article-title {display: inherit;}
2256.faq-sub-category {background-color: var(--color1) !important;}
2257#rss-section .item-header {background-color: var(--color1) !important;color: #fff;}
2258
2259.sitemap .just-padding .menugroup {
2260    background: rgb(2, 0, 36);
2261    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(2, 30, 67, 1) 0%, rgba(9, 129, 240, 1) 100%) !important;
2262    border-radius: 10px 10px 0px 0px;
2263    text-align: center;
2264}
2265.just-padding .menugroup {
2266    background: #0A214A;
2267    color: #fff;
2268    padding: 10px;
2269    font-family: Prompt;
2270    font-size: 25px;
2271}
2272.just-padding .border-menu {
2273    background: rgb(2, 0, 36);
2274    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(2, 30, 67, 1) 0%, rgba(9, 129, 240, 1) 100%) !important;
2275    padding-bottom: 30px;
2276    border-radius: 0px 0px 10px 10px !important;
2277}
2278.just-padding .border-menu {
2279    box-shadow: rgb(0 0 0 / 15%) 0px 15px 15px, rgb(0 0 0 / 5%) 0px 5px 5px;
2280    border: none !important;
2281}
2282.simap a.list-group-item:hover {
2283    background-color: transparent;
2284}
2285.sitemap .just-padding .list-group {
2286    padding-left: 15px;
2287}
2288.just-padding .list-group-item {
2289    color: #fff;
2290}
2291.just-padding .list-group-item {
2292    background-color: transparent;
2293}
2294.just-padding .list-group > .list-group-item:before {
2295    color: #fff;
2296    background: #fff !important;
2297}
2298
2299.just-padding .list-group-item {
2300    font-family: Prompt;
2301    font-size: 17px;
2302}
2303.panel-default.sitemap {border: none;}
2304.infodetail .article-owner .title-label {color:#fff;}
2305.article-comment-list-title .title-label {color:#fff;}
2306
2307
2308/*FIX VH*/
2309
2310
2311
2312
2313@media only screen and (max-width:768px) {
2314.article-detail .cddexecutive table td {display: block;width: 100% !important;}
2315}
2316
2317
2318/*Translate*/
2319.googletranslate-en #d2ms-section-sectionmenu-wcag-logo .d2ms-logo-text p span:nth-child(1) {font-size: 10px;}
2320.googletranslate-en .SectionMenu #d2ms-section-sectionmenu-wcag-menu #d2ms-main-menu > li > a {font-size: 11px;}
2321.googletranslate-en .hilight .widget-kit-slideshowbanner .title-hilight-02 .line1 {font-size: 22px !important;}
2322.googletranslate-en .hilight .widget-kit-slideshowbanner .title-hilight-02 .line2 .text1 , .hilight .widget-kit-slideshowbanner .title-hilight-02 .line2 .text2 {font-size: 22px !important;}
2323.googletranslate-en .hilight .widget-kit-slideshowbanner .title-hilight-02 .line3 {font-size: 22px !important;}
2324.googletranslate-en .wsearchmenu .wsearchmenu-label {font-size: 28px;}
2325.googletranslate-en .wsearchmenu .wsearchmenu-ddl .input-group input {font-size: 13px;}
2326
2327/*.footer-nav .bottom-section {display:none;}*/
2328.footer-nav .bottom-section a {color:#fff;}
2329
2330.m-d67d8ab4f4c10bf22aa353e27879133c .article-detail .article-detail img {height: unset !important;}
2331
2332.m-f7177163c833dff4b38fc8d2872f1ec6 .article-detail ul li {list-style-position: inside;padding-left: 20px;padding-top: 10px;padding-bottom: 10px;}
2333.m-f7177163c833dff4b38fc8d2872f1ec6 .article-detail ul li:nth-child(even) {background: #f6f6f6;}
2334.article-detail-260666 .article-date {display:none;}
2335.visitor {text-align: center;}
2336
2337
2338/* cddcalendar */
2339.cddcalendar.calendar-calendar-article #CalendarSearchText {width: 100% !important;}
2340.cddcalendar.calendar-calendar-article #CalendarSearchCategory {display: inline-block  !important;}
2341.cddcalendar.calendar-calendar-article.info .calendar-search-zone .input-date.has-feedback {display: inline-block  !important;}
2342
2343/*body {-webkit-filter: grayscale(80%);filter: grayscale(80%);}*/
2344body .wrapper {-webkit-filter: grayscale(100%);filter: grayscale(100%);}
2345body.modal-open .wrapper {-webkit-filter: unset;filter: unset;}
2346.lg-outer {-webkit-filter: grayscale(100%);filter: grayscale(100%);}
2347.popup {-webkit-filter: grayscale(100%);filter: grayscale(100%);}
2348#lhc_container_v2 iframe {-webkit-filter: grayscale(100%);filter: grayscale(100%);}
2349.modal-open .modal {-webkit-filter: grayscale(100%);filter: grayscale(100%);background: rgb(0 0 0 / 10%);}
2350
2351/**/
2352.article-date-date , .article-date-view {display:none;}
2353#d2ms-section-sectionhead{background-color:#395bc3;background-size:cover;background-repeat:no-repeat;}
2354#d2ms-section-section-bottom{background-color:#004da5;}
2355#d2ms-section-section-copyright{background-color:#242424;}
2356	</style>
2357
2358	<style>#cddcookieinfo {  	position: fixed;  	width: 100%;  	bottom:8%;  	right: 0;  	left: 0;  	z-index: 9999999999;  	background:#455bc5;  	padding: 15px 0;  	box-sizing: border-box;  max-width: 1180px;      margin-left: auto;      margin-right: auto;      border-radius: 8px;      box-shadow: rgb(0 0 0 / 5%) 0px 2px 8px 0px;  }    #cddcookieinfo .text {  	text-align: center;  	font-size: 22px;  	padding: 0 15px 30px 15px;  	box-sizing: border-box;  font-family: ThaiSans Neue;  color: #fff;  }    #cddcookieinfo .text > a {  	color: #fecb01;  	text-decoration: none;  }    #cddcookieinfo .text > a:hover,  #cddcookieinfo .text > a:active,  #cddcookieinfo .text > a:focus {  	text-decoration: underline;  }    #cddcookieinfo .accept {  	text-align: center;  	box-sizing: border-box;  font-family: ThaiSans Neue;  }    #cddcookieinfo .accept > a {  	display: inline-block;  	background: #fecb01;  	color: #000;  	padding: 8px 15px;  	margin: 0;  	font-size: 23px;  	line-height:28px;  	text-align: center;  	vertical-align: middle;  	font-weight: bold;  	text-transform: uppercase;  	border: none;  	-webkit-border-radius: 4px;  	-moz-border-radius: 4px;      border-radius: 4px;  	text-shadow: none;  	text-decoration: none;  width: 100%;  }    #cddcookieinfo .accept > a:hover,  #cddcookieinfo .accept > a:focus,  #cddcookieinfo .accept > a:active {  	background-color: #fecb01;  	color: #000;  	text-decoration: none;  }    @media (max-width: 500px)  {  #cddcookieinfo .text {font-size: 17px;padding: 0 15px 10px 15px;line-height: 19px;}  #cddcookieinfo .accept>a {width: 80%;font-size: 19px;line-height: 21px;}  #cddcookieinfo {width: 95%;}    }    @media (min-width: 700px) {  	#cddcookieinfo .text {  		float: left;  		font-size: 21px;  		width: 80%;  		text-align: left;  		padding: 4px 15px 0 30px;  color: #fff;		  	}    	#cddcookieinfo .accept {  		float: right;  		width: 20%;  		text-align: center;  		padding: 10px 30px 0 15px;	  	}  }  
2359@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css');  .social-icons { position: fixed; right:0; bottom: 20%;z-index: 99;overflow:hidden;}  .btn-social { cursor: pointer; width: 35px; height: 35px; border-radius: 50%; }  .social-icons .navbar-nav {float: unset; background-color: #eee;right:-50px;transition:.2s all;position: relative;    padding: 5px;border-radius: 5px 0px 0px 5px;}  .social-icons .navbar-nav.show {right:0;}  .social-icons .navbar-nav li { float: unset; }  .btn-social > .fa {font-size: 17px;width: 100%;padding-top:5px;}  .btn-social>:first-child {line-height: 35px;}  .social-icons .navbar-nav li .tiktok{background: #000;}  .social-icons .navbar-nav li .ttk {width: 16px;height: 16px;color:#fff;margin: auto;left: 25%;}  .social-icons .navbar-nav li .twitter-x2 {width: 16px;height: 16px;color:#fff;margin: auto;left: 25%;}  .social-icons .navbar-nav li .youtube {background: #e51e21;}
2359  .social-icons .navbar-nav li .twitter-x {background: #333 !important;}  .social-icons .navbar-nav li .facebook {background: #3b5998;}  .social-icons .navbar-nav li a {border: none;margin: 2px 0px;}  .social-icons .navbar-nav + .btn-social .fa-angle-double-right {display: none;}  .social-icons .navbar-nav + .btn-social.fa-angle-double-left {display: block;}  .social-icons .navbar-nav.show + .btn-social .fa-angle-double-right{display: block;}  .social-icons .navbar-nav.show + .btn-social .fa-angle-double-left {display: none;}  .social-icons .btn-socialx {background: #666;border: none;text-align:center;margin-top:10px;right: -7px;position: relative;}  
2360svg{fill:#ffffff}  	
2361.widget-kit-wcontentsuggest-button {background-color: #2f51b9; font-size: 8px;width: 70px;height: 70px;border-radius: 50%;bottom: unset;top: 35%;}
2362.widget-kit-wcontentsuggest .modal-content .modal-body .modal-body-title {font-size: 34px;}
2363.widget-kit-wcontentsuggest .modal-content {border-radius: 5px;}
2364.widget-kit-wcontentsuggest .modal-content .modal-body .modal-body-title {margin-bottom: 0px;padding-top: 15px;}
2365.widget-kit-wcontentsuggest .infocard .detail .detail-title {white-space: initial;}
2366.widget-kit-wcontentsuggest .infocard .detail .detail-title a, .widget-kit-wcontentsuggest .infocard .detail .detail-title div {height: 60px;line-height: 29px;font-size: 16px;}
2367.widget-kit-wcontentsuggest .slick-dotted.slick-slider {margin: auto;}
2368.widget-kit-wcontentsuggest .infocard .detail .detail-date {font-family: Prompt;color: #4B9BD1;}
2369.widget-kit-wcontentsuggest .infocard .detail .detail-date div {font-size: 12px !important;}
2370.widget-kit-wcontentsuggest-button em {font-size: 19px;margin-bottom: 2px;}
2371.widget-kit-wcontentsuggest-button {-webkit-filter: grayscale(100%);filter: grayscale(100%);}
2372.widget-kit-slideset .infocard .detail .detail-title { white-space: normal;}
2373
2374.addsize { font-size: 15px;cursor: pointer;}
2375.addsize .fa-plus{ font-size: 10px;}
2376.addsize:hover, .addsize:active {color: #a0a0a0;}
2377.minussize { font-size: 15px;cursor: pointer; }
2378.minussize .fa-minus{ font-size: 10px;margin-right:10px;}
2379.minussize:hover, .minussize:active {color: #a0a0a0;}
2380
2381
2382			html > body.themeWhite { background: black !important; }
2383			html > body.themeYellow { background: black !important; }
2384			body.themeWhite * { background: black !important; color: white !important; border-color: white !important; }
2385			body.themeYellow * { background: black !important; color: yellow !important; border-color: yellow !important; }
2386			#divColorContrast { padding: 5px; display: inline-block; }
2387			#divColorContrast .theme-yellow { margin-right: 5px; padding: 1px 3px; border-radius: 50%; background: black !important; color: yellow !important; }
2388			#divColorContrast .theme-normal { margin-right: 5px; padding: 1px 3px; border-radius: 50%; background: white !important; color: black !important; }
2389			#divColorContrast .theme-white { margin-right: 5px; padding: 1px 3px; border-radius: 50%; background: black !important; color: white !important; }
2390		
2391#popuptest {display: none;}
2392
2393		.popup {
2394			position:fixed;
2395			width:100%;
2396			height:100%;
2397			left:0px;
2398			right:0px;
2399			top: 0px;
2400			bottom:0px;
2401			margin:0;
2402			background-color:rgba(102,95,95,0.65);
2403			border-width: 10px;
2404		}
2405		.popup .popupWindow .popup_detail .popup_inner_detail::-webkit-scrollbar { width: 5px; }
2406		.popup .popupWindow .popup_detail .popup_inner_detail::-webkit-scrollbar-track { background: #f1f1f1; }
2407		.popup .popupWindow .popup_detail .popup_inner_detail::-webkit-scrollbar-thumb { background: #888; }
2408		.popup .popupWindow .popup_detail .popup_inner_detail::-webkit-scrollbar-thumb:hover { background: #555; cursor: pointer; }
2409		.popup .popupWindow .popup_detail {
2410			position: relative;
2411			height: calc(100% - 90px);
2412		}
2413		.popup .popupWindow .popup_detail .popup_inner_detail {
2414			font-weight:bold;
2415			min-width:100%;
2416			min-height:auto;
2417			overflow-y: auto;
2418			overflow-x: hidden;
2419			/*max-height: 520px;*/
2420			max-height: 100%;
2421		}
2422		.popup .popupWindow .popup_detail .slickNext,
2423		.popup .popupWindow .popup_detail .slickPrev
2424		{
2425			position: absolute;
2426			top: 50%;
2427			transform: translateY(-50%);
2428			font-size: 90px;
2429			cursor: pointer;
2430		}
2431
2432		.popup .popupWindow .popup_detail .slickNext { right: 0; }
2433		.popup .popupWindow .popup_detail .slickPrev { left: 0; }
2434		.popup .popupWindow .popup_detail .popup_inner_detail img {
2435			border: 0;
2436			/*padding: 30px;*/
2437			/*height:  auto;*/
2438		}
2439		.popup .popupWindow{
2440			width:50%;
2441			max-width: 80%;
2442			margin:0px auto;
2443			margin-top:50px;
2444			text-align: center;
2445			height: 100%;
2446		}
2447		.popup .popup_close{
2448			text-align: right;
2449			position: relative;
2450			top: 20px;
2451			right: -20px;
2452			z-index: 1001;
2453		}
2454		.popup .popup_close .fa {
2455			box-shadow: black 1px 1px;
2456			border-radius: 50%;
2457			background-color: white;
2458			width: 40px;
2459			border: 2px solid #000000;
2460			text-align: center;
2461			height: 40px;
2462			font-size: 26px;
2463			cursor: pointer;
2464			transition: all .35s;
2465		}
2466		.popup .popup_close .fa:hover{
2467			background: #ccc;
2468		}
2469		.popup .popup_close .fa-times:before{
2470			position: relative;
2471			top: 5px;
2472		}
2473		.popup img {width: 100%;}
2474		.popup .popupWindow .popup_detail .slick-dots { bottom: unset; }
2475</style>
2476	
2477	
2477<script  src="/plugins/jQuery/jQuery-2.2.0.min.js"></script>
vendor: 1 bytes, line 2477
2477
2478<script  src="/plugins/jQueryUI/jquery-ui.min.js"></script>
vendor: 1 bytes, line 2478
2478
2479<script  src="/plugins/jQueryValidation/jquery.validate.min.js"></script>
vendor: 1 bytes, line 2479
2479
2480<script  src="/plugins/jQueryCookie/jquery.cookie.js"></script>
vendor: 1 bytes, line 2480
2480
2481<script >
2482    //<!--
2483$.widget.bridge('uibutton', $.ui.button);    //-->
2484</script>
vendor: 1 bytes, line 2484
2484
2485<script  src="/bootstrap/js/bootstrap.min.js"></script>
vendor: 1 bytes, line 2485
2485
2486<script  src="/plugins/sparkline/jquery.sparkline.min.js"></script>
vendor: 1 bytes, line 2486
2486
2487<script  src="/plugins/daterangepicker/daterangepicker.js"></script>
vendor: 1 bytes, line 2487
2487
2488<script  src="/plugins/datepicker/bootstrap-datepicker-th.min.js"></script>
vendor: 1 bytes, line 2488
2488
2489<script  src="/plugins/datepicker/locales/bootstrap-datepicker.th.js"></script>
vendor: 1 bytes, line 2489
2489
2490<script  src="/plugins/slimScroll/jquery.slimscroll.min.js"></script>
vendor: 1 bytes, line 2490
2490
2491<script  src="/plugins/fastclick/fastclick.js"></script>
vendor: 1 bytes, line 2491
2491
2492<script  src="/plugins/iCheck/icheck.min.js"></script>
vendor: 1 bytes, line 2492
2492
2493<script  src="/plugins/bootpag/jquery.bootpag.min.js"></script>
vendor: 1 bytes, line 2493
2493
2494<script  src="/plugins/noty/packaged/jquery.noty.packaged.min.js"></script>
vendor: 1 bytes, line 2494
2494
2495<script  src="/plugins/sweetalert2/sweetalert2.min.js"></script>
vendor: 1 bytes, line 2495
2495
2496<script  src="/plugins/jssor-slider/jssor.slider.min.js"></script>
vendor: 1 bytes, line 2496
2496
2497<script  src="/plugins/js-offcanvas/js/js-offcanvas.pkgd.min.js"></script>
vendor: 1 bytes, line 2497
2497
2498<script  src="/plugins/lightslider-master/js/lightslider.min.js"></script>
vendor: 1 bytes, line 2498
2498
2499<script  src="/plugins/lightgallery-master/js/lightgallery.min.js"></script>
vendor: 1 bytes, line 2499
2499
2500<script  src="/plugins/lightgallery-master/js/lg-fullscreen.min.js"></script>
vendor: 1 bytes, line 2500
2500
2501<script  src="/plugins/lightgallery-master/js/lg-thumbnail.min.js"></script>
vendor: 1 bytes, line 2501
2501
2502<script  src="/plugins/lightgallery-master/js/lg-video.min.js"></script>
vendor: 1 bytes, line 2502
2502
2503<script  src="/plugins/lightgallery-master/js/lg-autoplay.min.js"></script>
vendor: 1 bytes, line 2503
2503
2504<script  src="/plugins/lightbox/js/lightbox.min.js"></script>
vendor: 1 bytes, line 2504
2504
2505<script  src="/plugins/bootstrap-dialog/bootstrap-dialog.min.js"></script>
vendor: 1 bytes, line 2505
2505
2506<script  src="/dist/js/app.min.js"></script>
vendor: 1 bytes, line 2506
2506
2507<script  src="/dist/js/common.js?v=1.1"></script>
2507
2508	
2508<script>
2509		$.ajaxSetup({
2510			cache: false,
2511			global: false
2512		});
2513		var FRONT_PATH = '/';
2514		var FRONT_PATH2 = '/th/';
2515	</script>
2515
2516	
2517			<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 66 bytes, lines 2517-2518
2517
2518		<script async src="https://www.googletagmanager.com/gtag/js?id=
2518G-9DLN04E98B
vendor: 14 bytes, lines 2518-2519
2518"></script>
2519		
2519<script>
2520			
vendor: 147 bytes, lines 2520-2526
2520window.dataLayer = window.dataLayer || [];
2521
2522			function gtag() {
2523				dataLayer.push(arguments);
2524			}
2525			gtag('js', new Date());
2526			gtag('config', '
2526G-9DLN04E98B
vendor: 6 bytes, lines 2526-2527
2526');
2527		
2527</script>
2527
2528	
2529	
2530	</head>
2531
2532<body class="hold-transition skin-smart layout-top-nav   lang-th m-a5771bce93e200c36f7cd9dfd0e5deaa ">
2533		<div class="wrapper" style="">
2534		<div id='d2ms-section-sectionhead' class=' SectionHead'><div class='container'><div class='row'><div id='d2ms-section-sectionhead-top1' class='col-md-7 '><div class='d2ms-box'><div class='d2ms-widget'> <div class='d2ms-widget-body'><p>Community Development Department</p></div></div></div></div><div id='d2ms-section-sectionhead-top2' class='col-md-3 '><div class='d2ms-box'><div class='d2ms-widget'> <div class='d2ms-widget-body'><div class="widget-kit-Search">
2535<form class="searchPanel form-horizontal" id="formWidgetSearch6ab4ed1020ed6" method="GET" action="/th/search/search">
2536<input type="hidden" name="_csrf" value="" id="_csrf_6ab4ed1020ed6">
2537<div class="form-group">
2538	<div class="col-md-12">
2539		<div class="input-group">
2540			<input type="text" name="text" value="" class="form-control required valid" placeholder="ค้นหาตามชื่อ, Keyword ตามที่ต้องการ" title="ค้นหาตามชื่อ, Keyword ตามที่ต้องการ" aria-label="ค้นหาตามชื่อ, Keyword ตามที่ต้องการ" aria-required="true" aria-invalid="false">
2541			<span class="input-group-btn">
2542			<button type="submit" class="btn btn-primary" id="btnSearch6ab4ed1020ed6" aria-label="คลิกเพื่อค้นหา">
2543			<em class="fa fa-search" aria-hidden="true"></em> <span class="hidden-xs">ค้นหา</span>
2544			</button>
2545			</span>
2546		</div>
2547	</div>
2548</div>
2549</form>
2550</div>
2551</div></div></div></div></div></div></div><div id='d2ms-section-sectionmenu-wcag' class=' SectionMenu WCAG'><div class='container'><div class='row'><div id='d2ms-section-sectionmenu-wcag-logo' class='col-md-3 '><div class='d2ms-box'><a href='/' class='logo-brand'><img src='/th/file/get/file/1.2024112160914362e431dee3a45df163581229b1094845.png' class='logo-brand-img' alt='Logo' /></a><div class="d2ms-logo-text"><p><span style="color:#0973d7;"><span style="font-family:Prompt; color:#000;">กรมการพัฒนาชุมชน</span></span><span style="color:#000;"><span style="font-family:Prompt;"><br />
2552<span style="font-size:18px;">กระทรวงมหาดไทย</span></span></span></p>
2553</div></div></div><div id='d2ms-section-sectionmenu-wcag-position1' class='col-md-5 '><div class='d2ms-box'><div class='d2ms-widget'> <div class='d2ms-widget-title'>ปรับขนาดตัวอักษร</div><div class='d2ms-widget-body'><div class="navbar-right">	<div class="sizefont" id="formfontsize-6ab4ed10211cc">		<span id="minussize-6ab4ed10211cc" class="minussize" tabindex="0" role="button" title="คลิกเพื่อลดขนาดตัวอักษร" aria-label="คลิกเพื่อลดขนาดตัวอักษร"><em class="fa fa-font" aria-hidden="true"></em><em class="fa fa-minus" aria-hidden="true"></em></span>		<span id="addsize-6ab4ed10211cc" class="addsize" tabindex="0" role="button" title="คลิกเพื่อเพิ่มขนาดตัวอักษร" aria-label="คลิกเพื่อเพิ่มขนาดตัวอักษร"><em class="fa fa-font" aria-hidden="true"></em><em class="fa fa-plus" aria-hidden="true"></em></span>
2553<script>jQuery(function(){
2554var fsize = 0;
2555var min=-3;
2556var max=3;
2557var $affectedElements = $("p, div, span, a");
2558$affectedElements.each( function(){
2559	var $this = $(this);
2560	$this.data("orig-size", $this.css("font-size") );
2561});
2562$("#formfontsize-6ab4ed10211cc #addsize-6ab4ed10211cc").click(function(){
2563	changeFontSize(1);
2564});
2565$("#formfontsize-6ab4ed10211cc #minussize-6ab4ed10211cc").click(function(){
2566	changeFontSize(-1);
2567});
2568$("#formfontsize-6ab4ed10211cc #originalsize-6ab4ed10211cc").click(function(){
2569	$affectedElements.each( function(){
2570		var $this = $(this);
2571		$this.css( "font-size" , $this.data("orig-size") );
2572	});
2573	fsize = 0;
2574	$.cookie("font_size", fsize,  {path: "/"});
2575});
2576function changeFontSize(direction){
2577	var fontSize = parseInt($.cookie("font_size"));
2578	if ((typeof fontSize === "undefined") || isNaN(fontSize)) {
2579		fsize = 0;
2580		fontSize = 0;
2581	}
2582	fsize = fontSize + direction;
2583	if (fsize > max) {
2584		fsize = fsize - direction;
2585		direction = 0;
2586	}
2587	if (fsize < min) {
2588		fsize = fsize - direction;
2589		direction = 0;
2590	}
2591	$.cookie("font_size", fsize,  {path: "/"});
2592	$affectedElements.each( function(){
2593		var $this = $(this);
2594		$this.css( "font-size" , parseInt($this.data("orig-size")) + fsize);
2595	});
2596}
2597var fontSize = parseInt($.cookie("font_size"));
2598if ((typeof fontSize === "undefined") || isNaN(fontSize)) {
2599	fontSize = 0;
2600}
2601changeFontSize(fontSize);
2602
2603});</script>
2603	</div></div></div></div><div class='d2ms-widget'> <div class='d2ms-widget-body'>	<div id="divColorContrast">		<a href="javascript:void(0)" data-theme="yellow" title="เปลี่ยนการแสดงผลพื้นหลังสีดำตัวหนังสือสีเหลือง" aria-label="เปลี่ยนการแสดงผลพื้นหลังสีดำตัวหนังสือสีเหลือง" role="button">			<em class="fa fa-copyright theme-yellow" aria-hidden="true"></em>		</a>		<a href="javascript:void(0)" data-theme="normal" title="เปลี่ยนการแสดงผลแบบปกติ" aria-label="เปลี่ยนการแสดงผลแบบปกติ" role="button">			<em class="fa fa-copyright theme-normal" aria-hidden="true"></em>		</a>		<a href="javascript:void(0)" data-theme="white" title="เปลี่ยนการแสดงผลพื้นหลังสีดำตัวหนังสือสีขาว" aria-label="เปลี่ยนการแสดงผลพื้นหลังสีดำตัวหนังสือสีขาว" role="button">			<em class="fa fa-copyright theme-white" aria-hidden="true"></em>		</a>		<div class="clearfix"></div>		
2603<script>			jQuery(function(){				$("#divColorContrast").on("click", "a", function(){					setTheme($(this).data("theme"));				});				$("body").addClass($.cookie("theme"));				function setTheme (t){					$("body").removeClass("themeWhite themeYellow");					var c = "";					if(t == "white"){						$("body").addClass("themeWhite");						c = "themeWhite";					}else if(t == "normal"){											}else if(t == "yellow"){						$("body").addClass("themeYellow");						c = "themeYellow";					}else{						$.removeCookie("theme");						return false;					}					$.cookie("theme", c, {path: '/'});					return true;				}			});		</script>
2603	</div></div></div><div class='d2ms-widget'> <div class='d2ms-widget-body'><div class="switchlang-box"><span><a href="/th/content/page/index/id/16" data-lang="th" aria-label="ภาษาไทย" >TH</a></span><span><a href="https://translate.google.com/translate?hl=en&sl=th&tl=en&u=https%3A%2F%2Fwww.cdd.go.th%2Fth%2Fcontent%2Fpage%2Findex%2Fid%2F16" data-lang="en" aria-label="English" >EN</a></span></div>
2604<script>
2605function openNoReferrer(url) {
2606  const a = document.createElement('a');
2607  a.href = url;
2608  a.rel = 'noreferrer noopener';
2609  a.target = '_self'; 
2610  document.body.appendChild(a);
2611  a.click();
2612}
2613</script>
2613
2614		</div></div></div></div><div id='d2ms-section-sectionmenu-wcag-menu' class='col-md-9 '><div class='d2ms-box'><div class="d2ms-widget-menu-wrapper with-offcanvas">	<a id="toggleCanvas" href="#offCanvas" data-offcanvas-trigger="offCanvas"  aria-label="toggle-canvas" title="toggle-canvas"><em class="fa fa-bars"></em></a><div class="d2ms-widget-menu hidden-xs">			<a id="d2ms-menu-toggle" class="button dark" href="#" title="menu-toggle"><em class="icon-reorder"></em></a>			<nav>				<ul class="nav navbar-nav" id="d2ms-main-menu"><li class=""><a href="/th/page/item/index/id/22" target="_self" class="" title="หน้าหลัก" role="menuitem" aria-label="หน้าหลัก"  >หน้าหลัก</a></li><li class="active"><a href="#" target="_blank" class=" menu-toggle" title="เกี่ยวกับกรม" role="button" aria-label="เกี่ยวกับกรม" aria-expanded="false" >เกี่ยวกับกรม <span class="caret"></span></a><ul class="sub-menu"><li class="active"><a href="/th/content/page/index/id/16" target="_self" class="" title="ประวัติกรม" role="menuitem" aria-label="ประวัติกรม"  >ประวัติกรม</a></li><li class=""><a href="/th/content/page/index/id/17" target="_self" class="" title="ผู้บริหารกรมการพัฒนาชุมชน" role="menuitem" aria-label="ผู้บริหารกรมการพัฒนาชุมชน"  >ผู้บริหารกรมการพัฒนาชุมชน</a></li><li class=""><a href="/th/content/page/index/id/18" target="_self" class="" title="วิสัยทัศน์ พันธกิจ ยุทธศาสตร์" role="menuitem" aria-label="วิสัยทัศน์ พันธกิจ ยุทธศาสตร์"  >วิสัยทัศน์ พันธกิจ ยุทธศาสตร์</a></li><li class=""><a href="/th/content/page/index/id/292215" target="_self" class="" title="ผู้บริหารเทคโนโลยีสารสนเทศระดับสูง" role="menuitem" aria-label="ผู้บริหารเทคโนโลยีสารสนเทศระดับสูง"  >ผู้บริหารเทคโนโลยีสารสนเทศระดับสูง</a></li><li class=""><a href="/th/content/page/index/id/19" target="_self" class="" title="ค่านิยมองค์กร" role="menuitem" aria-label="ค่านิยมองค์กร"  >ค่านิยมองค์กร</a></li><li class=""><a href="/th/content/page/index/id/20" target="_self" class="" title="อำนาจหน้าที่" role="menuitem" aria-label="อำนาจหน้าที่"  >อำนาจหน้าที่</a></li><li class=""><a href="/th/content/page/index/id/21" target="_self" class="" title="โครงสร้างและหน่วยงาน" role="menuitem" aria-label="โครงสร้างและหน่วยงาน"  >โครงสร้างและหน่วยงาน</a></li></ul></li><li class=""><a href="#" target="_self" class=" menu-toggle" title="ยุทธศาสตร์ นโยบายและแผนงาน" role="button" aria-label="ยุทธศาสตร์ นโยบายและแผนงาน" aria-expanded="false" >ยุทธศาสตร์ นโยบายและแผนงาน <span class="caret"></span></a><ul class="sub-menu"><li class=""><a href="/th/content/page/index/id/22" target="_self" class="" title="แผนยุทธศาสตร์ / แผนพัฒนาหน่วยงาน" role="menuitem" aria-label="แผนยุทธศาสตร์ / แผนพัฒนาหน่วยงาน"  >แผนยุทธศาสตร์ / แผนพัฒนาหน่วยงาน</a></li><li class=""><a href="/th/content/page/index/id/23" target="_self" class="" title="กฎหมายที่เกี่ยวข้อง" role="menuitem" aria-label="กฎหมายที่เกี่ยวข้อง"  >กฎหมายที่เกี่ยวข้อง</a></li><li class=""><a href="#" target="_self" class=" menu-toggle" title="การดำเนินงาน" role="button" aria-label="การดำเนินงาน" aria-expanded="false" >การดำเนินงาน <span class="caret"></span></a><ul class="sub-menu"><li class=""><a href="/th/content/category/index/id/27" target="_self" class="" title="แผนดำเนินงานและการใช้งบประมาณประจำปี" role="menuitem" aria-label="แผนดำเนินงานและการใช้งบประมาณประจำปี"  >แผนดำเนินงานและการใช้งบประมาณประจำปี</a></li><li class=""><a href="/th/content/category/index/id/28" target="_self" class="" title="รายงานการกำกับติดตามการดำเนินงานและการใช้งบประมาณประจำปีรอบ 6 เดือน" role="menuitem" aria-label="รายงานการกำกับติดตามการดำเนินงานและการใช้งบประมาณประจำปีรอบ 6 เดือน"  >รายงานการกำกับติดตามการดำเนินงานและการใช้งบประมาณประจำปีรอบ 6 เดือน</a></li><li class=""><a href="/th/content/category/index/id/29" target="_self" class="" title="รายงานผลการดำเนินงานประจำปี" role="menuitem" aria-label="รายงานผลการดำเนินงานประจำปี"  >รายงานผลการดำเนินงานประจำปี</a></li></ul></li><li class=""><a href="#" target="_self" class=" menu-toggle" title="การปฏิบัติงาน" role="button" aria-label="การปฏิบัติงาน" aria-expanded="false" >การปฏิบัติงาน <span class="caret"></span></a><ul class="sub-menu"><li class=""><a href="https://cdd.go.th/shurl/104885" target="_self" class="" title="คู่มือ / มาตรฐานการปฏิบัติงาน" role="menuitem" aria-label="คู่มือ / มาตรฐานการปฏิบัติงาน"  >คู่มือ / มาตรฐานการปฏิบัติงาน</a></li><li class=""><a href="https://cdd.go.th/shurl/104895" target="_self" class="" title="คู่มือ / มาตรฐานการให้บริการ" role="menuitem" aria-label="คู่มือ / มาตรฐานการให้บริการ"  >คู่มือ / มาตรฐานการให้บริการ</a></li><li class=""><a href="/th/content/category/index/id/37" target="_self" class="" title="ข้อมูลเชิงสถิติการให้บริการ" role="menuitem" aria-label="ข้อมูลเชิงสถิติการให้บริการ"  >ข้อมูลเชิงสถิติการให้บริการ</a></li><li class=""><a href="/th/content/category/index/id/36" target="_self" class="" title="รายงานผลการสำรวจความพึงพอใจการให้บริการ" role="menuitem" aria-label="รายงานผลการสำรวจความพึงพอใจการให้บริการ"  >รายงานผลการสำรวจความพึงพอใจการให้บริการ</a></li></ul></li><li class=""><a href="#" target="_self" class=" menu-toggle" title="แผนป้องกันการทุจริต" role="button" aria-label="แผนป้องกันการทุจริต" aria-expanded="false" >แผนป้องกันการทุจริต <span class="caret"></span></a><ul class="sub-menu"><li class=""><a href="/th/content/category/index/id/21" target="_self" class="" title="แผนปฏิบัติการป้องกันการทุจริต" role="menuitem" aria-label="แผนปฏิบัติการป้องกันการทุจริต"  >แผนปฏิบัติการป้องกันการทุจริต</a></li><li class=""><a href="/th/content/category/index/id/22" target="_self" class="" title="รายงานการกำกับติดตามการดำเนินการป้องกันการทุจริตประจำปี รอบ 6 เดือน" role="menuitem" aria-label="รายงานการกำกับติดตามการดำเนินการป้องกันการทุจริตประจำปี รอบ 6 เดือน"  >รายงานการกำกับติดตามการดำเนินการป้องกันการทุจริตประจำปี รอบ 6 เดือน</a></li><li class=""><a href="/th/content/category/index/id/23" target="_self" class="" title="รายงานผลการดำเนินการป้องกันการทุจริตประจำปี" role="menuitem" aria-label="รายงานผลการดำเนินการป้องกันการทุจริตประจำปี"  >รายงานผลการดำเนินการป้องกันการทุจริตประจำปี</a></li><li class=""><a href="/th/content/category/index/id/24" target="_self" class="" title="การประเมินความเสี่ยง การทุจริตและประพฤติมิชอบประจำปี" role="menuitem" aria-label="การประเมินความเสี่ยง การทุจริตและประพฤติมิชอบประจำปี"  >การประเมินความเสี่ยง การทุจริตและประพฤติมิชอบประจำปี</a></li><li class=""><a href="/th/content/category/index/id/25" target="_self" class="" title="การดำเนินการเพื่อจัดการความเสี่ยงการทุจริตและประพฤติมิชอบ" role="menuitem" aria-label="การดำเนินการเพื่อจัดการความเสี่ยงการทุจริตและประพฤติมิชอบ"  >การดำเนินการเพื่อจัดการความเสี่ยงการทุจริตและประพฤติมิชอบ</a></li></ul></li><li class=""><a href="#" target="_self" class=" menu-toggle" title="มาตรการเสริมสร้างมาตรฐานทางจริยธรรม" role="button" aria-label="มาตรการเสริมสร้างมาตรฐานทางจริยธรรม" aria-expanded="false" >มาตรการเสริมสร้างมาตรฐานทางจริยธรรม <span class="caret"></span></a><ul class="sub-menu"><li class=""><a href="/th/content/page/index/id/47" target="_self" class="" title="ประมวลà¸
2614ˆà¸£à¸´à¸¢à¸˜à¸£à¸£à¸¡à¸ªà¸³à¸«à¸£à¸±à¸šà¹€à¸ˆà¹‰à¸²à¸«à¸™à¹‰à¸²à¸—ี่ของรัฐ" role="menuitem" aria-label="ประมวลจริยธรรมสำหรับเจ้าหน้าที่ของรัฐ"  >ประมวลจริยธรรมสำหรับเจ้าหน้าที่ของรัฐ</a></li><li class=""><a href="/th/content/page/index/id/48" target="_blank" class="" title="การขับเคลื่อนจริยธรรม" role="menuitem" aria-label="การขับเคลื่อนจริยธรรม"  >การขับเคลื่อนจริยธรรม</a></li><li class=""><a href="/th/content/page/index/id/49" target="_self" class="" title="การประเมินจริยธรรมเจ้าหน้าที่ของรัฐ" role="menuitem" aria-label="การประเมินจริยธรรมเจ้าหน้าที่ของรัฐ"  >การประเมินจริยธรรมเจ้าหน้าที่ของรัฐ</a></li></ul></li><li class=""><a href="#" target="_self" class=" menu-toggle" title="มาตรการส่งเสริมความโปร่งใสและป้องกันการทุจริตภายในหน่วยงาน" role="button" aria-label="มาตรการส่งเสริมความโปร่งใสและป้องกันการทุจริตภายในหน่วยงาน" aria-expanded="false" >มาตรการส่งเสริมความโปร่งใสและป้องกันการทุจริตภายในหน่วยงาน <span class="caret"></span></a><ul class="sub-menu"><li class=""><a href="/th/content/page/index/id/50" target="_self" class="" title="มาตรการส่งเสริมคุณธรรมและความโปร่งใสภายในหน่วยงาน" role="menuitem" aria-label="มาตรการส่งเสริมคุณธรรมและความโปร่งใสภายในหน่วยงาน"  >มาตรการส่งเสริมคุณธรรมและความโปร่งใสภายในหน่วยงาน</a></li><li class=""><a href="/th/content/category/index/id/41" target="_self" class="" title="การดำเนินการตามมาตรการส่งเสริมคุณธรรมและความโปร่งใสภายในหน่วยงาน" role="menuitem" aria-label="การดำเนินการตามมาตรการส่งเสริมคุณธรรมและความโปร่งใสภายในหน่วยงาน"  >การดำเนินการตามมาตรการส่งเสริมคุณธรรมและความโปร่งใสภายในหน่วยงาน</a></li></ul></li><li class=""><a href="#" target="_blank" class=" menu-toggle" title="ร้องเรียนการทุจริตและประพฤติมิชอบ" role="button" aria-label="ร้องเรียนการทุจริตและประพฤติมิชอบ" aria-expanded="false" >ร้องเรียนการทุจริตและประพฤติมิชอบ <span class="caret"></span></a><ul class="sub-menu"><li class=""><a href="https://cdd.go.th/shurl/110500" target="_self" class="" title="แจ้งเรื่องร้องเรียนการทุจริตและประพฤติมิชอบ" role="menuitem" aria-label="แจ้งเรื่องร้องเรียนการทุจริตและประพฤติมิชอบ"  >แจ้งเรื่องร้องเรียนการทุจริตและประพฤติมิชอบ</a></li><li class=""><a href="https://personnel.cdd.go.th/file/get/file/103.20250628aae3f2dbbce715e2925106e726bb0e5e002300.pdf" target="_self" class="" title="แนวปฏิบัติการจัดการเรื่องร้องเรียนการทุจริตและประพฤติมิชอบ" role="menuitem" aria-label="แนวปฏิบัติการจัดการเรื่องร้องเรียนการทุจริตและประพฤติมิชอบ"  >แนวปฏิบัติการจัดการเรื่องร้องเรียนการทุจริตและประพฤติมิชอบ</a></li><li class=""><a href="/th/content/page/index/id/53" target="_self" class="" title="ข้อมูลเชิงสถิติเรื่องร้องเรียนการทุจริตและประพฤติมิชอบ" role="menuitem" aria-label="ข้อมูลเชิงสถิติเรื่องร้องเรียนการทุจริตและประพฤติมิชอบ"  >ข้อมูลเชิงสถิติเรื่องร้องเรียนการทุจริตและประพฤติมิชอบ</a></li></ul></li><li class=""><a href="/th/content/page/index/id/30" target="_blank" class="" title="ศูนย์ดำรงธรรม กรมการพัฒนาชุมชน" role="menuitem" aria-label="ศูนย์ดำรงธรรม กรมการพัฒนาชุมชน"  >ศูนย์ดำรงธรรม กรมการพัฒนาชุมชน</a></li><li class=""><a href="#" target="_self" class=" menu-toggle" title="นโยบาย No Gift Policy" role="button" aria-label="นโยบาย No Gift Policy" aria-expanded="false" >นโยบาย No Gift Policy <span class="caret"></span></a><ul class="sub-menu"><li class=""><a href="/th/content/page/index/id/302600" target="_self" class="" title="ประกาศเจตนารมณ์นโยบาย No Gift Policy กระทรวงมหาดไทย" role="menuitem" aria-label="ประกาศเจตนารมณ์นโยบาย No Gift Policy กระทรวงมหาดไทย"  >ประกาศเจตนารมณ์นโยบาย No Gift Policy กระทรวงมหาดไทย</a></li><li class=""><a href="/th/content/page/index/id/54" target="_self" class="" title="ประกาศเจตนารมณ์นโยบาย No Gift Policy กรมการพัฒนาชุมชน" role="menuitem" aria-label="ประกาศเจตนารมณ์นโยบาย No Gift Policy กรมการพัฒนาชุมชน"  >ประกาศเจตนารมณ์นโยบาย No Gift Policy กรมการพัฒนาชุมชน</a></li></ul></li><li class=""><a href="https://cddadg.cdd.go.th/th/content/category/detail/id/375/iid/200140" target="_blank" class="" title="การเปิดเผยข้อมูลสาธารณะ" role="menuitem" aria-label="การเปิดเผยข้อมูลสาธารณะ"  >การเปิดเผยข้อมูลสาธารณะ</a></li><li class=""><a href="#" target="_blank" class=" menu-toggle" title="การบริหารจัดการข้อมูล เพื่อการพัฒนาชุมชนชน" role="button" aria-label="การบริหารจัดการข้อมูล เพื่อการพัฒนาชุมชนชน" aria-expanded="false" >การบริหารจัดการข้อมูล เพื่อการพัฒนาชุมชนชน <span class="caret"></span></a><ul class="sub-menu"><li class=""><a href="https://cdd.go.th/shurl/112138" target="_blank" class="" title="ธ
2614รรมาภิบาลข้อมูล" role="menuitem" aria-label="ธรรมาภิบาลข้อมูล"  >ธรรมาภิบาลข้อมูล</a></li><li class=""><a href="https://cdd.go.th/shurl/112236" target="_blank" class="" title="กฎหมาย/ระเบียบ/ข้อบังคับ/ประกาศ" role="menuitem" aria-label="กฎหมาย/ระเบียบ/ข้อบังคับ/ประกาศ"  >กฎหมาย/ระเบียบ/ข้อบังคับ/ประกาศ</a></li><li class=""><a href="https://www.cdd.go.th/shurl/130566" target="_blank" class="" title="ประกาศมาตรฐานข้อมูล" role="menuitem" aria-label="ประกาศมาตรฐานข้อมูล"  >ประกาศมาตรฐานข้อมูล</a></li></ul></li></ul></li><li class=""><a href="/th/content/category/index/id/8" target="_self" class="" title="กิจกรรมผู้บริหาร" role="menuitem" aria-label="กิจกรรมผู้บริหาร"  >กิจกรรมผู้บริหาร</a></li><li class=""><a href="#" target="_self" class=" menu-toggle" title="ข่าวสารประชาสัมพันธ์" role="button" aria-label="ข่าวสารประชาสัมพันธ์" aria-expanded="false" >ข่าวสารประชาสัมพันธ์ <span class="caret"></span></a><ul class="sub-menu"><li class=""><a href="/th/newsmanagement/page/index/id/1" target="_self" class="" title="ข่าวประชาสัมพันธ์จากส่วนกลาง" role="menuitem" aria-label="ข่าวประชาสัมพันธ์จากส่วนกลาง"  >ข่าวประชาสัมพันธ์จากส่วนกลาง</a></li><li class=""><a href="#" target="_self" class=" menu-toggle" title="ข่าวประชาสัมพันธ์ สพจ." role="button" aria-label="ข่าวประชาสัมพันธ์ สพจ." aria-expanded="false" >ข่าวประชาสัมพันธ์ สพจ. <span class="caret"></span></a><ul class="sub-menu"><li class=""><a href="/th/newsmanagement/page/index/id/2" target="_self" class="" title="ข่าวประชาสัมพันธ์" role="menuitem" aria-label="ข่าวประชาสัมพันธ์"  >ข่าวประชาสัมพันธ์</a></li><li class=""><a href="/th/newsmanagement/page/index/id/3" target="_self" class="" title="ข่าวประกาศ/หนังสือราชการ" role="menuitem" aria-label="ข่าวประกาศ/หนังสือราชการ"  >ข่าวประกาศ/หนังสือราชการ</a></li><li class=""><a href="/th/newsmanagement/page/index/id/8" target="_self" class="" title="คำสั่ง" role="menuitem" aria-label="คำสั่ง"  >คำสั่ง</a></li><li class=""><a href="/th/newsmanagement/page/index/id/4" target="_self" class="" title="ข่าวจัดซื้อจัดจ้าง" role="menuitem" aria-label="ข่าวจัดซื้อจัดจ้าง"  >ข่าวจัดซื้อจัดจ้าง</a></li><li class=""><a href="/th/newsmanagement/page/index/id/5" target="_self" class="" title="ข่าวรับสมัครงาน" role="menuitem" aria-label="ข่าวรับสมัครงาน"  >ข่าวรับสมัครงาน</a></li></ul></li><li class=""><a href="/th/newsmanagement/page/index/id/6" target="_self" class="" title="ข่าวประชาสัมพันธ์ สพอ." role="menuitem" aria-label="ข่าวประชาสัมพันธ์ สพอ."  >ข่าวประชาสัมพันธ์ สพอ.</a></li><li class=""><a href="#" target="_self" class=" menu-toggle" title="จัดซื้อจัดจ้าง" role="button" aria-label="จัดซื้อจัดจ้าง" aria-expanded="false" >จัดซื้อจัดจ้าง <span class="caret"></span></a><ul class="sub-menu"><li class=""><a href="/th/content/category/index/id/9" target="_self" class="" title="ประกาศต่าง ๆ เà¸
2614à¸µà¹ˆà¸¢à¸§à¸à¸±à¸šà¸à¸²à¸£à¸ˆà¸±à¸”ซื้อจัดจ้าง / การจัดหาพัสดุ" role="menuitem" aria-label="ประกาศต่าง ๆ เกี่ยวกับการจัดซื้อจัดจ้าง / การจัดหาพัสดุ"  >ประกาศต่าง ๆ เกี่ยวกับการจัดซื้อจัดจ้าง / การจัดหาพัสดุ</a></li><li class=""><a href="/th/content/category/index/id/30" target="_self" class="" title="แผนการจัดซื้อจัดจ้าง / แผนการจัดหาพัสดุ" role="menuitem" aria-label="แผนการจัดซื้อจัดจ้าง / แผนการจัดหาพัสดุ"  >แผนการจัดซื้อจัดจ้าง / แผนการจัดหาพัสดุ</a></li><li class=""><a href="/th/content/category/index/id/39" target="_self" class="" title="รายงานผลการใช้จ่ายงบประมาณประจำปี" role="menuitem" aria-label="รายงานผลการใช้จ่ายงบประมาณประจำปี"  >รายงานผลการใช้จ่ายงบประมาณประจำปี</a></li></ul></li><li class=""><a href="#" target="_self" class=" menu-toggle" title="สมัครงาน" role="button" aria-label="สมัครงาน" aria-expanded="false" >สมัครงาน <span class="caret"></span></a><ul class="sub-menu"><li class=""><a href="/th/content/category/index/id/159" target="_self" class="" title="ข่าวรับสมัครงาน" role="menuitem" aria-label="ข่าวรับสมัครงาน"  >ข่าวรับสมัครงาน</a></li><li class=""><a href="/th/content/page/index/id/70" target="_self" class="" title="การดำเนินการตามนโยบาย / แผนการบริหารทรัพยากรบุคคล" role="menuitem" aria-label="การดำเนินการตามนโยบาย / แผนการบริหารทรัพยากรบุคคล"  >การดำเนินการตามนโยบาย / แผนการบริหารทรัพยากรบุคคล</a></li><li class=""><a href="/th/content/page/index/id/69" target="_self" class="" title="นโยบาย / แผนการบริหารทรัพยากรบุคคล" role="menuitem" aria-label="นโยบาย / แผนการบริหารทรัพยากรบุคคล"  >นโยบาย / แผนการบริหารทรัพยากรบุคคล</a></li><li class=""><a href="/th/content/page/index/id/71" target="_self" class="" title="หลักเกณฑ์การบริหารและพัฒนาทรัพยากรบุคคล" role="menuitem" aria-label="หลักเกณฑ์การบริหารและพัฒนาทรัพยากรบุคคล"  >หลักเกณฑ์การบริหารและพัฒนาทรัพยากรบุคคล</a></li><li class=""><a href="/th/content/category/index/id/38" target="_self" class="" title="รายงานผลการบริหารและพัฒนาทรัพยากรบุคคลประจำปี" role="menuitem" aria-label="รายงานผลการบริหารและพัฒนาทรัพยากรบุคคลประจำปี"  >รายงานผลการบริหารและพัฒนาทรัพยากรบุคคลประจำปี</a></li></ul></li><li class=""><a href="#" target="_self" class=" menu-toggle" title="ประกาศ หนังสือราชการ" role="button" aria-label="ประกาศ หนังสือราชการ" aria-expanded="false" >ประกาศ หนังสือราชการ <span class="caret"></span></a><ul class="sub-menu"><li class=""><a href="/th/newsmanagement/page/index/id/11" target="_self" class="" title="ประกาศ หนังสือราชการ (กองการเจ้าหน้าที่)" role="menuitem" aria-label="ประกาศ หนังสือราชการ (กองการเจ้าหน้าที่)"  >ประกาศ หนังสือราชการ (กองการเจ้าหน้าที่)</a></li><li class=""><a href="/th/content/category/index/id/13" target="_self" class="" title="ประกาศ หนังสือราชการ (ส่วนกลาง)" role="menuitem" aria-label="ประกาศ หนังสือราชการ (ส่วนกลาง)"  >ประกาศ หนังสือราชการ (ส่วนกลาง)</a></li></ul></li><li class=""><a href="/th/content/category/index/id/14" target="_self" class="" title="ข่าวจากหนังสือพิมพ์" role="menuitem" aria-label="ข่าวจากหนังสือพิมพ์"  >ข่าวจากหนังสือพิมพ์</a></li><li class=""><a href="/th/content/category/index/id/1256" target="_self" class="" title="ข่าวประชาสัมพันธ์จากหน่วยงานอื่น" role="menuitem" aria-label="ข่าวประชาสัมพันธ์จากหน่วยงานอื่น"  >ข่าวประชาสัมพันธ์จากหน่วยงานอื่น</a></li><li class=""><a href="/th/content/category/index/id/1348" target="_self" class="" title="ปฏิทินกิจกรรม" role="menuitem" aria-label="ปฏิทินกิจกรรม"  >ปฏิทินกิจกรรม</a></li></ul></li><li class=""><a href="#" target="_self" class=" menu-toggle" title="บริการและสื่อ" role="button" aria-label="บริการและสื่อ" aria-expanded="false" >บริการและสื่อ <span class="caret"></span></a><ul class="sub-menu"><li class=""><a href="/th/weblink/item/index/id/1" target="_self" class="" title="บริการภายใน" role="menuitem" aria-label="บริการภายใน"  >บริการภายใน</a></li><li class=""><a href="/th/content/category/index/id/53" target="_self" class="" title="สื่อความรู้ ประชาสัมพันธ์" role="menuitem" aria-label="สื่อความรู้ ประชาสัมพันธ์"  >สื่อความรู้ ประชาสัมพันธ์</a></li><li class=""><a href="/th/content/category/index/id/15" target="_self" class="" title="ดาวน์โหลด" role="menuitem" aria-label="ดาวน์โหลด"  >ดาวน์โหลด</a></li><li class=""><a href="/th/content/page/index/id/260666" target="_self" class="" title="Digital Service" role="menuitem" aria-label="Digital Service"  >Digital Service</a></li><li class=""><a href="https://cdd.go.th/shurl/112137" target="_self" class="" title="E-Service" role="menuitem" aria-label="E-Service"  >E-Service</a></li><li class=""><a href="/th/content/category/index/id/1882" target="_self" class="" title="สื่อการเรียนรู้การประดิษฐ์ดอกไม้จันทน์พระราชทาน" role="menuitem" aria-label="สื่อการเรียนรู้การประดิษฐ์ดอกไม้จันทน์พระราชทาน"  >สื่อการเรียนรู้การประดิษฐ์ดอกไม้จันทน์พระราชทาน</a></li></ul></li><li class=""><a href="#" target="_self" class=" menu-toggle" title="ติดต่อเรา" role="button" aria-label="ติดต่อเรา" aria-expanded="false" >ติดต่อเรา <span class="caret"></span></a><ul class="sub-menu"><li class=""><a href="/th/weblink/item/index/id/10" target="_self" class="" title="ลิงค์หน่วยงานส่วนกลาง" role="menuitem" aria-label="ลิงค์หน่วยงานส่วนกลาง"  >ลิงค์หน่วยงานส่วนกลาง</a></li><li class=""><a href="/th/weblink/item/index/id/4" target="_self" class="" title="ลิงค์สำนักงานพัฒนาชุมชนจังหวัด" role="menuitem" aria-label="ลิงค์สำนักงานพัฒนาชุมชนจังหวัด"  >ลิงค์สำนักงานพัฒนาชุมชนจังหวัด</a></li><li class=""><a href="/th/weblink/item/index/id/16" target="_self" class="" title="ลิงค์สำนักงานพัฒนาชุมชนอำเภอ" role="menuitem" aria-label="ลิงค์สำนักงานพัฒนาชุมชนอำเภอ"  >ลิงค์สำนักงานพัฒนาชุมชนอำเภอ</a></li><li class=""><a href="https://cdd.go.th/shurl/104902" target="_self" class="" title="ติดต่อกรม" role="menuitem" aria-label="ติดต่อกรม"  >ติดต่อกรม</a></li><li class=""><a href="/th/faq/item/index" target="_self" class="" title="ถามตอบ" role="menuitem" aria-label="ถามตอบ"  >ถามตอบ</a></li><li class=""><a href="/th/sitemap/index/index/id/1" target="_self" class="" title="แผนผังเว็บไซต์" role="menuitem" aria-label="แผนผังเว็บไซต์"  >แผนผังเว็บไซต์</a></li></ul></li>				</ul>			</nav>			<div class="clear"></div>		</div></div></div></div></div></div></div><div id='d2ms-section-section-header' class=' section header'><div class='row'><div id='d2ms-section-section-header-headerimage' class='col-md-12 '><div class='d2ms-box'><div class="d2ms-headerimage" ><img src="/th/file/get/file/1.20241206d41d8cd98f00b204e9800998ecf8427e160
2614521.png" alt="" role="presentation" /><div class="menuheaderzone"><div class="menuheadertitle">ประวัติกรม</div></div></div></div></div><div id='d2ms-section-section-header-breadcrumb' class='col-md-12 '><div class='d2ms-box'><div class='d2ms-widget'> <div class='d2ms-widget-body'><ol class='breadcrumb'><li><a href='/'>หน้าหลัก</a></li><li><a href='#'>เกี่ยวกับกรม</a></li><li class='active'>ประวัติกรม</li></ol></div></div></div></div></div></div><div id='d2ms-section-section-part:-main' class='d2ms-section-hasmainbox section part: main'><div class='container'><div class='row'><div id='d2ms-section-section-part:-main-main' class='col-md-24 d2ms-section-ismainbox'><div class='d2ms-box d2ms-box-main'>
2615
2616
2617
2618<!-- ismobile -->
2619
2620
2621
2622<div class="infodetail infopage  article-detail article-detail-16 article-datail-template-5 d2ms-box-main">
2623	
2624			<div class="information-panel printable" id="printContent">
2625
2626				<div class="article-title title-panel ">
2627	<span class="title">
2628		ประวัติกรม	</span>
2629	<hr />
2630</div>
2631				
2632<div class="article-date" id="articledate6ab4ed10179c2">
2633	<span class="article-date-date">
2634	<em class="fa fa-calendar"></em> 21/11/2567	|
2635	</span>
2636	<span class="article-date-view">
2637	<em class="fa fa-eye"></em> 26,444	</span> 
2638		<span class="article-date-print">
2639	| 
2640	<em id="lnkContentPrint" class="fa fa-print" ></em>
2641	</span>
2642	<span class="article-date-pdf" id="lnkContentPdf"  >
2643		| 
2644		<em class="fa fa-file-pdf-o"></em>
2645	</span>
2646	
2647	
2647<script>
2648				
2649		$("#lnkContentPrint").click(function(){
2650			window.print();
2651		});
2652		$("#lnkContentPdf").click(function(){
2653			doPdf(this, 'zlV1pT9iclv8iDeKzAY5l2WTavCW3IhUiTpoNzGgpmLM3nN8JfwTokQwfTHqk5VPPFS/ZbH4KkSTE7ZLtaEI');
2654		});
2655			</script>
2655
2656	
2657	</div>
2658				
2659<div class="article-detail">
2660	<p style="text-align: center;"><img alt="" src="/file/get/file/1.2024120417f84719938bf86c5efa8778926351a2163734.png" style="width: 100px; height: 100px;" /></p>
2661
2662<p style="text-align: center;"><span style="font-size:40px;"><span style="font-family:Prompt;"><strong><img alt="" src="/file/get/file/1.20241204b1619fd89cf19e557069147c12464681172159.png" style="width: 50px; height: 58px;" />&nbsp; กรมการพัฒนาชุมชน กระทรวงมหาดไทย&nbsp;&nbsp;<img alt="" src="/file/get/file/1.20241204762d045f6ec806db4ef9a3ac0d977480163819.png" style="width: 57px; height: 50px;" /></strong></span></span></p>
2663
2664<p><span style="font-size:24px;"><span style="font-family:Prompt;">แนวคิดการพัฒนาชุมชนที่เกิดขึ้นในปี พ.ศ. ๒๔๘๓ ได้ทำให้เกิดการเปลี่ยนแปลงการพัฒนาในกลุ่มประเทศเครือจักรภพจากเดิมมาเป็น การพัฒนาที่เห็นว่าประชาชนเป็นแกนกลางของพลังขับเคลื่อนทางสังคม เมื่อแนวคิดการพัฒนาชุมชนนี้เผยแพร่ออกไปจนก่อเกิดเป็นปรัชญาเกี่ยวกับการทำ งานร่วมกันอย่างใกล้ชิดระหว่างประชาชนกับรัฐบาลในการปรับปรุงสภาพความเป็น อยู่ซึ่งเรียกว่าขบวนการพัฒนาชุมชน ขบวนการดังกล่าวได้ส่งผลกระทบต่อการพัฒนาในประเทศไทยด้วยเช่นกัน</span></span><span style="font-size:18px;"><span style="font-family:Prompt;"></span></span></p>
2665
2666<p></p>
2667
2668<p><strong><span style="color:003366;"><span style="font-size:28px;"><span style="font-family:Prompt;"><img alt="" src="/file/get/file/1.20241204762d045f6ec806db4ef9a3ac0d977480163819.png" style="width: 35px; height: 31px;" /></span></span></span>&nbsp;<span style="color:003366;">&nbsp;<span style="font-size:24px;"><span style="font-family:Prompt;"></span></span></span><span style="color:003366;"><span style="font-size:24px;"><span style="font-family:Prompt;">ในปี พ.ศ. ๒๔๘๓</span></span></span><span style="color:003366;"><span style="font-size:24px;"><span style="font-family:Prompt;"></span></span></span><span style="color:003366;"><span style="font-size:28px;"><span style="font-family:Prompt;">&nbsp;</span></span></span></strong><br />
2669<strong><span style="color:003366;"><span style="font-size:28px;"><span style="font-family:Prompt;"></span></span></span></strong><span style="font-size:20px;"><span style="font-family:Prompt;">กระทรวงมหาดไทยได้ประกาศใช้แผนการบูรณะชนบทพัฒนา โดยมีวัตถุประสงค์ ๒ ประการ คือ สร้างสรรค์ชีวิตจิตใจของประชาชนในชนบทให้เหมาะสมที่จะเป็นพลเมืองดี และส่งเสริมให้ประชาชนมีการครองชีพที่ดีขึ้น และได้จัดตั้งสำนักงานพัฒนาการท้องถิ่นขึ้นในปี พ.ศ. ๒๔๙๙ เพื่อส่งเสริมการมีส่วนร่วมของประชาชนในการพัฒนาท้องถิ่น และมีการริเริ่มโครงการพัฒนาท้องถิ่นในปีถัดมาโดยมีปลัดพัฒนากรเป็นผู้ ปฏิบัติงานซึ่งเรียกกันในภายหลังว่าพัฒนากร</span><span style="font-family:Prompt;"></span></span></p>
2670
2671<p></p>
2672
2673<p><span style="font-size:20px;"><span style="font-family:Prompt;"><strong><span style="color:003366;"><span style="font-size:28px;"><span style="font-family:Prompt;"><img alt="" src="/file/get/file/1.20241204762d045f6ec806db4ef9a3ac0d977480163819.png" style="width: 35px; height: 31px;" /></span></span></span>&nbsp;</strong>&nbsp;</span></span><span style="color:003366;"><span style="font-size:24px;"><span style="font-family:Prompt;"><strong>ในปี พ.ศ. ๒๕๐๕</strong></span></span></span><br />
2674<span style="font-size:20px;"><span style="font-family:Prompt;"></span></span><span style="font-size:20px;"><span style="font-family:Prompt;">รัฐบาลได้ออกพระราชบัญญัติปรับปรุงกระทรวงทบวงกรม ฉบับที่ ๑๐ และจัดตั้งกรมการพัฒนาชุมชนขึ้นเป็นหน่วยงานในสังกัดกระทรวงมหาดไทยเมื่อวัน ที่ ๑ ตุลาคม พ.ศ. ๒๕๐๕ ภารกิจในระยะแรกของกรมการพัฒนาชุมชนคือ ปรับปรุงคุณภาพชีวิตของประชาชนในชนบทโดยการมีส่วนร่วมของประชาชนและการพัฒนา ตนเอง ซึ่งอาจกล่าวได้ว่าพัฒนากรต้องทำงานกับประชาชน มิใช่ทำให้ประชาชน</span></span><span style="font-size:18px;"><span style="font-family:Prompt;"></span></span><span style="font-size:20px;"><span style="font-family:Prompt;"></span></span><span style="font-size:20px;"><span style="font-family:Prompt;"></span></span></p>
2675
2676<p></p>
2677
2678<p style="text-align: center;"><span style="font-size:18px;"><span style="font-family:Prompt;">กรมการพัฒนาชุมชน กระทรวงมหาดไทย</span></span><span style="font-size:18px;"><span style="font-family:Prompt;"><br />
2679ศูนย์ราชการเฉลิมพระเกียรติฯ อาคารรัฐประศาสนภักดี (อาคาร B) ชั้น 5<br />
2680ถนนแจ้งวัฒนะ แขวงทุ่งสองห้อง เขตหลักสี่<br />
2681กรุงเทพมหานคร</span></span></p>
2682
2683<p style="text-align: center;"></p>
2684
2685	<div style="clear: both;"></div>
2686</div>
2687				
2688				
2689				
2690				
2691				
2692				
2693				
2694				
2695
2696	<!-- <div class="article-date-date_2">
2697	<em class="fa fa-calendar"></em> <span class="date_2">21/11/2567</span>
2698</div> -->
2699
2700	
2701	<hr class="article-social-hr">
2702
2703	<div class="article-social">
2704					<a class="btn btn-social-icon btn-facebook" title="Share Facebook" aria-label="Share Facebook" href="https://www.facebook.com/sharer/sharer.php?u=https://www.cdd.go.th/th/content/page/index/id/16" onclick="window.open(this.href, 'facebook-share','width=500,height=300');return false;">
2705				<em class="fa fa-facebook"></em>
2706			</a>
2707							<a class="btn btn-social-icon btn-x" title="Share X" aria-label="Share X" href="http://twitter.com/share?text=ประวัติกรม&url=https://www.cdd.go.th/th/content/page/index/id/16&via=Devahoy" onclick="window.open(this.href, 'twitter-share', 'width=500,height=300');return false;">
2708				<img src="/images/social_icons/xtwitter_icon.png" alt="X-Twitter">
2709			</a>
2710									<a class="btn btn-social-icon btn-line" title="Share Line" aria-label="Share Line" href="https://social-plugins.line.me/lineit/share?url=https://www.cdd.go.th/th/content/page/index/id/16" onclick="window.open(this.href, 'line-share', 'width=500,height=300');return false;">
2711				<img src="/assets/content/icon/line.png" alt="Line">
2712			</a>
2713											<a class="lnkQrcode btn btn-social-icon" title="Qrcode" aria-label="Qrcode" href="/cache/qrcode/be664525bee77cd41d5fcc32e3f9a50e.jpg" data-lightbox="image-1" data-title="">
2714				<img src="/cache/qrcode/be664525bee77cd41d5fcc32e3f9a50e.jpg" alt="QRCode" class="qrcode">
2715			</a>
2716			</div>
2717
2718	
2718<script>
2719		$("body").on("click", "#btnCopyShare", function() {
2720			const textarea = document.getElementById('txtShareUrl');
2721			textarea.select();
2722			textarea.focus();
2723			document.execCommand('copy');
2724			DialogComplete("คัดลอกลิงค์สำเร็จ !");
2725		});
2726
2727		function shareurlx() {
2728			navigator.share({
2729				title: document.title,
2730				url: window.location.href,
2731			}).then(() => {}).catch((error) => {});
2732		}
2733
2734		function shareIG() {
2735			if (navigator.share) {
2736				var url = window.location.href;
2737				var html =
2738					`<div class="form-group"><div class="divControl"><div class="input-group"><input type="text" id="txtShareUrl" class="form-control" value="` + url + `" readonly />
2739					<div class="input-group-btn">
2740						<button class="btn btn-primary" id="btnCopyShare" type="button">คัดลอก</button>
2741						<button class="btn btn-primary" id="btnShare" type="button" onclick="shareurlx();">แชร์</button>
2742					</div>
2743				</div>
2744				<div class="suggest">สามารถคัดลอกลิงค์เพื่อนำไปส่ง direct message หรือกดแชร์เพื่อแชร์ไปยัง direct message</div>
2745				</div></div>`;
2746				BootstrapDialog.show({
2747					title: 'Share Social',
2748					message: $('<div id="dialogShareSocial">' + html + '</div>'),
2749					closable: true,
2750					closeByBackdrop: false,
2751					closeByKeyboard: false,
2752					autodestroy: true,
2753					cssClass: "dialogShareSocial",
2754					buttons: [{
2755						label: ' ปิดหน้าต่าง',
2756						icon: 'fa fa-times',
2757						action: function(dialog) {
2758							dialog.close();
2759						}
2760					}],
2761				});
2762				return;
2763			} else {
2764				var sampleTextarea = document.createElement("textarea");
2765				document.body.appendChild(sampleTextarea);
2766				sampleTextarea.value = window.location.href; //save main text in it
2767				sampleTextarea.select(); //select textarea contenrs
2768				document.execCommand("copy");
2769				document.body.removeChild(sampleTextarea);
2770				DialogComplete("คัดลอกลิงค์สำเร็จ !");
2771			}
2772		}
2773
2774		function shareTT() {
2775			if (navigator.share) {
2776				var url = window.location.href;
2777				var html =
2778					`<div class="form-group"><div class="divControl"><div class="input-group"><input type="text" id="txtShareUrl" class="form-control" value="` + url + `" readonly />
2779					<div class="input-group-btn">
2780						<button class="btn btn-primary" id="btnCopyShare" type="button">คัดลอก</button>
2781					</div>					
2782				</div>
2783				<div class="suggest">สามารถคัดลอกลิงค์เพื่อนำไปส่ง direct message</div>
2784				</div></div>`;
2785				BootstrapDialog.show({
2786					title: 'Share Social',
2787					message: $('<div id="dialogShareSocial">' + html + '</div>'),
2788					closable: true,
2789					closeByBackdrop: false,
2790					closeByKeyboard: false,
2791					autodestroy: true,
2792					cssClass: "dialogShareSocial",
2793					buttons: [{
2794						label: ' ปิดหน้าต่าง',
2795						icon: 'fa fa-times',
2796						action: function(dialog) {
2797							dialog.close();
2798						}
2799					}],
2800				});
2801				return;
2802			} else {
2803				var sampleTextarea = document.createElement("textarea");
2804				document.body.appendChild(sampleTextarea);
2805				sampleTextarea.value = window.location.href; //save main text in it
2806				sampleTextarea.select(); //select textarea contenrs
2807				document.execCommand("copy");
2808				document.body.removeChild(sampleTextarea);
2809				DialogComplete("คัดลอกลิงค์สำเร็จ !");
2810			}
2811		}
2812
2813		function shareURL() {
2814			if (navigator.share) {
2815				navigator.share({
2816					title: document.title,
2817					url: window.location.href,
2818				}).then(() => {}).catch((error) => {});
2819			} else {
2820				var sampleTextarea = document.createElement("textarea");
2821				document.body.appendChild(sampleTextarea);
2822				sampleTextarea.value = window.location.href; //save main text in it
2823				sampleTextarea.select(); //select textarea contenrs
2824				document.execCommand("copy");
2825				document.body.removeChild(sampleTextarea);
2826
2827				DialogComplete("คัดลอกลิงค์สำเร็จ !");
2828			}
2829		}
2830		$('.btn-facebook').click(function() {
2831			$.post("/th/content/article/saveshare", {
2832				"hdfID": '16',
2833				"ShareType": 'facebook'
2834			}, function(data) {}, 'json');
2835		});
2836		$('.btn-x').click(function() {
2837			$.post("/th/content/article/saveshare", {
2838				"hdfID": '16',
2839				"ShareType": 'twitter'
2840			}, function(data) {}, 'json');
2841		});
2842		$('.btn-google').click(function() {
2843			$.post("/th/content/article/saveshare", {
2844				"hdfID": '16',
2845				"ShareType": 'google'
2846			}, function(data) {}, 'json');
2847		});
2848		$('.btn-line').click(function() {
2849			$.post("/th/content/article/saveshare", {
2850				"hdfID": '16',
2851				"ShareType": 'line'
2852			}, function(data) {}, 'json');
2853		});
2854	</script>
2854
2855
2856
2857				
2858				
2859
2860<hr class="article-vote-hr">
2861
2862<div class="article-vote">
2863
2864	<div class="article-vote-title">คะแนนโหวต : </div>
2865
2866	<div class="article-vote-star">
2867		<img src="/assets/content/icon/star-02.png" alt="" /><img src="/assets/content/icon/star-02.png" alt="" /><img src="/assets/content/icon/star-02.png" alt="" /><img src="/assets/content/icon/star-02.png" alt="" /><img src="/assets/content/icon/star-02.png" alt="" />	</div>
2868
2869	<div class="article-vote-action pull-right">
2870		<button type="button" class="btn btn-warning" id="btnVoteArticle"><em class="fa fa-star"></em> ให้คะแนน</button>
2871		
2871<script>
2872			$('#btnVoteArticle').click(function() {
2873									DialogWarning('กรุณาลงทะเบียนเข้าใช้ระบบ');
2874							});
2875		</script>
2875
2876	</div>
2877
2878</div>
2879			</div>
2880
2881			
2882	<!-- Comment -->
2883	
2884</div></div></div></div></div></div><div id='d2ms-section-section-footer' class=' section footer'><div class='container'><div class='row'><div id='d2ms-section-section-footer-footer2' class='col-md-12 '><div class='d2ms-box'><div class='d2ms-widget'> <div class='d2ms-widget-body'>  <div class="social-icons" id="s-icons">  <ul class="navbar-nav show">  	<li><a aria-label="ลิงค์ facebook CDD" class="btn btn-primary btn-social facebook" href="https://www.facebook.com/prcdd" target="_blank" title="ลิงค์ facebook CDD"><em class="fa fa-facebook-official fa-2x"></em></a></li>  	<li><a aria-label="ลิงค์ youtube CDD" class="btn btn-primary btn-social youtube" href="https://www.youtube.com/channel/UCI2585NZTQ2gKHNlKM73v0w" target="_blank" title="ลิงค์ youtube CDD"><em class="fa fa-youtube-play fa-2x"></em></a></li>  	<li><a aria-label="ลิงค์ twitter CDD" class="btn btn-primary btn-social twitter-x" href="javascript:void(0);" title="ลิงค์ twitter CDD"><svg class="twitter-x2" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><!--!Font Awesome Free 6.7.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg> </a></li>  	<li><a aria-label="ลิงค์ tiktok CDD" class="btn btn-primary btn-social tiktok" href="javascript:void(0);" title="ลิงค์ tiktok CDD"><svg class="ttk" height="1em" viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->  	  	<path d="M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z"></path></svg></a></li>  </ul>  <button aria-label="คลิกเพื่อซ่อนหรือแสดงลิงค์ Social" class="btn btn-primary btn-social btn-socialx" data-placement="left" data-toggle="tooltip" id="btn-share"><em aria-hidden="true" class="fa fa-angle-double-left fa-2x"></em><em aria-hidden="true" class="fa fa-angle-double-right fa-2x"></em></button></div>  
2884<script>
2885$(document).ready(function(){
2886    $('#s-icons #btn-share').click(function() {
2887        $('#s-icons .navbar-nav').toggleClass("show");
2888    });
2889});
2890</script>
2890</div></div><div class='d2ms-widget'> <div class='d2ms-widget-body'>
2890<script src="/plugins/slick/slick.min.js"></script>
2890
2891		<div class="widget-kit-wcontentsuggest ">
2892
2893			<div class="widget-kit-wcontentsuggest-button " id="btnContentSuggest6ab4ed1023d01" style="display: none;" aria-label="ข้อมูลแนะนำสำหรับคุณ" role="button">
2894				<div>
2895					<em class="fa fa-lightbulb-o" aria-hidden="true"></em>
2896				</div>
2897				<div>
2898					ข้อมูลแนะนำสำหรับคุณ
2899				</div>
2900			</div>
2901
2902			<!-- Modal -->
2903			<div class="modal fade" id="ModalContentSuggest6ab4ed1023d01" tabindex="-1" role="dialog" aria-labelledby="ModalContentSuggest6ab4ed1023d01">
2904				<div class="modal-dialog" role="document">
2905					<div class="modal-content">
2906						<div class="modal-body">
2907							<img src="/assets/wcontentsuggest/images/close.png" alt="Close" data-dismiss="modal" aria-label="Close" class="close-img" />
2908
2909							<div class="modal-body-title">
2910								<em class="fa fa-lightbulb-o "></em>
2911								ข้อมูลแนะนำสำหรับคุณ
2912							</div>
2913
2914							
2915								<div class="row lightGallery" id="slideSet_6ab4ed1023d01">
2916
2917									
2918										<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" data-src="/th/file/get/file/1.2026092442fd4281ee4c6d782f6075c66d978c35152452.jpeg">
2919											<div class="infocard">
2920
2921																									<!-- Show Image -->
2922													<div class="image ratio-4-3">
2923
2924																	<a class="lnkClickBanner-6ab4ed1023d01-8" href="/th/content/category/detail/id/8/iid/423662" target="_blank"><img alt="กรมการพัฒนาชุมชน ประชุมร่วม 3 ฝ่าย หารือร่างตัวชี้วัดกองทุนพัฒนาบทบาทสตรี ประจำปีบัญชี 2570 มุ่งเน้นยกระดับธรรมาภิบาลและประสิทธิภาพองค์กร" src="/th/file/get/file/1.2026092442fd4281ee4c6d782f6075c66d978c35152452.jpeg" /></a>
2925													</div>
2926													<!-- End Show Image -->
2927												
2928																									<!-- Show Title & Show IntroText -->
2929													<div class="detail">
2930														<div class="detail-title"><a class="lnkClickBanner-6ab4ed1023d01-8 title" href="/th/content/category/detail/id/8/iid/423662" target="_blank">กรมการพัฒนาชุมชน ประชุมร่วม 3 ฝ่าย หารือร่างตัวชี้วัดกองทุนพัฒนาบทบาทสตรี ประจำปีบัญชี 2570 มุ่งเน้นยกระดับธรรมาภิบาลและประสิทธิภาพองค์กร</a></div>
2931														
2932														<div class="detail-date"><div ><em class="fa fa-calendar"></em>24 กันยายน 2569</div><div ><em class="fa fa-eye"></em>33</div></div>
2933
2934
2935
2936													</div>
2937													<!-- End Show Title & Show IntroText -->
2938												
2939
2940											</div>
2941										</div>
2942
2943									
2944										<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" data-src="/th/file/get/file/1.20260924a6854f14473855020ffa6c42a0057758152224.jpeg">
2945											<div class="infocard">
2946
2947																									<!-- Show Image -->
2948													<div class="image ratio-4-3">
2949
2950																	<a class="lnkClickBanner-6ab4ed1023d01-8" href="/th/content/category/detail/id/8/iid/423660" target="_blank"><img alt="กรมการพัฒนาชุมชน ประชุมเตรียมความพร้อมจัดงานวันคล้ายวันก่อตั้งกรมการพัฒนาชุมชน ครบรอบ 64 ปี ครั้งที่ 1/2569" src="/th/file/get/file/1.20260924a6854f14473855020ffa6c42a0057758152224.jpeg" /></a>
2951													</div>
2952													<!-- End Show Image -->
2953												
2954																									<!-- Show Title & Show IntroText -->
2955													<div class="detail">
2956														<div class="detail-title"><a class="lnkClickBanner-6ab4ed1023d01-8 title" href="/th/content/category/detail/id/8/iid/423660" target="_blank">กรมการพัฒนาชุมชน ประชุมเตรียมความพร้อมจัดงานวันคล้ายวันก่อตั้งกรมการพัฒนาชุมชน ครบรอบ 64 ปี ครั้งที่ 1/2569</a></div>
2957														
2958														<div class="detail-date"><div ><em class="fa fa-calendar"></em>24 กันยายน 2569</div><div ><em class="fa fa-eye"></em>39</div></div>
2959
2960
2961
2962													</div>
2963													<!-- End Show Title & Show IntroText -->
2964												
2965
2966											</div>
2967										</div>
2968
2969									
2970										<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" data-src="/th/file/get/file/1.2026092403c2eabc4188e96ee549f7096b16c9f0145824.jpeg">
2971											<div class="infocard">
2972
2973																									<!-- Show Image -->
2974													<div class="image ratio-4-3">
2975
2976																	<a class="lnkClickBanner-6ab4ed1023d01-8" href="/th/content/category/detail/id/8/iid/423642" target="_blank"><img alt="กรมการพัฒนาชุมชน ประชุมกรมฯ ครั้งที่ 9/2569 มุ่งขับเคลื่อนภารกิจสำคัญ OTOP x Shopee ยกระดับกองทุนแม่ของแผ่นดิน พร้อมเตรียมความพร้อมงานพระราชพิธีสำคัญ" src="/th/file/get/file/1.2026092403c2eabc4188e96ee549f7096b16c9f0145824.jpeg" /></a>
2977													</div>
2978													<!-- End Show Image -->
2979												
2980																									<!-- Show Title & Show IntroText -->
2981													<div class="detail">
2982														<div class="detail-title"><a class="lnkClickBanner-6ab4ed1023d01-8 title" href="/th/content/category/detail/id/8/iid/423642" target="_blank">กรมการพัฒนาชุมชน ประชุมกรมฯ ครั้งที่ 9/2569 มุ่งขับเคลื่อนภารกิจสำคัญ OTOP x Shopee ยกระดับกองทุนแม่ของแผ่นดิน พร้อมเตรียมความพร้อมงานพระราชพิธีสำคัญ</a></div>
2983														
2984														<div class="detail-date"><div ><em class="fa fa-calendar"></em>24 กันยายน 2569</div><div ><em class="fa fa-eye"></em>35</div></div>
2985
2986
2987
2988													</div>
2989													<!-- End Show Title & Show IntroText -->
2990												
2991
2992											</div>
2993										</div>
2994
2995									
2996										<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" data-src="/th/file/get/file/1.202609241c7e898909d37e6f8bd6a3723c0d8fc1145427.jpeg">
2997											<div class="infocard">
2998
2999																									<!-- Show Image -->
3000													<div class="image ratio-4-3">
3001
3002																	<a class="lnkClickBanner-6ab4ed1023d01-8" href="/th/content/category/detail/id/8/iid/423638" target="_blank"><img alt="กรมการพัฒนาชุมชน ร่วมพิธีมอบรางวัลท้องถิ่นที่มีศักยภาพสูง ประจำปี 2569 (Local Award 2026)" src="/th/file/get/file/1.202609241c7e898909d37e6f8bd6a3723c0d8fc1145427.jpeg" /></a>
3003													</div>
3004													<!-- End Show Image -->
3005												
3006																									<!-- Show Title & Show IntroText -->
3007													<div class="detail">
3008														<div class="detail-title"><a class="lnkClickBanner-6ab4ed1023d01-8 title" href="/th/content/category/detail/id/8/iid/423638" target="_blank">กรมการพัฒนาชุมชน ร่วมพิธีมอบรางวัลท้องถิ่นที่มีศักยภาพสูง ประจำปี 2569 (Local Award 2026)</a></div>
3009														
3010														<div class="detail-date"><div ><em class="fa fa-calendar"></em>24 กันยายน 2569</div><div ><em class="fa fa-eye"></em>70</div></div>
3011
3012
3013
3014													</div>
3015													<!-- End Show Title & Show IntroText -->
3016												
3017
3018											</div>
3019										</div>
3020
3021									
3022										<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" data-src="/th/file/get/file/1.20260924c302789b7a26be1301d25ee0e763f392144850.jpeg">
3023											<div class="infocard">
3024
3025																									<!-- Show Image -->
3026													<div class="image ratio-4-3">
3027
3028																	<a class="lnkClickBanner-6ab4ed1023d01-8" href="/th/content/category/detail/id/8/iid/423633" target="_blank"><img alt="กรมการพัฒนาชุมชน ประชุมคณะทำงานขับเคลื่อนกองทุนแม่ของแผ่นดินระดับส่วนกลาง ครั้งที่ 1/2569 มุ่งยกระดับหมู่บ้านสู่ศูนย์เรียนรู้เพื่อการป้องกันและแก้ไขปัญหายาเสพติดอย่างยั่งยืน" src="/th/file/get/file/1.20260924c302789b7a26be1301d25ee0e763f392144850.jpeg" /></a>
3029													</div>
3030													<!-- End Show Image -->
3031												
3032																									<!-- Show Title & Show IntroText -->
3033													<div class="detail">
3034														<div class="detail-title"><a class="lnkClickBanner-6ab4ed1023d01-8 title" href="/th/content/category/detail/id/8/iid/423633" target="_blank">กรมการพัฒนาชุมชน ประชุมคณะทำงานขับเคลื่อนกองทุนแม่ของแผ่นดินระดับส่วนกลาง ครั้งที่ 1/2569 มุ่งยกระดับหมู่บ้านสู่ศูนย์เรียนรู้เพื่อการป้องกันและแก้ไขปัญหายาเสพติดอย่างยั่งยืน</a></div>
3035														
3036														<div class="detail-date"><div ><em class="fa fa-calendar"></em>23 กันยายน 2569</div><div ><em class="fa fa-eye"></em>45</div></div>
3037
3038
3039
3040													</div>
3041													<!-- End Show Title & Show IntroText -->
3042												
3043
3044											</div>
3045										</div>
3046
3047									
3048										<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" data-src="/th/file/get/file/1.202609244f57ffdc5815aebef5e9c028c440db6a144136.jpeg">
3049											<div class="infocard">
3050
3051																									<!-- Show Image -->
3052													<div class="image ratio-4-3">
3053
3054																	<a class="lnkClickBanner-6ab4ed1023d01-8" href="/th/content/category/detail/id/8/iid/423630" target="_blank"><img alt="กรมการพัฒนาชุมชน ลงพื้นที่ติดตามความก้าวหน้าการเบิกจ่ายงบประมาณและการปรับปรุงหอพักอาคารกาสะลอง 1 ณ ศพช. นครนายก" src="/th/file/get/file/1.202609244f57ffdc5815aebef5e9c028c440db6a144136.jpeg" /></a>
3055													</div>
3056													<!-- End Show Image -->
3057												
3058																									<!-- Show Title & Show IntroText -->
3059													<div class="detail">
3060														<div class="detail-title"><a class="lnkClickBanner-6ab4ed1023d01-8 title" href="/th/content/category/detail/id/8/iid/423630" target="_blank">กรมการพัฒนาชุมชน ลงพื้นที่ติดตามความก้าวหน้าการเบิกจ่ายงบประมาณและการปรับปรุงหอพักอาคารกาสะลอง 1 ณ ศพช. นครนายก</a></div>
3061														
3062														<div class="detail-date"><div ><em class="fa fa-calendar"></em>23 กันยายน 2569</div><div ><em class="fa fa-eye"></em>37</div></div>
3063
3064
3065
3066													</div>
3067													<!-- End Show Title & Show IntroText -->
3068												
3069
3070											</div>
3071										</div>
3072
3073									
3074										<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" data-src="/th/file/get/file/1.20260924c90d0fcf5824f0750d8f1874f90a59a7143823.jpeg">
3075											<div class="infocard">
3076
3077																									<!-- Show Image -->
3078													<div class="image ratio-4-3">
3079
3080																	<a class="lnkClickBanner-6ab4ed1023d01-8" href="/th/content/category/detail/id/8/iid/423629" target="_blank"><img alt="กรมการพัฒนาชุมชน จัดการประกวดแผนธุรกิจ &quot;OTOP Biz Plan Challenge&quot; มุ่งพัฒนาศักยภาพการบริหารจัดการธุรกิจและการตลาดเชิงสร้างสรรค์" src="/th/file/get/file/1.20260924c90d0fcf5824f0750d8f1874f90a59a7143823.jpeg" /></a>
3081													</div>
3082													<!-- End Show Image -->
3083												
3084																									<!-- Show Title & Show IntroText -->
3085													<div class="detail">
3086														<div class="detail-title"><a class="lnkClickBanner-6ab4ed1023d01-8 title" href="/th/content/category/detail/id/8/iid/423629" target="_blank">กรมการพัฒนาชุมชน จัดการประกวดแผนธุรกิจ "OTOP Biz Plan Challenge" มุ่งพัฒนาศักยภาพการบริหารจัดการธุรกิจและการตลาดเชิงสร้างสรรค์</a></div>
3087														
3088														<div class="detail-date"><div ><em class="fa fa-calendar"></em>23 กันยายน 2569</div><div ><em class="fa fa-eye"></em>35</div></div>
3089
3090
3091
3092													</div>
3093													<!-- End Show Title & Show IntroText -->
3094												
3095
3096											</div>
3097										</div>
3098
3099									
3100										<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" data-src="/th/file/get/file/1.202609244923f790ba62b8bbfaf3bd537a8e7e89143525.jpeg">
3101											<div class="infocard">
3102
3103																									<!-- Show Image -->
3104													<div class="image ratio-4-3">
3105
3106																	<a class="lnkClickBanner-6ab4ed1023d01-8" href="/th/content/category/detail/id/8/iid/423627" target="_blank"><img alt="กรมการพัฒนาชุมชน ลงพื้นที่นครนายก ติดตามความก้าวหน้าการเบิกจ่ายงบประมาณและการก่อสร้างอาคาร ศูนย์ส่งเสริมการพัฒนาเศรษฐกิจฐานรากตามหลักปรัชญาของเศรษฐกิจพอเพียง" src="/th/file/get/file/1.202609244923f790ba62b8bbfaf3bd537a8e7e89143525.jpeg" /></a>
3107													</div>
3108													<!-- End Show Image -->
3109												
3110																									<!-- Show Title & Show IntroText -->
3111													<div class="detail">
3112														<div class="detail-title"><a class="lnkClickBanner-6ab4ed1023d01-8 title" href="/th/content/category/detail/id/8/iid/423627" target="_blank">กรมการพัฒนาชุมชน ลงพื้นที่นครนายก ติดตามความก้าวหน้าการเบิกจ่ายงบประมาณและการก่อสร้างอาคาร ศูนย์ส่งเสริมการพัฒนาเศรษฐกิจฐานรากตามหลักปรัชญาของเศรษฐกิจพอเพียง</a></div>
3113														
3114														<div class="detail-date"><div ><em class="fa fa-calendar"></em>23 กันยายน 2569</div><div ><em class="fa fa-eye"></em>41</div></div>
3115
3116
3117
3118													</div>
3119													<!-- End Show Title & Show IntroText -->
3120												
3121
3122											</div>
3123										</div>
3124
3125									
3126										<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" data-src="/th/file/get/file/1.202609246ca6764c29767f5a81cf23f4e9c7344f143233.jpeg">
3127											<div class="infocard">
3128
3129																									<!-- Show Image -->
3130													<div class="image ratio-4-3">
3131
3132																	<a class="lnkClickBanner-6ab4ed1023d01-8" href="/th/content/category/detail/id/8/iid/423626" target="_blank"
3132><img alt="กรมการพัฒนาชุมชน ลงพื้นที่ชี้แจงแนวทางวงดนตรีพื้นบ้านโปงลาง ชิงถ้วยพระราชทานฯ ณ จังหวัดนครปฐม" src="/th/file/get/file/1.202609246ca6764c29767f5a81cf23f4e9c7344f143233.jpeg" /></a>
3133													</div>
3134													<!-- End Show Image -->
3135												
3136																									<!-- Show Title & Show IntroText -->
3137													<div class="detail">
3138														<div class="detail-title"><a class="lnkClickBanner-6ab4ed1023d01-8 title" href="/th/content/category/detail/id/8/iid/423626" target="_blank">กรมการพัฒนาชุมชน ลงพื้นที่ชี้แจงแนวทางวงดนตรีพื้นบ้านโปงลาง ชิงถ้วยพระราชทานฯ ณ จังหวัดนครปฐม</a></div>
3139														
3140														<div class="detail-date"><div ><em class="fa fa-calendar"></em>23 กันยายน 2569</div><div ><em class="fa fa-eye"></em>49</div></div>
3141
3142
3143
3144													</div>
3145													<!-- End Show Title & Show IntroText -->
3146												
3147
3148											</div>
3149										</div>
3150
3151																	</div>
3152
3153																	<em class="fa fa-angle-right galleryNext" id="slideSet_6ab4ed1023d01_galleryNext"></em>
3154									<em class="fa fa-angle-left galleryPrev" id="slideSet_6ab4ed1023d01_galleryPrev"></em>
3155															
3156						</div>
3157					</div>
3158				</div>
3159			</div>
3160		</div>
3161		
3161<script>
3162			jQuery(function() {
3163				$("#btnContentSuggest6ab4ed1023d01").click(function() {
3164					$('#ModalContentSuggest6ab4ed1023d01').modal('show');
3165					$('#slideSet_6ab4ed1023d01').slick('refresh');
3166				});
3167
3168				$("#btnContentSuggest6ab4ed1023d01").appendTo('body');
3169				$("#btnContentSuggest6ab4ed1023d01").css('display', "")
3170
3171
3172				$("#slideSet_6ab4ed1023d01").slick({
3173					// cssEase: "cubic-bezier()",
3174					speed: '1000',
3175					autoplay: false,
3176					autoplaySpeed: '3000',
3177					dots: true,
3178					arrows: true,
3179					nextArrow: $("#slideSet_6ab4ed1023d01_galleryNext"),
3180					prevArrow: $("#slideSet_6ab4ed1023d01_galleryPrev"),
3181					slidesToShow: 3,
3182					slidesToScroll: 3,
3183					responsive: [{
3184							breakpoint: 2560, // Extra Large ≥1200px
3185							settings: {
3186								slidesToShow: 3,
3187								slidesToScroll: 3,
3188							}
3189						},
3190						{
3191							breakpoint: 1200, // Large ≥992px
3192							settings: {
3193								slidesToShow: 3,
3194								slidesToScroll: 3,
3195							}
3196						},
3197						{
3198							breakpoint: 992, // Medium ≥768px
3199							settings: {
3200								slidesToShow: 2,
3201								slidesToScroll: 2,
3202							}
3203						},
3204						{
3205							breakpoint: 768, // Small ≥576px
3206							settings: {
3207								slidesToShow: 2,
3208								slidesToScroll: 2,
3209							}
3210						},
3211						{
3212							breakpoint: 576, // Extra Small <576px
3213							settings: {
3214								slidesToShow: 1,
3215								slidesToScroll: 1,
3216							}
3217						}
3218					],
3219				});
3220			});
3221		</script>
3221
3222
3223</div></div></div></div></div></div></div><div id='d2ms-section-section-bottom' class=' section bottom'><div class='container'><div class='row'><div id='d2ms-section-section-bottom-footeraddress' class='col-md-5 '><div class='d2ms-box'><div class="d2ms-footeraddress" ><p style="text-align: center;"><img alt="" src="/file/get/file/1.2024112160914362e431dee3a45df163581229b1094845.png" style="width: 90px; height: 90px;" /></p>
3224
3225<p style="text-align: center;"><span style="font-size:24px;"><strong><span style="font-family:Prompt;">กรมการพัฒนาชุมชน กระทรวงมหาดไทย</span></strong></span><span style="font-size:16px;"><span style="font-family:Prompt;"><br />
3226ศูนย์ราชการเฉลิมพระเกียรติฯ &nbsp;อาคารรัฐประศาสนภักดี (อาคาร B)&nbsp;<br />
3227ชั้น 5 ถนนแจ้งวัฒนะ หลักสี่ กทม. 10210</span></span><span style="font-size:16px;"><span style="font-family:Prompt;"><br />
3228โทรศัพท์ 0 &ndash; 2141-6048</span></span><span style="font-size:16px;"><span style="font-family:Prompt;"><br />
3229E-mail&nbsp;: [email protected] , FB&nbsp;: กรมการพัฒนาชุมชน Fanpage</span></span></p>
3230
3231<p></p>
3232
3233<p></p>
3234
3235<p></p>
3236</div><div class='d2ms-widget'> <div class='d2ms-widget-body'><p>    
3236<script>
3237jQuery(document).ready(function() {
3238	function setCookie(cname, cvalue, exdays) {
3239		const d = new Date();
3240		d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
3241		let expires = "expires="+d.toUTCString();
3242		document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
3243	}
3244
3245	function getCookie(cname) {
3246		let name = cname + "=";
3247		let ca = document.cookie.split(';');
3248		for(let i = 0; i < ca.length; i++) {
3249			let c = ca[i];
3250			while (c.charAt(0) == ' ') {
3251				c = c.substring(1);
3252			}
3253			if (c.indexOf(name) == 0) {
3254				return c.substring(name.length, c.length);
3255			}
3256		}
3257		return "";
3258	}
3259	
3260	var info_text = "เว็บไซต์นี้มีการใช้งานคุกกี้เพื่อให้ท่านสามารถใช้บริการได้อย่างต่อเนื่องและอำนวยความสะดวกในการใช้งานเว็บไซต์ รวมถึงช่วยให้เราปรับปรุงการนำเสนอเนื้อหาตรงตามความต้องการของท่าน";
3261	var info_url_text = "ประกาศการใช้คุกกี้";
3262	var info_url = "";
3263	var button_caption = "ยอมรับ";
3264	var cookie_name = "cddcookieinfo";
3265	var panel = '<div id="cddcookieinfo" style="display:none;"><div class="text">' + info_text + '</div><div class="accept"><a href="#"><i class="fa fa-check-circle-o" aria-hidden="true"></i> ' + button_caption + '</a></div></div>';
3266
3267	var isAccept = getCookie(cookie_name);
3268	if (isAccept != "accepted") {
3269		jQuery('body').append(panel);
3270		setTimeout(showPanel, 1200);		
3271		function showPanel() {
3272			jQuery('#cddcookieinfo').slideDown('slow');
3273		}
3274		jQuery('#cddcookieinfo .accept a').on('click', function() {
3275			setCookie(cookie_name, "accepted", 365);
3276			jQuery('#cddcookieinfo').slideUp('slow');			
3277			return false;
3278		});
3279	}
3280});
3281</script>
3281</p></div></div><div class='d2ms-widget'> <div class='d2ms-widget-body'><div class="standard">  <p><img alt="" src="/file/get/file/1.20241225ce5905c77ab005ef096fda0cb55e7cc1100810.png" style="width: 70px; height: 70px;" />&nbsp;<img alt="" src="/file/get/file/1.20241225b4da13ac0b02f9b9c81d239ec296e792100905.jpg" style="width: 115px; height: 40px;" />&nbsp;<img alt="" src="/file/get/file/1.2024122593a64e40308a726de4a3f295b5cdbb10100944.jpg" style="width: 115px; height: 37px;" /></p>    <p><a href="https://oldcdd.emskynet.com" style="font-size: 18px;background: #00b4d3;padding: 5px 10px;border-radius: 5px;font-family: Prompt;color: #ffffff;" target="_blank">เข้าชมเว็บไซต์เก่า</a></p>  </div></div></div><div class='d2ms-widget'> <div class='d2ms-widget-body'><div class="visitor">	<span class="txtvisitor">จำนวนการเข้าชม : 5,136,959</span></div></div></div></div></div><div id='d2ms-section-section-bottom-footer4' class='col-md-7 '><div class='d2ms-box'><div class='d2ms-widget'> <div class='d2ms-widget-body'><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4765.964829591319!2d100.55960068515928!3d13.881477459547483!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x30e28320fba75e2b%3A0x17586d03fe7ea809!2z4LiB4Lij4Lih4LiB4Liy4Lij4Lie4Lix4LiS4LiZ4Liy4LiK4Li44Lih4LiK4LiZ!5e1!3m2!1sth!2sth!4v1758074382955!5m2!1sth!2sth" width="100%" height="400" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe></div></div></div></div></div></div></div><div id='d2ms-section-section-copyright' class=' section copyright'><div class='container'><div class='row'><div id='d2ms-section-section-copyright-copyright' class='col-md-12 '><div class='d2ms-box'><div class="d2ms-copyright" ><span style="color:#000;'">สงวนลิขสิทธิ์ พ.ศ.2567 กรมการพัฒนาชุมชน กระทรวงมหาดไทย</span></div><div class='d2ms-widget'> <div class='d2ms-widget-body'>
3281<script >
3282if (typeof lhc_var === "undefined") {window.lhc_var = {};}
3283lhc_var.site_domain = "9a443eixKvGBPgeO1niDNw==";
3284</script>
vendor: 1 bytes, line 3284
3284
3285<script>var LHC_API = LHC_API||{};
3286LHC_API.args = {mode:'widget',lhc_base_url:'https://cddlivechat.emworkgroup.co.th/index.php/',wheight:570,wwidth:350,pheight:520,pwidth:500,fresh:false,leaveamessage:true,department:[25],theme:6,check_messages:false,lang:'tha/'};
3287(function() {
3288var po = document.createElement('script'); po.type = 'text/javascript'; po.setAttribute('crossorigin','anonymous'); po.async = true;
3289var date = new Date();po.src = 'https://cddlivechat.emworkgroup.co.th/design/defaulttheme/js/widgetv2/index.js?'+(""+date.getFullYear() + date.getMonth() + date.getDate());
3290var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
3291})();
3292</script>
3292</div></div></div></div></div></div></div>	</div>
3293	<aside id="offCanvas" class="js-offcanvas" data-offcanvas-options='{"modifiers":"right,fixed,overlay"}' style="z-index: 10000;">
3294		<a href="javascript:void(0)" class="close-offcanvas js-offcanvas-close" data-button-options='{"modifiers":"m1,m2"}' title="close-offcanvas">
3295			<em class="fa fa-remove"></em>
3296		</a>
3297		<div class="offcanvas-inner">
3298			<div class='d2ms-widget'> <div class='d2ms-widget-title'>Menu</div><div class='d2ms-widget-body'>
3298<script>
3299( function( $ ) {
3300$( document ).ready(function() {
3301	$("#widget-menu-3-6ab4ed1030731 li.has-sub>a").on("click", function() {
3302			$(this).removeAttr("href");
3303			var element = $(this).parent("li");
3304			if (element.hasClass("open")) {
3305				element.removeClass("open");
3306				element.find("li").removeClass("open");
3307				element.find("ul").slideUp();
3308			}else{
3309				element.addClass("open");
3310				element.children("ul").slideDown();
3311				element.siblings("li").children("ul").slideUp();
3312				element.siblings("li").removeClass("open");
3313				element.siblings("li").find("li").removeClass("open");
3314				element.siblings("li").find("ul").slideUp();
3315			}
3316		});
3317		$("#widget-menu-3-6ab4ed1030731>ul>li.has-sub>a").append("<span class=\"holder\"></span>");
3318		(function getColor() {
3319			var r, g, b;
3320			var textColor = $("#widget-menu-3-6ab4ed1030731").css("color");
3321			textColor = textColor.slice(4);
3322			r = textColor.slice(0, textColor.indexOf(","));
3323			textColor = textColor.slice(textColor.indexOf(" ") + 1);
3324			g = textColor.slice(0, textColor.indexOf(","));
3325			textColor = textColor.slice(textColor.indexOf(" ") + 1);
3326			b = textColor.slice(0, textColor.indexOf(")"));
3327			var l = rgbToHsl(r, g, b);
3328			if (l > 0.7) {
3329				$("#widget-menu-3-6ab4ed1030731>ul>li>a").css("text-shadow", "0 1px 1px rgba(0, 0, 0, .35)");
3330				$("#widget-menu-3-6ab4ed1030731>ul>li>a>span").css("border-color", "rgba(0, 0, 0, .35)");
3331			}
3332			else
3333			{
3334				$("#widget-menu-3-6ab4ed1030731>ul>li>a").css("text-shadow", "0 1px 0 rgba(255, 255, 255, .35)");
3335				$("#widget-menu-3-6ab4ed1030731>ul>li>a>span").css("border-color", "rgba(255, 255, 255, .35)");
3336			}
3337		})();
3338		function rgbToHsl(r, g, b) {
3339			r /= 255, g /= 255, b /= 255;
3340			var max = Math.max(r, g, b), min = Math.min(r, g, b);
3341			var h, s, l = (max + min) / 2;
3342			if(max == min){
3343				h = s = 0;
3344			}
3345			else {
3346				var d = max - min;
3347				s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
3348				switch(max){
3349					case r: h = (g - b) / d + (g < b ? 6 : 0); break;
3350					case g: h = (b - r) / d + 2; break;
3351					case b: h = (r - g) / d + 4; break;
3352				}
3353				h /= 6;
3354			}
3355			return l;
3356		}
3357	});
3358} )( jQuery );
3359</script>
3359
3360<div class="widget-menu-3" id="widget-menu-3-6ab4ed1030731">	<ul><li><a href="/th/page/item/index/id/22" target="_self" class="" title="Menu">หน้าหลัก</a></li><li class="has-sub"><a href="#" target="_blank" class="" title="Menu">เกี่ยวกับกรม</a><ul class=""><li class="active"><a href="/th/content/page/index/id/16" target="_self" class="" title="Menu">ประวัติกรม</a></li><li><a href="/th/content/page/index/id/17" target="_self" class="" title="Menu">ผู้บริหารกรมการพัฒนาชุมชน</a></li><li><a href="/th/content/page/index/id/18" target="_self" class="" title="Menu">วิสัยทัศน์ พันธกิจ ยุทธศาสตร์</a></li><li><a href="/th/content/page/index/id/292215" target="_self" class="" title="Menu">ผู้บริหารเทคโนโลยีสารสนเทศระดับสูง</a></li><li><a href="/th/content/page/index/id/19" target="_self" class="" title="Menu">ค่านิยมองค์กร</a></li><li><a href="/th/content/page/index/id/20" target="_self" class="" title="Menu">อำนาจหน้าที่</a></li><li><a href="/th/content/page/index/id/21" target="_self" class="" title="Menu">โครงสร้างและหน่วยงาน</a></li></ul></li><li class="has-sub"><a href="#" target="_self" class="" title="Menu">ยุทธศาสตร์ นโยบายและแผนงาน</a><ul class=""><li><a href="/th/content/page/index/id/22" target="_self" class="" title="Menu">แผนยุทธศาสตร์ / แผนพัฒนาหน่วยงาน</a></li><li><a href="/th/content/page/index/id/23" target="_self" class="" title="Menu">กฎหมายที่เกี่ยวข้อง</a></li><li class="has-sub"><a href="/th/content/page/index/id/24" target="_self" class="" title="Menu">การดำเนินงาน</a><ul class=""><li><a href="/th/content/category/index/id/27" target="_self" class="" title="Menu">แผนดำเนินงานและการใช้งบประมาณประจำปี</a></li><li><a href="/th/content/category/index/id/28" target="_self" class="" title="Menu">รายงานการกำกับติดตามการดำเนินงานและการใช้งบประมาณประจำปีรอบ 6 เดือน</a></li><li><a href="/th/content/category/index/id/29" target="_self" class="" title="Menu">รายงานผลการดำเนินงานประจำปี</a></li></ul></li><li class="has-sub"><a href="#" target="_self" class="" title="Menu">การปฏิบัติงาน</a><ul class=""><li><a href="https://cdd.go.th/shurl/104885" target="_self" class="" title="Menu">คู่มือ / มาตรฐานการปฏิบัติงาน</a></li><li><a href="https://cdd.go.th/shurl/104895" target="_self" class="" title="Menu">คู่มือ / มาตรฐานการให้บริการ</a></li><li><a href="/th/content/category/index/id/37" target="_self" class="" title="Menu">ข้อมูลเชิงสถิติการให้บริการ</a></li><li><a href="/th/content/category/index/id/36" target="_self" class="" title="Menu">รายงานผลการสำรวจความพึงพอใจการให้บริการ</a></li></ul></li><li class="has-sub"><a href="#" target="_self" class="" title="Menu">แผนป้องกันการทุจริต</a><ul class=""><li><a href="/th/content/category/index/id/21" target="_self" class="" title="Menu">แผนปฏิบัติการป้องกันการทุจริต</a></li><li><a href="/th/content/category/index/id/22" target="_self" class="" title="Menu">รายงานการกำกับติดตามการดำเนินการป้องกันการทุจริตประจำปี รอบ 6 เดือน</a></li><li><a href="/th/content/category/index/id/23" target="_self" class="" title="Menu">รายงานผลการดำเนินการป้องกันการทุจริตประจำปี</a></li><li><a href="/th/content/category/index/id/24" target="_self" class="" title="Menu">การประเมินความเสี่ยง การทุจริตและประพฤติมิชอบประจำปี</a></li><li><a href="/th/content/category/index/id/25" target="_self" class="" title="Menu">การดำเนินการเพื่อจัดการความเสี่ยงการทุจริตและประพฤติมิชอบ</a></li></ul></li><li class="has-sub"><a href="#" target="_self" class="" title="Menu">มาตรการเสริมสร้างมาตรฐานทางจริยธรรม</a><ul class=""><li><a href="/th/content/page/index/id/47" target="_self" class="" title="Menu">
3360ประมวลจริยธรรมสำหรับเจ้าหน้าที่ของรัฐ</a></li><li><a href="/th/content/page/index/id/48" target="_blank" class="" title="Menu">การขับเคลื่อนจริยธรรม</a></li><li><a href="/th/content/page/index/id/49" target="_self" class="" title="Menu">การประเมินจริยธรรมเจ้าหน้าที่ของรัฐ</a></li></ul></li><li class="has-sub"><a href="/th/content/page/index/id/51" target="_self" class="" title="Menu">มาตรการส่งเสริมความโปร่งใสและป้องกันการทุจริตภายในหน่วยงาน</a><ul class=""><li><a href="/th/content/page/index/id/50" target="_self" class="" title="Menu">มาตรการส่งเสริมคุณธรรมและความโปร่งใสภายในหน่วยงาน</a></li><li><a href="/th/content/category/index/id/41" target="_self" class="" title="Menu">การดำเนินการตามมาตรการส่งเสริมคุณธรรมและความโปร่งใสภายในหน่วยงาน</a></li></ul></li><li class="has-sub"><a href="/th/content/page/index/id/29" target="_blank" class="" title="Menu">ร้องเรียนการทุจริตและประพฤติมิชอบ</a><ul class=""><li><a href="https://cdd.go.th/shurl/110500" target="_self" class="" title="Menu">แจ้งเรื่องร้องเรียนการทุจริตและประพฤติมิชอบ</a></li><li><a href="https://personnel.cdd.go.th/file/get/file/103.20250628aae3f2dbbce715e2925106e726bb0e5e002300.pdf" target="_self" class="" title="Menu">แนวปฏิบัติการจัดการเรื่องร้องเรียนการทุจริตและประพฤติมิชอบ</a></li><li><a href="/th/content/page/index/id/53" target="_self" class="" title="Menu">ข้อมูลเชิงสถิติเรื่องร้องเรียนการทุจริตและประพฤติมิชอบ</a></li></ul></li><li><a href="/th/content/page/index/id/30" target="_blank" class="" title="Menu">ศูนย์ดำรงธรรม กรมการพัฒนาชุมชน</a></li><li class="has-sub"><a href="#" target="_self" class="" title="Menu">นโยบาย No Gift Policy</a><ul class=""><li><a href="/th/content/page/index/id/302600" target="_self" class="" title="Menu">ประกาศเจตนารมณ์นโยบาย No Gift Policy กระทรวงมหาดไทย</a></li><li><a href="/th/content/page/index/id/54" target="_self" class="" title="Menu">ประกาศเจตนารมณ์นโยบาย No Gift Policy กรมการพัฒนาชุมชน</a></li></ul></li><li><a href="https://cddadg.cdd.go.th/th/content/category/detail/id/375/iid/200140" target="_blank" class="" title="Menu">การเปิดเผยข้อมูลสาธารณะ</a></li><li class="has-sub"><a href="https://cdd.go.th/shurl/112138" target="_blank" class="" title="Menu">การบริหารจัดการข้อมูล เพื่อการพัฒนาชุมชนชน</a><ul class=""><li><a href="https://cdd.go.th/shurl/112138" target="_blank" class="" title="Menu">ธรรมาภิบาลข้อมูล</a></li><li><a href="https://cdd.go.th/shurl/112236" target="_blank" class="" title="Menu">กฎหมาย/ระเบียบ/ข้อบังคับ/ประกาศ</a></li><li><a href="https://www.cdd.go.th/shurl/130566" target="_blank" class="" title="Menu">ประกาศมาตรฐานข้อมูล</a></li></ul></li></ul></li><li><a href="/th/content/category/index/id/8" target="_self" class="" title="Menu">
3360กิจกรรมผู้บริหาร</a></li><li class="has-sub"><a href="#" target="_self" class="" title="Menu">ข่าวสารประชาสัมพันธ์</a><ul class=""><li><a href="/th/newsmanagement/page/index/id/1" target="_self" class="" title="Menu">ข่าวประชาสัมพันธ์จากส่วนกลาง</a></li><li class="has-sub"><a href="#" target="_self" class="" title="Menu">ข่าวประชาสัมพันธ์ สพจ.</a><ul class=""><li><a href="/th/newsmanagement/page/index/id/2" target="_self" class="" title="Menu">ข่าวประชาสัมพันธ์</a></li><li><a href="/th/newsmanagement/page/index/id/3" target="_self" class="" title="Menu">ข่าวประกาศ/หนังสือราชการ</a></li><li><a href="/th/newsmanagement/page/index/id/8" target="_self" class="" title="Menu">คำสั่ง</a></li><li><a href="/th/newsmanagement/page/index/id/4" target="_self" class="" title="Menu">ข่าวจัดซื้อจัดจ้าง</a></li><li><a href="/th/newsmanagement/page/index/id/5" target="_self" class="" title="Menu">ข่าวรับสมัครงาน</a></li></ul></li><li><a href="/th/newsmanagement/page/index/id/6" target="_self" class="" title="Menu">ข่าวประชาสัมพันธ์ สพอ.</a></li><li class="has-sub"><a href="#" target="_self" class="" title="Menu">จัดซื้อจัดจ้าง</a><ul class=""><li><a href="/th/content/category/index/id/9" target="_self" class="" title="Menu">ประกาศต่าง ๆ เกี่ยวกับการจัดซื้อจัดจ้าง / การจัดหาพัสดุ</a></li><li><a href="/th/content/category/index/id/30" target="_self" class="" title="Menu">แผนการจัดซื้อจัดจ้าง / แผนการจัดหาพัสดุ</a></li><li><a href="/th/content/category/index/id/39" target="_self" class="" title="Menu">รายงานผลการใช้จ่ายงบประมาณประจำปี</a></li></ul></li><li class="has-sub"><a href="#" target="_self" class="" title="Menu">สมัครงาน</a><ul class=""><li><a href="/th/content/category/index/id/159" target="_self" class="" title="Menu">ข่าวรับสมัครงาน</a></li><li><a href="/th/content/page/index/id/70" target="_self" class="" title="Menu">การดำเนินการตามนโยบาย / แผนการบริหารทรัพยากรบุคคล</a></li><li><a href="/th/content/page/index/id/69" target="_self" class="" title="Menu">นโยบาย / แผนการบริหารทรัพยากรบุคคล</a></li><li><a href="/th/content/page/index/id/71" target="_self" class="" title="Menu">หลักเกณฑ์การบริหารและพัฒนาทรัพยากรบุคคล</a></li><li><a href="/th/content/category/index/id/38" target="_self" class="" title="Menu">รายงานผลการบริหารและพัฒนาทรัพยากรบุคคลประจำปี</a></li></ul></li><li class="has-sub"><a href="/th/newsmanagement/page/index/id/11" target="_self" class="" title="Menu">ประกาศ หนังสือราชการ</a><ul class=""><li><a href="/th/newsmanagement/page/index/id/11" target="_self" class="" title="Menu">ประกาศ หนังสือราชการ (กองการเจ้าหน้าที่)</a></li><li><a href="/th/content/category/index/id/13" target="_self" class="" title="Menu">ประกาศ หนังสือราชการ (ส่วนกลาง)</a></li></ul></li><li><a href="/th/content/category/index/id/14" target="_self" class="" title="Menu">ข่าวจากหนังสือพิมพ์</a></li><li><a href="/th/content/category/index/id/1256" target="_self" class="" title="Menu">ข่าวประชาสัมพันธ์จากหน่วยงานอื่น</a></li><li><a href="/th/content/category/index/id/1348" target="_self" class="" title="Menu">ปฏิทินกิจกรรม</a></li></ul></li><li class="has-sub"><a href="#" target="_self" class="" title="Menu">บริการและสื่อ</a><ul class=""><li><a href="/th/weblink/item/index/id/1" target="_self" class="" title="Menu">บริการภายใน</a></li><li><a href="/th/content/category/index/id/53" target="_self" class="" title="Menu">สื่อความรู้ ประชาสัมพันธ์</a></li><li><a href="/th/content/category/index/id/15" target="_self" class="" title="Menu">ดาวน์โหลด</a></li><li><a href="/th/content/page/index/id/260666" target="_self" class="" title="Menu">Digital Service</a></li><li><a href="https://cdd.go.th/shurl/112137" target="_self" class="" title="Menu">E-Service</a></li><li><a href="/th/content/category/index/id/1882" target="_self" class="" title="Menu">สื่อการเรียนรู้การประดิษฐ์ดอกไม้จันทน์พระราชทาน</a></li></ul></li><li class="has-sub"><a href="#" target="_self" class="" title="Menu">ติดต่อเรา</a><ul class=""><li><a href="/th/weblink/item/index/id/10" target="_self" class="" title="Menu">ลิงค์หน่วยงานส่วนกลาง</a></li><li><a href="/th/weblink/item/index/id/4" target="_self" class="" title="Menu">ลิงค์สำนักงานพัฒนาชุมชนจังหวัด</a></li><li><a href="/th/weblink/item/index/id/16" target="_self" class="" title="Menu">ลิงค์สำนักงานพัฒนาชุมชนอำเภอ</a></li><li><a href="https://cdd.go.th/shurl/104902" target="_self" class="" title="Menu">ติดต่อกรม</a></li><li><a href="/th/faq/item/index" target="_self" class="" title="Menu">ถามตอบ</a></li><li><a href="/th/sitemap/index/index/id/1" target="_self" class="" title="Menu">แผนผังเว็บไซต์</a></li></ul></li>	</ul></div></div></div>		</div>
3361	</aside>
3362
3363			<!-- Load Facebook SDK for JavaScript -->
3364		<div id="fb-root"></div>
3365		
3365<script>
3366			(function(d, s, id) {
3367				var js, fjs = d.getElementsByTagName(s)[0];
3368				if (d.getElementById(id)) return;
3369				js = d.createElement(s);
3370				js.id = id;
3371				js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v12.0";
3372				fjs.parentNode.insertBefore(js, fjs);
3373			}(document, 'script', 'facebook-jssdk'));
3374		</script>
3374
3375	
3376	
3376<script>
3377		$(function() {
3378			$(document).trigger("enhance");
3379
3380			// Menu
3381			$('#d2ms-main-menu .menu-toggle').on('keydown', function(e) {
3382				if (e.key === "Enter" || e.key === " " || e.keyCode === 13 || e.keyCode === 32) {
3383					e.preventDefault();
3384					const $toggle = $(this);
3385					const $parent = $toggle.parent();
3386					const isOpen = $parent.hasClass('open');
3387
3388					$parent
3389						.siblings('.open')
3390						.removeClass('open')
3391						.find('.menu-toggle')
3392						.attr('aria-expanded', 'false');
3393
3394					if (isOpen) {
3395						$parent.removeClass('open');
3396						$toggle.attr('aria-expanded', 'false');
3397					} else {
3398						$parent.addClass('open');
3399						$toggle.attr('aria-expanded', 'true');
3400					}
3401				}
3402			});
3403			$('#d2ms-main-menu .menu-toggle').on('click', function(e) {
3404				e.preventDefault();
3405				const $toggle = $(this);
3406				const $parent = $toggle.parent();
3407				const isOpen = $parent.hasClass('open');
3408
3409				$parent
3410					.siblings('.open')
3411					.removeClass('open')
3412					.find('.menu-toggle')
3413					.attr('aria-expanded', 'false');
3414
3415				if (isOpen) {
3416					$parent.removeClass('open');
3417					$toggle.attr('aria-expanded', 'false');
3418				} else {
3419					$parent.addClass('open');
3420					$toggle.attr('aria-expanded', 'true');
3421				}
3422			});
3423			$(document).click(function(e) {
3424				if (!$(e.target).closest(".navbar-nav").length) {
3425					$("#d2ms-main-menu li.open").removeClass("open")
3426						.find(".menu-toggle")
3427						.attr("aria-expanded", "false")
3428				}
3429			});
3430
3431			
3432									$(window).on("unload", function() {
3433							$.post("/th/view/page", {
3434								'v': 'NmFiNGVkMTAzMTY3Nk5EVTBOVE16T0RFeU1ESTJNRGt5TkRFMk1qYzBOSHc9'
3435							});
3436						});
3437					});
3438	</script>
3438
3439	
3439<script>
3440		addEventListener("keydown", function(event) {
3441			if (event.key == '2' && event.ctrlKey && event.altKey) {
3442				location.href = "/th/accessibility/item/index";
3443			}
3444			if (event.key == '3' && event.ctrlKey && event.altKey) {
3445				location.href = "/th/search/search";
3446			}
3447			if (event.keyCode === 50 && event.ctrlKey && event.altKey) {
3448				location.href = "/th/accessibility/item/index";
3449			}
3450			if (event.keyCode === 51 && event.ctrlKey && event.altKey) {
3451				location.href = "/th/search/search";
3452			}
3453
3454							if (event.key == '4' && event.ctrlKey && event.altKey) {
3455					location.href = "/th/sitemap/index/index/id/1";
3456				}
3457				if (event.keyCode === 52 && event.ctrlKey && event.altKey) {
3458					location.href = "/th/sitemap/index/index/id/1";
3459				}
3460									if (event.key.toLowerCase() == 'a' && event.ctrlKey && event.altKey) {
3461						location.href = "/th/page/item/index/id/22";
3462					}
3463								if (event.key.toLowerCase() == 'b' && event.ctrlKey && event.altKey) {
3464						location.href = "/th/content/page/index/id/16";
3465					}
3466								if (event.key.toLowerCase() == 'c' && event.ctrlKey && event.altKey) {
3467						location.href = "/th/content/page/index/id/17";
3468					}
3469								if (event.key.toLowerCase() == 'd' && event.ctrlKey && event.altKey) {
3470						location.href = "/th/content/page/index/id/18";
3471					}
3472								if (event.key.toLowerCase() == 'e' && event.ctrlKey && event.altKey) {
3473						location.href = "/th/content/page/index/id/19";
3474					}
3475								if (event.key.toLowerCase() == 'f' && event.ctrlKey && event.altKey) {
3476						location.href = "/th/content/page/index/id/20";
3477					}
3478								if (event.key.toLowerCase() == 'g' && event.ctrlKey && event.altKey) {
3479						location.href = "/th/content/page/index/id/21";
3480					}
3481								if (event.key.toLowerCase() == 'h' && event.ctrlKey && event.altKey) {
3482						location.href = "/th/content/category/index/id/8";
3483					}
3484								if (event.key.toLowerCase() == 'i' && event.ctrlKey && event.altKey) {
3485						location.href = "/th/newsmanagement/page/index/id/1";
3486					}
3487								if (event.key.toLowerCase() == 'j' && event.ctrlKey && event.altKey) {
3488						location.href = "/th/newsmanagement/page/index/id/2";
3489					}
3490								if (event.key.toLowerCase() == 'k' && event.ctrlKey && event.altKey) {
3491						location.href = "/th/weblink/item/index/id/1";
3492					}
3493								if (event.key.toLowerCase() == 'l' && event.ctrlKey && event.altKey) {
3494						location.href = "/th/content/category/index/id/53";
3495					}
3496								if (event.key.toLowerCase() == 'm' && event.ctrlKey && event.altKey) {
3497						location.href = "/th/weblink/item/index/id/10";
3498					}
3499								if (event.key.toLowerCase() == 'n' && event.ctrlKey && event.altKey) {
3500						location.href = "/th/faq/item/index";
3501					}
3502								if (event.key.toLowerCase() == 'o' && event.ctrlKey && event.altKey) {
3503						location.href = "/thhttps://cdd.go.th/shurl/104902";
3504					}
3505					});
3506	</script>
3506
3507	
3507<script src="/plugins/slick/slick.min.js"></script>
3507<script src="https://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>
3507<script src="https://vjs.zencdn.net/7.8.4/video.js"></script>
3507</body>
3508
3509</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.