pi.ac.th Review

TitletagDescriptiontaglanguage
สถาบันพระบรมราชชนก กระทรวงสาธารณสุข
Alexarank
N/A
Ip adress202.44.233.240Nameserversharon.ns.cloudflare.com
nikon.ns.cloudflare.com
Status code200
robots.txt -http://pi.ac.th/robots.txt
 

<!doctype html>
<html lang="en">
<head>
    <link rel="shortcut icon" href="assets/img/favicon.png" />
    <title> สถาบันพระบรมราชชนก กระทรวงสาธารณสุข </title>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="สถาบันพระบรมราชชนก กระทรวงสาธารณสุข">
    <meta name="keywords" content="สถาบันพระบรมราชชนก กระทรวงสาธารณสุข">
    <meta name="author" content="สถาบันพระบรมราชชนก กระทรวงสาธารณสุข">
    <!-- Bootstrap CSS  v4.6.1 -->
    <link rel="stylesheet" href="assets/css/bootstrap.css">
    <!-- Style CSS Template 3 -->
    <link rel="stylesheet" href="assets/css/style.css">
            <!-- Font Awesome Free 5.15.4 -->
    <link rel="stylesheet" href="assets/css/all.css">
    <!-- Font on Website -->
    <link rel="stylesheet" href="assets/css/prompt.css">
    <!-- fa fa icon -->
    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
    <!-- fullcalendar -->
    <link rel="stylesheet" href="assets/lib/jquery.fancybox.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="assets/fullcalendar/fullcalendar.css" />
    <link rel="stylesheet" href="assets/fullcalendar/fullcalendar.print.css" media="print" />
    <!-- datepicker -->
    <link href="assets/datepicker/css/datepicker.css" rel="stylesheet">
    <!-- timepicker -->
    <!-- <link href="https://cdn.jsdelivr.net/timepicker.js/latest/timepicker.min.css" rel="stylesheet" /> -->
    <!-- select2 -->
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
    <!-- jquery-confirm -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.css">
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/main.css">
    <!-- <script src="assets/js/jquery-3.6.4.min.js"></script> -->


    <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
    <link rel="stylesheet" href="assets/css/owl.theme.default.min.css">

    <!-- สำหรับหน้าวิจัย -->
    <link rel="stylesheet" href="assets/css/research.css">
    <link rel="stylesheet" href="assets/css/article.css">
        
    <link rel="icon" href="assets/icon/favicon.svg">
</head>

