PageSourceSearch
Opt out API access

https://pi.ac.th/announcements.php

html pi.ac.th collected 2026-09-24 09:17:29 UTC 63,496 bytes, 1,239 lines download raw bytes 

1
2
3<!doctype html>
4<html lang="en">
5
6<head>
7    <link rel="shortcut icon" href="assets/img/favicon.png" />
8    <title> สถาบันพระบรมราชชนก กระทรวงสาธารณสุข </title>
9    <!-- Required meta tags -->
10    <meta charset="utf-8">
11    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
12    <meta name="description" content="สถาบันพระบรมราชชนก กระทรวงสาธารณสุข">
13    <meta name="keywords" content="สถาบันพระบรมราชชนก กระทรวงสาธารณสุข">
14    <meta name="author" content="สถาบันพระบรมราชชนก กระทรวงสาธารณสุข">
15    <!-- Bootstrap CSS  v4.6.1 -->
16    <link rel="stylesheet" href="assets/css/bootstrap.css">
17    <!-- Style CSS Template 3 -->
18    <link rel="stylesheet" href="assets/css/style.css">
19            <!-- Font Awesome Free 5.15.4 -->
20    <link rel="stylesheet" href="assets/css/all.css">
21    <!-- Font on Website -->
22    <link rel="stylesheet" href="assets/css/prompt.css">
23    <!-- fa fa icon -->
24    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
25    <!-- fullcalendar -->
26    <link rel="stylesheet" href="assets/lib/jquery.fancybox.css" type="text/css" media="screen" />
27    <link rel="stylesheet" href="assets/fullcalendar/fullcalendar.css" />
28    <link rel="stylesheet" href="assets/fullcalendar/fullcalendar.print.css" media="print" />
29    <!-- datepicker -->
30    <link href="assets/datepicker/css/datepicker.css" rel="stylesheet">
31    <!-- timepicker -->
32    <!-- <link href="https://cdn.jsdelivr.net/timepicker.js/latest/timepicker.min.css" rel="stylesheet" /> -->
33    <!-- select2 -->
34    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css" rel="stylesheet" />
35    <!-- jquery-confirm -->
36    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.css">
37    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
38    <link rel="stylesheet" href="assets/css/main.css">
39    <!-- 

39<script src="assets/js/jquery-3.6.4.min.js"></script>

39 -->
40
41
42    <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
43    <link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
44
45    <!-- สำหรับหน้าวิจัย -->
46    <link rel="stylesheet" href="assets/css/research.css">
47    <link rel="stylesheet" href="assets/css/article.css">
48
49    <link rel="icon" href="assets/icon/favicon.svg">
50</head>
51
52<style>
53    .txt-short {
54        overflow: hidden;
55        text-overflow: ellipsis;
56        white-space: nowrap;
57        width: 400px;
58    }
59
60    .text-short {
61        white-space: nowrap;
62        overflow: hidden;
63        box-sizing: border-box;
64        text-overflow: ellipsis;
65        width: 400px;
66    }
67
68    .text-short-more-rss {
69        white-space: nowrap;
70        overflow: hidden;
71        box-sizing: border-box;
72        text-overflow: ellipsis;
73        width: 395px;
74    }
75
76    .text-short-more-news {
77        white-space: nowrap;
78        overflow: hidden;
79        box-sizing: border-box;
80        text-overflow: ellipsis;
81    }
82
83    .position-pic-list-manager {
84        margin: 5px 0 0 5px;
85        height: 65px;
86        width: 70px;
87        z-index: 1;
88        left: 0px;
89        top: -13px;
90        position: absolute;
91        align-items: center;
92        justify-content: center;
93        display: flex;
94        font-size: xx-large;
95        border-radius: 50%;
96    }
97
98    .text-manager {
99        font-size: 15px;
100    }
101
102    .fix-captcha {
103        color: #fff;
104        text-align: center;
105        padding: 5px 10px;
106        border-radius: 15px 15px 0px 0px;
107    }
108
109    .card-img-top-fix {
110        width: 100%;
111        height: 15vw;
112        object-fit: cover;
113    }
114
115    .border-t-calendar-b {
116        border-bottom: 1px solid #000;
117        min-height: 8rem;
118    }
119
120    .bx {
121        font-family: boxicons !important;
122        font-weight: 400;
123        font-style: normal;
124        font-variant: normal;
125        line-height: 1;
126        text-rendering: auto;
127        display: inline-block;
128        text-transform: none;
129        -webkit-font-smoothing: antialiased;
130        -moz-osx-font-smoothing: grayscale;
131    }
132
133    span.elipsis {
134        display: none;
135    }
136
137    ._jw-tpk-container {
138        position: absolute;
139        width: 250px;
140        height: 180px;
141        padding: 0;
142        background: #fff;
143        font-family: inherit;
144        font-weight: 400;
145        overflow: hidden;
146        border-radius: 3px;
147        box-sizing: border-box;
148        max-width: 250px;
149        margin-left: auto;
150        margin-right: auto;
151        line-height: 1rem;
152        font-size: 1rem;
153    }
154
155    .jconfirm-closeIcon {
156        display: none;
157    }
158
159    .pe-2 {
160        padding-right: 0.5rem !important;
161        margin-left: 0px;
162    }
163</style>
164
165<body>
166    <div id="Gototop"></div>
167    <button onclick="topFunction()" id="myBtn" title="Go to top">
168        <img src="assets/img/arrow_top.png" title="go to top" alt="go to top" class="">
169    </button>
170
171    <!-- The social media icon bar -->
172<div class="icon-bar">
173	</div>
174    <!-- jquery -->
175    <!-- 

175<script src="assets/js/jquery-2.1.1.js" type="text/javascript"></script>

175 -->
176    

176<script src="assets/js/jquery.js"></script>

176
177    <!-- Ck Ediror -->
178    <!-- 

178<script src="//cdn.ckeditor.com/4.18.0/basic/ckeditor.js"></script>

178 -->
179    <!-- 

179<script src="//cdn.ckeditor.com/4.18.0/standard/ckeditor.js"></script>

179 -->
180    <!-- 

180<script src="//cdn.ckeditor.com/4.18.0/full/ckeditor.js"></script>

180 -->
181        <!-- fullcalendar -->
182
183    <!--

183<script src='assets/fullcalendar/fullcalendar.min.js'></script>

183-->
184    

184<script src="assets/lib/jquery.fancybox.pack.js"></script>

184
185
186
187    

187<script defer src="https://www.gstatic.com/dialogflow-console/fast/messenger/bootstrap.js?v=1"></script>

187
188    <df-messenger
189        chat-title="สถาบันพระบรมราชชนก"
190        chat-icon="https://uat-webpi.pi.ac.th/images/icon_chat.png"
191        agent-id="d43b7883-97ef-4034-aeaf-fdba11377003"
192        language-code="en"></df-messenger>
193
194    <!-- timepicker -->
195    <!-- 

195<script src="https://cdn.jsdelivr.net/timepicker.js/latest/timepicker.min.js"></script>

195 -->
196    <!-- select2 -->
197    <!-- 

197<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script>

197 -->
198    <!-- jquery-confirm -->
199    <!-- 

199<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.js"></script>