<style>
    .txt-short {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 400px;
    }

    .text-short {
        white-space: nowrap;
        overflow: hidden;
        box-sizing: border-box;
        text-overflow: ellipsis;
        width: 400px;
    }

    .text-short-more-rss {
        white-space: nowrap;
        overflow: hidden;
        box-sizing: border-box;
        text-overflow: ellipsis;
        width: 395px;
    }

    .text-short-more-news {
        white-space: nowrap;
        overflow: hidden;
        box-sizing: border-box;
        text-overflow: ellipsis;
    }

    .position-pic-list-manager {
        margin: 5px 0 0 5px;
        height: 65px;
        width: 70px;
        z-index: 1;
        left: 0px;
        top: -13px;
        position: absolute;
        align-items: center;
        justify-content: center;
        display: flex;
        font-size: xx-large;
        border-radius: 50%;
    }

    .text-manager {
        font-size: 15px;
    }

    .fix-captcha {
        color: #fff;
        text-align: center;
        padding: 5px 10px;
        border-radius: 15px 15px 0px 0px;
    }

    .card-img-top-fix {
        width: 100%;
        height: 15vw;
        object-fit: cover;
    }

    .border-t-calendar-b {
        border-bottom: 1px solid #000;
        min-height: 8rem;
    }

    .bx {
        font-family: boxicons !important;
        font-weight: 400;
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-rendering: auto;
        display: inline-block;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    span.elipsis {
        display: none;
    }

    ._jw-tpk-container {
        position: absolute;
        width: 250px;
        height: 180px;
        padding: 0;
        background: #fff;
        font-family: inherit;
        font-weight: 400;
        overflow: hidden;
        border-radius: 3px;
        box-sizing: border-box;
        max-width: 250px;
        margin-left: auto;
        margin-right: auto;
        line-height: 1rem;
        font-size: 1rem;
    }

    .jconfirm-closeIcon {
        display: none;
    }

    .pe-2 {
        padding-right: 0.5rem !important;
        margin-left: 0px;
    }
</style>

<body>
    <div id="Gototop"></div>
    <button onclick="topFunction()" id="myBtn" title="Go to top">
        <img src="assets/img/arrow_top.png" title="go to top" alt="go to top" class="">
    </button>

    <!-- The social media icon bar -->
<div class="icon-bar">
	</div>
    <!-- jquery -->
    <!-- <script src="assets/js/jquery-2.1.1.js" type="text/javascript"></script> -->
    <script src="assets/js/jquery.js"></script>
    <!-- Ck Ediror -->
    <!-- <script src="//cdn.ckeditor.com/4.18.0/basic/ckeditor.js"></script> -->
    <!-- <script src="//cdn.ckeditor.com/4.18.0/standard/ckeditor.js"></script> -->
    <!-- <script src="//cdn.ckeditor.com/4.18.0/full/ckeditor.js"></script> -->
    <script src='http://pi.ac.th/pi_web/ewtadmin/js/ckeditor/ckeditor.js'></script>
    <!-- fullcalendar -->
    <script src='assets/lib/moment.min.js'></script>
    <script src='assets/fullcalendar/fullcalendar.min.js'></script>
    <script src='assets/lib/lang/th.js'></script>
    <script src="assets/lib/jquery.fancybox.pack.js"></script>
  

    <script src="https://www.gstatic.com/dialogflow-console/fast/messenger/bootstrap.js?v=1"></script>
    <df-messenger
        chat-title="สถาบันพระบรมราชชนก"
        chat-icon="https://uat-webpi.pi.ac.th/images/icon_chat.png"
        agent-id="d43b7883-97ef-4034-aeaf-fdba11377003"
        language-code="en"
    ></df-messenger>

    <!-- timepicker -->
    <!-- <script src="https://cdn.jsdelivr.net/timepicker.js/latest/timepicker.min.js"></script> -->
    <!-- select2 -->
    <!-- <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script> -->
    <!-- jquery-confirm -->
    <!-- <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.js"></script> -->
    <style>
     html, body {
          max-width: 100%;
          overflow-x: hidden;
     }
</style>
<div class="header" style="padding:2!important;">
     <div class="container-fluid d-flex justify-content-end" style="font-size:10px!important;">
          <!-- <div class="box_personnel">
               <a href="#" class="text_header" title="บุคคลากร">
                    บุคคลากร
               </a>
          </div>
          <div class="Segment">
               <a href="#" class="text_header" title="ส่วนงาน">
                    ส่วนงาน
               </a>
          </div>
          <div class="box_lib">
               <a href="#" class="text_header" title="หอสมุดและคลังความรู้">
                    หอสมุดและคลังความรู้
               </a>
          </div>
          <div class="box_comment">
               <a href="#" class="text_header" title="แนะนำและติชม">
                    แนะนำและติชม
               </a>
          </div> -->
                    <div class="font_size">  
               <div class="d-flex">
                     <div class="ml-1">
                         <a class="text_header" id="large" value="large" href="#"> + </a>    
                    </div>
                    <div class="ml-1">
                         <a class="text_header" id="normal" value="normal" href="#"> ก </a>    
                    </div>
                    <div class="ml-1">
                          <a class="text_header" id="small" value="small"  href="#"> -  </a>    
                    </div>
               </div>
          </div>
          <div class="change_color ml-3">
               <div class="d-flex">
                     <div class="ml-1">
                         <spen type="button" class="text_header" id="normally_bg"  onclick="normally_bg();" > A </spen>    
                    </div>
                    <div class="ml-1">
                         <spen type="button" class="text_header" id="black_bg" onclick="black_bg();"> A </spen>    
                    </div>
                    <div class="ml-1">
                          <spen type="button" class="text_header" id="yellow_bg" onclick="yellow_bg();" > A </spen>    
                    </div>
               </div>
          </div>
          <div class="box_header_icon_en ml-3">
               <a href="https://eng.pi.ac.th/" class="btn btn-outline-primary text-white btn-sm" style="font-size:10px!important;">
                    ENG
               </a>
          </div>
          <div class="box_header_icon_en ml-3">
               <a href="search.php" class="" title="ค้นหาข้อมูล" style="font-size:10px!important;">
                    <img src="assets/icon/icon_search.svg"  class="img-fluid icon_header"  alt="">
               </a> 
          </div>
     </div>
     <div class="container-fluid d-flex justify-content-end">
         
          
          
     </div>
</div><style>
    .cookie_position {
        background-color: #eee;
        background-size: cover;
        position: fixed;
        bottom: 0px;
        left: 0px;
        width: 100%;
        padding: 10px;
        z-index: 100;
        color: #545454;
    }

    .cookie_position a:hover {
        color: #5DADE2;
    }
    @media (min-width: 320px){
        .cookie-size{
            font-size: 10px;
            text-align: center;
        }
    }
    @media (min-width: 768px){
        .cookie-size{
            font-size: 15px;
            text-align: center;
        }
    }
    @media (min-width: 1024px){
        .cookie-size{
            font-size: 15px;
            text-align: right;
        }
    }
    @media (min-width: 1440px){
        .cookie-size{
            font-size: 17px;
        }
        .cookie-container{
            width: 90%;
            margin-left: 150px;
        }
    }
</style>
    <div class="cookie_position" id="display" style="z-index: 10000;">
        <div class="cookie-container">
            <div class="row">
                <!--<div class="col-lg-1 col-md-1 col-sm-0 col-0"></div>-->
                <div class="col-lg-10 col-md-10 col-sm-12 col-12 font-15px  cookie-size">
                    เว็บไซต์นี้ใช้งานคุกกี้ ในการใช้งานสามารถใช้งานเว็บไซต์อย่างต่อเนื่องและมีประสิทธิภาพ
                    เว็บไซต์นี้จะมีเก็บค่าคุกกี้ เพื่อให้การใช้งานเว็บไซต์ของท่านเป็นไปอย่างราบรื่นและเป็นส่วนตัวมากขึ้น
                    จึงขอให้ท่านรับรองว่าท่านได้อ่านและทำความเข้าใจนโยบายการใช้งานคุกกี้ 
                    <a href="download/article/article_20240104155917.pdf" target="_blank" rel="noopener noreferer" style="text-decoration: underline;">
                    แนวปฏิบัติการรักษาความมั่นคงปลอดภัยด้านสารสนเทศ สถาบันพระบรมราชชนก
                    </a>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-12 col-12 mt-2 text-center">
                    <button type="button" class="btn btn-primary mb-1" onclick="accept_cookie();"> ตกลง </button>
                    <button type="button" class="btn btn-danger mb-1" onclick="reject_cookie();"> ปฏิเสธ </button>
                </div>
                <!--<div class="col-lg-1 col-md-1 col-sm-0 col-0"></div>-->
            </div>

        </div>
    </div>

    <script>
        function accept_cookie() {
            $("#display").prop("hidden", true);

            $.ajax({
                url: "process/cookie_process.php",
                method: "post",
                data: {
                    flag: "accept_cookie"
                },
                success: function(data) {
                    // alert(data);
                    location.reload();
                }
            });
        }

        function reject_cookie() {
            $("#display").prop("hidden", true);

            $.ajax({
                url: "process/cookie_process.php",
                method: "post",
                data: {
                    flag: "reject_cookie"
                },
                success: function(data) {
                    // alert(data);
                    location.reload();
                }
            });
        }
    </script>

<div class="container-fluid p-0">
     <div class="row">
          <div class="col-12">
               <nav class="navbar navbar-expand-lg navbar-light" >
                    <a class="navbar-brand" href="index.php">
                    <img src="images/site_logo_20250114145016.png" title="images/site_logo_20250114145016.png" alt="images/site_logo_20250114145016.png" class="max-width-logo">
                         <!-- <img src="assets/icon/logo.svg"  class="logo" alt=""> -->
                    </a>
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                         <span class="navbar-toggler-icon"></span>
                    </button>
                    <div class="collapse navbar-collapse" id="navbarSupportedContent">
                         <ul class="navbar-nav ml-auto txt-color-menu" data-toggle="collapse" href="#multiCollapseExample1"
					role="button" aria-expanded="false" aria-controls="multiCollapseExample1"> 
                    <li class="nav-item">
                        <a href="https://ita.pi.ac.th"><img src="https://pi.ac.th/assets/images/ITALogo1.webp" width="70px;"></a>
                    </li><li class="nav-item dropdown font-nav-item"><a class="nav-link" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown"
                    aria-haspopup="true" aria-expanded="false" 
                    title="เกี่ยวกับ สบช." 
                    target="_self"
					style="text-align: left;
					font-weight: ;
					font-style: ;
					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"
                    title="ประวัติความเป็นมา"
                    target="_self" 
                    style="text-align: left;
					font-weight: ;
					font-style: ;
					text-decoration: ;">ประวัติความเป็นมา</a></li><li><a class="dropdown-item" href="https://pi.ac.th/news_view.php?n_id=448"
                    title="ค่านิยมหลัก"
                    target="_self" 
                    style="text-align: left;
					font-weight: ;
					font-style: ;
					text-decoration: ;">ค่านิยมหลัก</a></li><li><a class="dropdown-item" href="https://pi.ac.th/news_view.php?n_id=449"
                    title="อัตลักษณ์"
                    target="_self" 
                    style="text-align: left;
					font-weight: ;
					font-style: ;
					text-decoration: ;">อัตลักษณ์</a></li><li><a class="dropdown-item" href="https://www.pi.ac.th/news_view.php?n_id=830"
                    title="ทำเนียบผู้บริหาร"
                    target="_self" 
                    style="text-align: left;
					font-weight: ;
					font-style: ;
					text-decoration: ;">ทำเนียบผู้บริหาร</a></li><li><a class="dropdown-item" href="https://pi.ac.th/news_view.php?n_id=443&lang=TH"
                    title="แผนผังโครงสร้างการบริหาร"
                    target="_self" 
                    style="text-align: left;
					font-weight: ;
					font-style: ;
					text-decoration: ;">แผนผังโครงสร้างการบริหาร</a></li><li><a class="dropdown-item" href="news_view.php?n_id=763"
                    title="แผนผังโครงสร้างหน่วยงาน"
                    target="_self" 
                    style="text-align: left;
					font-weight: ;
					font-style: ;
					text-decoration: ;">แผนผังโครงสร้างหน่วยงาน</a></li><li><a class="dropdown-item" href="news_view.php?n_id=810"
                    title="ตราอัตลักษณ์"
                    target="_self" 
                    style="text-align: left;
					font-weight: ;
					font-style: ;
					text-decoration: ;">ตราอัตลักษณ์</a></li></ul></li><li class="nav-item  font-nav-item"><a class="nav-link" href="https://pi.ac.th/news_view.php?n_id=763" 
                    title="โครงสร้างหน่วยงาน" 
                    target="_self"
					style="text-align: left;
					font-weight: ;
					font-style: ;
					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" 
                    title="ติดต่อเรา" 
                    target="_self"
					style="text-align: left;
					font-weight: ;
					font-style: ;
					text-decoration: ;">ติดต่อเรา<span class="sr-only">(current)</span></a></li>                    </div>
               </nav>
          </div>
     </div>
</div>

 <div id="banner" class="carousel slide  mb-3" data-ride="carousel">
             <ol class="carousel-indicators">
                           <li data-target="#banner" data-slide-to="0" class="active"></li>
               <!-- <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li> -->
                           <li data-target="#banner" data-slide-to="1" class=""></li>
               <!-- <li data-target="#carouselExampleIndicators" data-slide-to="1" class=""></li> -->
                           <li data-target="#banner" data-slide-to="2" class=""></li>
               <!-- <li data-target="#carouselExampleIndicators" data-slide-to="2" class=""></li> -->
                           <li data-target="#banner" data-slide-to="3" class=""></li>
               <!-- <li data-target="#carouselExampleIndicators" data-slide-to="3" class=""></li> -->
                           <li data-target="#banner" data-slide-to="4" class=""></li>
               <!-- <li data-target="#carouselExampleIndicators" data-slide-to="4" class=""></li> -->
                           <li data-target="#banner" data-slide-to="5" class=""></li>
               <!-- <li data-target="#carouselExampleIndicators" data-slide-to="5" class=""></li> -->
                    </ol>
      <div class="carousel-inner">
           <div class="box_banner_slides  carousel-item active" title="-">
                         <a href="https://conference.pi.ac.th/" target="_self">
                        <img src="images/banner/banner_image_20250707063253.png" style="width:100%;" alt="-">
               </a>
                    <!--
          <div class="container-fluid box_banner active">
               <div class="row">
                    <div class="col-xl-12">
                         <h1 class="text_banner">
                              -                         </h1>
                    </div>
               </div>
               <div class="row">
                    <div class="col-xl-12">
                         <div class="bg_line"> </div>
                    </div>     
               </div>
               <div class="row">
                    <div class="col-xl-12">
                         <div class="d-flex box_more_vdo">
                              <div class="mr-2">
                                   <img src="assets/icon/vdo.svg" class="but_more_vdo" alt="">
                              </div>
                              <div>
                                   <h1 class="view_vdo">
                                        ชมวีดีโอเต็ม
                                   </h1>
                              </div>
                         </div>
                    </div>
               </div>
          </div>
          -->
    </div>
             <div class="box_banner_slides  carousel-item " title="พระราชบัญญัติข้อมูลข่าวสารของราชการ พ.ศ. ๒๕๔๐">
                         <a href="https://piacth-my.sharepoint.com/:b:/g/personal/nattakan_pi_ac_th/EQolo41puxdPm2VPkIm922oBZwo4-7ka6yW30F9nMMZ_rg?e=ASXoN9" target="_blank">
                        <img src="images/banner/banner_image_20250430100904.png" style="width:100%;" alt="พระราชบัญญัติข้อมูลข่าวสารของราชการ พ.ศ. ๒๕๔๐">
               </a>
                    <!--
          <div class="container-fluid box_banner active">
               <div class="row">
                    <div class="col-xl-12">
                         <h1 class="text_banner">
                              พระราชบัญญัติข้อมูลข่าวสารของราชการ พ.ศ. ๒๕๔๐                         </h1>
                    </div>
               </div>
               <div class="row">
                    <div class="col-xl-12">
                         <div class="bg_line"> </div>
                    </div>     
               </div>
               <div class="row">
                    <div class="col-xl-12">
                         <div class="d-flex box_more_vdo">
                              <div class="mr-2">
                                   <img src="assets/icon/vdo.svg" class="but_more_vdo" alt="">
                              </div>
                              <div>
                                   <h1 class="view_vdo">
                                        ชมวีดีโอเต็ม
                                   </h1>
                              </div>
                         </div>
                    </div>
               </div>
          </div>
          -->
    </div>
             <div class="box_banner_slides  carousel-item " title="บัญฑิตคืนถิ่น">
                         <a href="#" target="_blank">
                        <img src="images/banner/banner_image_20250425113309.png" style="width:100%;" alt="บัญฑิตคืนถิ่น">
               </a>
                    <!--
          <div class="container-fluid box_banner active">
               <div class="row">
                    <div class="col-xl-12">
                         <h1 class="text_banner">
                              บัญฑิตคืนถิ่น                         </h1>
                    </div>
               </div>
               <div class="row">
                    <div class="col-xl-12">
                         <div class="bg_line"> </div>
                    </div>     
               </div>
               <div class="row">
                    <div class="col-xl-12">
                         <div class="d-flex box_more_vdo">
                              <div class="mr-2">
                                   <img src="assets/icon/vdo.svg" class="but_more_vdo" alt="">
                              </div>
                              <div>
                                   <h1 class="view_vdo">
                                        ชมวีดีโอเต็ม
                                   </h1>
                              </div>
                         </div>
                    </div>
               </div>
          </div>
          -->
    </div>
             <div class="box_banner_slides  carousel-item " title="ประกาศคณะกรรมการสรรหาอธิการบดี">
                         <a href="https://pi.ac.th/news_view.php?n_id=751&lang=TH" target="_self">
                        <img src="images/banner/banner_image_20250130145823.png" style="width:100%;" alt="ประกาศคณะกรรมการสรรหาอธิการบดี">
               </a>
                    <!--
          <div class="container-fluid box_banner active">
               <div class="row">
                    <div class="col-xl-12">
                         <h1 class="text_banner">
                              ประกาศคณะกรรมการสรรหาอธิการบดี                         </h1>
                    </div>
               </div>
               <div class="row">
                    <div class="col-xl-12">
                         <div class="bg_line"> </div>
                    </div>     
               </div>
               <div class="row">
                    <div class="col-xl-12">
                         <div class="d-flex box_more_vdo">
                              <div class="mr-2">
                                   <img src="assets/icon/vdo.svg" class="but_more_vdo" alt="">
                              </div>
                              <div>
                                   <h1 class="view_vdo">
                                        ชมวีดีโอเต็ม
                                   </h1>
                              </div>
                         </div>
                    </div>
               </div>
          </div>
          -->
    </div>
             <div class="box_banner_slides  carousel-item " title="intranet">
                         <a href="https://piacth.sharepoint.com/SitePages/How%20To%20Use%20This%20Library.aspx" target="_blank">
                        <img src="images/banner/banner_image_20250201144013.png" style="width:100%;" alt="intranet">
               </a>
                    <!--
          <div class="container-fluid box_banner active">
               <div class="row">
                    <div class="col-xl-12">
                         <h1 class="text_banner">
                              intranet                         </h1>
                    </div>
               </div>
               <div class="row">
                    <div class="col-xl-12">
                         <div class="bg_line"> </div>
                    </div>     
               </div>
               <div class="row">
                    <div class="col-xl-12">
                         <div class="d-flex box_more_vdo">
                              <div class="mr-2">
                                   <img src="assets/icon/vdo.svg" class="but_more_vdo" alt="">
                              </div>
                              <div>
                                   <h1 class="view_vdo">
                                        ชมวีดีโอเต็ม
                                   </h1>
                              </div>
                         </div>
                    </div>
               </div>
          </div>
          -->
    </div>
             <div class="box_banner_slides  carousel-item " title="ITA">
                         <a href="https://ita.pi.ac.th/" target="_blank">
                        <img src="images/banner/banner_image_20250203101705.png" style="width:100%;" alt="ITA">
               </a>
                    <!--
          <div class="container-fluid box_banner active">
               <div class="row">
                    <div class="col-xl-12">
                         <h1 class="text_banner">
                              ITA                         </h1>
                    </div>
               </div>
               <div class="row">
                    <div class="col-xl-12">
                         <div class="bg_line"> </div>
                    </div>     
               </div>
               <div class="row">
                    <div class="col-xl-12">
                         <div class="d-flex box_more_vdo">
                              <div class="mr-2">
                                   <img src="assets/icon/vdo.svg" class="but_more_vdo" alt="">
                              </div>
                              <div>
                                   <h1 class="view_vdo">
                                        ชมวีดีโอเต็ม
                                   </h1>
                              </div>
                         </div>
                    </div>
               </div>
          </div>
          -->
    </div>
            <!-- <div class="box_banner_slides carousel-item" title="สถาบันพระบรมราชชนกให้มากกว่าโอกาสทางการศึกษา">
          <video width="100%"  autoplay loop muted>
               <source src="assets/vdo/pi_1.mp4" type="video/mp4">
          </video>
          <div class="container box_banner">
               <div class="row">
                    <div class="col-xl-12">
                         <h1 class="text_banner">
                              สถาบันพระบรมราชชนก <br> ให้มากกว่าโอกาสทางการศึกษา
                         </h1>
                    </div>
               </div>
               <div class="row">
                    <div class="col-xl-12">
                         <div class="bg_line"> </div>
                    </div>     
               </div>
               <div class="row">
                    <div class="col-xl-12">
                         <div class="d-flex box_more_vdo">
                              <div class="mr-2">
                                   <img src="assets/icon/vdo.svg" class="but_more_vdo" alt="">
                              </div>
                              <div>
                                   <h1 class="view_vdo">
                                        ชมวีดีโอเต็ม
                                   </h1>
                              </div>
                         </div>
                    </div>
               </div>
          </div>
    </div>
    <div class="box_banner_slides carousel-item" title="สถาบันพระบรมราชชนกให้มากกว่าโอกาสทางการศึกษา">
          <video width="100%"  autoplay loop muted>
               <source src="assets/vdo/pi_1.mp4" type="video/mp4">
          </video>
          <div class="container box_banner">
               <div class="row">
                    <div class="col-xl-12">
                         <h1 class="text_banner">
                              สถาบันพระบรมราชชนก <br> ให้มากกว่าโอกาสทางการศึกษา
                         </h1>
                    </div>
               </div>
               <div class="row">
                    <div class="col-xl-12">
                         <div class="bg_line"> </div>
                    </div>     
               </div>
               <div class="row">
                    <div class="col-xl-12">
                         <div class="d-flex box_more_vdo">
                              <div class="mr-2">
                                   <img src="assets/icon/vdo.svg" class="but_more_vdo" alt="">
                              </div>
                              <div>
                                   <h1 class="view_vdo">
                                        ชมวีดีโอเต็ม
                                   </h1>
                              </div>
                         </div>
                    </div>
               </div>
          </div>
    </div> -->
  </div> 

       <!-- <div class="social">
          <div class="d-flex justify-content-end">
               <div>
                    <div class="row">
                         <div class="col-xl-12 text-center">
                              <img src="assets/icon/facebook.svg" class="logo_facebook"  alt="">
                         </div>
                    </div>
               </div>
          </div>
          <div class="d-flex justify-content-end">
               <div class="box_news">
                    <div class="row">
                         <div class="col-xl-12 text-center">
                              <img src="assets/icon/warn.svg" class="icon_warn" alt="">
                         </div>
                    </div>
                    <div class="row">
                         <div class="col-xl-12">
                              <p class="text_warn text-center">
                                   แจ้งเตือน
                              </p> 
                         </div>
                    </div>
               </div>
          </div>    
     </div> -->
</div>
<div class="container-fluid mt-3">
     <div class="row">
          <div class="col-xl-12 col-md-12">
               <div class="row">
                    <div class="col-xl-12">
                         <div class="row">
                              <div class="col-xl-10 col-9">
                                   <div class="row">
                                        <div class="col-xl-12 col-xl-10">
                                             <h4 class="text_new_section"> ข่าวสารและประชาสัมพันธ์</h4>
                                             <div class="line_new"></div>
                                        </div>
                                   </div>
                              </div>
                         </div>
                    </div>
               </div>

               <div class="row">
                    <div class="col-xl-12">
                         <ul class="nav nav-pills mb-1" id="pills-tab" role="tablist">
                                                                 <li class="nav-item" role="presentation">
                                        <div class="nav_tag  active" id="pills-home-tab" value="281" data-toggle="pill" data-target="#tag_281" role="tab" aria-controls="pills-home" aria-selected="true">
                                             <div class="box_tag_new d-flex">
                                                  <div class="mr-2">
                                                       <img src="assets/icon/new_281.png" class="icon_tag" alt="">
                                                  </div>
                                                  <div class="mr-2">
                                                       <p class="tag_text_new" title="ข่าวประชาสัมพันธ์">ข่าวประชาสัมพันธ์ สบช.</p>
                                                  </div>
                                             </div>
                                        </div>
                                   </li>
                                                                 <li class="nav-item" role="presentation">
                                        <div class="nav_tag  " id="pills-home-tab" value="1" data-toggle="pill" data-target="#tag_1" role="tab" aria-controls="pills-home" aria-selected="true">
                                             <div class="box_tag_new d-flex">
                                                  <div class="mr-2">
                                                       <img src="assets/icon/new_1.png" class="icon_tag" alt="">
                                                  </div>
                                                  <div class="mr-2">
                                                       <p class="tag_text_new" title="ข่าวประชาสัมพันธ์">ข่าวการศึกษา สบช.</p>
                                                  </div>
                                             </div>
                                        </div>
                                   </li>
                                                                 <li class="nav-item" role="presentation">
                                        <div class="nav_tag  " id="pills-home-tab" value="4" data-toggle="pill" data-target="#tag_4" role="tab" aria-controls="pills-home" aria-selected="true">
                                             <div class="box_tag_new d-flex">
                                                  <div class="mr-2">
                                                       <img src="assets/icon/new_4.png" class="icon_tag" alt="">
                                                  </div>
                                                  <div class="mr-2">
                                                       <p class="tag_text_new" title="ข่าวประชาสัมพันธ์">ข่าวประกาศ สบช.</p>
                                                  </div>
                                             </div>
                                        </div>
                                   </li>
                                                       </ul>
                    </div>
               </div>
               <div class="row">
                    <div class="col-xl-12">
                         <div class="tab-content" id="pills-tabContent">
                                                                 <div class="tab-pane fade show active" id="tag_281" role="tabpanel" aria-labelledby="pills-home-tab">
                                        <div class="row mt-2" style="padding-left: 15px; padding-right: 15px;">
                                                                                                                                                 <div class="col-xl-3 col-12 col-sm-3 mb-5" style="padding: 10px;">
                                                       <a onclick="newsCount(281,886,'news_tab_index');" href="news_view.php?n_id=886 " target="_self" title="&lt;p&gt;Registration Form for HPs-KITT Course 2025&lt;/p&gt;
" class="txt-gray-dark2 font17px">
                                                            <div class="row">
                                                                 <div class="col-12">
                                                                                                                                                 <div class="icon__block">
                                                                                <img src="images/article/news886/n20250707_886.jpg" class="border-ra-4px" alt="n20250707_886.jpg" title="n20250707_886.jpg" style="width:100%; height:210px; object-fit: cover;">
                                                                           </div>
                                                                                                                                            <!-- <img src="assets/image/cover_new_1.png" class="img-fluid" alt=""> -->
                                                                 </div>
                                                            </div>
                                                            <div class="row">
                                                                 <div class="col-12">
                                                                      <a onclick="newsCount(281,886,'news_tab_index');" href="news_view.php?n_id=886 " target="_self" title="&lt;p&gt;Registration Form for HPs-KITT Course 2025&lt;/p&gt;
" class="txt-gray-dark2 font17px">
                                                                           <p class="tag_text_new mt-3 ">Registration Form for HPs-KITT Course 2025
</p>
                                                                      </a>
                                                                 </div>
                                                            </div>
                                                       </a>
                                                       <div class="row">
                                                            <div class="col-12">
                                                                 <a onclick="newsCount(281,886,'news_tab_index');" href="news_view.php?n_id=886 " target="_self" title="" class="txt-gray-dark2 font17px">
                                                                      <p class="tag_text_new_detial ">...</p>
                                                                 </a>
                                                            </div>
                                                       </div>
                                                       <div class="row position_more">
                                                            <div class="col-xl-12">
                                                                 <a href="">
                                                                      <h4 class="text_new_more">
                                                                           <a onclick="newsCount(281,886,'news_tab_index');" href="news_view.php?n_id=886 " target="_self" title="&lt;p&gt;Registration Form for HPs-KITT Course 2025&lt;/p&gt;
" class="txt-gray-dark2">
                                                                                <u>รายละเอียด</u>
                                                                           </a>
                                                                      </h4>
                                                                 </a>
                                                            </div>
                                                       </div>

                                                  </div>
                                                                                                                                                 <div class="col-xl-3 col-12 col-sm-3 mb-5" style="padding: 10px;">
                                                       <a onclick="newsCount(281,885,'news_tab_index');" href="news_view.php?n_id=885 " target="_blank" title="&lt;p&gt;&lt;span style=&quot;color:#000000;&quot;&gt;ประกาศ เรื่อง&amp;nbsp;รับสมัครบุคคลเข้ารับราชการโดยวิธีการคัดเลือก&amp;nbsp;ในตำแหน่งอาจารย์&amp;nbsp;&amp;nbsp;โครงการจัดตั้งคณะเภสัชศาสตร์ ครั้งที่ 1&amp;nbsp;ประจำปี พ.ศ. 2568&lt;/span&gt;&lt;/p&gt;
" class="txt-gray-dark2 font17px">
                                                            <div class="row">
                                                                 <div class="col-12">
                                                                                                                                                 <div class="icon__block">
                                                                                <img src="images/article/news885/n20250703_885.png" class="border-ra-4px" alt="n20250703_885.png" title="n20250703_885.png" style="width:100%; height:210px; object-fit: cover;">
                                                                           </div>
                                                                                                                                            <!-- <img src="assets/image/cover_new_1.png" class="img-fluid" alt=""> -->
                                                                 </div>
                                                            </div>
                                                            <div class="row">
                                                                 <div class="col-12">
                                                                      <a onclick="newsCount(281,885,'news_tab_index');" href="news_view.php?n_id=885 " target="_blank" title="&lt;p&gt;&lt;span style=&quot;color:#000000;&quot;&gt;ประกาศ เรื่อง&amp;nbsp;รับสมัครบุคคลเข้ารับราชการโดยวิธีการคัดเลือก&amp;nbsp;ในตำแหน่งอาจารย์&amp;nbsp;&amp;nbsp;โครงการจัดตั้งคณะเภสัชศาสตร์ ครั้งที่ 1&amp;nbsp;ประจำปี พ.ศ. 2568&lt;/span&gt;&lt;/p&gt;
" class="txt-gray-dark2 font17px">
                                                                           <p class="tag_text_new mt-3 ">ประกาศ เรื่อง&nbsp;รับสมัครบุคคลเข้ารับราชการโดยวิธีการคัดเล</p>
                                                                      </a>
                                                                 </div>
                                                            </div>
                                                       </a>
                                                       <div class="row">
                                                            <div class="col-12">
                                                                 <a onclick="newsCount(281,885,'news_tab_index');" href="news_view.php?n_id=885 " target="_blank" title="&lt;p&gt;&lt;span style=&quot;color:#000000;&quot;&gt;ประกาศ เรื่อง&amp;nbsp;รับสมัครบุคคลเข้ารับราชการโดยวิธีการคัดเลือก&amp;nbsp;ในตำแหน่งอาจารย์&amp;nbsp;&amp;nbsp;โครงการจัดตั้งคณะเภสัชศาสตร์ ครั้งที่ 1&amp;nbsp;ประจำปี พ.ศ. 2568&lt;/span&gt;&lt;/p&gt;
" class="txt-gray-dark2 font17px">
                                                                      <p class="tag_text_new_detial ">ประกาศ เรื่อง&nbsp;รับสมัครบุคคลเข้ารับราชการโดยวิธีการคัดเลือก&nbsp;ใ...</p>
                                                                 </a>
                                                            </div>
                                                       </div>
                                                       <div class="row position_more">
                                                            <div class="col-xl-12">
                                                                 <a href="">
                                                                      <h4 class="text_new_more">
                                                                           <a onclick="newsCount(281,885,'news_tab_index');" href="news_view.php?n_id=885 " target="_blank" title="&lt;p&gt;&lt;span style=&quot;color:#000000;&quot;&gt;ประกาศ เรื่อง&amp;nbsp;รับสมัครบุคคลเข้ารับราชการโดยวิธีการคัดเลือก&amp;nbsp;ในตำแหน่งอาจารย์&amp;nbsp;&amp;nbsp;โครงการจัดตั้งคณะเภสัชศาสตร์ ครั้งที่ 1&amp;nbsp;ประจำปี พ.ศ. 2568&lt;/span&gt;&lt;/p&gt;
" class="txt-gray-dark2">
                                                                                <u>รายละเอียด</u>
                                                                           </a>
                                                                      </h4>
                                                                 </a>
                                                            </div>
                                                       </div>

                                                  </div>
                                                                                                                                                 <div class="col-xl-3 col-12 col-sm-3 mb-5" style="padding: 10px;">
                                                       <a onclick="newsCount(281,879,'news_tab_index');" href="download/article/article_20250702160009.pdf" target="_blank" title="&lt;p&gt;ประกาศคณะกรรมการสรรหานายกสภาสถาบันพระบรมราชชนก พ.ศ. 2568 เรื่อง หลักเกณฑ์ วิธีการ และขั้นตอนการดำเนินการสรรหาผู้สมควรดำรงตำแหน่งนายกสภาสถาบัน พ.ศ. 2568&lt;/p&gt;
" class="txt-gray-dark2 font17px">
                                                            <div class="row">
                                                                 <div class="col-12">
                                                                                                                                                 <div class="icon__block">
                                                                                <img src="images/article/news879/n20250702_879.png" class="border-ra-4px" alt="n20250702_879.png" title="n20250702_879.png" style="width:100%; height:210px; object-fit: cover;">
                                                                           </div>
                                                                                                                                            <!-- <img src="assets/image/cover_new_1.png" class="img-fluid" alt=""> -->
                                                                 </div>
                                                            </div>
                                                            <div class="row">
                                                                 <div class="col-12">
                                                                      <a onclick="newsCount(281,879,'news_tab_index');" href="download/article/article_20250702160009.pdf" target="_blank" title="&lt;p&gt;ประกาศคณะกรรมการสรรหานายกสภาสถาบันพระบรมราชชนก พ.ศ. 2568 เรื่อง หลักเกณฑ์ วิธีการ และขั้นตอนการดำเนินการสรรหาผู้สมควรดำรงตำแหน่งนายกสภาสถาบัน พ.ศ. 2568&lt;/p&gt;
" class="txt-gray-dark2 font17px">
                                                                           <p class="tag_text_new mt-3 ">ประกาศคณะกรรมการสรรหานายกสภาสถาบันพระบรมราชชนก พ.ศ. 2568 เรื</p>
                                                                      </a>
                                                                 </div>
                                                            </div>
                                                       </a>
                                                       <div class="row">
                                                            <div class="col-12">
                                                                 <a onclick="newsCount(281,879,'news_tab_index');" href="download/article/article_20250702160009.pdf" target="_blank" title="" class="txt-gray-dark2 font17px">
                                                                      <p class="tag_text_new_detial ">...</p>
                                                                 </a>
                                                            </div>
                                                       </div>
                                                       <div class="row position_more">
                                                            <div class="col-xl-12">
                                                                 <a href="">
                                                                      <h4 class="text_new_more">
                                                                           <a onclick="newsCount(281,879,'news_tab_index');" href="download/article/article_20250702160009.pdf" target="_blank" title="&lt;p&gt;ประกาศคณะกรรมการสรรหานายกสภาสถาบันพระบรมราชชนก พ.ศ. 2568 เรื่อง หลักเกณฑ์ วิธีการ และขั้นตอนการดำเนินการสรรหาผู้สมควรดำรงตำแหน่งนายกสภาสถาบัน พ.ศ. 2568&lt;/p&gt;
" class="txt-gray-dark2">
                                                                                <u>รายละเอียด</u>
                                                                           </a>
                                                                      </h4>
                                                                 </a>
                                                            </div>
                                                       </div>

                                                  </div>
                                                                                                                                                 <div class="col-xl-3 col-12 col-sm-3 mb-5" style="padding: 10px;">
                                                       <a onclick="newsCount(281,880,'news_tab_index');" href="download/article/article_20250702153830.pdf" target="_blank" title="&lt;p&gt;ประกาศคณะกรรมการสรรหากรรมการสภาสถาบันผู้ทรงคุณวุฒิ พ.ศ. 2568 เรื่อง หลักเกณฑ์ วิธีการ และขั้นตอนการดำเนินการสรรหาผู้สมควรดำรงตำแหน่งกรรมการสภาสถาบันผู้ทรงคุณวุฒิ พ.ศ. 2568&lt;/p&gt;
" class="txt-gray-dark2 font17px">
                                                            <div class="row">
                                                                 <div class="col-12">
                                                                                                                                                 <div class="icon__block">
                                                                                <img src="images/article/news880/n20250702_880.png" class="border-ra-4px" alt="n20250702_880.png" title="n20250702_880.png" style="width:100%; height:210px; object-fit: cover;">
                                                                           </div>
                                                                                                                                            <!-- <img src="assets/image/cover_new_1.png" class="img-fluid" alt=""> -->
                                                                 </div>
                                                            </div>
                                                            <div class="row">
                                                                 <div class="col-12">
                                                                      <a onclick="newsCount(281,880,'news_tab_index');" href="download/article/article_20250702153830.pdf" target="_blank" title="&lt;p&gt;ประกาศคณะกรรมการสรรหากรรมการสภาสถาบันผู้ทรงคุณวุฒิ พ.ศ. 2568 เรื่อง หลักเกณฑ์ วิธีการ และขั้นตอนการดำเนินการสรรหาผู้สมควรดำรงตำแหน่งกรรมการสภาสถาบันผู้ทรงคุณวุฒิ พ.ศ. 2568&lt;/p&gt;
" class="txt-gray-dark2 font17px">
                                                                           <p class="tag_text_new mt-3 ">ประกาศคณะกรรมการสรรหากรรมการสภาสถาบันผู้ทรงคุณวุฒิ พ.ศ. 2568</p>
                                                                      </a>
                                                                 </div>
                                                            </div>
                                                       </a>
                                                       <div class="row">
                                                            <div class="col-12">
                                                                 <a onclick="newsCount(281,880,'news_tab_index');" href="download/article/article_20250702153830.pdf" target="_blank" title="" class="txt-gray-dark2 font17px">
                                                                      <p class="tag_text_new_detial ">...</p>
                                                                 </a>
                                                            </div>
                                                       </div>
                                                       <div class="row position_more">
                                                            <div class="col-xl-12">
                                                                 <a href="">
                                                                      <h4 class="text_new_more">
                                                                           <a onclick="newsCount(281,880,'news_tab_index');" href="download/article/article_20250702153830.pdf" target="_blank" title="&lt;p&gt;ประกาศคณะกรรมการสรรหากรรมการสภาสถาบันผู้ทรงคุณวุฒิ พ.ศ. 2568 เรื่อง หลักเกณฑ์ วิธีการ และขั้นตอนการดำเนินการสรรหาผู้สมควรดำรงตำแหน่งกรรมการสภาสถาบันผู้ทรงคุณวุฒิ พ.ศ. 2568&lt;/p&gt;
" class="txt-gray-dark2">
                                                                                <u>รายละเอียด</u>
                                                                           </a>
                                                                      </h4>
                                                                 </a>
                                                            </div>
                                                       </div>

                                                  </div>
                                                                                          <div class="col-12">
                                                  <div class="row">
                                                       <div class="col-xl-12 col-xl-2 text-right mb-3">
                                                            <a href="more_news.php?c_id=281">
                                                                 <h4 class="text_new_more">
                                                                      <span class="btn-more-news">ดูเพิ่มเติม</span>
                                                                 </h4>
                                                            </a>
                                                       </div>
                                                  </div>
                                             </div>
                                        </div>
                                   </div>
                                                                 <div class="tab-pane fade " id="tag_1" role="tabpanel" aria-labelledby="pills-home-tab">
                                        <div class="row mt-2" style="padding-left: 15px; padding-right: 15px;">
                                                                                                                                                 <div class="col-xl-3 col-12 col-sm-3 mb-5" style="padding: 10px;">
                                                       <a onclick="newsCount(1,625,'news_tab_index');" href="news_view.php?n_id=625 " target="_blank" title="&lt;h2&gt;พิธีไหว้ครูสถาบันพระบรมราชชนกและมอบโล่ประกาศเกียรติคุณ ปีการศึกษา ๒๕๖๗&lt;/h2&gt;
" class="txt-gray-dark2 font17px">
                                                            <div class="row">
                                                                 <div class="col-12">
                                                                                                                                                 <div class="icon__block">
                                                                                <img src="images/article/news625/n20240815_625.png" class="border-ra-4px" alt="n20240815_625.png" title="n20240815_625.png" style="width:100%; height:210px; object-fit: cover;">
                                                                           </div>
                                                                                                                                            <!-- <img src="assets/image/cover_new_1.png" class="img-fluid" alt=""> -->
                                                                 </div>
                                                            </div>
                                                            <div class="row">
                                                                 <div class="col-12">
                                                                      <a onclick="newsCount(1,625,'news_tab_index');" href="news_view.php?n_id=625 " target="_blank" title="&lt;h2&gt;พิธีไหว้ครูสถาบันพระบรมราชชนกและมอบโล่ประกาศเกียรติคุณ ปีการศึกษา ๒๕๖๗&lt;/h2&gt;
" class="txt-gray-dark2 font17px">
                                                                           <p class="tag_text_new mt-3 ">พิธีไหว้ครูสถาบันพระบรมราชชนกและมอบโล่ประกาศเกียรติคุณ ปีการ</p>
                                                                      </a>
                                                                 </div>
                                                            </div>
                                                       </a>
                                                       <div class="row">
                                                            <div class="col-12">
                                                                 <a onclick="newsCount(1,625,'news_tab_index');" href="news_view.php?n_id=625 " target="_blank" title="&lt;h2&gt;พิธีไหว้ครูสถาบันพระบรมราชชนกและมอบโล่ประกาศเกียรติคุณ ปีการศึกษา ๒๕๖๗&lt;/h2&gt;
" class="txt-gray-dark2 font17px">
                                                                      <p class="tag_text_new_detial ">พิธีไหว้ครูสถาบันพระบรมราชชนกและมอบโล่ประกาศเกียรติคุณ ปีการศึกษา ๒๕๖๗...</p>
                                                                 </a>
                                                            </div>
                                                       </div>
                                                       <div class="row position_more">
                                                            <div class="col-xl-12">
                                                                 <a href="">
                                                                      <h4 class="text_new_more">
                                                                           <a onclick="newsCount(1,625,'news_tab_index');" href="news_view.php?n_id=625 " target="_blank" title="&lt;h2&gt;พิธีไหว้ครูสถาบันพระบรมราชชนกและมอบโล่ประกาศเกียรติคุณ ปีการศึกษา ๒๕๖๗&lt;/h2&gt;
" class="txt-gray-dark2">
                                                                                <u>รายละเอียด</u>
                                                                           </a>
                                                                      </h4>
                                                                 </a>
                                                            </div>
                                                       </div>

                                                  </div>
                                                                                                                                                 <div class="col-xl-3 col-12 col-sm-3 mb-5" style="padding: 10px;">
                                                       <a onclick="newsCount(1,54,'news_tab_index');" href="news_view.php?n_id=54 " target="_blank" title="พิธีมอบทุนการศึกษา &quot;ทุนสมเด็จย่า 90&quot; ประจำปีการศึกษา 2565" class="txt-gray-dark2 font17px">
                                                            <div class="row">
                                                                 <div class="col-12">
                                                                                                                                                 <div class="icon__block">
                                                                                <img src="images/article/news54/n20230929_54.png" class="border-ra-4px" alt="n20230929_54.png" title="n20230929_54.png" style="width:100%; height:210px; object-fit: cover;">
                                                                           </div>
                                                                                                                                            <!-- <img src="assets/image/cover_new_1.png" class="img-fluid" alt=""> -->
                                                                 </div>
                                                            </div>
                                                            <div class="row">
                                                                 <div class="col-12">
                                                                      <a onclick="newsCount(1,54,'news_tab_index');" href="news_view.php?n_id=54 " target="_blank" title="พิธีมอบทุนการศึกษา &quot;ทุนสมเด็จย่า 90&quot; ประจำปีการศึกษา 2565" class="txt-gray-dark2 font17px">
                                                                           <p class="tag_text_new mt-3 ">พิธีมอบทุนการศึกษา "ทุนสมเด็จย่า 90" ประจำปีการศึกษา 2565</p>
                                                                      </a>
                                                                 </div>
                                                            </div>
                                                       </a>
                                                       <div class="row">
                                                            <div class="col-12">
                                                                 <a onclick="newsCount(1,54,'news_tab_index');" href="news_view.php?n_id=54 " target="_blank" title="มูลนิธิกองทุนการกุศลสมเด็จพระศรีนครินทราบรมราชชนนี ได้จัดพิธีมอบทุนการศึกษา" class="txt-gray-dark2 font17px">
                                                                      <p class="tag_text_new_detial ">มูลนิธิกองทุนการกุศลสมเด็จพระศรีนครินทราบรมราชชนนี ได้จัดพิธีมอบทุนการ...</p>
                                                                 </a>
                                                            </div>
                                                       </div>
                                                       <div class="row position_more">
                                                            <div class="col-xl-12">
                                                                 <a href="">
                                                                      <h4 class="text_new_more">
                                                                           <a onclick="newsCount(1,54,'news_tab_index');" href="news_view.php?n_id=54 " target="_blank" title="พิธีมอบทุนการศึกษา &quot;ทุนสมเด็จย่า 90&quot; ประจำปีการศึกษา 2565" class="txt-gray-dark2">
                                                                                <u>รายละเอียด</u>
                                                                           </a>
                                                                      </h4>
                                                                 </a>
                                                            </div>
                                                       </div>

                                                  </div>
                                                                                                                                                 <div class="col-xl-3 col-12 col-sm-3 mb-5" style="padding: 10px;">
                                                       <a onclick="newsCount(1,56,'news_tab_index');" href="news_view.php?n_id=56 " target="_blank" title="การประชุมกับทีมผู้บริหารคณะพยาบาลศาสตร์ ครั้งที่ 1" class="txt-gray-dark2 font17px">
                                                            <div class="row">
                                                                 <div class="col-12">
                                                                                                                                                 <div class="icon__block">
                                                                                <img src="images/article/news56/n20230930_56.png" class="border-ra-4px" alt="n20230930_56.png" title="n20230930_56.png" style="width:100%; height:210px; object-fit: cover;">
                                                                           </div>
                                                                                                                                            <!-- <img src="assets/image/cover_new_1.png" class="img-fluid" alt=""> -->
                                                                 </div>
                                                            </div>
                                                            <div class="row">
                                                                 <div class="col-12">
                                                                      <a onclick="newsCount(1,56,'news_tab_index');" href="news_view.php?n_id=56 " target="_blank" title="การประชุมกับทีมผู้บริหารคณะพยาบาลศาสตร์ ครั้งที่ 1" class="txt-gray-dark2 font17px">
                                                                           <p class="tag_text_new mt-3 ">การประชุมกับทีมผู้บริหารคณะพยาบาลศาสตร์ ครั้งที่ 1</p>
                                                                      </a>
                                                                 </div>
                                                            </div>
                                                       </a>
                                                       <div class="row">
                                                            <div class="col-12">
                                                                 <a onclick="newsCount(1,56,'news_tab_index');" href="news_view.php?n_id=56 " target="_blank" title="" class="txt-gray-dark2 font17px">
                                                                      <p class="tag_text_new_detial ">...</p>
                                                                 </a>
                                                            </div>
                                                       </div>
                                                       <div class="row position_more">
                                                            <div class="col-xl-12">
                                                                 <a href="">
                                                                      <h4 class="text_new_more">
                                                                           <a onclick="newsCount(1,56,'news_tab_index');" href="news_view.php?n_id=56 " target="_blank" title="การประชุมกับทีมผู้บริหารคณะพยาบาลศาสตร์ ครั้งที่ 1" class="txt-gray-dark2">
                                                                                <u>รายละเอียด</u>
                                                                           </a>
                                                                      </h4>
                                                                 </a>
                                                            </div>
                                                       </div>

                                                  </div>
                                                                                                                                                 <div class="col-xl-3 col-12 col-sm-3 mb-5" style="padding: 10px;">
                                                       <a onclick="newsCount(1,57,'news_tab_index');" href="news_view.php?n_id=57 " target="_blank" title="โครงการพัฒนาหลักสูตรระดับบัณฑิตศึกษา ณ วิทยาลัยพยาบาลบรมราชชนนี กรุงเทพ" class="txt-gray-dark2 font17px">
                                                            <div class="row">
                                                                 <div class="col-12">
                                                                                                                                                 <div class="icon__block">
                                                                                <img src="images/article/news57/n20230930_57.png" class="border-ra-4px" alt="n20230930_57.png" title="n20230930_57.png" style="width:100%; height:210px; object-fit: cover;">
                                                                           </div>
                                                                                                                                            <!-- <img src="assets/image/cover_new_1.png" class="img-fluid" alt=""> -->
                                                                 </div>
                                                            </div>
                                                            <div class="row">
                                                                 <div class="col-12">
                                                                      <a onclick="newsCount(1,57,'news_tab_index');" href="news_view.php?n_id=57 " target="_blank" title="โครงการพัฒนาหลักสูตรระดับบัณฑิตศึกษา ณ วิทยาลัยพยาบาลบรมราชชนนี กรุงเทพ" class="txt-gray-dark2 font17px">
                                                                           <p class="tag_text_new mt-3 ">โครงการพัฒนาหลักสูตรระดับบัณฑิตศึกษา ณ วิทยาลัยพยาบาลบรมราชช</p>
                                                                      </a>
                                                                 </div>
                                                            </div>
                                                       </a>
                                                       <div class="row">
                                                            <div class="col-12">
                                                                 <a onclick="newsCount(1,57,'news_tab_index');" href="news_view.php?n_id=57 " target="_blank" title="" class="txt-gray-dark2 font17px">
                                                                      <p class="tag_text_new_detial ">...</p>
                                                                 </a>
                                                            </div>
                                                       </div>
                                                       <div class="row position_more">
                                                            <div class="col-xl-12">
                                                                 <a href="">
                                                                      <h4 class="text_new_more">
                                                                           <a onclick="newsCount(1,57,'news_tab_index');" href="news_view.php?n_id=57 " target="_blank" title="โครงการพัฒนาหลักสูตรระดับบัณฑิตศึกษา ณ วิทยาลัยพยาบาลบรมราชชนนี กรุงเทพ" class="txt-gray-dark2">
                                                                                <u>รายละเอียด</u>
                                                                           </a>
                                                                      </h4>
                                                                 </a>
                                                            </div>
                                                       </div>

                                                  </div>
                                                                                          <div class="col-12">
                                                  <div class="row">
                                                       <div class="col-xl-12 col-xl-2 text-right mb-3">
                                                            <a href="more_news.php?c_id=1">
                                                                 <h4 class="text_new_more">
                                                                      <span class="btn-more-news">ดูเพิ่มเติม</span>
                                                                 </h4>
                                                            </a>
                                                       </div>
                                                  </div>
                                             </div>
                                        </div>
                                   </div>
                                                                 <div class="tab-pane fade " id="tag_4" role="tabpanel" aria-labelledby="pills-home-tab">
                                        <div class="row mt-2" style="padding-left: 15px; padding-right: 15px;">
                                                                                                                                                 <div class="col-xl-3 col-12 col-sm-3 mb-5" style="padding: 10px;">
                                                       <a onclick="newsCount(4,27,'news_tab_index');" href="news_view.php?n_id=27 " target="_blank" title="&lt;p&gt;ภาพสื่อสำหรับประกาศ พิธีมอบประกาศนียบัตรแก่ผู้สำเร็จการศึกษา ระดับประกาศนียบัตรวิชาชีพชั้นสูง สถาบันพระบรมราชชนก ปีการศึกษา 2561 &amp;ndash; 2564&lt;/p&gt;
" class="txt-gray-dark2 font17px">
                                                            <div class="row">
                                                                 <div class="col-12">
                                                                                                                                                 <div class="icon__block">
                                                                                <img src="images/article/news27/n20240619_27.jpg" class="border-ra-4px" alt="n20240619_27.jpg" title="n20240619_27.jpg" style="width:100%; height:210px; object-fit: cover;">
                                                                           </div>
                                                                                                                                            <!-- <img src="assets/image/cover_new_1.png" class="img-fluid" alt=""> -->
                                                                 </div>
                                                            </div>
                                                            <div class="row">
                                                                 <div class="col-12">
                                                                      <a onclick="newsCount(4,27,'news_tab_index');" href="news_view.php?n_id=27 " target="_blank" title="&lt;p&gt;ภาพสื่อสำหรับประกาศ พิธีมอบประกาศนียบัตรแก่ผู้สำเร็จการศึกษา ระดับประกาศนียบัตรวิชาชีพชั้นสูง สถาบันพระบรมราชชนก ปีการศึกษา 2561 &amp;ndash; 2564&lt;/p&gt;
" class="txt-gray-dark2 font17px">
                                                                           <p class="tag_text_new mt-3 ">ภาพสื่อสำหรับประกาศ พิธีมอบประกาศนียบัตรแก่ผู้สำเร็จการศึกษา</p>
                                                                      </a>
                                                                 </div>
                                                            </div>
                                                       </a>
                                                       <div class="row">
                                                            <div class="col-12">
                                                                 <a onclick="newsCount(4,27,'news_tab_index');" href="news_view.php?n_id=27 " target="_blank" title="&lt;p&gt;ภาพสื่อสำหรับประกาศ พิธีมอบประกาศนียบัตรแก่ผู้สำเร็จการศึกษา ระดับประกาศนียบัตรวิชาชีพชั้นสูง สถาบันพระบรมราชชนก ปีการศึกษา 2561 &amp;ndash; 2564&lt;/p&gt;
" class="txt-gray-dark2 font17px">
                                                                      <p class="tag_text_new_detial ">ภาพสื่อสำหรับประกาศ พิธีมอบประกาศนียบัตรแก่ผู้สำเร็จการศึกษา ระดับประก...</p>
                                                                 </a>
                                                            </div>
                                                       </div>
                                                       <div class="row position_more">
                                                            <div class="col-xl-12">
                                                                 <a href="">
                                                                      <h4 class="text_new_more">
                                                                           <a onclick="newsCount(4,27,'news_tab_index');" href="news_view.php?n_id=27 " target="_blank" title="&lt;p&gt;ภาพสื่อสำหรับประกาศ พิธีมอบประกาศนียบัตรแก่ผู้สำเร็จการศึกษา ระดับประกาศนียบัตรวิชาชีพชั้นสูง สถาบันพระบรมราชชนก ปีการศึกษา 2561 &amp;ndash; 2564&lt;/p&gt;
" class="txt-gray-dark2">
                                                                                <u>รายละเอียด</u>
                                                                           </a>
                                                                      </h4>
                                                                 </a>
                                                            </div>
                                                       </div>

                                                  </div>
                                                                                                                                                 <div class="col-xl-3 col-12 col-sm-3 mb-5" style="padding: 10px;">
                                                       <a onclick="newsCount(4,26,'news_tab_index');" href="news_view.php?n_id=26 " target="_blank" title="ประกาศเรื่อง การกำหนดหน้าที่และอำนาจของส่วนราชการภายในสถาบันพระบรมราชชนก และการแบ่งส่วนราชการเป็นงานหรือส่วนราชการที่เรียกชื่ออย่างอื่นที่มีฐานะเทียบ" class="txt-gray-dark2 font17px">
                                                            <div class="row">
                                                                 <div class="col-12">
                                                                                                                                                 <div class="icon__block">
                                                                                <img src="images/article/news26/n20230915_26.jpg" class="border-ra-4px" alt="n20230915_26.jpg" title="n20230915_26.jpg" style="width:100%; height:210px; object-fit: cover;">
                                                                           </div>
                                                                                                                                            <!-- <img src="assets/image/cover_new_1.png" class="img-fluid" alt=""> -->
                                                                 </div>
                                                            </div>
                                                            <div class="row">
                                                                 <div class="col-12">
                                                                      <a onclick="newsCount(4,26,'news_tab_index');" href="news_view.php?n_id=26 " target="_blank" title="ประกาศเรื่อง การกำหนดหน้าที่และอำนาจของส่วนราชการภายในสถาบันพระบรมราชชนก และการแบ่งส่วนราชการเป็นงานหรือส่วนราชการที่เรียกชื่ออย่างอื่นที่มีฐานะเทียบ" class="txt-gray-dark2 font17px">
                                                                           <p class="tag_text_new mt-3 ">ประกาศเรื่อง การกำหนดหน้าที่และอำนาจของส่วนราชการภายในสถาบัน</p>
                                                                      </a>
                                                                 </div>
                                                            </div>
                                                       </a>
                                                       <div class="row">
                                                            <div class="col-12">
                                                                 <a onclick="newsCount(4,26,'news_tab_index');" href="news_view.php?n_id=26 " target="_blank" title="ประกาศเรื่อง การกำหนดหน้าที่และอำนาจของส่วนราชการภายในสถาบันพระบรมราชชนก และการแบ่งส่วนราชการเป็นงานหรือส่วนราชการที่เรียกชื่ออย่างอื่นที่มีฐานะเทียบ" class="txt-gray-dark2 font17px">
                                                                      <p class="tag_text_new_detial ">ประกาศเรื่อง การกำหนดหน้าที่และอำนาจของส่วนราชการภายในสถาบันพระบรมราชช...</p>
                                                                 </a>
                                                            </div>
                                                       </div>
                                                       <div class="row position_more">
                                                            <div class="col-xl-12">
                                                                 <a href="">
                                                                      <h4 class="text_new_more">
                                                                           <a onclick="newsCount(4,26,'news_tab_index');" href="news_view.php?n_id=26 " target="_blank" title="ประกาศเรื่อง การกำหนดหน้าที่และอำนาจของส่วนราชการภายในสถาบันพระบรมราชชนก และการแบ่งส่วนราชการเป็นงานหรือส่วนราชการที่เรียกชื่ออย่างอื่นที่มีฐานะเทียบ" class="txt-gray-dark2">
                                                                                <u>รายละเอียด</u>
                                                                           </a>
                                                                      </h4>
                                                                 </a>
                                                            </div>
                                                       </div>

                                                  </div>
                                                                                                                                                 <div class="col-xl-3 col-12 col-sm-3 mb-5" style="padding: 10px;">
                                                       <a onclick="newsCount(4,25,'news_tab_index');" href="news_view.php?n_id=25 " target="_blank" title="ประกาศรายชื่อผู้มีสิทธิรับทุนรัฐบาล ฯ ป.เอก ในประเทศ ปี 2565" class="txt-gray-dark2 font17px">
                                                            <div class="row">
                                                                 <div class="col-12">
                                                                                                                                                 <div class="icon__block">
                                                                                <img src="images/article/news25/n20230915_25.jpg" class="border-ra-4px" alt="n20230915_25.jpg" title="n20230915_25.jpg" style="width:100%; height:210px; object-fit: cover;">
                                                                           </div>
                                                                                                                                            <!-- <img src="assets/image/cover_new_1.png" class="img-fluid" alt=""> -->
                                                                 </div>
                                                            </div>
                                                            <div class="row">
                                                                 <div class="col-12">
                                                                      <a onclick="newsCount(4,25,'news_tab_index');" href="news_view.php?n_id=25 " target="_blank" title="ประกาศรายชื่อผู้มีสิทธิรับทุนรัฐบาล ฯ ป.เอก ในประเทศ ปี 2565" class="txt-gray-dark2 font17px">
                                                                           <p class="tag_text_new mt-3 ">ประกาศรายชื่อผู้มีสิทธิรับทุนรัฐบาล ฯ ป.เอก ในประเทศ ปี 2565</p>
                                                                      </a>
                                                                 </div>
                                                            </div>
                                                       </a>
                                                       <div class="row">
                                                            <div class="col-12">
                                                                 <a onclick="newsCount(4,25,'news_tab_index');" href="news_view.php?n_id=25 " target="_blank" title="ประกาศรายชื่อผู้มีสิทธิรับทุนรัฐบาล ฯ ป.เอก ในประเทศ ปี 2565" class="txt-gray-dark2 font17px">
                                                                      <p class="tag_text_new_detial ">ประกาศรายชื่อผู้มีสิทธิรับทุนรัฐบาล ฯ ป.เอก ในประเทศ ปี 2565...</p>
                                                                 </a>
                                                            </div>
                                                       </div>
                                                       <div class="row position_more">
                                                            <div class="col-xl-12">
                                                                 <a href="">
                                                                      <h4 class="text_new_more">
                                                                           <a onclick="newsCount(4,25,'news_tab_index');" href="news_view.php?n_id=25 " target="_blank" title="ประกาศรายชื่อผู้มีสิทธิรับทุนรัฐบาล ฯ ป.เอก ในประเทศ ปี 2565" class="txt-gray-dark2">
                                                                                <u>รายละเอียด</u>
                                                                           </a>
                                                                      </h4>
                                                                 </a>
                                                            </div>
                                                       </div>

                                                  </div>
                                                                                                                                                 <div class="col-xl-3 col-12 col-sm-3 mb-5" style="padding: 10px;">
                                                       <a onclick="newsCount(4,24,'news_tab_index');" href="news_view.php?n_id=24 " target="_blank" title="ประกาศเจตนารมณ์การต่อต้านการทุจริต “กระทรวงสาธารณสุขใสสะอาด ร่วมต้านทุจริต (MOPH Together Against Corruption)” ประจำปีงบประมาณ พ.ศ. 2566 และประกาศเจตน" class="txt-gray-dark2 font17px">
                                                            <div class="row">
                                                                 <div class="col-12">
                                                                                                                                                 <div class="icon__block">
                                                                                <img src="images/article/news24/n20230915_24.jpg" class="border-ra-4px" alt="n20230915_24.jpg" title="n20230915_24.jpg" style="width:100%; height:210px; object-fit: cover;">
                                                                           </div>
                                                                                                                                            <!-- <img src="assets/image/cover_new_1.png" class="img-fluid" alt=""> -->
                                                                 </div>
                                                            </div>
                                                            <div class="row">
                                                                 <div class="col-12">
                                                                      <a onclick="newsCount(4,24,'news_tab_index');" href="news_view.php?n_id=24 " target="_blank" title="ประกาศเจตนารมณ์การต่อต้านการทุจริต “กระทรวงสาธารณสุขใสสะอาด ร่วมต้านทุจริต (MOPH Together Against Corruption)” ประจำปีงบประมาณ พ.ศ. 2566 และประกาศเจตน" class="txt-gray-dark2 font17px">
                                                                           <p class="tag_text_new mt-3 ">ประกาศเจตนารมณ์การต่อต้านการทุจริต “กระทรวงสาธารณสุขใสสะอาด </p>
                                                                      </a>
                                                                 </div>
                                                            </div>
                                                       </a>
                                                       <div class="row">
                                                            <div class="col-12">
                                                                 <a onclick="newsCount(4,24,'news_tab_index');" href="news_view.php?n_id=24 " target="_blank" title="ประกาศเจตนารมณ์การต่อต้านการทุจริต “กระทรวงสาธารณสุขใสสะอาด ร่วมต้านทุจริต (MOPH Together Against Corruption)” ประจำปีงบประมาณ พ.ศ. 2566 และประกาศเจตน" class="txt-gray-dark2 font17px">
                                                                      <p class="tag_text_new_detial ">ประกาศเจตนารมณ์การต่อต้านการทุจริต “กระทรวงสาธารณสุขใสสะอาด ร่วมต้านทุ...</p>
                                                                 </a>
                                                            </div>
                                                       </div>
                                                       <div class="row position_more">
                                                            <div class="col-xl-12">
                                                                 <a href="">
                                                                      <h4 class="text_new_more">
                                                                           <a onclick="newsCount(4,24,'news_tab_index');" href="news_view.php?n_id=24 " target="_blank" title="ประกาศเจตนารมณ์การต่อต้านการทุจริต “กระทรวงสาธารณสุขใสสะอาด ร่วมต้านทุจริต (MOPH Together Against Corruption)” ประจำปีงบประมาณ พ.ศ. 2566 และประกาศเจตน" class="txt-gray-dark2">
                                                                                <u>รายละเอียด</u>
                                                                           </a>
                                                                      </h4>
                                                                 </a>
                                                            </div>
                                                       </div>

                                                  </div>
                                                                                          <div class="col-12">
                                                  <div class="row">
                                                       <div class="col-xl-12 col-xl-2 text-right mb-3">
                                                            <a href="more_news.php?c_id=4">
                                                                 <h4 class="text_new_more">
                                                                      <span class="btn-more-news">ดูเพิ่มเติม</span>
                                                                 </h4>
                                                            </a>
                                                       </div>
                                                  </div>
                                             </div>
                                        </div>
                                   </div>
                                                       </div>
                    </div>
               </div>
          </div>
               </div>
</div>
<!-- <script>
$(document).ready(function() {
  // เมื่อมีการคลิกที่ element ที่มี class "nav_tag"
  $(".nav_tag").on("click", function() {
    // ดึงค่า value ของ element ที่คลิกออกมา
    var valueAttr = $(this).attr("value");
    
    // นำค่า value มาเก็บใน attribute href ของ <a> ที่ต้องการ
    $("a[href='']").attr("href", "more_news.php?c_id=" + valueAttr);
  });
});
</script> -->
<!-- ฟังก์ชันนับจำนวนเปิดดูเอกสาร -->
<script>
    function newsCount(c_id, n_id, page) {
        $.ajax({
            type: 'POST',
            url: 'ajax/news_tab_index.ajax.php',
            data: {
                c_id: c_id,
                n_id: n_id,
                page: page
            },
            datatype: "text",
            success: function(data) {
                //console.log(data);
                let object = JSON.parse(data, true);
                $('#list_count' + object.n_id).html(object.view_count);
            },
            error: function() {
                console.log('Error');
            }
        });
    }
</script>
<script>
     $(document).ready(function() {
          // จับการคลิกที่ .nav_tag
          $(".nav_tag").on("click", function() {
               $(".nav-item").removeClass("active");
               $(this).closest(".nav-item").addClass("active");

               // ดึงค่า id ของ .nav_tag ที่มีคลาส 'active'
               var activeId = $(this).attr("value");

               // แสดงค่า id ที่มีคลาส 'active' ใน console
               console.log("id: " + activeId);
               $("a[href='']").attr("href", "more_news.php?c_id=" + activeId);
          });
     });
</script><div class="container-fluid">
     <div class="row">
               
     <div class="col-12">
              <div class="row mb-1">
                    <div class="col-8 mx-auto">
                              <div class="row">
                                                                                                                             <div class="col-xl-3 col-sm-3 col-3 mb-3">
                                                  <div class="box_category" style="box-shadow: rgba(3, 102, 214, 0.3) 0px 0px 0px 3px;">
                                                       <div class="py-4 px-3">
                                                                                                                                       <a href="https://student.pi.ac.th/" target="_blank">
                                                                           <div class="row">
                                                                                <div class="col-xl-12 text-center">
                                                                                     <img src="images/banner/banner_image_20231024011555.png" width="100%" class="icon_cat" alt="นักศึกษา">
                                                                                </div>
                                                                           </div>
                                                                           <div class="row">
                                                                                <div class="col-xl-12 text-center">
                                                                                     <p class="text_cat pt-2" title="Admission">นักศึกษา</p>
                                                                                </div>
                                                                           </div>
                                                                      </a>
                                                                                                                        </div>
                                                  </div>
                                             </div>
                                                                                                                                       <div class="col-xl-3 col-sm-3 col-3 mb-3">
                                                  <div class="box_category" style="box-shadow: rgba(3, 102, 214, 0.3) 0px 0px 0px 3px;">
                                                       <div class="py-4 px-3">
                                                                                                                                       <a href="/news_view.php?n_id=798&lang=TH" target="_blank">
                                                                           <div class="row">
                                                                                <div class="col-xl-12 text-center">
                                                                                     <img src="images/banner/banner_image_20231024012159.png" width="100%" class="icon_cat" alt="วิทยาลัยในสังกัด">
                                                                                </div>
                                                                           </div>
                                                                           <div class="row">
                                                                                <div class="col-xl-12 text-center">
                                                                                     <p class="text_cat pt-2" title="Admission">วิทยาลัยในสังกัด</p>
                                                                                </div>
                                                                           </div>
                                                                      </a>
                                                                                                                        </div>
                                                  </div>
                                             </div>
                                                                                                                                       <div class="col-xl-3 col-sm-3 col-3 mb-3">
                                                  <div class="box_category" style="box-shadow: rgba(3, 102, 214, 0.3) 0px 0px 0px 3px;">
                                                       <div class="py-4 px-3">
                                                                                                                                       <a href="/news_view.php?n_id=565&lang=TH" target="_blank">
                                                                           <div class="row">
                                                                                <div class="col-xl-12 text-center">
                                                                                     <img src="images/banner/banner_image_20250201130705.png" width="100%" class="icon_cat" alt="หลักสูตร">
                                                                                </div>
                                                                           </div>
                                                                           <div class="row">
                                                                                <div class="col-xl-12 text-center">
                                                                                     <p class="text_cat pt-2" title="Admission">หลักสูตร</p>
                                                                                </div>
                                                                           </div>
                                                                      </a>
                                                                                                                        </div>
                                                  </div>
                                             </div>
                                                                                                                                       <div class="col-xl-3 col-sm-3 col-3 mb-3">
                                                  <div class="box_category" style="box-shadow: rgba(3, 102, 214, 0.3) 0px 0px 0px 3px;">
                                                       <div class="py-4 px-3">
                                                                                                                                       <a href="https://admission.pi.ac.th/" target="_blank">
                                                                           <div class="row">
                                                                                <div class="col-xl-12 text-center">
                                                                                     <img src="images/banner/banner_image_20231024092724.png" width="100%" class="icon_cat" alt="ระบบรับสมัครนักศึกษา">
                                                                                </div>
                                                                           </div>
                                                                           <div class="row">
                                                                                <div class="col-xl-12 text-center">
                                                                                     <p class="text_cat pt-2" title="Admission">ระบบรับสมัครนักศึกษา</p>
                                                                                </div>
                                                                           </div>
                                                                      </a>
                                                                                                                        </div>
                                                  </div>
                                             </div>
                                                                           </div>
                    </div>
              </div>
          </div>
     
                    
     </div>
</div>







<!-- 

<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
  <ol class="carousel-indicators">
    <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
    <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
    <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
  </ol>

  <div class="carousel-inner">
    <div class="carousel-item active">
    <img class="d-block w-100" src="assets/image/banner_2.png" alt="First slide">
    </div>
    <div class="carousel-item">
    <img class="d-block w-100" src="assets/image/banner_2.png" alt="First slide">
    </div>
    <div class="carousel-item">
    <img class="d-block w-100" src="assets/image/banner_2.png" alt="First slide">
    </div>
  </div>
  <button class="carousel-control-prev" type="button" data-target="#carouselExampleIndicators" data-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </button>
  <button class="carousel-control-next" type="button" data-target="#carouselExampleIndicators" data-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </button>
</div>  -->
<div class="bg_course">
<div class="container-fluid">
     <div class="bg_course">
<div class="container-fluid">
<div class="row">
<div class="col-sm-3 d-none d-sm-block box_pro_cours"><img alt="" class="img-fluid" src="assets/image/img_1.png" /></div>

<div class="col-sm-9">
<div class="row">
<div class="col-12">
<h4 class="course pb-2">คณะและหลักสูตร</h4>

<div class="line_coure">&nbsp;</div>
</div>
</div>

<div class="row">
<div class="col-12">
<p class="details_coures mt-2">พระบรมราชชนกเป็นสถาบันชั้นนำเพื่อสร้างกำลังคนคุณภาพด้านสุขภาพให้ประเทศ สร้างชุมชนให้อุดมปัญญาทางสุขภาวะที่ยั่งยืน</p>
</div>
</div>

<div class="row" style="padding: 0px;">
<div class="col-12 col-sm-3 box_course">
<div class="row">
<div class="col-12">
<h1 class="coures_number">3</h1>
</div>
</div>

<div class="row">
<div class="col-12">
<p class="details_numbaer_coures">คณะ</p>
</div>
</div>
</div>

<div class="col-12 col-sm-3 box_course">
<div class="row">
<div class="col-12">
<h1 class="coures_number">39</h1>
</div>
</div>

<div class="row">
<div class="col-12">
<p class="details_numbaer_coures"><a class="text-white" href="https://pi.ac.th/news_view.php?n_id=798&amp;lang=TH">วิทยาลัย</a></p>
</div>
</div>
</div>

<div class="col-12 col-sm-3 box_course">
<div class="row">
<div class="col-12">
<h1 class="coures_number">3</h1>
</div>
</div>

<div class="row">
<div class="col-12">
<p class="details_numbaer_coures">วิทยาลัยแพทยศาสตร์</p>

<p class="details_numbaer_coures">(ศูนย์แพทยศาสตรศึกษาชั้นคลินิก)</p>
</div>
</div>
</div>

<div class="col-12 col-sm-3 box_course">
<div class="row">
<div class="col-12">
<h1 class="coures_number">21,425</h1>
</div>
</div>

<div class="row">
<div class="col-12">
<p class="details_numbaer_coures">นิสิตปัจจุบัน</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
          <!-- <div class="row">
               <div class="col-sm-3 d-none d-sm-block box_pro_cours">
                    <img src="assets/image/img_1.png" class="img-fluid" alt="">
               </div>
               <div class="col-sm-9">
                    <div class="row">
                         <div class="col-12">
                              <h4 class="course pb-2">หลักสูตรและคณะ</h4>
                              <div class="line_coure"></div>
                         </div>
                    </div>
                    <div class="row">
                         <div class="col-12">
                              <p class="details_coures mt-2">พระบรมราชนกเป็นสถาบันเป็นสถาบันชั้นนำเพื่อสร้างกำลังคนคุณภาพด้านสุขภาพให้ประเทศ สร้างชุมชนให้อุดมปัญญาทางสุขภาวะที่ยั่งยืน </p>
                         </div>
                    </div>
                    <div class="row" style="padding: 0px;">
                         <div class="col-12 col-sm-3 box_course">
                              <div class="row">
                                   <div class="col-12">
                                        <h1 class="coures_number">42</h1>
                                   </div>
                              </div>
                              <div class="row">
                                   <div class="col-12">
                                        <p class="details_numbaer_coures">คณะสำนักวิชาวิทยาลัยและสถาบัน</p>
                                   </div>
                              </div>
                         </div>
                         <div class="col-12 col-sm-3 box_course">
                              <div class="row">
                                   <div class="col-12">
                                        <h1 class="coures_number">441</h1>
                                   </div>
                              </div>
                              <div class="row">
                                   <div class="col-12">
                                        <p class="details_numbaer_coures">หลักสูตร</p>
                                   </div>
                              </div>
                         </div>
                         <div class="col-12 col-sm-3 box_course">
                              <div class="row">
                                   <div class="col-12">
                                        <h1 class="coures_number">37,626</h1>
                                   </div>
                              </div>
                              <div class="row">
                                   <div class="col-12">
                                        <p class="details_numbaer_coures">นิสิตปัจจุบัน</p>
                                   </div>
                              </div>
                         </div>
                         <div class="col-12 col-sm-3 box_course">
                              <div class="row">
                                   <div class="col-12">
                                        <h1 class="coures_number">300</h1>
                                   </div>
                              </div>
                              <div class="row">
                                   <div class="col-12">
                                        <p class="details_numbaer_coures">บุคคลากร</p>
                                   </div>
                              </div>
                         </div>
                    </div>
               </div>
          </div> -->
     </div>
</div><style>

     .cover-img{
          width: 100%;
          height: auto;
     }
</style>

<!-- <div class="container-fluid mt-4 mb-2">
     <div class="row">
          <div class="col-xl-6">
               <img src="assets/image/img_2.png" class="img-fluid rounded img-cover" alt="">
          </div>
          <div class="col-xl-6">
               <div class="row">
                    <div class="col-xl-12">
                         <h4 class="journal_heading">ผลงานงานวิจัย</h4>
                    </div>
               </div>
               <div class="row">
                    <div class="col-xl-12">
                         <h4 class="journal_text">61,022 <span class="performance">ผลงาน</span> </h4>
                    </div>
               </div>
               <div class="row">
                    <div class="col-xl-12 text-center mt-3">
                         <button class="btn btn_journal"> <em class="fa fa-arrow-up mr-3"></em> เยี่ยมชมงานวิจัยทั้งหมด</button>
                    </div>
               </div>
          </div>
     </div>
</div> -->

<div class="container-fluid mt-5">
     <div class="row">
          <div class="col-xl-2">
               <div class="nav flex-column nav-pills border-gray-light" id="v-pills-tab" role="tablist" aria-orientation="vertical">
                                                                 <a class="nav-link active" id="v-pills-0-tab" data-toggle="pill" href="#v-pills-0" role="tab" aria-controls="v-pills-0" aria-selected="true">
                              ข่าวกิจกรรม สบช.                         </a>
                                             <a class="nav-link " id="v-pills-1-tab" data-toggle="pill" href="#v-pills-1" role="tab" aria-controls="v-pills-1" aria-selected="true">
                              วารสาร สบช.                         </a>
                                             <a class="nav-link " id="v-pills-2-tab" data-toggle="pill" href="#v-pills-2" role="tab" aria-controls="v-pills-2" aria-selected="true">
                              เอกสาร สบช.                         </a>
                                   </div>
          </div>
          <div class="col-xl-10">
               <div class="tab-content" id="v-pills-tabContent">
                                             <div class="tab-pane fade show active" id="v-pills-0" role="tabpanel" aria-labelledby="v-pills-0-tab">
                              <div class="row">
                                                                                                                   <div class="col-xl-4 col-md-4 col-sm-4 col-12">
                                                                                               <div class="row">
                                                       <div class="col-xl-12 text-center">
                                                            <img src="images/article/news884/n20250703_884.png" class="cover-img rounded" alt="n20250703_884.png">
                                                       </div>
                                                  </div>
                                                                                          <div class="row">
                                                  <div class="col-xl-12 text-center mt-2">
                                                       <a onclick="newsCount(396,884,'news_tab_index');" href="news_view.php?n_id=884 " target="_blank" title="ประชุมเชิงปฎิบัติการเพื่อพัฒนาศักยภาพบุคลากรด้านการบริหารจัดการโครงการวิจัยที่ได้รับการจัดสรรทุนวิจัยงบประมาณด้าน ววน. ประจำปีงบประมาณ พ.ศ.2567 (ระยะ 24 เดือน)
" class="txt-gray-dark2 font17px">
                                                            <p class="tag_text_new"> ประชุมเชิงปฎิบัติการเพื่อพัฒนาศักยภาพบุคลากรด้านการบริหารจัดการโครงการวิจัยที่ได้รับการจัดสรรทุนวิจัยงบประมาณด้าน ววน. ประจำปีงบประมาณ พ.ศ.2567 (ระยะ 24 เดือน)
 </p>
                                                       </a>
                                                  </div>
                                             </div>

                                        </div>
                                                                                                                   <div class="col-xl-4 col-md-4 col-sm-4 col-12">
                                                                                               <div class="row">
                                                       <div class="col-xl-12 text-center">
                                                            <img src="images/article/news881/n20250703_881.png" class="cover-img rounded" alt="n20250703_881.png">
                                                       </div>
                                                  </div>
                                                                                          <div class="row">
                                                  <div class="col-xl-12 text-center mt-2">
                                                       <a onclick="newsCount(396,881,'news_tab_index');" href="news_view.php?n_id=881 " target="_blank" title="โครงการประชุมเชิงปฏิบัติการพัฒนาศักยภาพอาจารย์ ด้านการจัดทำรายวิชาและผลลัพธ์การเรียนรู้หมวดวิชาศึกษาทั่วไป พ.ศ. ...
" class="txt-gray-dark2 font17px">
                                                            <p class="tag_text_new"> โครงการประชุมเชิงปฏิบัติการพัฒนาศักยภาพอาจารย์ ด้านการจัดทำรายวิชาและผลลัพธ์การเรียนรู้หมวดวิชาศึกษาทั่วไป พ.ศ. ...
 </p>
                                                       </a>
                                                  </div>
                                             </div>

                                        </div>
                                                                                                                   <div class="col-xl-4 col-md-4 col-sm-4 col-12">
                                                                                               <div class="row">
                                                       <div class="col-xl-12 text-center">
                                                            <img src="images/article/news874/n20250625_874.jpg" class="cover-img rounded" alt="n20250625_874.jpg">
                                                       </div>
                                                  </div>
                                                                                          <div class="row">
                                                  <div class="col-xl-12 text-center mt-2">
                                                       <a onclick="newsCount(396,874,'news_tab_index');" href="news_view.php?n_id=874 " target="_blank" title="โครงการเผยแพร่ผลงานวิจัยและนวัตกรรมในงานมหกรรมวิจัยแห่งชาติ 2568
" class="txt-gray-dark2 font17px">
                                                            <p class="tag_text_new"> โครงการเผยแพร่ผลงานวิจัยและนวัตกรรมในงานมหกรรมวิจัยแห่งชาติ 2568
 </p>
                                                       </a>
                                                  </div>
                                             </div>

                                        </div>
                                                                      <div class="col-12">
                                        <div class="row">
                                             <div class="col-xl-12 col-xl-2 text-right mb-3">
                                                  <a href="more_news.php?c_id=396">
                                                       <h4 class="text_new_more">
                                                            <span class="btn-more-news">ดูเพิ่มเติม</span>
                                                       </h4>
                                                  </a>
                                             </div>
                                        </div>
                                   </div>
                              </div>
                         </div>
                                             <div class="tab-pane fade " id="v-pills-1" role="tabpanel" aria-labelledby="v-pills-1-tab">
                              <div class="row">
                                                                                                                   <div class="col-xl-4 col-md-4 col-sm-4 col-12">
                                                                                               <div class="row">
                                                       <div class="col-xl-12 text-center">
                                                            <img src="images/article/news626/n20240815_626.jpg" class="cover-img rounded" alt="n20240815_626.jpg">
                                                       </div>
                                                  </div>
                                                                                          <div class="row">
                                                  <div class="col-xl-12 text-center mt-2">
                                                       <a onclick="newsCount(397,626,'news_tab_index');" href="news_view.php?n_id=626 " target="_blank" title="สถาบันพระบรมราชชนก โดยกองกิจการนักศึกษาได้จัดการประชุมเตรียมความพร้อมสำหรับการจัดทำวารสารวิจัยนวัตกรรมและหลักฐานเชิงประจักษ์ทางสุขภาพ
" class="txt-gray-dark2 font17px">
                                                            <p class="tag_text_new"> สถาบันพระบรมราชชนก โดยกองกิจการนักศึกษาได้จัดการประชุมเตรียมความพร้อมสำหรับการจัดทำวารสารวิจัยนวัตกรรมและหลักฐานเชิงประจักษ์ทางสุขภาพ
 </p>
                                                       </a>
                                                  </div>
                                             </div>

                                        </div>
                                                                                                                   <div class="col-xl-4 col-md-4 col-sm-4 col-12">
                                                                                               <div class="row">
                                                       <div class="col-xl-12 text-center">
                                                            <img src="images/article/news432/n20240104_432.jpg" class="cover-img rounded" alt="n20240104_432.jpg">
                                                       </div>
                                                  </div>
                                                                                          <div class="row">
                                                  <div class="col-xl-12 text-center mt-2">
                                                       <a onclick="newsCount(397,432,'news_tab_index');" href="https://he01.tci-thaijo.org/index.php/JNAE/index" target="_blank" title="ดูวารสารทั้งหมด คลิก
" class="txt-gray-dark2 font17px">
                                                            <p class="tag_text_new"> ดูวารสารทั้งหมด คลิก
 </p>
                                                       </a>
                                                  </div>
                                             </div>

                                        </div>
                                                                                                                   <div class="col-xl-4 col-md-4 col-sm-4 col-12">
                                                                                               <div class="row">
                                                       <div class="col-xl-12 text-center">
                                                            <img src="images/article/news433/n20240104_433.png" class="cover-img rounded" alt="n20240104_433.png">
                                                       </div>
                                                  </div>
                                                                                          <div class="row">
                                                  <div class="col-xl-12 text-center mt-2">
                                                       <a onclick="newsCount(397,433,'news_tab_index');" href="https://he01.tci-thaijo.org/index.php/ijphs/issue/archive" target="_blank" title="ดูวารสารภาษาอังกฤษทั้งหมด คลิก
" class="txt-gray-dark2 font17px">
                                                            <p class="tag_text_new"> ดูวารสารภาษาอังกฤษทั้งหมด คลิก
 </p>
                                                       </a>
                                                  </div>
                                             </div>

                                        </div>
                                                                      <div class="col-12">
                                        <div class="row">
                                             <div class="col-xl-12 col-xl-2 text-right mb-3">
                                                  <a href="more_news.php?c_id=397">
                                                       <h4 class="text_new_more">
                                                            <span class="btn-more-news">ดูเพิ่มเติม</span>
                                                       </h4>
                                                  </a>
                                             </div>
                                        </div>
                                   </div>
                              </div>
                         </div>
                                             <div class="tab-pane fade " id="v-pills-2" role="tabpanel" aria-labelledby="v-pills-2-tab">
                              <div class="row">
                                                                                                                   <div class="col-xl-4 col-md-4 col-sm-4 col-12">
                                                                                               <div class="row">
                                                       <div class="col-xl-12 text-center">
                                                            <img src="images/article/news819/n20250321_819.jpg" class="cover-img rounded" alt="n20250321_819.jpg">
                                                       </div>
                                                  </div>
                                                                                          <div class="row">
                                                  <div class="col-xl-12 text-center mt-2">
                                                       <a onclick="newsCount(402,819,'news_tab_index');" href="download/article/article_20250321112049.pdf" target="_blank" title="แผนยุทธศาสตร์การพัฒนาสถาบันพระบรมราชชนก&nbsp;พ.ศ. 2568 - 2570
" class="txt-gray-dark2 font17px">
                                                            <p class="tag_text_new"> แผนยุทธศาสตร์การพัฒนาสถาบันพระบรมราชชนก&nbsp;พ.ศ. 2568 - 2570
 </p>
                                                       </a>
                                                  </div>
                                             </div>

                                        </div>
                                                                                                                   <div class="col-xl-4 col-md-4 col-sm-4 col-12">
                                                                                               <div class="row">
                                                       <div class="col-xl-12 text-center">
                                                            <img src="images/article/news764/n20250114_764.jpg" class="cover-img rounded" alt="n20250114_764.jpg">
                                                       </div>
                                                  </div>
                                                                                          <div class="row">
                                                  <div class="col-xl-12 text-center mt-2">
                                                       <a onclick="newsCount(402,764,'news_tab_index');" href="news_view.php?n_id=764 " target="_blank" title="คู่มือการปฏิบัติงานด้านวิเทศสัมพันธ์
" class="txt-gray-dark2 font17px">
                                                            <p class="tag_text_new"> คู่มือการปฏิบัติงานด้านวิเทศสัมพันธ์
 </p>
                                                       </a>
                                                  </div>
                                             </div>

                                        </div>
                                                                                                                   <div class="col-xl-4 col-md-4 col-sm-4 col-12">
                                                                                               <div class="row">
                                                       <div class="col-xl-12 text-center">
                                                            <img src="images/article/news438/n20240104_438.png" class="cover-img rounded" alt="n20240104_438.png">
                                                       </div>
                                                  </div>
                                                                                          <div class="row">
                                                  <div class="col-xl-12 text-center mt-2">
                                                       <a onclick="newsCount(402,438,'news_tab_index');" href="download/article/article_20250321112614.pdf" target="_blank" title="แผนยุทธศาสตร์การพัฒนาสถาบันพระบรมราชชนก พ.ศ. 2566 &ndash; 2570 ฉบับปรับปรุง ปีงบประมาณ พ.ศ. 2567
" class="txt-gray-dark2 font17px">
                                                            <p class="tag_text_new"> แผนยุทธศาสตร์การพัฒนาสถาบันพระบรมราชชนก พ.ศ. 2566 &ndash; 2570 ฉบับปรับปรุง ปีงบประมาณ พ.ศ. 2567
 </p>
                                                       </a>
                                                  </div>
                                             </div>

                                        </div>
                                                                      <div class="col-12">
                                        <div class="row">
                                             <div class="col-xl-12 col-xl-2 text-right mb-3">
                                                  <a href="more_news.php?c_id=402">
                                                       <h4 class="text_new_more">
                                                            <span class="btn-more-news">ดูเพิ่มเติม</span>
                                                       </h4>
                                                  </a>
                                             </div>
                                        </div>
                                   </div>
                              </div>
                         </div>
                                   </div>
          </div>
     </div>
</div>

<div class="container-fluid">
     <div class="row">
          <div class="col-xl-12">
               <div class="container-fluid mt-4 mb-4">
    <!--<iframe src="https://calendar.google.com/calendar/embed?src=calendar%40pi.ac.th&ctz=Asia%2FBangkok" style="border: 0" width="100%" height="600" frameborder="0" scrolling="no"></iframe>-->
    <iframe src="https://calendar.google.com/calendar/embed?src=c_98aa86eb075c42304d2796657fac628995f949d2c1fcd22c747ef9b06ce07176%40group.calendar.google.com&ctz=Asia%2FBangkok" style="border: 0" width="100%" height="600" frameborder="0" scrolling="no"></iframe>
</div>          </div>
     </div>
</div>

<div class="container-fluid mt-5 mb-4">
     <div class="row">
          <div class="col-xl-12 text-center">
               <h1>คณะและวิทยาลัยในสังกัด</h1>
          </div>
     </div>
</div>
<div class="container-fuid mb-5">
     <div class="box_partner">
          
               <div class="box_1" title="คณะพยาบาลศาสตร์">
                    <div class="Color-tab-0"></div>
                    <div class="row text-center">
                         <div class="col-12 pt-4 mb-3">
                              <a href="https://fon.pi.ac.th/" target="_blank">
                                   <img src="images/banner/banner_image_20230927164658.svg" alt="คณะพยาบาลศาสตร์">
                              </a>
                         </div>
                    </div>
                    <div class="row">
                         <div class="col-12 text-center">
                              <a href="https://fon.pi.ac.th/" target="_blank">
                                   <p class="text_icon_group" title="คณะพยาบาลศาสตร์">คณะพยาบาลศาสตร์</p>
                              </a>
                         </div>
                    </div>
               </div>

          
               <div class="box_1" title="คณะสาธารณสุขศาสตร์และสหเวชศาสตร์">
                    <div class="Color-tab-1"></div>
                    <div class="row text-center">
                         <div class="col-12 pt-4 mb-3">
                              <a href="https://phas.pi.ac.th/" target="_blank">
                                   <img src="images/banner/banner_image_20230927164725.svg" alt="คณะสาธารณสุขศาสตร์และสหเวชศาสตร์">
                              </a>
                         </div>
                    </div>
                    <div class="row">
                         <div class="col-12 text-center">
                              <a href="https://phas.pi.ac.th/" target="_blank">
                                   <p class="text_icon_group" title="คณะสาธารณสุขศาสตร์และสหเวชศาสตร์">คณะสาธารณสุขศาสตร์และสหเวชศาสตร์</p>
                              </a>
                         </div>
                    </div>
               </div>

          
               <div class="box_1" title="คณะแพทยศาสตร์">
                    <div class="Color-tab-2"></div>
                    <div class="row text-center">
                         <div class="col-12 pt-4 mb-3">
                              <a href="https://med.pi.ac.th/" target="_blank">
                                   <img src="images/banner/banner_image_20230927164740.svg" alt="คณะแพทยศาสตร์">
                              </a>
                         </div>
                    </div>
                    <div class="row">
                         <div class="col-12 text-center">
                              <a href="https://med.pi.ac.th/" target="_blank">
                                   <p class="text_icon_group" title="คณะแพทยศาสตร์">คณะแพทยศาสตร์</p>
                              </a>
                         </div>
                    </div>
               </div>

          
               <div class="box_1" title="หลักสูตรทั้งหมด">
                    <div class="Color-tab-3"></div>
                    <div class="row text-center">
                         <div class="col-12 pt-4 mb-3">
                              <a href="https://uat-backend-webpi.pi.ac.th/ewt/pi_web/news_view.php?n_id=565&lang=TH" target="_blank">
                                   <img src="images/banner/banner_image_20230927164753.png" alt="หลักสูตรทั้งหมด">
                              </a>
                         </div>
                    </div>
                    <div class="row">
                         <div class="col-12 text-center">
                              <a href="https://uat-backend-webpi.pi.ac.th/ewt/pi_web/news_view.php?n_id=565&lang=TH" target="_blank">
                                   <p class="text_icon_group" title="หลักสูตรทั้งหมด">หลักสูตรทั้งหมด</p>
                              </a>
                         </div>
                    </div>
               </div>

          
               <div class="box_1" title="วิทยาลัยในสังกัด">
                    <div class="Color-tab-4"></div>
                    <div class="row text-center">
                         <div class="col-12 pt-4 mb-3">
                              <a href="news_view.php?n_id=763" target="_blank">
                                   <img src="images/banner/banner_image_20230927164813.png" alt="วิทยาลัยในสังกัด">
                              </a>
                         </div>
                    </div>
                    <div class="row">
                         <div class="col-12 text-center">
                              <a href="news_view.php?n_id=763" target="_blank">
                                   <p class="text_icon_group" title="วิทยาลัยในสังกัด">วิทยาลัยในสังกัด</p>
                              </a>
                         </div>
                    </div>
               </div>

                    <!-- <div class="box_1" title="สาธารณสุขศาสตร์และสหเวชศาสตร์">
               <div class="Color-tab-2"></div>
               <div class="row text-center">
                    <div class="col-12 pt-4 mb-3">
                         <img src="assets/icon/icon_group_1.svg" alt="">
                    </div>
               </div>
               <div class="row">
                    <div class="col-12 text-center">
                         <p class="text_icon_group" title="พยาบาลศาสตร์">สาธารณสุขศาสตร์และสหเวชศาสตร์</p>
                    </div>
               </div>
          </div>
          <div class="box_1" title="แพทย์ศาสตร์">
               <div class="Color-tab-3"></div>
               <div class="row text-center">
                    <div class="col-12 pt-4 mb-3">
                         <img src="assets/icon/icon_group_1.svg" alt="">
                    </div>
               </div>
               <div class="row">
                    <div class="col-12 text-center">
                         <p class="text_icon_group" title="พยาบาลศาสตร์">แพทย์ศาสตร์</p>
                    </div>
               </div>
          </div>
          <div class="box_1" title="หลักสูตรทั้งหมด">
               <div class="Color-tab-4"></div>
               <div class="row text-center">
                    <div class="col-12 pt-4 mb-3">
                         <img src="assets/icon/icon_10.png" alt="">
                    </div>
               </div>
               <div class="row">
                    <div class="col-12 text-center">
                         <p class="text_icon_group" title="พยาบาลศาสตร์">หลักสูตรทั้งหมด</p>
                    </div>
               </div>
          </div>
          <div class="box_1" title="วิทยาลัยในสังกัด">
               <div class="Color-tab-5"></div>
               <div class="row text-center">
                    <div class="col-12 pt-4 mb-3">
                         <img src="assets/icon/icon_11.png" alt="">
                    </div>
               </div>
               <div class="row">
                    <div class="col-12 text-center">
                         <p class="text_icon_group" title="พยาบาลศาสตร์">วิทยาลัยในสังกัด</p>
                    </div>
               </div>
          </div> -->
     </div>
</div>
<div class="container-fluid mt-4 mb-4">
     <div class="row">
          <div class="col-xl-12">
               ป
               <div class="owl-carousel owl-theme" id="icon_serve">
                                                       <div class="item active">
                         <div class="row" style="justify-content: center;">
                              <a href="https://cloud-u-portal.pi.ac.th" target="_self" >
                              <!-- <a href="#" title="สภาสถาบัน"> -->
                                   <div class="col-xl-12 text-center">
                                        <img src="images/banner/banner_image_20250702130014.png" class="text-center" alt="Cloud University portal" width="120px" style="display: block;
  margin-left: auto;
  margin-right: auto;">
                                   </div>
                                   <div class="col-xl-12 text-center">
                                        <p class="text_cat" title="Admission">Cloud University portal</p>
                                   </div>
                              </a>
                         </div>
                    </div>
                                                            <div class="item ">
                         <div class="row" style="justify-content: center;">
                              <a href="https://council.pi.ac.th/" target="_blank" >
                              <!-- <a href="#" title="สภาสถาบัน"> -->
                                   <div class="col-xl-12 text-center">
                                        <img src="images/banner/banner_image_20240123141604.png" class="text-center" alt="สภาสถาบัน" width="120px" style="display: block;
  margin-left: auto;
  margin-right: auto;">
                                   </div>
                                   <div class="col-xl-12 text-center">
                                        <p class="text_cat" title="Admission">สภาสถาบัน</p>
                                   </div>
                              </a>
                         </div>
                    </div>
                                                            <div class="item ">
                         <div class="row" style="justify-content: center;">
                              <a href="https://ita.pi.ac.th" target="_blank" >
                              <!-- <a href="#" title="สภาสถาบัน"> -->
                                   <div class="col-xl-12 text-center">
                                        <img src="images/banner/banner_image_20240123141640.png" class="text-center" alt="การประเมินคุณธรรมและความโปร่งใส" width="120px" style="display: block;
  margin-left: auto;
  margin-right: auto;">
                                   </div>
                                   <div class="col-xl-12 text-center">
                                        <p class="text_cat" title="Admission">การประเมินคุณธรรมและความโปร่งใส</p>
                                   </div>
                              </a>
                         </div>
                    </div>
                                                            <div class="item ">
                         <div class="row" style="justify-content: center;">
                              <a href="https://moralorg.pi.ac.th/" target="_blank" >
                              <!-- <a href="#" title="สภาสถาบัน"> -->
                                   <div class="col-xl-12 text-center">
                                        <img src="images/banner/banner_image_20250303170038.png" class="text-center" alt="องค์กรคุณธรรม" width="120px" style="display: block;
  margin-left: auto;
  margin-right: auto;">
                                   </div>
                                   <div class="col-xl-12 text-center">
                                        <p class="text_cat" title="Admission">องค์กรคุณธรรม</p>
                                   </div>
                              </a>
                         </div>
                    </div>
                                                            <div class="item ">
                         <div class="row" style="justify-content: center;">
                              <a href="https://piacth.sharepoint.com/sites/pbri" target="_blank" >
                              <!-- <a href="#" title="สภาสถาบัน"> -->
                                   <div class="col-xl-12 text-center">
                                        <img src="images/banner/banner_image_20240123163920.png" class="text-center" alt="PBRI Intranet" width="120px" style="display: block;
  margin-left: auto;
  margin-right: auto;">
                                   </div>
                                   <div class="col-xl-12 text-center">
                                        <p class="text_cat" title="Admission">PBRI Intranet</p>
                                   </div>
                              </a>
                         </div>
                    </div>
                                                            <div class="item ">
                         <div class="row" style="justify-content: center;">
                              <a href="https://piacth.sharepoint.com/:u:/r/sites/hrd_online_school/SitePages/ShowcaseHome.aspx?csf=1&web=1&share=EaW6kcq4WA5Es7zsnAiQPSwBr5KA4qu3P_d5CzuIocANwg&e=pqYv92" target="_blank" >
                              <!-- <a href="#" title="สภาสถาบัน"> -->
                                   <div class="col-xl-12 text-center">
                                        <img src="images/banner/banner_image_20240123162411.png" class="text-center" alt="HRD Online School" width="120px" style="display: block;
  margin-left: auto;
  margin-right: auto;">
                                   </div>
                                   <div class="col-xl-12 text-center">
                                        <p class="text_cat" title="Admission">HRD Online School</p>
                                   </div>
                              </a>
                         </div>
                    </div>
                                                            <div class="item ">
                         <div class="row" style="justify-content: center;">
                              <a href="https://www.facebook.com/pbripi2562/" target="_blank" >
                              <!-- <a href="#" title="สภาสถาบัน"> -->
                                   <div class="col-xl-12 text-center">
                                        <img src="images/banner/banner_image_20240123105814.png" class="text-center" alt="PBRI Facebook" width="120px" style="display: block;
  margin-left: auto;
  margin-right: auto;">
                                   </div>
                                   <div class="col-xl-12 text-center">
                                        <p class="text_cat" title="Admission">PBRI Facebook</p>
                                   </div>
                              </a>
                         </div>
                    </div>
                                                            <div class="item ">
                         <div class="row" style="justify-content: center;">
                              <a href="https://www.youtube.com/@PBRIChannel" target="_blank" >
                              <!-- <a href="#" title="สภาสถาบัน"> -->
                                   <div class="col-xl-12 text-center">
                                        <img src="images/banner/banner_image_20240123111208.png" class="text-center" alt="PBRI Channel" width="120px" style="display: block;
  margin-left: auto;
  margin-right: auto;">
                                   </div>
                                   <div class="col-xl-12 text-center">
                                        <p class="text_cat" title="Admission">PBRI Channel</p>
                                   </div>
                              </a>
                         </div>
                    </div>
                                                            <div class="item ">
                         <div class="row" style="justify-content: center;">
                              <a href="https://www.tiktok.com/@pbri_moph" target="_blank" >
                              <!-- <a href="#" title="สภาสถาบัน"> -->
                                   <div class="col-xl-12 text-center">
                                        <img src="images/banner/banner_image_20240129092725.png" class="text-center" alt="PBRI TikTok" width="120px" style="display: block;
  margin-left: auto;
  margin-right: auto;">
                                   </div>
                                   <div class="col-xl-12 text-center">
                                        <p class="text_cat" title="Admission">PBRI TikTok</p>
                                   </div>
                              </a>
                         </div>
                    </div>
                                   </div>
          </div>
     </div>
</div>
<div class="container-fluid mb-5">
     <div class="row">
          <div class="col-xl-12">
               <!-- EBSCO Search Box Begins -->
<style type="text/css">
     .ebscowrapper {
          display: flex;
          flex-flow: row wrap;
          text-align: center;
          box-sizing: border-box;
          padding:12px;
     }

     .ebscowrapper .header {
          font-size: 24px;
     }

     .ebscowrapper>* {
          padding: 0px 16px;
          flex: 1 100%;
     }

     .ebscowrapper .searchTerm {
          box-sizing: border-box;
          font-size: 20px;
          width: 100%;
          border: 1px solid #002f56;
          border-bottom: none;
          padding: 8px;
          padding-left: 16px;
          height: 56px;
          border-radius: 6px 6px 0 0;
          outline: none;
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
     }

     .ebscowrapper .searchTerm:focus {
          color: #333;
     }

     .ebscowrapper .searchButton {
          box-sizing: border-box;
          width: 100%;
          height: 56px;
          border: 1px solid #002f56;
          background: #002f56;
          text-align: center;
          color: #FFFFFF;
          border-radius: 0 0 6px 6px;
          cursor: pointer;
          font-size: 24px;
          white-space: nowrap;
          padding: 0 16px;
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
     }

     .ebscowrapper .searchButton .text {
          max-width: 18ch;
          overflow: hidden;
          display: inline-flex;
     }

     .ebscowrapper .aside-1 {
          text-align: left;
     }

     .ebscowrapper .aside-1 label {
          align-items: center;
          display: inline-flex;
          white-space: nowrap;
     }

     .ebscowrapper .aside-1 label:not(:last-child) {
          padding-right: 8px;
     }

     .ebscowrapper .aside-2 {
          text-align: right;
          padding-left: 20px;
          white-space: nowrap;
     }

     .ebscowrapper select {
          height: 56px;
          font-size: 20px;
          margin-bottom: 10px;
          width: 100%;
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
          padding-left: 16px;
     }

     @media all and (min-width:800px) {
          .ebscowrapper .main {
               display: flex;
          }

          .ebscowrapper .aside-1 {
               flex: 5;
          }

          .ebscowrapper .aside-2 {
               flex: 1;
               text-align: right;
               /* padding-right: 50px; */
          }

          .ebscowrapper select {
               flex: 1;
               margin-right: 10px;
               margin-bottom: 0;
               min-width: 130px;
               padding-left: 16px;
          }

          .ebscowrapper .searchTerm {
               flex: 5;
               padding-left: 16px;
               border-right: none;
               border-radius: 6px 0 0 6px;
               border-bottom: 1px solid #002f56;
          }

          .ebscowrapper .searchButton {
               flex: 1;
               border-radius: 0 6px 6px 0;
               font-size: 24px;
          }

          .ebscowrapper .searchButton .text {
               max-width: none;
          }
     }
</style>


<div class="container-fluid my-4 text-center">
     <h3>
          ฐานข้อมูลสืบค้นออนไลน์
     </h3>
</div>

<div class="container-fluid mt-4">
     <div class="row">
          <div class="col-xl-12">
               <div class="bg_seach">
                    <div class="row">
                         <div class="col-xl-12">
                              <h4 class="text_h_seach">EDS HEALTH (CINAHL New version) & EBSCO Discovery Service</h4>
                         </div>
                    </div>
                    <!-- <form>
                         <div class="row">
                              <div class="col-xl-3 col-12 col-sm-3">
                                   <div class="form-group form_keyword">
                                        <select class="form-control" id="exampleFormControlSelect1">
                                             <option>Keyword</option>
                                             <option>Keyword</option>
                                             <option>Keyword</option>
                                             <option>Keyword</option>
                                             <option>Keyword</option>
                                        </select>
                                   </div>
                              </div>
                              <div class="col-xl-6 col-12 col-sm-5">
                                   <div class="form-group form_text">
                                        <input type="text" class="form-control" id="exampleFormControlInput1" placeholder="ค้นหาหนังสือ, บทความและอื่นๆ">
                                   </div>
                              </div>
                              <div class="col-xl-3 col-12 col-sm-4 text-center">
                                  <button class="but_seach" title="ค้นหา">ค้นหา</button>
                              </div>
                         </div>   
                    </form>    -->

                    <form action="https://widgets.ebscohost.com/prod/search/index-sbb2.php" target="_blank" />
                    <input name="interface" value="eds" type="hidden" />
                    <input name="custid" value="ns234579" type="hidden" />
                    <input name="groupid" value="main" type="hidden" />
                    <input name="profid" value="eds" type="hidden" />
                    <input name="authtype" value="ip,uid,guest" type="hidden" />

                    <div class="ebscowrapper">
                         <div class="main">
                              <select id="search_prefix" name="search_prefix" class="form-group">
                                   <option value="" selected="selected">Keyword</option>
                                   <option value="TI ">Title</option>
                                   <option value="AU ">Author</option>
                              </select>
                              <input name="bquery" type="text" class="searchTerm form-group"
                                   placeholder="e.g., Search books, articles, media and more..." />
                              <button class="searchButton" type="submit">
                                   <div class="text text-white">Search </div>
                              </button>
                         </div>
                         <div class="aside aside-2">

                              <a href="https://widgets.ebscohost.com/prod/search/index-sbb2.php?authtype=ip,guest,uid&interface=eds&custid=ns234579&groupid=main&profid=eds&proxy=&encodetarget=&advancedlink=Y"
                                   target="_blank" class="text-white">Advanced Search</a>
                         </div>


                    </div>
                    </form>
               </div>
          </div>
     </div>
</div>          </div>
     </div>
</div>

<!-- <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script> -->
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js"></script> -->

<script>
$(document).ready(function(){
  $('#icon_serve').owlCarousel({
    loop:true,
    margin:10,
    nav:true,
    responsive:{
        0:{
            items:2
        },
        600:{
            items:4
        },
        1000:{
            items:6
        }
    }
     })
});
</script>

<br>

<div class="container-fluid p-3">
    <div class="row">
          <div class="col-xl-12 col-md-12">
               <div class="row">
                    <div class="col-xl-12">
                         <div class="row">
                              <div class="col-xl-10 col-9">
                                   <div class="row">
                                        <div class="col-xl-12 col-xl-10 tex-center">
                                             <h4 class="text_new_section">ข่าวจัดซื้อจัดจ้าง (e-gp) สบช.</h4>
                                             <div class="line_new"></div>
                                        </div>
                                   </div>
                              </div>
                         </div>
                    </div>
               </div>
          </div>
    </div>
    <div class="row">
          <div class="col-xl-12 col-md-12">
               <div class="row mt-2">
                     

                         <div class="col-xl-3 col-12 col-sm-3" style="padding: 10px;">
                              <a href="https://finance-division.pi.ac.th/news_view.php?n_id=885" target="_blank">
                                   <div class="row">
                                        <div class="col-12">
                                             <div class="icon__block">
                                                  <img src="https://finance-division.pi.ac.th/images/article/news885/n20250707_885.jpg"  style="width:100%; height:210px; object-fit: cover;">
                                             </div>
                                                                      
                                        </div>
                                   </div>
                                   <div class="row">
                                             <div class="col-12">
                                                  <p class="tag_text_new mt-3 ">
                                                        ประกาศเชิญชวน ประกวดราคาเช่าบริการระบบ Cloud Computing ด้วยวิธีประกวดราคาอิเล็กทรอนิกส์ (e-bidding) ครั้งที่ 2
                                                  </p>
                                             </div>
                                   </div>
                                   <div class="row">
                                             <div class="col-12">
                                                  <p class="tag_text_new_detial ">
                                                       สถาบันพระบรมราชชนก ขอประกาศเชิญชวน ประกวดราคาเช่าบริการระบบ Cloud Computing ด้วยวิธีประกวดราคาอิเล็กทรอนิกส์ (e-bidding) ครั้งที่ 2
                                                  </p>
                                             </div>
                                   </div>
                              </a>

                         </div>
                     

                         <div class="col-xl-3 col-12 col-sm-3" style="padding: 10px;">
                              <a href="https://finance-division.pi.ac.th/news_view.php?n_id=884" target="_blank">
                                   <div class="row">
                                        <div class="col-12">
                                             <div class="icon__block">
                                                  <img src="https://finance-division.pi.ac.th/images/article/news884/n20250701_884.jpg"  style="width:100%; height:210px; object-fit: cover;">
                                             </div>
                                                                      
                                        </div>
                                   </div>
                                   <div class="row">
                                             <div class="col-12">
                                                  <p class="tag_text_new mt-3 ">
                                                        ประกาศราคากลาง ร่างขอบเขตของงาน ร่างประกาศ และร่างเอกสารประกวดราคาเช่าบริการระบบ Cloud Computing ด้วยวิธีประกวดราคาอิเล็กทรอนิกส์ (e-bidding) ครั้งที่ 2
                                                  </p>
                                             </div>
                                   </div>
                                   <div class="row">
                                             <div class="col-12">
                                                  <p class="tag_text_new_detial ">
                                                       สถาบันพระบรมราชชนก ขอประกาศราคากลาง ร่างขอบเขตของงาน ร่างประกาศ และร่างเอกสารประกวดราคาเช่าบริการระบบ Cloud Computing ด้วยวิธีประกวดราคาอิเล็กทรอนิกส์ (e-bidding) ครั้งที่ 2
                                                  </p>
                                             </div>
                                   </div>
                              </a>

                         </div>
                     

                         <div class="col-xl-3 col-12 col-sm-3" style="padding: 10px;">
                              <a href="https://finance-division.pi.ac.th/news_view.php?n_id=883" target="_blank">
                                   <div class="row">
                                        <div class="col-12">
                                             <div class="icon__block">
                                                  <img src="https://finance-division.pi.ac.th/images/article/news883/n20250624_883.jpg"  style="width:100%; height:210px; object-fit: cover;">
                                             </div>
                                                                      
                                        </div>
                                   </div>
                                   <div class="row">
                                             <div class="col-12">
                                                  <p class="tag_text_new mt-3 ">
                                                        ประกาศผู้ชนะการเสนอราคา ประกวดราคาซื้อครุภัณฑ์คอมพิวเตอร์ จำนวน 5 รายการ ด้วยวิธีประกวดราคาอิเล็กทรอนิกส์ (e-bidding)
                                                  </p>
                                             </div>
                                   </div>
                                   <div class="row">
                                             <div class="col-12">
                                                  <p class="tag_text_new_detial ">
                                                       สถาบันพระบรมราชชนก ขอประกาศผู้ชนะการเสนอราคา ประกวดราคาซื้อครุภัณฑ์คอมพิวเตอร์ จำนวน 5 รายการ ด้วยวิธีประกวดราคาอิเล็กทรอนิกส์ (e-bidding)
                                                  </p>
                                             </div>
                                   </div>
                              </a>

                         </div>
                     

                         <div class="col-xl-3 col-12 col-sm-3" style="padding: 10px;">
                              <a href="https://finance-division.pi.ac.th/news_view.php?n_id=879" target="_blank">
                                   <div class="row">
                                        <div class="col-12">
                                             <div class="icon__block">
                                                  <img src="https://finance-division.pi.ac.th/images/article/news879/n20250528_879.jpg"  style="width:100%; height:210px; object-fit: cover;">
                                             </div>
                                                                      
                                        </div>
                                   </div>
                                   <div class="row">
                                             <div class="col-12">
                                                  <p class="tag_text_new mt-3 ">
                                                        ประกาศเชิญชวน ประกวดราคาซื้อครุภัณฑ์คอมพิวเตอร์ จำนวน 5 รายการ ด้วยวิธีประกวดราคาอิเล็กทรอนิกส์ (e-bidding)
                                                  </p>
                                             </div>
                                   </div>
                                   <div class="row">
                                             <div class="col-12">
                                                  <p class="tag_text_new_detial ">
                                                       สถาบันพระบรมราชชนก ขอประกาศเชิญชวน ประกวดราคาซื้อครุภัณฑ์คอมพิวเตอร์ จำนวน 5 รายการ ด้วยวิธีประกวดราคาอิเล็กทรอนิกส์ (e-bidding)
                                                  </p>
                                             </div>
                                   </div>
                              </a>

                         </div>
                                   </div>
               <div class="row">
                              <div class="col-xl-12 col-xl-2 text-right">
                                   <a href="https://finance-division.pi.ac.th/more_news.php?c_id=536">
                                        <h4 class="text_new_more">
                                             <span class="btn-more-news">ดูเพิ่มเติม</span>
                                        </h4>
                                   </a>
                              </div>
               </div>
          </div>
    </div>
</div>
            
    <!-- <script src="assets/js/jquery.js"></script> -->
    <script src="assets/js/jquery-3.6.4.min.js"></script>
    <script src="assets/js/popper.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
      <!-- datepicker -->
      <script src="assets/datepicker/js/bootstrap-datepicker.js"></script>
    <script src="assets/datepicker/js/bootstrap-datepicker-thai.js"></script>
    <script src="assets/datepicker/js/locales/bootstrap-datepicker.th.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jquery-ui-sortable@1.0.0/jquery-ui.min.js"></script>
    <script src="assets/js/font_size.js"></script>
    <script src="assets/js/change_color.js"></script>
    <!-- <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script> -->
   
    <script src="assets/js/owl.carousel.min.js"></script>
    <!-- <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script> -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js"></script>
    <script>
        $(document).ready(function() {
            //select2
            $('.select2').select2({
                width: '100%',
                theme: "bootstrap"
            });

            // datepicker
            $(".datepicker").datepicker({
                language: 'th-th',
                format: 'dd/mm/yyyy',
                autoclose: true
            });

            CKEDITOR.editorConfig = function(config) {
                config.replace = "ckeditor";
            };

            if (!Notification) {
                $('body').append('*Browser does not support Web Notification');
                return;
            }

            notification();
        });

        // let interval = setInterval(function() {
        //     notification();
        // }, 1000);

        function notification() {
            if (Notification.permission !== "granted") {
                Notification.requestPermission();
            } else {
                $.ajax({
                    url: "ajax/notification.ajax.php",
                    type: "POST",
                    data: {
                        type: 'article',
                    },
                    datatype: "text",
                    success: function(response, textStatus, jqXHR) {
                        var response = JSON.parse(response, true);
                        // console.log(response);
                        if (response.result == true) {
                            var notificationDetails = response.notif;
                            for (var i = notificationDetails.length - 1; i >= 0; i--) {
                                var notificationUrl = notificationDetails[i]['url'];
                                var notificationObj = new Notification(notificationDetails[i]['title'], {
                                    icon: notificationDetails[i]['icon'],
                                    body: notificationDetails[i]['message'],
                                });
                                notificationObj.onclick = function() {
                                    window.open(notificationUrl);
                                    notificationObj.close();
                                };
                                // setTimeout(function() {
                                //     notificationObj.close();
                                // }, 5000);
                            };
                        }
                    },
                    error: function(jqXHR, textStatus, errorThrown) {
                        console.log(textStatus);
                    }
                });
            }
        }
    </script>
    <script>
      $(document).ready(function(){
    $('#icon_serve').owlCarousel({
      loop:true,
      margin:10,
      nav:true,
      responsive:{
          0:{
              items:2
          },
          600:{
              items:4
          },
          1000:{
              items:6
          }
      }
  })
});
</script>
<script>
$(document).ready(function() {
    $.ajax({
        url: 'func_visitor_stat.php',
        data: {
            'proc': 'VisitorStat',
            't': 'page',
            'filename': '/robots.txt',
            'load': '0',
            'res': screen.width + 'x' + screen.height
        },
        dataType: 'json',
        type: "POST",
        beforeSend: function() {
        },
        success: function(data) {
        //console.log(data);
        }
    });
});
</script>
  </body>
</html>
<style>
    .bg-footer {
        background-color: #222B4D;
    }
</style>

<footer class="py-4 border-top bg-footer txt-white">
    <div class="container-fluid">
        <div class="row mr-0 ml-0">
            <div class="col-lg-4 col-md-4 col-sm-12 col-12">
                <div class="row">
                    <div class="col-12">
                        <div class="font25px mb-3"> ข้อมูลติดต่อ </div>
                    </div>
                    <div class="col-6 col-md">

                        <!-- Open Add GoogleMap -->
                        <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>
                        <!-- Close Add GoogleMap -->
                        <ul class="list-unstyled text-small">
                            <li> สถาบันพระบรมราชชนก <br />
88/20 อาคาร 4 ชั้น 6,7,8,9 <br />
ตึกสำนักงานปลัดกระทรวงสาธารณสุข <br />
ถนนติวานนท์ ตำบลตลาดขวัญ อำเภอเมือง<br />
จังหวัดนนทบุรี 11000 </li>
                        </ul>
                        <!-- <p class="text_footer">
                            โทรศัพท์ : 0-2590-1918<br>
                            โทรสาร  : 0-2590-1918<br>
                            อีเมล :  saraban@pi.ac.th                        </p> -->
                        <!-- <div class="row">
                            <div class="mr-1">
                                <a href="#">
                                    <img src="assets/icon/facebook_footer.png" alt="">
                                </a> 
                            </div>
                            <div class="mr-1">
                                <a href="#">
                                    <img src="assets/icon/youtube.png" alt="">
                                </a> 
                            </div>
                            <div class="mr-1">
                                <a href="#">
                                    <img src="assets/icon/mail.png" alt="">
                                </a> 
                            </div>
                        </div> -->
                        <!-- <div class="row">
                         <div class="col-12">
                              <p class="visitors">จำนวนผู้เข้าชม :    </p>
                         </div>
                        </div>  -->
                    </div>
                </div>
            </div>
            
            <div class="col-xl-2 col-md-6">
            <p class="text_footer mt-5">
                            โทรศัพท์ : 0-2590-1918<br>
                            โทรสาร  : 0-2590-1918<br>
                            อีเมล :  saraban@pi.ac.th                        </p>
                        <div class="row">
                            <div class="col-xl-12">
                                <div class="d-flex">
                                    <div class="mr-1">
                                    <a href="https://www.facebook.com/pbripi2562/">
                                        <img src="assets/icon/facebook_footer.png" alt="">
                                    </a> 
                                </div>
                                <div class="mr-1">
                                    <a href="https://www.youtube.com/@pi-university">
                                        <img src="assets/icon/youtube.png" alt="">
                                    </a> 
                                </div>
                                <div class="mr-1">
                                    <a href="https://www.tiktok.com/@pbri_moph">
                                        <img src="assets/icon/mail.png" alt="">
                                    </a> 
                                </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                         <div class="col-12">
                              <p class="visitors">จำนวนผู้เข้าชม : </p>
                         </div>
                    </div> 
                <!-- <div class="col-12">
                    <div class="row">
                         <div class="col-12">
                             <h4 class="h_footer">ระบบสารสนเทศและการบริการ</h4>
                         </div>
                    </div> 
                    <div class="row">
                        <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://planing2568.pi.ac.th" title="ระบบติดตามแผนปฏิบัติการ ปีงบประมาณ 2568" target="_self"> ระบบติดตามแผนปฏิบัติการ ปีงบประมาณ 2568 </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://hr.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://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://billing.pi.ac.th/" title="ระบบชำระเงินนักศึกษา (e-Billing)" target="_self"> ระบบชำระเงินนักศึกษา (e-Billing) </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="http://slip.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://meetingroom.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://law.pi.ac.th/news_view.php?n_id=867&lang" 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>
                </div> -->
            </div>
            <div class="col-xl-6 col-md-6">
                <!-- <div class="col-12">
                    <div class="row">
                         <div class="col-12">
                             <h4 class="h_footer">เว็บไซต์ที่เกี่ยวข้อง</h4>
                         </div>
                    </div> 
                    <div class="row">
                                            </div>
                </div> -->
                <div class="col-12">
                    <div class="row">
                         <div class="col-12">
                             <h4 class="h_footer">ระบบสารสนเทศและการบริการ</h4>
                         </div>
                    </div> 
                    <div class="row">
                        <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://planing2568.pi.ac.th" title="ระบบติดตามแผนปฏิบัติการ ปีงบประมาณ 2568" target="_self"> ระบบติดตามแผนปฏิบัติการ ปีงบประมาณ 2568 </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://hr.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://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://billing.pi.ac.th/" title="ระบบชำระเงินนักศึกษา (e-Billing)" target="_self"> ระบบชำระเงินนักศึกษา (e-Billing) </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="http://slip.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://meetingroom.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://law.pi.ac.th/news_view.php?n_id=867&lang" 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>
                </div>
            </div>
        </div>
    </div>
</footer>
<div class="container-fluid">
    <div class="container-fluid">
        <div class="row">
            <div class="col-xl-6 col-sm-6">
                <p class="m-2 reserved">สงวนลิขสิทธิ์ © สถาบันพระบรมราชชนก กระทรวงสาธารณสุข</p>
            </div>    
            <div class="col-xl-6 col-sm-6">
                <div class="d-flex">
                    <div class="m-2">
                        <a href="download/article/article_20240104155937.pdf" target="_blank" class="details_footer"  title="ข้อกำหนดและเงื่อนไข"> แนวปฏิบัติการคุ้มครองข้อมูลส่วนบุคคล </a>
                    </div>
                    <div  class="m-2">
                        <a href="download/article/article_20240104155917.pdf" target="_blank" class="details_footer" title="นโยบายความเป็นส่วนตัว"> แนวปฏิบัติการรักษาความมั่นคงปลอดภัยด้านสารสนเทศ </a> 
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" tabindex="-1" id="inlineForm1" role="dialog">
				<div class="modal-dialog modal-lg">
					<div class="modal-content">
						<div class="modal-body p-0">
						  <div class="row">
							<div class="col-12 text-center">
								<img src="https://pi.ac.th/images/ita/EIT ระดับสถาบัน (ITAS).png" width="250px">
                                
                                <h5 style="margin-top:-10px;"><b>QR Code EIT สถาบันพระบรมราชชนก</b></h5>
								<div class="row" style="padding:30px;margin-top:-20px;">
									<div class="col-12 mx-auto text-left">
										<h6>
											<b>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ขอเชิญชวนนักศึกษา ผู้ปกครอง ผู้รับบริการ ของสถาบันพระบรมราชชนก ร่วมประเมินคุณภาพการดำเนินงาน ประเมินประสิทธิภาพการสื่อสาร และการปรับปรุงระบบบริการ</b>
										</h6>
									</div>
									<div class="col-12 mx-auto text-left">
										<span>
											&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; การประเมินผู้มีส่วนได้ส่วนเสียภายนอก (External Integrity and Transparency Assessment: EIT) 
											ได้แก่ บุคคล นิติบุคคล บริษัทเอกชน ผู้ปกครอง นักเรียน นักศึกษา หน่วยงานของรัฐอื่นที่เข้ามาใช้บริการ 
											หรือมาติดต่อภารกิจของหน่วยงานภาครัฐ รวมไปถึงพนักงานจ้างเหมาบริการ
										</span>
									</div>
								</div>
							</div>
						  </div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-danger text-white" id="btnCloseModal" data-dismiss="modal" style="font-size:20px;">ปิด</button>
						</div>
					</div>
				</div>
</div>

<script>
    $(document).ready(function(){
        $("#inlineForm1").modal();
    });
</script>



HTTP/1.1 200 OK
Server: nginx/1.18.0 (Ubuntu)
Date: Sat, 12 Jul 2025 08:09:06 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: keep-alive
Set-Cookie: PHPSESSID=j6i01hej63divekhjnd5ervrcg; path=/
Expires: Thu, 19 Nov 1981 08:52:00 GMT
Cache-Control: no-store, no-cache, must-revalidate
Pragma: no-cache
Content-Encoding: gzip

iframe