199 --><style>
200     df-messenger {
201          --df-messenger-bot-message: #f1f1f1;
202          --df-messenger-user-message: #d4edda;
203          --df-messenger-font-color: #333;
204          --df-messenger-chat-background-color: #fff;
205          --df-messenger-send-icon: #006699;
206          position: fixed;
207          top: 20px;
208          /* ระยะจากขอบบน */
209          right: 20px;
210          /* ระยะจากขอบขวา */
211          z-index: 9999;
212     }
213
214     /* ดันกล่องแชทให้อยู่ขวาบน (แทนที่จะเป็นล่างขวา) */
215     df-messenger::part(chat-wrapper) {
216          bottom: auto !important;
217          top: 80px !important;
218          /* ให้แสดงใต้หัวแชทเล็กน้อย */
219          right: 0 !important;
220     }
221
222     /* สไตล์สำหรับไอคอน ITA */
223     .ita-link {
224          display: flex;
225          align-items: center;
226          transition: transform 0.2s ease;
227     }
228
229     .ita-link:hover {
230          transform: scale(1.05);
231     }
232
233     /* ขนาดไอคอนบนมือถือและแท็บเล็ต */
234     .ita-mobile-link {
235          display: flex;
236          align-items: center;
237          justify-content: center;
238          width: 45px;
239          height: 45px;
240          border-radius: 50%;
241          /* Gradient เดิม: ไล่จากขาวไปโปร่งใส */
242          background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(135, 206, 235, 0) 100%);
243          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
244          margin-right: 15px;
245          transition: all 0.3s ease;
246     }
247
248     /* ขนาดไอคอนบน Desktop */
249     .ita-icon-desktop {
250          height: 40px;
251          width: auto;
252     }
253
254     /* ปรับตำแหน่งใน Tablet (หน้าจอ < 992px) */
255     @media (max-width: 991.98px) {
256          .navbar-brand {
257               max-width: 60%;
258               /* ป้องกันโลโก้เบียดไอคอน */
259          }
260     }
261
262     .circle {
263          width: 100๔px;

264          /* กำหนดความกว้าง */
265          /* กำหนดความสูงให้เท่ากับความกว้าง */
266          border-radius: 40%;
267          /* กำหนดค่า border-radius เป็น 50% */
268
269          /* ตัวอย่างสไตล์เพิ่มเติมเพื่อให้เห็นภาพชัดเจน */
270          background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(135, 206, 235, 0) 100%);
271          /* เพิ่มเงาจางๆ ให้ดูมีมิติ */
272          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
273          /* สีพื้นหลัง */
274          display: flex;
275          /* จัดกึ่งกลางเนื้อหาด้านใน (ถ้ามี) */
276          justify-content: center;
277          align-items: center;
278          color: white;
279     }
280</style>
281<div class="header" style="padding:2!important;">
282     <div class="container-fluid d-flex justify-content-end" style="font-size:10px!important;">
283          <!-- <div class="box_personnel">
284               <a href="#" class="text_header" title="บุคคลากร">
285                    บุคคลากร
286               </a>
287          </div>
288          <div class="Segment">
289               <a href="#" class="text_header" title="ส่วนงาน">
290                    ส่วนงาน
291               </a>
292          </div>
293          <div class="box_lib">
294               <a href="#" class="text_header" title="หอสมุดและคลังความรู้">
295                    หอสมุดและคลังความรู้
296               </a>
297          </div>
298          <div class="box_comment">
299               <a href="#" class="text_header" title="แนะนำและติชม">
300                    แนะนำและติชม
301               </a>
302          </div> -->
303                    <div class="d-flex d-lg-none mr-auto">
304               <a href="https://ita.pi.ac.th" target="_blank" class="ita-mobile-link">
305                    <img src="https://pi.ac.th/assets/images/ITALogo1.webp" alt="ITA Logo" style="width: 35px;">
306               </a>
307                <a href="https://pi.ac.th/news_view.php?n_id=1192" target="_blank" class="ita-mobile-link">
308                    <img src="http://backend-webpi.pi.ac.th/ewt/pi_web/images/articleimg_2026090814441286688.png" alt="ITA Logo" style="width: 35px;">
309               </a>
310          </div>
311          <div class="font_size">
312               <div class="d-flex">
313                    <div class="ml-1">
314                         <a class="text_header" id="large" value="large" href="#"> + </a>
315                    </div>
316                    <div class="ml-1">
317                         <a class="text_header" id="normal" value="normal" href="#"> ก </a>
318                    </div>
319                    <div class="ml-1">
320                         <a class="text_header" id="small" value="small" href="#"> - </a>
321                    </div>
322               </div>
323          </div>
324          <!--<div class="change_color ml-3">
325               <div class="d-flex">
326                    <div class="ml-1">
327                         <spen type="button" class="text_header" id="normally_bg" onclick="normally_bg();"> A </spen>
328                    </div>
329                    <div class="ml-1">
330                         <spen type="button" class="text_header" id="black_bg" onclick="black_bg();"> A </spen>
331                    </div>
332                    <div class="ml-1">
333                         <spen type="button" class="text_header" id="yellow_bg" onclick="yellow_bg();"> A </spen>
334                    </div>
335               </div>
336          </div>-->
337          <div class="box_header_icon_en ml-3">
338               <a href="https://eng.pi.ac.th/" class="btn btn-outline-primary text-white btn-sm" style="font-size:10px!important;">
339                    ENG
340               </a>
341          </div>
342          <!--
343          <div class="box_header_icon_en ml-3">
344               <a href="search.php" class="" title="ค้นหาข้อมูล" style="font-size:10px!important;">
345                    <img src="assets/icon/icon_search.svg"  class="img-fluid icon_header"  alt="">
346               </a> 
347          </div>
348-->
349     </div>
350     <div class="container-fluid d-flex justify-content-end">
351
352
353
354     </div>
355</div><style>
356    .cookie_position {
357        background-color: #eee;
358        background-size: cover;
359        position: fixed;
360        bottom: 0px;
361        left: 0px;
362        width: 100%;
363        padding: 10px;
364        z-index: 100;
365        color: #545454;
366    }
367
368    .cookie_position a:hover {
369        color: #5DADE2;
370    }
371    @media (min-width: 320px){
372        .cookie-size{
373            font-size: 10px;
374            text-align: center;
375        }
376    }
377    @media (min-width: 768px){
378        .cookie-size{
379            font-size: 15px;
380            text-align: center;
381        }
382    }
383    @media (min-width: 1024px){
384        .cookie-size{
385            font-size: 15px;
386            text-align: right;
387        }
388    }
389    @media (min-width: 1440px){
390        .cookie-size{
391            font-size: 17px;
392        }
393        .cookie-container{
394            width: 90%;
395            margin-left: 150px;
396        }
397    }
398</style>
399    <div class="cookie_position" id="display" style="z-index: 10000;">
400        <div class="cookie-container">
401            <div class="row">
402                <!--<div class="col-lg-1 col-md-1 col-sm-0 col-0"></div>-->
403                <div class="col-lg-10 col-md-10 col-sm-12 col-12 font-15px  cookie-size">
404                    เว็บไซต์นี้ใช้งานคุกกี้ ในการใช้งานสามารถใช้งานเว็บไซต์อย่างต่อเนื่องและมีประสิทธิภาพ
405                    เว็บไซต์นี้จะมีเก็บค่าคุà¸

405à¸à¸µà¹‰ เพื่อให้การใช้งานเว็บไซต์ของท่านเป็นไปอย่างราบรื่นและเป็นส่วนตัวมากขึ้น
406                    จึงขอให้ท่านรับรองว่าท่านได้อ่านและทำความเข้าใจนโยบายการใช้งานคุกกี้ 
407                    <a href="download/article/article_20240104155917.pdf" target="_blank" rel="noopener noreferer" style="text-decoration: underline;">
408                    แนวปฏิบัติการรักษาความมั่นคงปลอดภัยด้านสารสนเทศ สถาบันพระบรมราชชนก
409                    </a>
410                </div>
411                <div class="col-lg-2 col-md-2 col-sm-12 col-12 mt-2 text-center">
412                    <button type="button" class="btn btn-primary mb-1" onclick="accept_cookie();"> ตกลง </button>
413                    <button type="button" class="btn btn-danger mb-1" onclick="reject_cookie();"> ปฏิเสธ </button>
414                </div>
415                <!--<div class="col-lg-1 col-md-1 col-sm-0 col-0"></div>-->
416            </div>
417
418        </div>
419    </div>
420
421    

421<script>
422        function accept_cookie() {
423            $("#display").prop("hidden", true);
424
425            $.ajax({
426                url: "process/cookie_process.php",
427                method: "post",
428                data: {
429                    flag: "accept_cookie"
430                },
431                success: function(data) {
432                    // alert(data);
433                    //location.reload();
434                }
435            });
436        }
437
438        function reject_cookie() {
439            $("#display").prop("hidden", true);
440
441            $.ajax({
442                url: "process/cookie_process.php",
443                method: "post",
444                data: {
445                    flag: "reject_cookie"
446                },
447                success: function(data) {
448                    // alert(data);
449                    //location.reload();
450                }
451            });
452        }
453    </script>

453
454
455<style>
456.multi-line-menu {
457    display: flex;
458    flex-wrap: wrap;
459    width: 100%;
460    white-space: normal;
461}
462
463.multi-line-menu .nav-item {
464    flex: 1 1 auto;
465    min-width: 0;
466}
467
468.multi-line-menu .nav-item > a {
469    white-space: normal;
470    word-break: normal;
471    overflow-wrap: normal;
472}
473
474/* | คั่นเมนู */
475.multi-line-menu .nav-item:not(:last-child)::after {
476    content: "|";
477    position: absolute;
478    right: -2px;
479    top: 50%;
480    transform: translateY(-50%);
481
482    color: #0072bc;
483    font-weight: 400;
484}
485
486/* Navbar ต้องยอมให้ menu ใช้พื้นที่ที่เหลือ */
487.navbar-collapse {
488    min-width: 0;
489}
490
491.navbar-nav.multi-line-menu {
492    min-width: 0;
493}
494
495/* Mobile */
496@media (max-width: 991.98px) {
497
498    .multi-line-menu {
499        display: block;
500    }
501
502    .multi-line-menu .nav-item::after {
503        display: none;
504    }
505
506    .multi-line-menu .nav-item > a,
507    .multi-line-menu .nav-link {
508        padding-left: 0;
509        padding-right: 0;
510    }
511}
512
513</style>
514<div class="container-fluid p-0">
515     <div class="row">
516          <div class="col-12 p-3">
517               <nav class="navbar navbar-expand-lg navbar-light" >
518                    <a class="navbar-brand" href="index.php">
519                    <img src="images/site_logo_20250114145016.png" title="images/site_logo_20250114145016.png" alt="images/site_logo_20250114145016.png" class="max-width-logo">
520                         <!-- <img src="assets/icon/logo.svg"  class="logo" alt=""> -->
521                    </a>
522                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
523                         <span class="navbar-toggler-icon"></span>
524                    </button>
525                   <div class="collapse navbar-collapse" id="navbarSupportedContent">
526                         <ul class="navbar-nav ml-auto txt-color-menu multi-line-menu" data-toggle="collapse" href="#multiCollapseExample1"
527					role="button" aria-expanded="false" aria-controls="multiCollapseExample1"> <li class="nav-item dropdown font-nav-item"><a class="nav-link text-dark" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown"
528                    aria-haspopup="true" aria-expanded="false" 
529                    title="เกี่ยวกับ สบช." 
530                    target="_self"
531					style="text-align: left;
532					font-weight: ;
533					font-style: ;
534					text-decoration: ;">เกี่ยวกับ สบช.</a><ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownMenuLink"><li><a class="dropdown-item" href="https://pi.ac.th/news_view.php?n_id=447"
535                    title="ประวัติความเป็นมา"
536                    target="_self" 
537                    style="text-align: left;
538					font-weight: ;
539					font-style: ;
540					text-decoration: ;">ประวัติความเป็นมา</a></li><li><a class="dropdown-item" href="https://pi.ac.th/news_view.php?n_id=448"
541                    title="วิสัยทัศน์/ปณิธาน/พันธกิจ/สมรรถนะหลัก/ค่านิยมและวัฒนธรรม/สบช.โมเดล (PBRI Model)"
542                    target="_self" 
543                    style="text-align: left;
544					font-weight: ;
545					font-style: ;
546					text-decoration: ;">วิสัยทัศน์/ปณิธาน/พันธกิจ/สมรรถนะหลัก/ค่านิยมและวัฒนธรรม/สบช.โมเดล (PBRI Model)</a></li><li><a class="dropdown-item" href="https://pi.ac.th/news_view.php?n_id=449"
547                    title="อัตลักษณ์"
548                    target="_self" 
549                    style="text-align: left;
550					font-weight: ;
551					font-style: ;
552					text-decoration: ;">อัตลักษณ์</a></li><li><a class="dropdown-item" href="https://www.pi.ac.th/news_view.php?n_id=830"
553                    title="ทำเนียบผู้บริหาร"
554                    target="_self" 
555                    style="text-align: left;
556					font-weight: ;
557					font-style: ;
558					text-decoration: ;">

558ทำเนียบผู้บริหาร</a></li><li><a class="dropdown-item" href="https://pi.ac.th/news_view.php?n_id=443&lang=TH"
559                    title="แผนผังโครงสร้างการบริหาร"
560                    target="_self" 
561                    style="text-align: left;
562					font-weight: ;
563					font-style: ;
564					text-decoration: ;">แผนผังโครงสร้างการบริหาร</a></li><li><a class="dropdown-item" href="https://pi.ac.th/news_view.php?n_id=922"
565                    title="แผนผังโครงสร้างหน่วยงาน"
566                    target="_self" 
567                    style="text-align: left;
568					font-weight: ;
569					font-style: ;
570					text-decoration: ;">แผนผังโครงสร้างหน่วยงาน</a></li><li><a class="dropdown-item" href="https://pi.ac.th/news_view.php?n_id=1137"
571                    title="หน้าที่ และอำนาจ"
572                    target="_self" 
573                    style="text-align: left;
574					font-weight: ;
575					font-style: ;
576					text-decoration: ;">หน้าที่ และอำนาจ</a></li><li><a class="dropdown-item" href="news_view.php?n_id=810"
577                    title="ตราอัตลักษณ์"
578                    target="_self" 
579                    style="text-align: left;
580					font-weight: ;
581					font-style: ;
582					text-decoration: ;">ตราอัตลักษณ์</a></li><li><a class="dropdown-item" href="https://strategy-division.pi.ac.th/news_view.php?n_id=779"
583                    title="แผนยุทธศาสตร์"
584                    target="_self" 
585                    style="text-align: left;
586					font-weight: ;
587					font-style: ;
588					text-decoration: ;">แผนยุทธศาสตร์</a></li><li><a class="dropdown-item" href="https://www.pi.ac.th/news_view.php?n_id=952"
589                    title="นโยบายการขับเคลื่อนสถาบันพระบรมราชชนก สู่ World-Class University for Primary Care"
590                    target="_self" 
591                    style="text-align: left;
592					font-weight: ;
593					font-style: ;
594					text-decoration: ;">นโยบายการขับเคลื่อนสถาบันพระบรมราชชนก สู่ World-Class University for Primary Care</a></li></ul></li><li class="nav-item  font-nav-item"><a class="nav-link" href="news_view.php?n_id=922" 
595                    title="โครงสร้างหน่วยงาน" 
596                    target="_self"
597					style="text-align: left;
598					font-weight: ;
599					font-style: ;
600					text-decoration: ;">โครงสร้างหน่วยงาน<span class="sr-only">(current)</span></a></li><li class="nav-item  font-nav-item"><a class="nav-link" href="https://pi.ac.th/announcements.php" 
601                    title="ค้นหา กฎ ระเบียบ ข้อบังคับ" 
602                    target="_self"
603					style="text-align: left;
604					font-weight: ;
605					font-style: ;
606					text-decoration: ;">ค้นหา กฎ ระเบียบ ข้อบังคับ<span class="sr-only">(current)</span></a></li><li class="nav-item  font-nav-item"><a class="nav-link" href="https://pi.ac.th/news_view.php?n_id=586&lang=TH" 
607                    title="ติดต่อเรา" 
608                    target="_self"
609					style="text-align: left;
610					font-weight: ;
611					font-style: ;
612					text-decoration: ;">ติดต่อเรา<span class="sr-only">(current)</span></a></li><li class="nav-item  font-nav-item"><a class="nav-link" href="https://admission-pbri.aos.in.th/index.php/ums/Login" 
613                    title="ระบบรับสมัครนักศึกษาใหม่" 
614                    target="_blank"
615					style="text-align: left;
616					font-weight: ;
617					font-style: ;
618					text-decoration: ;">ระบบรับสมัครนักศึกษาใหม่<span class="sr-only">(current)</span></a></li><li class="nav-item d-none d-lg-block ml-lg-3">
619                        <a href="https://ita.pi.ac.th" target="_blank" class="ita-desktop-l

619ink">
620                            <img src="https://pi.ac.th/assets/images/ITALogo1.webp" alt="ITA Logo" style="width: 70px;">
621                        </a>
622                    </li>
623                    <li class="nav-item d-none d-lg-block ml-lg-3">
624                        <a href="https://pi.ac.th/news_view.php?n_id=1192" target="_blank" class="ita-desktop-link">
625                            <img src="http://backend-webpi.pi.ac.th/ewt/pi_web/images/articleimg_2026090914231053488.png" alt="EdPEx Logo" style="width: 140px;">
626                        </a>
627                    </li>                    </div>
628               </nav>
629          </div>
630     </div>
631</div>
632<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
633
634<style>
635    :root { --sky:#23b1e3; --sky2:#1396c5; --navy:#072c49; }
636    body{background:#f4f8fc}
637    .hero{background:linear-gradient(0deg,var(--sky2),var(--sky)); color:#201f1f; padding:32px 0 28px;}
638    .hero h1{font-weight:800; text-align:center; margin:0 0 18px; font-size:clamp(1.25rem,1rem + 1.6vw,2rem)}
639    .form-control,.custom-select{height:56px; font-size:1.05rem}
640    .btn-search{height:56px; font-weight:600; background:var(--navy); border-color:var(--navy)}
641    .btn-search:hover{filter:brightness(1.05)}
642    /* suggestions full width */
643    .suggestions-box{position:absolute; top:100%; left:0; width:100%; background:#fff; border:1px solid #ccc; border-top:none; z-index:1000; max-height:220px; overflow-y:auto;}
644    .suggestions-box div{padding:10px; cursor:pointer}
645    .suggestions-box div:hover{background:#f0f0f0}
646    /* list look */
647    .news-card{border:0; border-radius:16px; box-shadow:0 10px 30px rgba(0,0,0,.08)}
648    .news-thumb{width:160px; height:90px; object-fit:cover; border-radius:12px}
649    .meta i{opacity:.8; margin-right:6px}
650    .meta .item{margin-right:18px; color:#4c5967}
651    .category{color:#11a5c9; font-weight:600}
652    .pagination .page-link{border:0; border-radius:8px; box-shadow:0 6px 16px rgba(0,0,0,.08)}
653    .pagination .page-item.active .page-link{background:#11a5c9}
654    #clearSearch {
655        position: absolute;
656        right: 60px;
657        top: 50%;
658        transform: translateY(-50%);
659        border: none;
660        background: transparent;
661        font-size: 1.2rem;
662        color: #888;
663        cursor: pointer;
664    }
665    #clearSearch:hover {
666        color: #333;
667    }
668    .list-group-item {
669    padding: 14px 16px;
670    border-left: 3px solid transparent;
671    }
672    .list-group-item:hover {
673        background: #f8f9fa;
674        border-left-color: #0d6efd;
675        cursor: pointer;
676    }
677    .icon-big{
678        font-size: 100%;
679        height: 100%;
680        display: flex;
681        align-items: center;
682    }
683</style>
684<!-- HEADER + FILTER ROW 1 -->
685  <section class="hero">
686    <div class="container">
687      <h1 style="color: white;font-weight:400;">ค้นหาประกาศ/ข้อบังคับ สบช</h1>
688
689      <form class="position-relative" autocomplete="off" onsubmit="event.preventDefault();">
690        <div class="form-row align-items-center">
691          <!-- ประเภทการค้นหา -->
692          <!--<div class="form-group col-12 col-lg-2">
693            <select class="custom-select" id="type">
694              <option value="keyword" selected>Keyword</option>
695              <option value="doc">ไฟล์เอกสาร</option>
696            </select>
697          </div>-->
698
699          <!-- ช่องค้นหา + suggestions -->
700          <div class="form-group col-12 col-lg-10">
701              <div class="form-group position-relative">
702                  <input type="text" id="searchBox" class="form-control" placeholder="พิมพ์คำค้น...">
703                   <button type="button" id="clearSearch" class="btn btn-outline-secondary" style="display:none;">
704                        <i class="fa fa-times"></i>
705                    </button>
706                  <input type="hidden" id="n_id" value="" >
707                  <input type="hidden" id="uid" value="" >
708                  <div id="searchResult" class="list-group position-absolute w-100" style="z-index:1000;"></div>
709              </div>
710          </div>
711
712          <!-- ปุ่มค้นหา -->
713          <div class="form-group col-12 col-lg-2">
714            <a onclick="searchData(1)" class="btn btn-primary btn-block btn-search text-white" id="bt

714nSearch">Search</a>
715          </div>
716        </div>
717
718        <!-- FILTER ROW 2 -->
719        <div class="form-row">
720          <!-- multiple: ด้าน -->
721                       <div class="form-group col-12 col-lg-4">
722                <label class="text-white">เลือกหมวดหมู่</label>
723                <select class="custom-select" id="section">
724                    <option value="0">ท้งหมด</option>
725                                            <option value="ด้านการศึกษา">ด้านการศึกษา</option>
726                                            <option value="ด้านแผนและงบประมาณ">ด้านแผนและงบประมาณ</option>
727                                            <option value="ด้านบุคลากร">ด้านบุคลากร</option>
728                                            <option value="ด้านวิจัย">ด้านวิจัย</option>
729                                            <option value="ด้านบริการวิชาการ">ด้านบริการวิชาการ</option>
730                                            <option value="ด้านบริหารจัดการทั่วไป">ด้านบริหารจัดการทั่วไป</option>
731                                    </select>
732            </div>
733
734
735            <!-- multiple: ประเภท -->
736                       <div class="form-group col-12 col-lg-4">
737                <label class="text-white">เลือกข้อบังคับ</label>
738                <select class="custom-select" id="category">
739                    <option value="0">ท้งหมด</option>
740                                            <option value="พ.ร.บ.">พ.ร.บ.</option>
741                                            <option value="กฎ">กฎ</option>
742                                            <option value="ระเบียบ">ระเบียบ</option>
743                                            <option value="ข้อบังคับ">ข้อบังคับ</option>
744                                            <option value="ประกาศ">ประกาศ</option>
745                                            <option value="คำสั่ง">คำสั่ง</option>
746                                            <option value="รายงานการประชุม">รายงานการประชุม</option>
747                                            <option value="คู่มือ">คู่มือ</option>
748                                            <option value="แผน">แผน</option>
749                                    </select>
750            </div>
751
752             <!-- multiple: พ.ศ. -->
753                       <div class="form-group col-12 col-lg-4">
754                <label class="text-white">เลือก พ.ศ.</label>
755                <select class="custom-select" id="year">
756                    <option value="0">ท้งหมด</option>
757                                            <option value="2569">2569</option>
758                                            <option value="2568">2568</option>
759                                            <option value="2567">2567</option>
760                                            <option value="2566">2566</option>
761                                            <option value="2565">2565</option>
762                                            <option value="2564">2564</option>
763                                            <option value="2563">2563</option>
764                                            <option value="2562">2562</option>
765                                            <option value="2561">2561</option>
766                                            <option value="2560">2560</option>
767                                            <option value="2549">2549</option>
768                                            <option value="2542">2542</option>
769                                    </select>
770            </div>
771        </div>
772      </form>
773    </div>
774  </section>
775
776  <!-- RESULTS -->
777  <main class="container my-2">
778        <!-- กล่องแสดงผลข่าว -->
779    <div id="newsContainer"></div>
780
781    <!-- Pagination -->
782    <nav aria-label="Page navigation">
783        <ul id="pagination" class="pagination justify-content-center mt-4"></ul>
784    </nav>
785  </main>
786
787  

787<script>
788    $(document).ready(function(){
789    var n_id = 0;
790    function stripHTML(escapedHtml) {
791        // 1️⃣ แปลง &lt;h2&gt; → <h2>
792        let txt = document.createElement("textarea");
793        txt.innerHTML = escapedHtml;
794        let decoded = txt.value;
795
796        // 2️⃣ ลบแท็ก HTML จริงออก
797        return decoded.replace(/<[^>]*>/g, '').trim();
798    }
799    $('#searchBox').on('input', function(){
800        $('#clearSearch').toggle($(this).val().length > 0);
801    });
802    $('#searchBox').on('keyup', function(){
803        let query = $(this).val();
804
805        if(query.length > 2) { // เริ่มค้นหาหลังพิมพ์เกิน 2 ตัว
806            $.ajax({
807                url: 'https://be-websync.pi.ac.th/search/name',
808                method: 'GET',
809                data: { n_topic: query },
810                success: function(data) {
811                    let resultBox = $('#searchResult');
812                    resultBox.empty(); // ล้างรายการเดิมก่อน
813                    if(data.length > 0) {
814                        data.forEach(item => {
815                            console.log(item.n_topic.replace(/<[^>]*>/g, '').trim());
816                            resultBox.append(
817                                `<a href="#" class="list-group-item list-group-item-action search-item" data-uid="${item.uid}"  data-id="${item.id}" data-name="${item.n_topic}">
818                                    ${stripHTML(item.n_topic)}
819                                </a>`
820                            );
821                        });
822                    } else {
823                        $('#searchResult').empty();
824                        $('#n_id').val(0);
825                        $('#uid').val(0);
826                       
827                    }
828                }
829            });
830        } else {
831            $('#searchResult').empty();
832        }
833    });
834
835    // เมื่อคลิกรายการในผลลัพธ์
836    $(document).on('click', '.search-item', function(e){
837        e.preventDefault();
838        $('#searchBox').val(stripHTML($(this).data('name')));
839        $('#n_id').val($(this).data('id'))
840        $('#searchResult').empty();
841        console.log(n_id)
842    });
843
844    $(document).on('click', function(e) {
845        if (!$(e.target).closest('#searchBox, #searchResult').length) {
846        $('#searchResult').empty();
847        }
848     });
849});
850
851    function searchData(page=1) {
852        let n_topic = $('#searchBox').val();
853        let section = $('#section').val();
854        let category = $('#category').val();
855        let year = $('#year').val();
856        let n_id = $('#n_id').val();
857        let uid = $('#uid').val();
858        $('#newsContainer').html('<div class="text-center text-muted my-4"><div class="spinner-border text-primary"></div><p>กำลังโหลด...</p></div>');
859        $.ajax({

860                url: 'https://be-websync.pi.ac.th/search/news',
861                method: 'GET',
862                data: { n_topic: n_topic,section:section,category:category,year:year,n_id:n_id,uid:uid,page:page },
863                success: function(data) {
864                    renderNews(data.data)
865                    renderPagination(data)
866                }
867        });
868    }
869
870     function stripHTML(escapedHtml) {
871        let txt = document.createElement("textarea");
872        txt.innerHTML = escapedHtml;
873        let decoded = txt.value;
874        return decoded.replace(/<[^>]*>/g, '').trim();
875    }
876
877    function renderNews(newsList) {
878        let container = $('#newsContainer');
879        container.empty();
880
881        if (!newsList || newsList.length === 0) {
882        container.html('<div class="text-center text-muted">ไม่พบข่าว</div>');
883        return;
884        }
885
886        newsList.forEach(item => {
887        let title = stripHTML(item.n_topic);
888        let site = item.site_name || '';
889        let date = (item.n_date_start ? new Date(item.n_date_start).toLocaleDateString('th-TH') : '')+' - '+(item.n_date_end ? new Date(item.n_date_end).toLocaleDateString('th-TH') : '')
890        let link =  (item.news_use === 2 ? item.site_url+'/news_view.php?n_id='+item.n_id : item.site_url+'/'+item.link_html)
891            console.log(item.news_use)
892        let img = item.picture 
893            ? item.picture.startsWith('http') 
894                ? item.picture 
895                : `${item.site_url}/images/article/news${item.n_id}/${item.picture}`
896            : 'https://central-division.pi.ac.th/images/article/news813/n20250826_813.png'; // fallbac
897
898        container.append(`
899        <div class="card mb-3 shadow-sm border-0">
900            <div class="row no-gutters" >
901                <div class="col-1">
902                 <i class="fa-solid fa-file-lines icon-big" style="font-size:80px;"></i>
903                </div>
904                <div class="col-md-10 col-10">
905                    <div class="card-body">
906                        <h5 class="card-title">
907                            <a href="${link}" target="_blank" style="cursor: pointer;">
908                                ${title}
909                            </a>
910                        </h5>
911                        <p class="card-text text-muted small mb-1">${site}</p>
912                    </div>
913                </div>
914                <div class="col-1">
915                    <a href="${link}" target="_blank" class="btn btn-sm btn-primary mt-2" style="cursor: pointer;">
916                        อ่านต่อ
917                     </a>
918                </div>
919            </div>
920        </div>
921        `);
922    });
923    }
924    function renderPagination(res) {
925        let pagination = $('#pagination');
926        pagination.empty();
927
928        res.links.forEach(link => {
929        let label = link.label.replace('&laquo;', '«').replace('&raquo;', '»');
930        let disabled = link.url === null ? 'disabled' : '';
931        let active = link.active ? 'active' : '';
932
933        pagination.append(`
934            <li class="page-item ${disabled} ${active}">
935            <a class="page-link" href="#" data-url="${link.url}">${label}</a>
936            </li>
937        `);
938        });
939    }
940    $(document).on('click', '#pagination a', function(e) {
941        e.preventDefault();
942        let url = $(this).data('url');
943        if (url) {
944        let page = new URL(url).searchParams.get('page');
945        searchData(page);
946        $('html, body').animate({ scrollTop: 0 }, 'fast');
947        }
948    });
949    $('#clearSearch').on('click', function() {
950        $('#searchBox').val('').trigger('input');
951        $('#n_id').val('');
952        $('#uid').val('');
953        $('#searchResult').empty();
954    });
955  </script>

955
956    <!-- 

956<script src="assets/js/jquery.js"></script>

956 -->
957    

957<script src="assets/js/jquery-3.6.4.min.js"></script>

957
958    

958<script src="assets/js/popper.js"></script>

958
959    

959<script src="assets/js/bootstrap.min.js"></script>

959
960      <!-- datepicker -->
961      

961<script src="assets/datepicker/js/bootstrap-datepicker.js"></script>

961
962    

962<script src="assets/datepicker/js/bootstrap-datepicker-thai.js"></script>

962
963    

963<script src="assets/datepicker/js/locales/bootstrap-datepicker.th.js"></script>

963
964    

964<script src="https://cdn.jsdelivr.net/npm/[email protected]/jquery-ui.min.js"></script>

964
965    

965<script src="assets/js/font_size.js"></script>

965
966    

966<script src="assets/js/change_color.js"></script>

966
967    <!-- 

967<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>

967 -->
968   
969    

969<script src="assets/js/owl.carousel.min.js"></script>

969
970    <!-- 

970<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>

970 -->
971    

971<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js"></script>

971
972    

972<script>
973        /*
974        $(document).ready(function() {
975            //select2
976            $('.select2').select2({
977                width: '100%',
978                theme: "bootstrap"
979            });
980
981            // datepicker
982            $(".datepicker").datepicker({
983                language: 'th-th',
984                format: 'dd/mm/yyyy',
985                autoclose: true
986            });
987
988            /*CKEDITOR.editorConfig = function(config) {
989                config.replace = "ckeditor";
990            };
991
992            if (!Notification) {
993                $('body').append('*Browser does not support Web Notification');
994                return;
995            }
996
997            notification();
998        });
999        */
1000
1001        // let interval = setInterval(function() {
1002        //     notification();
1003        // }, 1000);
1004        /*
1005        function notification() {
1006            if (Notification.permission !== "granted") {
1007                Notification.requestPermission();
1008            } else {
1009                $.ajax({

1010                    url: "ajax/notification.ajax.php",
1011                    type: "POST",
1012                    data: {
1013                        type: 'article',
1014                    },
1015                    datatype: "text",
1016                    success: function(response, textStatus, jqXHR) {
1017                        var response = JSON.parse(response, true);
1018                        // console.log(response);
1019                        if (response.result == true) {
1020                            var notificationDetails = response.notif;
1021                            for (var i = notificationDetails.length - 1; i >= 0; i--) {
1022                                var notificationUrl = notificationDetails[i]['url'];
1023                                var notificationObj = new Notification(notificationDetails[i]['title'], {
1024                                    icon: notificationDetails[i]['icon'],
1025                                    body: notificationDetails[i]['message'],
1026                                });
1027                                notificationObj.onclick = function() {
1028                                    window.open(notificationUrl);
1029                                    notificationObj.close();
1030                                };
1031                                // setTimeout(function() {
1032                                //     notificationObj.close();
1033                                // }, 5000);
1034                            };
1035                        }
1036                    },
1037                    error: function(jqXHR, textStatus, errorThrown) {
1038                        console.log(textStatus);
1039                    }
1040                });
1041            }
1042        }
1043            */
1044    </script>

1044
1045    

1045<script>
1046      $(document).ready(function(){
1047    $('#icon_serve').owlCarousel({
1048      loop:true,
1049      margin:10,
1050      nav:true,
1051      responsive:{
1052          0:{
1053              items:2
1054          },
1055          600:{
1056              items:4
1057          },
1058          1000:{
1059              items:6
1060          }
1061      }
1062  })
1063});
1064</script>

1064
1065

1066<script>
1067    /*
1068$(document).ready(function() {
1069    $.ajax({
1070        url: 'func_visitor_stat.php',
1071        data: {
1072            'proc': 'VisitorStat',
1073            't': 'page',
1074            'filename': '/announcements.php',
1075            'load': '0',
1076            'res': screen.width + 'x' + screen.height
1077        },
1078        dataType: 'json',
1079        type: "POST",
1080        beforeSend: function() {
1081        },
1082        success: function(data) {
1083        //console.log(data);
1084        }
1085    });
1086});*/
1087</script>

1087
1088  </body>
1089</html>
1090<style>
1091    .bg-footer {
1092        background-color: #222B4D;
1093    }
1094</style>
1095
1096<footer class="py-4 border-top bg-footer txt-white">
1097    <div class="container-fluid">
1098        <div class="row mr-0 ml-0">
1099            <div class="col-lg-4 col-md-4 col-sm-12 col-12">
1100                <div class="row">
1101                    <div class="col-12">
1102                        <div class="font25px mb-3"> ข้อมูลติดต่อ </div>
1103                    </div>
1104                    <div class="col-6 col-md">
1105
1106                        <!-- Open Add GoogleMap -->
1107                        <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15495.250117254249!2d100.528226!3d13.850289!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x30e29ba334a0a44f%3A0xb910e09f8d6bdddb!2z4Liq4LiW4Liy4Lia4Lix4LiZ4Lie4Lij4Liw4Lia4Lij4Lih4Lij4Liy4LiK4LiK4LiZ4LiB!5e0!3m2!1sth!2sth!4v1693995706260!5m2!1sth!2sth" style="border:0;width:100%;height: 150px;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
1108                        <!-- Close Add GoogleMap -->
1109                        <ul class="list-unstyled text-small">
1110                            <li> สถาบันพระบรมราชชนก <br />
111188/20 อาคาร 4 ชั้น 6,7,8,9 <br />
1112ตึกสำนักงานปลัดกระทรวงสาธารณสุข <br />
1113ถนนติวานนท์ ตำบลตลาดขวัญ อำเภอเมือง<br />
1114จังหวัดนนทบุรี 11000 </li>
1115                        </ul>
1116                        <!-- <p class="text_footer">
1117                            โทรศัพท์ : 0-2590-1918<br>
1118                            โทรสาร  : 0-2590-1918<br>
1119                            อีเมล :  [email protected]                        </p> -->
1120                        <!-- <div class="row">
1121                            <div class="mr-1">
1122                                <a href="#">
1123                                    <img src="assets/icon/facebook_footer.png" alt="">
1124                                </a> 
1125                            </div>
1126                            <div class="mr-1">
1127                                <a href="#">
1128                                    <img src="assets/icon/youtube.png" alt="">
1129                                </a> 
1130                            </div>
1131                            <div class="mr-1">
1132                                <a href="#">
1133                                    <img src="assets/icon/mail.png" alt="">
1134                                </a> 
1135                            </div>
1136                        </div> -->
1137                        <!-- <div class="row">
1138                         <div class="col-12">
1139                              <p class="visitors">จำนวนผู้เข้าชม :    108159</p>
1140                         </div>
1141                        </div>  -->
1142                    </div>
1143                </div>
1144            </div>
1145            
1146            <div class="col-xl-2 col-md-6">
1147            <p class="text_footer mt-5">
1148                            โทรศัพท์ : 0-2590-1918<br>
1149                            โทรสาร  : 0-2590-1918<br>
1150                            อีเมล :  <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="d9aab8abb8bbb8b799a9b0f7b8baf7adb1">[email&#160;protected]</a>                        </p>
1151                        <div class="row">
1152                            <div class="col-xl-12">
1153                                <div class="d-flex">
1154                                    <div class="mr-1">
1155                                    <a href="https://www.facebook.com/pbripi2562/">
1156                                        <img src="assets/icon/facebook_footer.png" alt="">
1157                                    </a> 
1158                                </div>
1159                                <div class="mr-1">
1160                                    <a href="https://www.youtube.com/@pi-university">
1161                                        <img src="assets/icon/youtube.png" alt="">
1162                                    </a> 
1163                                </div>
1164                                <div class="mr-1">
1165                                    <a href="https://www.tiktok.com/@pbri_moph">
1166                                        <img src="assets/icon/mail.png" alt="">
1167                                    </a> 
1168                                </div>
1169                                </div>
1170                            </div>
1171                        </div>
1172                        <div class="row">
1173                         <div class="col-12">
1174                              <p class="visitors">จำนวนผู้เข้าชม : 108159</p>
1175                         </div>
1176                    </div> 
1177                <!-- <div class="col-12">
1178                    <div class="row">
1179                         <div class="col-12">
1180                             <h4 class="h_footer">ระบบสารสนเทศและการบริการ</h4>
1181                         </div>
1182                    </div> 
1183                    <div class="row">
1184                        <div class="col-12 col-md-6"><ul class="footer_ul"><li class="li_footer"><div class="d-flex"><div class="mr-2"><img src="assets/icon/li.svg" alt=""></div><div class="mr-2"><a class="p_footer" href="https://asap.pi.ac.th/login" title="ระบบเสนอเเละติดตามตำเเหน่งทางวิชาการ (ASAP)" target="_self"> ระบบเสนอเเละติดตามตำเเหน่งทางวิชาการ (ASAP) </a></div></div></li></ul></div><div class="col-12 col-md-6"><ul class="footer_ul"><li class="li_footer"><div class="d-flex"><div class="mr-2"><img src="assets/icon/li.svg" alt=""></div><div class="mr-2"><a class="p_footer" href="https://academic.pi.ac.th/login-form" title="ระบบติดตามการขอกำหนดตำแหน่งทางวิชาการ (เดิม)" target="_self"> ระบบติดตามการขอกำหนดตำแหน่งทางวิชาการ (เดิม) </a></div></div></li></ul></div><div class="col-12 col-md-6"><ul class="footer_ul"><li class="li_footer"><div class="d-flex"><div class="mr-2"><img src="assets/icon/li.svg" alt=""></div><div class="mr-2"><a class="p_footer" href="https://saraban.pi.ac.th/" title="ระบบสารบรรณอิเล็กทรอนิกส์" target="_blank"> ระบบสารบรรณอิเล็กทรอนิกส์ </a></div></div></li></ul></div><div class="col-12 col-md-6"><ul class="footer_ul"><li class="li_footer"><div class="d-flex"><div class="mr-2"><img src="assets/icon/li.svg" alt=""></div><div class="mr-2"><a class="p_footer" href="https://e-payment.pi.ac.th" title="ระบบชำระเงินออนไลน์ (E-Payment)" target="_blank"> ระบบชำระเงินออนไลน์ (E-Payment) </a></div></div></li></ul></div><div class="col-12 col-md-6"><ul class="footer_ul"><li class="li_footer"><div class="d-flex"><div class="mr-2"><img src="assets/icon/li.svg" alt=""></div><div class="mr-2"><a class="p_footer" href="https://mrb.pi.ac.th" title="ระบบจองห้องประชุม" target="_self"> ระบบจองห้องประชุม </a></div></div></li></ul></div><div class="col-12 col-md-6"><ul class="footer_ul"><li class="li_footer"><div class="d-flex"><div class="mr-2"><img src="assets/icon/li.svg" alt=""></div><div class="mr-2"><a class="p_footer" href="http://dev.pi.ac.th/" title="ระบบจองรถ" target="_self"> ระบบจองรถ </a></div></div></li></ul></div><div class="col-12 col-md-6"><ul class="footer_ul"><li class="li_footer"><div class="d-flex"><div class="mr-2"><img src="assets/icon/li.svg" alt=""></div><div class="mr-2"><a class="p_footer" href="https://e-slip.pi.ac.th" title="ระบบสลิปเงินเดือน" target="_blank"> ระบบสลิปเงินเดือน </a></div></div></li></ul></div><div class="col-12 col-md-6"><ul class="footer_ul"><li class="li_footer"><div class="d-flex"><div class="mr-2"><img src="assets/icon/li.svg" alt=""></div><div class="mr-2"><a class="p_footer" href="https://law.pi.ac.th/news_view.php?n_id=906" title="ช่องทางแจ้งเรื่องร้องเรียนการทุจริตและประพฤติมิชอบ" target="_blank"> ช่องทางแจ้งเรื่องร้องเรียนการทุจริตและประพฤติมิชอบ </a></div></div></li></ul></div><div class="col-12 col-md-6"><ul class="footer_ul"><li class="li_footer"><div class="d-flex"><div class="mr-2"><img src="assets/icon/li.svg" alt=""></div><div class="mr-2"><a class="p_footer" href="https://engage.cloud.microsoft/main/org/pi.ac.th/groups/eyJfdHlwZSI6Ikdyb3VwIiwiaWQiOiIyMTkxNzI0MzgwMTYifQ" title="PBRI AI Task Force" target="_blank"> PBRI AI Task Force </a></div></div></li></ul></div>                    </div>
1185                </div> -->
1186            </div>
1187            <div class="col-xl-6 col-md-6">
1188                <!-- <div class="col-12">
1189                    <div class="row">
1190                         <div class="col-12">
1191                             <h4 class="h_footer">เว็บไซต์ที่เกี่ยวข้อง</h4>
1192                         </div>
1193                    </div> 
1194                    <div class="row">
1195                                            </div>
1196                </div> -->
1197                <div class="col-12">
1198                    <div class="row">
1199                         <div class="col-12">
1200                             <h4 class="h_footer">ระบบสารสนเทศและการบริการ</h4>
1201                         </div>
1202                    </div> 
1203                    <div class="row">
1204                        <div class="col-12 col-md-6"><ul class="footer_ul"><li class="li_footer"><div class="d-flex"><div class="mr-2"><img src="assets/icon/li.svg" alt=""></div><div class="mr-2"><a class="p_footer" href="https://asap.pi.ac.th/login" title="ระบบเสนอเเละติดตามตำเเหน่งทางวิชาการ (ASAP)" target="_self"> ระบบเสนอเเละติดตามตำเเหน่งทางวิชาการ (ASAP) </a></div></div></li></ul></div><div class="col-12 col-md-6"><ul class="footer_ul"><li class="li_footer"><div class="d-flex"><div class="mr-2"><img src="assets/icon/li.svg" alt=""></div><div class="mr-2"><a class="p_footer" href="https://academic.pi.ac.th/login-form" title="ระบบติดตามการขอกำหนดตำแหน่งทางวิชาการ (เดิม)" target="_self"> ระบบติดตามการขอกำหนดตำแหน่งทางวิชาการ (เดิม) </a></div></div></li></ul></div><div class="col-12 col-md-6"><ul class="footer_ul"><li class="li_footer"><div class="d-flex"><div class="mr-2"><img src="assets/icon/li.svg" alt=""></div><div class="mr-2"><a class="p_footer" href="https://saraban.pi.ac.th/" title="ระบบสารบรรณอิเล็กทรอนิกส์" target="_blank"> ระบบสารบรรณอิเล็กทรอนิกส์ </a></div></div></li></ul></div><div class="col-12 col-md-6"><ul class="footer_ul"><li class="li_footer"><div class="d-flex"><div class="mr-2"><img src="assets/icon/li.svg" alt=""></div><div class="mr-2"><a class="p_footer" href="https://e-payment.pi.ac.th" title="ระบบชำระเงินออนไลน์ (E-Payment)" target="_blank"> ระบบชำระเงินออนไลน์ (E-Payment) </a></div></div></li></ul></div><div class="col-12 col-md-6"><ul class="footer_ul"><li class="li_footer"><div class="d-flex"><div class="mr-2"><img src="assets/icon/li.svg" alt=""></div><div class="mr-2"><a class="p_footer" href="https://mrb.pi.ac.th" title="ระบบจองห้องประชุม" target="_self"> ระบบจองห้องประชุม </a></div></div></li></ul></div><div class="col-12 col-md-6"><ul class="footer_ul"><li class="li_footer"><div class="d-flex"><div class="mr-2"><img src="assets/icon/li.svg" alt=""></div><div class="mr-2"><a class="p_footer" href="http://dev.pi.ac.th/" title="ระบบจองรถ" target="_self"> ระบบจองรถ </a></div></div></li></ul></div><div class="col-12 col-md-6"><ul class="footer_ul"><li class="li_footer"><div class="d-flex"><div class="mr-2"><img src="assets/icon/li.svg" alt=""></div><div class="mr-2"><a class="p_footer" href="https://e-slip.pi.ac.th" title="ระบบสลิปเงินเดือน" target="_blank"> ระบบสลิปเงินเดือน </a></div></div></li></ul></div><div class="col-12 col-md-6"><ul class="footer_ul"><li class="li_footer"><div class="d-flex"><div class="mr-2"><img src="assets/icon/li.svg" alt=""></div><div class="mr-2"><a class="p_footer" href="https://law.pi.ac.th/news_view.php?n_id=906" title="ช่องทางแจ้งเรื่องร้องเรียนการทุจริตและประพฤติมิชอบ" target="_blank"> ช่องทางแจ้งเรื่องร้องเรียนการทุจริตและประพฤติมิชอบ </a></div></div></li></ul></div><div class="col-12 col-md-6"><ul class="footer_ul"><li class="li_footer"><div class="d-flex"><div class="mr-2"><img src="assets/icon/li.svg" alt=""></div><div class="mr-2"><a class="p_footer" href="https://engage.cloud.microsoft/main/org/pi.ac.th/groups/eyJfdHlwZSI6Ikdyb3VwIiwiaWQiOiIyMTkxNzI0MzgwMTYifQ" title="PBRI AI Task Force" target="_blank"> PBRI AI Task Force </a></div></div></li></ul></div>                    </div>
1205                    <div class="row">
1206                        <div class="col-12 mt-2 mb-2">
1207                            <a href="https://digital.pi.ac.th/e-service.php" target="_blank">
1208                                <img src="https://pi.ac.th/images/banner/banner_image_20260920133748.png" width="250px">
1209                            </a>
1210                        </div>
1211                    </div>
1212                </div>
1213            </div>
1214        </div>
1215    </div>
1216</footer>
1217<div class="container-fluid">
1218    <div class="container-fluid">
1219        <div class="row">
1220            <div class="col-xl-6 col-sm-6">
1221                <p class="m-2 reserved">สงวนลิขสิทธิ์ © สถาบันพระบรมราชชนก กระทรวงสาธารณสุข</p>
1222            </div>    
1223            <div class="col-xl-6 col-sm-6">
1224                <div class="d-flex">
1225                    <div class="m-2">
1226                        <a href="download/article/article_20240104155937.pdf" target="_blank" class="details_footer"  title="ข้อกำหนดและเงื่อนไข"> แนวปฏิบัติการคุ้มครองข้อมูลส่วนบุคคล </a>
1227                    </div>
1228                    <div  class="m-2">
1229                        <a href="download/article/article_20240104155917.pdf" target="_blank" class="details_footer" title="นโยบายความเป็นส่วนตัว"> แนวปฏิบัติการรักษาความมั่นคงปลอดภัยด้านสารสนเทศ </a> 
1230                    </div>
1231                </div>
1232            </div>
1233        </div>
1234    </div>
1235</div>
vendor: 116 bytes, lines 1235-1239
1235
1236
1237
1238
1239<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>

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.