| Server IP : 134.236.49.22 / Your IP : 216.73.216.114 Web Server : Apache/2.2.15 (Fedora) System : Linux km10.dyndns.org 2.6.31.5-127.fc12.i686.PAE #1 SMP Sat Nov 7 21:25:57 EST 2009 i686 User : apache ( 48) PHP Version : 5.3.3 Disable Function : NONE MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/html/test/ |
Upload File : |
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<meta name="description" content="BANCHANG HOSPITAL" />
<title>โรงพยาบาลสัตหีบ กม.10</title>
<link href="https://fonts.googleapis.com/css?family=Athiti:500,600&display=swap" rel="stylesheet">
<link href="css/bootstrap.minx.css" rel="stylesheet" type="text/css">
<link href="css/bootstrap1.css" rel="stylesheet" type="text/css">
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Athiti:500,600&display=swap" rel="stylesheet">
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="css/animate.css" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Itim&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Itim&family=Sriracha&display=swap" rel="stylesheet">
<!-- Squad theme CSS -->
<link href="css/style.css" rel="stylesheet">
<link href="color/default.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Athiti:500,600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
<!-- fullCalendar 2.2.5-->
<link href="https://fonts.googleapis.com/css?family=Athiti:500,600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="plugins/fullcalendar/fullcalendar.min.css">
<script src="js/jquery-1.6.3.min.js"></script>
<script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orestbida/cookieconsent@v2.8.6/dist/cookieconsent.css">
<link rel="stylesheet" href="css/custom_consent.css"/>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Itim&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Itim&family=Sriracha&display=swap" rel="stylesheet">
<script language="javascript">
jQuery.noConflict();
jQuery( document ).ready(function( $ ) {
$('a[id^="edit"]').fancybox({
'width' : '80%',
'height' : '80%',
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut' : 'none',
'type' : 'iframe',
onClosed : function() {
// parent.location.reload(true);
}
});
});
</script>
</header>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<style>
/** START POPUP CSS **/
.vcms__popup-check {
display: none;
}
.vcms__popup {
position: fixed;
z-index: 1000;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(255, 255, 255, 0.85);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: visibility 0s, opacity 0.25s ease-in-out;
transition-delay: 0.65s, 0.2s;
}
.vcms__popup-check:checked + .vcms__popup {
opacity: 1;
visibility: visible;
transition-delay: 0s, 0s;
}
.vcms__popup .inner {
width: 980px;
max-width: 95%;
border-radius: 20px;
box-shadow: 0 9px 23px 0 rgba(0, 0, 0, 0.15);
background-color: #fff;
box-sizing: border-box;
margin-bottom: 70px;
opacity: 0;
transition: margin-bottom 0.4s cubic-bezier(0.42, 0.72, 0.37, 1.31),
opacity 0.25s ease-in-out;
transition-delay: 0s, 0s;
}
.vcms__popup-check:checked + .vcms__popup .inner {
transition-delay: 0.15s, 0.15s;
margin-bottom: 0;
opacity: 1;
}
.vcms__popup .inner .header {
padding: 20px 25px 13px;
font-size: 20px;
color: #fff;
background: linear-gradient(105deg, #0f836d, #2399b7);
border-top-right-radius: 20px;
border-top-left-radius: 20px;
}
.vcms__popup .inner .txt {
line-height: 27px;
padding: 20px 25px;
max-height: calc(100vh - 260px);
overflow: auto;
}
.vcms__popup .inner .footer {
box-sizing: border-box;
padding: 15px 25px 20px;
border-top: 1px solid #efefef;
display: flex;
justify-content: flex-end;
background-color: rgba(255, 255, 255, 0.6);
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}
.vcms__popup .inner .footer .btn {
height: 43px;
width: 200px;
flex-grow: 0;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
color: #ed8e2c;
text-decoration: none;
font-size: 13px;
border: 2px solid #ed8e2c;
border-radius: 21.5px;
box-sizing: border-box;
font-weight: 600;
transition: all 0.15s ease-in-out;
}
.vcms__popup .inner .footer .close {
height: 43px;
width: 200px;
display: flex;
align-items: center;
justify-content: center;
color: #ed8e2c;
text-decoration: none;
font-size: 16px;
border: 2px solid #ed8e2c;
border-radius: 21.5px;
margin-left: 7px;
box-sizing: border-box;
font-weight: 600;
cursor: pointer;
flex-grow: 0;
flex-shrink: 0;
transition: all 0.15s ease-in-out;
}
.vcms__popup .inner .footer .btn:hover,
.vcms__popup .inner .footer .close:hover {
background-color: #1d83d2;
color: #fff;
border: 2px solid #1d83d2;
}
</style>
<style>
/* General */
html, body { /* height: 100%; */ }
body { background: #41a9aa; position: relative; }
/* Navbar */
.better-nav { word-wrap: break-word; background: linear-gradient(to top right, #edf3fd,#f8fafe 90%); box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.14); height: 98px; margin-bottom: 30px; } /* Set the height of the navbar */
.better-nav a:hover,
.better-nav .container { height: 75%; }
.container .better-nav .container { max-width: 100%; }
/* Fixed */
.better-nav.fixed-top { position: fixed; top: 0; left: 0; right: 0; z-index: 90; }
.better-nav.fixed-bottom { position: fixed; bottom: 0; left: 0; right: 0; z-index: 90; }
/* Head */
.better-nav .head { float: left; height: 100%; }
.better-nav .head .brand { display: block; opacity: 1; padding: 22px 0; height: 100%; text-decoration: none; }
.better-nav .head .brand .logo { float: left; margin-right: 30px; height: 100%; }
.better-nav .head .brand .logo .image { float: left; height: 55; width: auto; width: auto; }
.better-nav .head .brand .title { float: left; display: table; height: 100%; }
.better-nav .head .brand .title h3 { display: table-cell; vertical-align: middle; font-size: 24px; font-weight: bold; font-family: 'Itim', cursive; color:#1e60a2; }
/* Body */
.better-nav .body { float: right; height: 100%; }
.better-nav .body li:hover,
.better-nav .body li:focus { background: #c6dcfd; }
.better-nav .body li:hover > a,
.better-nav .body li:focus > a { opacity: 1; }
.better-nav .body ul { list-style: none; margin: 0; padding: 0; height: 100%; }
.better-nav .body ul li.active { background: #c6dcfd; }
.better-nav .body > ul > li { display: table; float: left; height: 100%; }
.better-nav .body > ul > li > a { display: table-cell; vertical-align: middle; text-decoration: none; padding: 0 20px; }
/* Dropdown */
.better-nav .body ul li.dropdown { position: relative; }
.better-nav .body ul li.dropdown > a::after { content: "\f0d7"; font: normal normal normal 14px/1 FontAwesome; margin-left: 5px; text-decoration: none; opacity: 0.2; }
.better-nav .body ul li.dropdown:hover a:after { opacity: 1; }
.better-nav .body ul li.dropdown:hover > ul { transform: scale(1); max-height: 500px; }
.better-nav .body ul li.dropdown ul { min-width: 160px; max-width: 240px; transform: scale(0); transition: all 300ms ease; background: #e9f9f9; max-height: 0; position: absolute; top: 100%; right: 0; z-index: 10; height: initial; }
.better-nav .body ul li.dropdown ul li { height: initial; }
.better-nav .body ul li.dropdown ul li a { display: block; padding: 15px; text-decoration: none; }
.better-nav .body ul li.dropdown ul .dropdown ul { right: 100%; top: 0; }
/* Fixed Bottom */
.better-nav.fixed-bottom .body ul li.dropdown ul { bottom: 100%; top: initial; }
.better-nav.fixed-bottom .body ul li.dropdown ul .dropdown ul { bottom: 0; top: initial; }
/* Search */
.better-nav .body .more a::after { display: none; }
.better-nav .body .search { padding: 15px; }
.better-nav .body .search form { position: relative; min-width: 160px; width: 100%; }
.better-nav .body .search form input { width: 100%; height: 40px; padding: 10px 50px 10px 10px; }
.better-nav .body .search form button { width: 40px; height: 40px; padding: 0; position: absolute; right: 0; top: 0; }
/* Toggle */
.better-nav .toggle { display: none; float: right; height: 100%; }
.better-nav .toggle a { display: table; height: 100%; text-decoration: none; }
.better-nav .toggle a i { display: table-cell; vertical-align: middle; padding: 0 15px; font-size: 24px; }
/* Navbar Slide */
#navbar-slide { position: fixed; top: 0; bottom: 0; left: -80%; width: 80%; z-index: 94; background: #fff; overflow: auto; padding: 0; margin: 0; }
/* Navbar Pills */
.container .better-nav-pills .container { max-width: 100%; }
.better-nav-pills { padding: 0 15px; background: #fff; margin-bottom: 30px; }
.better-nav-pills a { color: #000; opacity: 0.6; }
.better-nav-pills a:hover,
.better-nav-pills a:focus { opacity: 1.0; }
.better-nav-pills .head { height: 100%; }
.better-nav-pills .head .brand { display: block; opacity: 1; padding: 15px 0; height: 100%; text-decoration: none; }
.better-nav-pills .head .brand .logo { margin: 30px; text-align: center; height: 100%; }
.better-nav-pills .head .brand .logo .image { height: 100%; width: auto; width: auto; }
.better-nav-pills .head .brand .title { margin: 30px 0; display: table; text-align: center; width: 100%; height: 100%; }
.better-nav-pills .head .brand .title h3 { opacity: 0.7; display: table-cell; vertical-align: middle; font-size: 24px; font-weight: bold; font-family: 'Itim', cursive; }
.better-nav-pills .head .brand .title h3:hover,
.better-nav-pills .head .brand .title h3:focus { opacity: 1; }
.better-nav-pills .body { margin: 0 0 30px; }
.better-nav-pills .body a { opacity: 0.6; background-color: #e3e3e3; }
.better-nav-pills .body a:hover,
.better-nav-pills .body a:focus { opacity: 1.0; }
.better-nav-pills .body ul { transition: all 300ms ease; list-style: none; margin: 0; padding: 0; }
.better-nav-pills .body ul li { margin: 1px 0 1px; }
.better-nav-pills .body ul li a { position: relative; display: block; padding: 15px; text-decoration: none; }
.better-nav-pills .body ul li.active > a::before { content: "\f0da"; font: normal normal normal 14px/1 FontAwesome; position: absolute; left: 5px; top: 50%; margin-top: -7px; opacity: 0.5; }
/* Dropdowns */
.better-nav-pills .body ul li.dropdown ul { max-height: 0; overflow: hidden; margin: 0 0 0 30px; }
.better-nav-pills .body ul li.dropdown.opened > ul { max-height: 1000px; margin: 0 0 -1px 30px; }
.better-nav-pills .body ul li.dropdown ul li a { position: relative; }
.better-nav-pills .body ul li.dropdown > a { margin-right: 51px; }
.better-nav-pills .body ul li.dropdown > .selector { position: absolute; cursor: pointer; z-index: 30; top: 0; right: 0; width: 50px; height: 50px; background: rgba(0,0,0,0.1); text-align: center; opacity: 0.6; }
.better-nav-pills .body ul li.dropdown > .selector:hover { opacity: 1; }
.better-nav-pills .body ul li.dropdown > .selector::before { transition: all 300ms ease; content: "\f0d7"; font: normal normal normal 24px/1 FontAwesome; margin-top: 12px; display: block; opacity: 0.5; }
.better-nav-pills .body ul li.dropdown.opened > .selector::before { content: "\f00d"; }
/* Search */
.better-nav-pills .body .search { padding: 15px; }
.better-nav-pills .body .search form { position: relative; min-width: 160px; width: 100%; }
.better-nav-pills .body .search form input { width: 100%; height: 40px; padding: 10px 50px 10px 10px; }
.better-nav-pills .body .search form button { width: 40px; height: 40px; padding: 0; position: absolute; right: 0; top: 0; }
/* Underlay */
.better-nav-mobile-underlay { transition: all 300ms ease; position: absolute; left: 100%; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.8); z-index: 92; }
.better-nav-mobile-underlay.active { left: 0; }
/* Media Queries */
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
.better-nav .body { display: none; }
.better-nav .toggle { display: block; }
}
</style>
<style>
body{
background-image: -webkit-gradient(linear, left top, right top, from(#aac4ff), to(#e1f4ff)) !important;
background-image: linear-gradient(to right, #aac4ff 0%, #e1f4ff 100%) !important;
</style>
<style>
.dropdown-submenu {
position: relative;
}
.dropdown-submenu .dropdown-menu {
top: 0;
left: 100%;
margin-top: -1px;
color: black;
padding: 12px 16px 16px 16px;
line-height: 80px;
font-family: 'Itim', cursive;
font-size: 16px !important;
font-weight: 400 !important;
}
</style>
</script>
</body>
<link href="https://fonts.googleapis.com/css?family=Athiti:500,600&display=swap" rel="stylesheet">
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<link href="https://fonts.googleapis.com/css?family=Athiti:500,600&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Itim&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Itim&family=Sriracha&display=swap" rel="stylesheet">
<style type="text/css">
i {
font-size : 13px;
padding-right: 10px;
color: #aece61;
}
ul{
padding: 0;
list-style: none;
}
.style13 {font-size: 16px; font-family: 'Itim', cursive;}
.style15 {font-family: 'Athiti', sans-serif}
.style16 {font-size: 16px}
.style17 {color: #0066FF}
.style18 {
font-size: 15px;
color: #0033FF;
}
.style20 {
font-family: 'Itim', cursive;
font-size: 23px;
color: #0d5aa7;
}
.style25 {font-size: 17px; color: #3333FF; }
</style>
<nav id="navbar" class="push better-nav fixed-top">
<div class="head">
<a href="index.php" class="brand">
<div class="logo">
</div>
<div class="title">
<h3><img class="image" src=""> <strong>โรงพยาบาลสัตหีบกม.10</strong></h3>
</div>
</a>
</div>
<div class="body">
<ul>
<li class="home active"><a href="index.php"><span style="font: 14pt 'Itim', cursive;">HOME</a></li>
<li class="blog dropdown"><a href="#"><span style="font: 14pt 'Itim', cursive;">ทำเนียบ</a>
<span class="selector"></span>
<ul>
<li><a href="boss.php"><span style="font: 14pt 'Itim', cursive;">ทำเนียบผู้บริหาร</a></li>
<li><a href="ssj.php"><span style="font: 14pt 'Itim', cursive;">ทำเนียบหัวหน้ากลุ่มงาน</a></li>
<li><a href="hosp.php"><span style="font: 14pt 'Itim', cursive;">ทำเนียบบุคลากร เจ้าหน้าที่</a></li>
<li><a href="gms.php"><span style="font: 14pt 'Itim', cursive;">ทำเนียบ ผอ.รพ. อดีต - ปัจจุบัน</a></li>
<!---
<li><a href="team.php"><span style="font: 14pt 'Itim', cursive;">ทำเนียบเจ้าหน้าที่ สนข. 6</a></li>
--->
</ul>
<li class="blog dropdown"><a href="#"><span style="font: 14pt 'Itim', cursive;">เกี่ยวกับเรา</a>
<span class="selector"></span>
<ul>
<li><a href="all_vision.php"><span style="font: 14pt 'Itim', cursive;">ประวัติและความเป็นมา</a></li>
<li><a href="all_strategic.php"><span style="font: 14pt 'Itim', cursive;">นโยบายผู้บริหาร</a></li>
<li><a href="all_structure.php"><span style="font: 14pt 'Itim', cursive;">วิสัยทัศน์ พันธกิจ</a></li>
</ul>
<li class="blog dropdown"><a href="#"><span style="font: 14pt 'Itim', cursive;">SERVICE</a>
<span class="selector"></span>
<ul>
<li><a href="all_service.php" target="_blank"><span style="font: 14pt 'Itim', cursive;">ตารางให้บริการผู้ป่วยนอก</a></li>
<li><a href="news_today.php" target="_blank"><span style="font: 14pt 'Itim', cursive;">ห้องตรวจโรค / ตารางแพทย์</a></li>
<li class="dropdown"><a href="#"><i class="fa fa-arrow-circle-left" style="font-size:15px;color:#1cb499;"></i> <span style="font: 14pt 'Itim', cursive;">ห้องพิเศษ VIP</a>
<span class="selector"></span>
<ul>
<li><a href="all_vip.php"><span style="font: 14pt 'Itim', cursive;">บริการห้องพิเศษ VIP</a></li>
<li><a href="all_room.php" target="_blank"><span style="font: 14pt 'Itim', cursive;">ค่าบริการห้องพิเศษ VIP</a></li>
<li class="dropdown"><a href="#"><i class="fa fa-arrow-circle-left" style="font-size:15px;color:#1cb499;"></i> <span style="font: 14pt 'Itim', cursive;">ชองทางติดต่อ</a>
<span class="selector"></span>
<ul>
<li><a href="all_phone.php" target="_blank"><span style="font: 14pt 'Itim', cursive;">เบอร์ติดต่อภายใน</a></li>
<li><a href="all_contact.php" target="_blank"><span style="font: 14pt 'Itim', cursive;">ช่องทางติดต่อ และแผนที่ตั้ง</a></li>
<li><a href="https://banchanghospital.moph.go.th/VOTE" target="_blank"><span style="font: 14pt 'Itim', cursive;">VOTE WEBSITE</a></li>
<li><a href="guestbook.php" target="_blank"><span style="font: 14pt 'Itim', cursive;">GUESTBOOK</a></li>
<li><a href="http://banchanghospital.moph.go.th/register" target="_blank"><span style="font: 14pt 'Itim', cursive;">ระบบลงทะเบียน</a></li>
<li><a href="https://banchanghospital.moph.go.th/calendar" target="_blank"><span style="font: 14pt 'Itim', cursive;">ปฏิทินกิจกรรม</a></li>
</ul>
</li>
<li><a href="https://rayong.moph.go.th" target="_blank"><span style="font: 14pt 'Itim', cursive;">สสจ.ระยอง2</a></li>
<li class="dropdown"><a href="#"><i class="fa fa-arrow-circle-left" style="font-size:15px;color:#1cb499;"></i> <span style="font: 14pt 'Itim', cursive;">เครือข่าย</a>
<span class="selector"></span>
<ul>
<li><a href="http://www.stopcorruption.moph.go.th" target="_blank"><span style="font: 14pt 'Itim', cursive;">ศูนย์ปฏิบัติการต่อต้านการทุจริต</a></li>
<li><a href="https://rayong.nhso.go.th" target="_blank"><span style="font: 14pt 'Itim', cursive;">สปสช. เขต 6 ระยอง</a></li>
<li><a href="https://ddc.moph.go.th/viralpneumonia/intro.php" target="_blank"><span style="font: 14pt 'Itim', cursive;">สถานการณ์ COVID-19</a></li>
<li><a href="http://nscr.nesdc.go.th" target="_blank"><span style="font: 14pt 'Itim', cursive;">แผนยุทธศาสตร์ชาติ</a></li>
<li><a href="link_service.php" target="_blank"><span style="font: 14pt 'Itim', cursive;">LINK เครือข่ายอื่นๆ</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li class="page"><a href="#"><i class="fa fa-user-o" style="font-size:22px;color:#27bb5f;"></i><span style="font: 14pt 'Itim', cursive;">Online ขณะนี้ <span class="badge" style="background-color: #f47c30;"><span style="font: 11pt 'Itim', cursive; color:#ffffff;"><strong>2</strong></span></span></a></li>
<li class="more dropdown"><a href="#"><i class="fa fa-user-circle-o" style="font-size:22px;color:#4973dc; aria-hidden="true"></i></a>
<span class="selector"></span>
<ul>
<li><a href="login.php"><i class="fa fa-lock" style="font-size:17px;color:#dc4169;"></i><span style="font: 14pt 'Itim', cursive;">LOGIN</a></li>
<li class="search clearfix">
<form>
<input type="text" placeholder="Search" />
<button><i class="fa fa-search" aria-hidden="true"></i></button>
</form>
</li>
</ul>
</li>
</ul>
</div>
<div class="toggle">
<a href="#navbar-slide">
<i class="fa fa-bars" aria-hidden="true"></i>
</a>
</div>
</div>
</nav>
<div id="underlay" class="better-nav-mobile-underlay"></div>
<nav id="navbar-slide" class="better-nav-pills"></nav>
<!-- Section: gallery -->
<section id="intro" >
<br>
<br>
<br>
<br>
<br>
<br>
<table width="80%" align="center" >
<tr>
<td>
<div class="row carousel-holder">
<div class="col-md-12">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1" class=""></li>
<li data-target="#carousel-example-generic" data-slide-to="2" class=""></li>
<li data-target="#carousel-example-generic" data-slide-to="3" class=""></li>
<li data-target="#carousel-example-generic" data-slide-to="4" class=""></li>
<li data-target="#carousel-example-generic" data-slide-to="5" class=""></li>
<li data-target="#carousel-example-generic" data-slide-to="6" class=""></li>
</ol>
<div class="carousel-inner">
<div class="item active">
<a href="#" target="_blank"><img class="slide-image" src="images/slide/1704339923.jpg"></a>
</div>
<div class="item ">
<a href="#" target="_blank"><img class="slide-image" src="images/slide/1703943956.jpg"></a>
</div>
<div class="item ">
<a href="#" target="_blank"><img class="slide-image" src="images/slide/1703734248.jpg"></a>
</div>
<div class="item ">
<a href="#" target="_blank"><img class="slide-image" src="images/slide/1691210498.jpg"></a>
</div>
<div class="item ">
<a href="#" target="_blank"><img class="slide-image" src="images/slide/1682136023.jpg"></a>
</div>
<div class="item ">
<a href="donated_today.php" target="_blank"><img class="slide-image" src="images/slide/1679192273.jpg"></a>
</div>
<div class="item ">
<a href="#" target="_blank"><img class="slide-image" src="images/slide/1675828392.jpg"></a>
</div>
</div>
<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
<br>
</section>
<section id="banners" class="banners" >
<div class="col-md-12 col-sm-12">
<div class="serviceBox">
<br><br>
<div class="flexslider carousel basiccarousel">
<ul class="slides">
<li>
<figure><a href="https://homeward.dms.go.th/login" target="_blank"> <img src="images/banners/1702509866.jpg" class="img-rounded borderedbox inspace-5 " ></a>
</figure>
</li>
<li>
<figure><a href="http://air4thai.pcd.go.th/webV3/#/Home" target="_blank"> <img src="images/banners/1702509334.jpg" class="img-rounded borderedbox inspace-5 " ></a>
</figure>
</li>
<li>
<figure><a href="http://rygpayslip.hopto.org:8080/payslip/frmin.php" target="_blank"> <img src="images/banners/1702452381.jpg" class="img-rounded borderedbox inspace-5 " ></a>
</figure>
</li>
<li>
<figure><a href="https://nonhr.moph.go.th" target="_blank"> <img src="images/banners/1700559115.jpg" class="img-rounded borderedbox inspace-5 " ></a>
</figure>
</li>
<li>
<figure><a href="https://bknoffice.moph.go.th/bch/saraban/login" target="_blank"> <img src="images/banners/1694143963.jpg" class="img-rounded borderedbox inspace-5 " ></a>
</figure>
</li>
<li>
<figure><a href="https://banchang.himpro.info/Account/Login?ReturnUrl=%2Fhimpro" target="_blank"> <img src="images/banners/1681269559.jpg" class="img-rounded borderedbox inspace-5 " ></a>
</figure>
</li>
<li>
<figure><a href="https://164.115.45.42/HRMS10828/Account/Login" target="_blank"> <img src="images/banners/1678268507.jpg" class="img-rounded borderedbox inspace-5 " ></a>
</figure>
</li>
<li>
<figure><a href="http://110.77.130.82:8085/hosoffice-menu/index.html" target="_blank"> <img src="images/banners/1677142237.jpg" class="img-rounded borderedbox inspace-5 " ></a>
</figure>
</li>
<li>
<figure><a href="https://refer.hie-rayong.everapp.io" target="_blank"> <img src="images/banners/1675928603.jpg" class="img-rounded borderedbox inspace-5 " ></a>
</figure>
</li>
<li>
<figure><a href="http://27.254.44.182:81/roundcube" target="_blank"> <img src="images/banners/1675920376.jpg" class="img-rounded borderedbox inspace-5 " ></a>
</figure>
</li>
<li>
<figure><a href="https://canceranywhere.com/webindex" target="_blank"> <img src="images/banners/1675919958.jpg" class="img-rounded borderedbox inspace-5 " ></a>
</figure>
</li>
<li>
<figure><a href="https://110.77.150.10:2026" target="_blank"> <img src="images/banners/1675919589.jpg" class="img-rounded borderedbox inspace-5 " ></a>
</figure>
</li>
<li>
<figure><a href="https://www.silaladhos.com/MRAPro/login/index.php" target="_blank"> <img src="images/banners/1675485492.jpg" class="img-rounded borderedbox inspace-5 " ></a>
</figure>
</li>
<li>
<figure><a href="https://hrm.banchang.himpro.info/Account/Login" target="_blank"> <img src="images/banners/1675146606.jpg" class="img-rounded borderedbox inspace-5 " ></a>
</figure>
</li>
<li>
<figure><a href="https://ryg.hdc.moph.go.th/hdc/main/index.php " target="_blank"> <img src="images/banners/1674634095.jpg" class="img-rounded borderedbox inspace-5 " ></a>
</figure>
</li>
<li>
<figure><a href="http://www.oppp2010.club/oppp" target="_blank"> <img src="images/banners/1674633422.jpg" class="img-rounded borderedbox inspace-5 " ></a>
</figure>
</li>
<li>
<figure><a href="https://eclaim.nhso.go.th" target="_blank"> <img src="images/banners/1674632915.jpg" class="img-rounded borderedbox inspace-5 " ></a>
</figure>
</li>
</ul>
</div>
</div>
</section>
<section id="test" class="boxservice">
<div class="col-md-12 col-sm-12">
<div class="serviceBox">
<br>
<style>
.product-grid{
font-family: 'Itim', cursive;
text-align: center;
border-radius: 15px;
}
.product-grid .product-image{
border-radius: 15px;
overflow: hidden;
position: relative;
}
.product-grid .product-image a.image{ display: block; }
.product-grid .product-image img{
width: 100%;
height: 440;
}
.product-grid .product-image .pic-1{
width: 100%;
position: absolute;
top: 0;
left: 0;
transform: translate(0px, 0px);
transition: all 0.5s ease 0s;
}
.product-grid:hover .product-image .pic-1{
opacity: 0;
transform: translate(-100%,0);
}
.product-grid .product-image .pic-2{
width: 100%;
transform-origin: center center;
transform: translate(0,100%);
transition: all 0.5s ease 0s;
}
.product-grid:hover .product-image .pic-2{ transform: translate(0, 0); }
.product-grid .product-discount-label{
color: #fff;
background: #e34c61;
font-size: 13px;
line-height: 14px;
font-weight: 500;
text-transform: capitalize;
padding: 6px 10px 5px;
border-radius: 5px;
position: absolute;
top: 20px;
left: 20px;
}
.product-grid .product-links{
background: rgba(128,180,255,.4);
width: calc(100% - 50px);
padding: 10px;
margin: 0;
list-style: none;
border-radius: 50px;
transform: translateX(-50%);
position: absolute;
bottom: -80px;
left: 50%;
z-index: 1;
transition: all 0.5s ease-out 0s;
}
.product-grid:hover .product-links{ bottom: 20px; }
.product-grid .product-links li{
margin: 0 2px;
display: inline-block;
}
.product-grid .product-links li a{
color: #2D3F59;
background: #fff;
font-size: 16px;
line-height: 41px;
width: 40px;
height: 40px;
border-radius: 50%;
display: block;
transition: all 0.3s ease-in-out;
}
.product-grid .product-links li a:hover{
color:#fff;
background: #80b4ff;
}
.product-grid .product-content{ padding: 15px 15px 0; }
.product-grid .rating{
padding: 0;
margin: 0 0 7px;
list-style: none;
}
.product-grid .rating li{
color: #fcae01;
font-size: 12px;
display: inline-block;
}
.product-grid .rating li.far{ color: #999; }
.product-grid .title{
font-size: 18px;
font-weight: 600;
text-transform: capitalize;
letter-spacing: 0.5px;
margin: 0 0 5px;
}
.product-grid .title a{
color: #2D3F59;
transition: all 0.3s ease 0s;
}
.product-grid .title a:hover{ color: #80b4ff; }
.product-grid .price{
color: #80b4ff;
font-size: 18px;
font-weight: 600;
}
.product-grid .price span{
color: #727272;
font-size: 16px;
font-weight: 400;
text-decoration: line-through;
}
@media screen and (max-width: 990px){
.product-grid{ margin-bottom: 30px; }
}
</style>
<div class="row">
<div class="col-md-8 col-sm-6">
<div class="product-grid">
<div class="product-image">
<div id="carousel-example-generic1" class="carousel slidemals" data-ride="carousel">
<ol class="carousel-indicators">
</ol>
<div class="carousel-inner">
<div class="item active">
<a href="#" target="_blank" class="image"><img class="product-image" src="images/slidemals/1703999127.jpg"></a>
</div>
<div class="item ">
<a href="#" target="_blank" class="image"><img class="product-image" src="images/slidemals/1703631104.jpg"></a>
</div>
<div class="item ">
<a href="#" target="_blank" class="image"><img class="product-image" src="images/slidemals/1703419158.jpg"></a>
</div>
<div class="item ">
<a href="#" target="_blank" class="image"><img class="product-image" src="images/slidemals/1698735077.jpg"></a>
</div>
<div class="item ">
<a href="#" target="_blank" class="image"><img class="product-image" src="images/slidemals/1698395769.jpg"></a>
</div>
<div class="item ">
<a href="#" target="_blank" class="image"><img class="product-image" src="images/slidemals/1697947216.jpg"></a>
</div>
<div class="item ">
<a href="#" target="_blank" class="image"><img class="product-image" src="images/slidemals/1697947207.jpg"></a>
</div>
<div class="item ">
<a href="#" target="_blank" class="image"><img class="product-image" src="images/slidemals/1695100262.jpg"></a>
</div>
<div class="item ">
<a href="#" target="_blank" class="image"><img class="product-image" src="images/slidemals/1693180579.jpg"></a>
</div>
<div class="item ">
<a href="#" target="_blank" class="image"><img class="product-image" src="images/slidemals/1691478423.jpg"></a>
</div>
<div class="item ">
<a href="#" target="_blank" class="image"><img class="product-image" src="images/slidemals/1691477301.jpg"></a>
</div>
<div class="item ">
<a href="#" target="_blank" class="image"><img class="product-image" src="images/slidemals/1690866166.jpg"></a>
</div>
<div class="item ">
<a href="#" target="_blank" class="image"><img class="product-image" src="images/slidemals/1688270727.jpg"></a>
</div>
<div class="item ">
<a href="#" target="_blank" class="image"><img class="product-image" src="images/slidemals/1686650702.jpg"></a>
</div>
<div class="item ">
<a href="#" target="_blank" class="image"><img class="product-image" src="images/slidemals/1686037348.jpg"></a>
</div>
<div class="item ">
<a href="#" target="_blank" class="image"><img class="product-image" src="images/slidemals/1681896907.jpg"></a>
</div>
<div class="item ">
<a href="donated_today.php" target="_blank" class="image"><img class="product-image" src="images/slidemals/1675828475.jpg"></a>
</div>
<div class="item ">
<a href="donated_today.php" target="_blank" class="image"><img class="product-image" src="images/slidemals/1675828465.jpg"></a>
</div>
<a class="left carousel-control" href="#carousel-example-generic1" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#carousel-example-generic1" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span>
</a>
<span class="product-discount-label">NEWS UPDATE</span>
</div>
</div>
<!--------- ผู้บริหาร หน้าเว็บ ----------->
<style type="text/css">
.card{
font-family: 'Athiti', sans-serif;
width: 100%;
overflow: hidden;
background: linear-gradient(#ebe3df,#fff);
border-radius: 10px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
display: flex;
flex-direction: column;
}
.card-image img{
width: 100%;
height: 135px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
object-fit: cover;
}
.profile-image img{
z-index: 1;
width: 180px;
height: 180px;
position: relative;
margin-top: -100px;
display: block;
margin-left: auto;
margin-right: auto;
border-radius: 100px;
border: 10px solid #fff;
transition-duration: 0.4s;
transition-property: transform;
}
.profile-image img:hover{
transform: scale(1.1);
}
.card-content h3{
font-size: 25px;
text-align: center;
margin: 0;
}
.card-content p{
font-size: 16px;
text-align: center;
padding: 5 20px 5px 20px;
}
</style>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<!--Profile card-->
<div class="card">
<div class="card-image">
<img src="images/bg_card.png" alt="">
</div>
<div class="profile-image">
<img src="images/surasak.png" alt="">
</div>
<br>
<div class="card-content">
<h3><span style="text-align: ; font-family: 'Itim', cursive;"><span style="font-size:20px;color:#367db6;">นายแพทย์สุรชัย คำภักดี</span></h3>
<p><span style="text-align: ; font-family: 'Itim', cursive;"><span style="font-size:17px;color:#535354;">นายแพทย์เชี่ยวชาญ</span></p>
<hr>
<p><span style="text-align: ; font-family: 'Itim', cursive;"><span style="font-size:17px;color:#535354;">ผู้อำนวยการโรงพยาบาลบ้านฉาง</span></p>
<br>
</div>
</div>
</div>
<!--Profile card end-->
</section>
<section id="boxservice" class="boxservice">
<div class="col-md-12 col-sm-12">
<div class="serviceBox">
<br>
<style type="text/css">
.feature-box-1 {
padding: 16px;
background: linear-gradient(to top right, #6490de,#70bde5 60%);
font-family: 'Athiti', sans-serif;
box-shadow: 0 0 0px rgba(31, 45, 61, 0.125);
margin: 12px 0;
position: relative;
z-index: 1;
border-radius: 10px;
overflow: hidden;
-moz-transition: ease all 0.35s;
-o-transition: ease all 0.35s;
-webkit-transition: ease all 0.35s;
transition: ease all 0.35s;
top: 0;
}
.feature-box-1 * {
-moz-transition: ease all 0.35s;
-o-transition: ease all 0.35s;
-webkit-transition: ease all 0.35s;
transition: ease all 0.35s;
}
.feature-box-1 .icon {
width: 40px;
height: 40px;
line-height: 40px;
background: ;
color: #fff;
text-align: center;
border-radius: 50%;
margin-bottom: 35px;
font-size: 27px;
}
.feature-box-1 .icon i {
line-height: 60px;
}
.feature-box-1 h5 {
font-family: 'Itim', cursive;
font-size: 18px;
color: #fff;
font-weight: 500;
}
.feature-box-1 p {
margin: 0;
}
.feature-box-1:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: auto;
right: 0;
border-radius: 10px;
width: 0;
background: linear-gradient(to top right, #49b0d7,#b8dff5 80%);
z-index: -1;
-moz-transition: ease all 0.35s;
-o-transition: ease all 0.35s;
-webkit-transition: ease all 0.35s;
transition: ease all 0.35s;
}
.feature-box-1:hover {
top: -5px;
}
.feature-box-1:hover h5 {
color: #3d3e3f;
}
.feature-box-1:hover p {
color: rgba(255, 255, 255, 0.8);
}
.feature-box-1:hover:after {
width: 100%;
height: 100%;
border-radius: 10px;
left: 0;
right: auto;
}
.section {
padding: 50px 0;
position: relative;
}
.section-title {
font-family: 'Itim', cursive;
padding-bottom: 45px;
}
.section-title h2 {
font-family: 'Itim', cursive;
font-weight: 700;
color: #539bd3;
font-size: 45px;
margin: 0 0 15px;
border-left: 5px solid #fc5356;
padding-left: 15px;
}
</style>
<div align="left">
<div class="row">
<!-- feaure box -->
<div class="col-lg-3">
<div class="feature-box-1">
<a href="all_service.php">
<div class="icon">
<div class="ssb-icon"><i class="fa fa-stethoscope" style="font-size:60px;color:#ffffff;"></i></div>
</div>
<div class="feature-content">
<h5><span style="font: 15pt 'Itim', cursive;">คลินิกตรวจโรค</span></h5>
</div></a>
</div>
</div>
<!-- / -->
<!-- feaure box -->
<div class="col-lg-3">
<div class="feature-box-1">
<a href="all_room.php">
<div class="icon">
<div class="ssb-icon"><i class="fa fa-hospital-o" style="font-size:60px;color:#ffffff;"></i></div>
</div>
<div class="feature-content">
<h5><span style="font: 15pt 'Itim', cursive;">ห้องพิเศษ VIP</span></h5>
</div></a>
</div>
</div>
<!-- feaure box -->
<div class="col-lg-3">
<div class="feature-box-1">
<a href="ITA.php">
<div class="icon">
<div class="ssb-icon"><i class="fa fa-list-alt" style="font-size:60px;color:#ffffff;"></i></div>
</div>
<div class="feature-content">
<h5><span style="font: 15pt 'Itim', cursive;">ITA MOIT</span></h5>
</div></a>
</div>
</div>
<!-- / -->
<!-- feaure box -->
<div class="col-lg-3">
<div class="feature-box-1">
<a href="donated_today.php">
<div class="icon">
<div class="ssb-icon"><i class="fa fa-users" style="font-size:60px;color:#ffffff;"></i></div>
</div>
<div class="feature-content">
<h5><span style="font: 15pt 'Itim', cursive;">โครงการรับบริจาค</span></h5>
</div></a>
</div>
</div>
<!-- / -->
<!-- feaure box -->
<div class="col-lg-3">
<div class="feature-box-1">
<a href="http://banchanghospital.moph.go.th/calendar" target="_blank">
<div class="icon">
<div class="ssb-icon"><i class="fa fa-calendar" style="font-size:60px;color:#ffffff;"></i></div>
</div>
<div class="feature-content">
<h5><span style="font: 15pt 'Itim', cursive;">ปฏิทินกิจกรรม</span></h5>
</div></a>
</div>
</div>
<!-- / -->
<!-- feaure box -->
<div class="col-lg-3">
<div class="feature-box-1">
<a href="https://pex.ha.or.th/index" target="_blank">
<div class="icon">
<div class="ssb-icon"><i class="fa fa-smile-o" style="font-size:60px;color:#ffffff;"></i></div>
</div>
<div class="feature-content">
<h5><span style="font: 15pt 'Itim', cursive;">ความพึงพอใจผู้รับบริการ</span></h5>
</div></a>
</div>
</div>
<!-- / -->
<!-- feaure box -->
<div class="col-lg-3">
<div class="feature-box-1">
<a href="contact_us.php">
<div class="icon">
<div class="ssb-icon"><i class="fa fa-envelope-o" style="font-size:65px;color:#ffffff;"></i></div>
</div>
<div class="feature-content">
<h5><span style="font: 15pt 'Itim', cursive;">ติดต่อ / ร้องเรียน <span class="badge" style="background-color: #e14a6e;"><span style="font: 11pt 'Itim', cursive;">0</span></span></h5>
</div></a>
</div>
</div>
<!-- / -->
<!-- feaure box -->
<div class="col-lg-3">
<div class="feature-box-1">
<a href="webboard.php">
<div class="icon">
<div class="ssb-icon"><i class="fa fa-comments" style="font-size:60px;color:#ffffff;"></i></div>
</div>
<div class="feature-content">
<h5><span style="font: 15pt 'Itim', cursive;">WEBBOARD ถาม-ตอบ</span></h5>
</div></a>
</div>
</div>
</section>
</section>
<section id="tabnews" class="tabnews">
<div class="col-md-12 col-sm-12">
<div class="serviceBox">
<br>
<style>
.container {
margin-top:25px;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Sarabun', sans-serif;
font-weight:700;
}
.fancyTab {
text-align: center;
padding:15px 0;
background: linear-gradient(#a1dff5,#f7f8f8);
box-shadow: 0 0 0 1px #ddd;
top:15px;
transition: top .2s;
}
.fancyTab.active {
top:0;
transition:top .2s;
}
.whiteBlock {
display:none;
}
.fancyTab.active .whiteBlock {
display:block;
height:2px;
bottom:-2px;
width:99%;
position:absolute;
z-index:1;
}
.fancyTab a {
font-family: 'Source Sans Pro';
font-size:1.65em;
font-weight:500;
transition:.2s;
color:#333;
}
/*.fancyTab .hidden-xs {
white-space:nowrap;
}*/
.fancyTabs {
border-bottom:3px solid #ddd;
margin: 15px 0 0;
}
li.fancyTab a {
padding-top: 15px;
top:-15px;
padding-bottom:0;
}
li.fancyTab.active a {
padding-top: inherit;
}
.fancyTab .fa {
font-size: 40px;
width:100%;
padding: 15px 0 5px;
color:#666;
}
.fancyTab.active .fa {
color: #4684f6;
}
.fancyTab a:focus {
outline:none;
}
.fancyTabContent {
border-color: transparent;
box-shadow: 0 -2px 0 -1px #effafa, 0 0 0 1px #ddd;
padding: 30px 15px 15px;
position:relative;
background-color:#effafa;
}
.nav-tabs > li.fancyTab.active > a,
.nav-tabs > li.fancyTab.active > a:focus,
.nav-tabs > li.fancyTab.active > a:hover {
border-width:0;
}
.nav-tabs > li.fancyTab:hover {
background-color:#f9f9f9;
box-shadow: 0 0 0 1px #ddd;
}
.nav-tabs > li.fancyTab.active:hover {
background-color:#effafa;
box-shadow: 1px 1px 0 1px #effafa, 0 0px 0 1px #ddd, -1px 1px 0 0px #ddd inset;
}
.nav-tabs > li.fancyTab:hover a {
border-color:transparent;
}
.nav.nav-tabs .fancyTab a[data-toggle="tab"] {
background-color:transparent;
border-bottom:0;
}
.nav-tabs > li.fancyTab:hover a {
border-right: 1px solid transparent;
}
.nav-tabs > li.fancyTab > a {
margin-right:0;
border-top:0;
padding-bottom: 30px;
margin-bottom: -30px;
}
.nav-tabs > li.fancyTab {
margin-right:0;
margin-bottom:0;
}
.nav-tabs > li.fancyTab:last-child a {
border-right: 1px solid transparent;
}
.nav-tabs > li.fancyTab.active:last-child {
border-right: 0px solid #ddd;
box-shadow: 0px 2px 0 0px #effafa, 0px 0px 0 1px #ddd;
}
.fancyTab:last-child {
box-shadow: 0 0 0 1px #ddd;
}
.tabs .nav-tabs li.fancyTab.active a {
box-shadow:none;
top:0;
}
.fancyTab.active {
background: #effafa;
box-shadow: 1px 1px 0 1px #effafa, 0 0px 0 1px #ddd, -1px 1px 0 0px #ddd inset;
padding-bottom:30px;
}
.arrow-down {
display:none;
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 22px solid #ddd;
position: absolute;
top: -1px;
left: calc(50% - 20px);
}
.arrow-down-inner {
width: 0;
height: 0;
border-left: 18px solid transparent;
border-right: 18px solid transparent;
border-top: 12px solid #effafa;
position: absolute;
top: -22px;
left: -18px;
}
.fancyTab.active .arrow-down {
display: block;
}
@media (max-width: 1200px) {
.fancyTab .fa {
font-size: 36px;
}
.fancyTab .hidden-xs {
font-size:22px;
}
}
@media (max-width: 992px) {
.fancyTab .fa {
font-size: 33px;
}
.fancyTab .hidden-xs {
font-size:20px;
font-weight:normal;
}
}
</style>
<style type="text/css">
.serviceBox{
color: #555;
font-family: 'Itim', cursive;
text-align: center;
padding: 0 35px 25px;
margin: 0 -25px;
position: relative;
z-index: 1;
}
.serviceBox:before,
.serviceBox:after{
content: '';
background-color: #fbf9f9;
border-radius: 10px;
box-shadow: 0 0 15px -6px rgba(0,0,0,0.4);
position: absolute;
left: 15px;
top: 0;
right: 15px;
bottom: 10px;
z-index: -1;
}
.serviceBox:after{
background-color: transparent;
border-top: none;
border-radius: 0 0 10px 10px;
box-shadow: none;
left: 0;
top: 30%;
right: 0;
bottom: 0;
}
.serviceBox .service-icon{
color: #fff;
background: #eee;
font-size: 16px;
padding: 5px 40px;
margin: 0 0 10px;
border-radius: 0 0 20px 20px;
display: inline-block;
}
.serviceBox .title{
color: #F84745;
font-size: 20px;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0 0 10px;
}
.serviceBox .description{
font-size: 14px;
line-height: 10px;
margin: 0 5px;
}
.serviceBox.orange .service-icon{ background: #FD6D49; }
.serviceBox.orange:after{ border-color: #FD6D49; }
.serviceBox.orange .title{ color: #FD6D49; }
.serviceBox.blue .service-icon{ background: #1BA9F4; }
.serviceBox.blue:after{ border-color: #1BA9F4; }
.serviceBox.blue .title{ color: #1BA9F4; }
.serviceBox.purple .service-icon{ background: #5A3AFD; }
.serviceBox.purple:after{ border-color: #5A3AFD; }
.serviceBox.purple .title{ color: #5A3AFD; }
@media only screen and (max-width: 100%){
.serviceBox{ margin: 0 0 30px; }
}
</style>
<ul class="nav nav-tabs fancyTabs" role="tablist">
<li class="tab fancyTab active">
<div class="arrow-down"><div class="arrow-down-inner"></div></div>
<a id="tab0" href="#tabBody0" role="tab" aria-controls="tabBody0" aria-selected="true" data-toggle="tab" tabindex="0"><span class="fa fa-bullhorn"></span><span class="hidden-xs"><span style="font: 16pt 'Itim', cursive; color:#5b6ebf;">ข่าวประชาสัมพันธ์</span></a>
<div class="whiteBlock"></div>
</li>
<li class="tab fancyTab">
<div class="arrow-down"><div class="arrow-down-inner"></div></div>
<a id="tab4" href="#tabBody4" role="tab" aria-controls="tabBody4" aria-selected="true" data-toggle="tab" tabindex="4"><span class="fa fa-envelope-open-o"></span><span class="hidden-xs"><span style="font: 16pt 'Itim', cursive; color:#5b6ebf;">ประกาศ / สมัครงาน</span></a>
<div class="whiteBlock"></div>
</li>
<li class="tab fancyTab">
<div class="arrow-down"><div class="arrow-down-inner"></div></div>
<a id="tab1" href="#tabBody1" role="tab" aria-controls="tabBody1" aria-selected="true" data-toggle="tab" tabindex="1"><span class="fa fa-film"></span><span class="hidden-xs"><span style="font: 16pt 'Itim', cursive; color:#5b6ebf;">INFOGRAPHIC</span></a>
<div class="whiteBlock"></div>
</li>
<li class="tab fancyTab">
<div class="arrow-down"><div class="arrow-down-inner"></div></div>
<a id="tab2" href="#tabBody2" role="tab" aria-controls="tabBody2" aria-selected="true" data-toggle="tab" tabindex="2"><span class="fa fa-lightbulb-o"></span><span class="hidden-xs"><span style="font: 16pt 'Itim', cursive; color:#5b6ebf;">INNOVATION</span></a>
<div class="whiteBlock"></div>
</li>
<li class="tab fancyTab">
<div class="arrow-down"><div class="arrow-down-inner"></div></div>
<a id="tab3" href="#tabBody3" role="tab" aria-controls="tabBody3" aria-selected="true" data-toggle="tab" tabindex="3"><span class="fa fa-smile-o"></span><span class="hidden-xs"><span style="font: 16pt 'Itim', cursive; color:#5b6ebf;">เรื่องเล่า</span></a>
<div class="whiteBlock"></div>
</li>
</ul>
<div id="myTabContent" class="tab-content fancyTabContent" aria-live="polite">
<div class="tab-pane fade active in" id="tabBody0" role="tabpanel" aria-labelledby="tab0" aria-hidden="false" tabindex="0">
</li>
<div>
<div>
<div class="col-md-12">
<table class="table">
<thead>
<div class="row">
<div class="col-md-2 col-sm-3">
<div class="serviceBox">
<div class="service-icon">
<span><i class="fa fa-eye" style="font-size:19px;color:#8155c3;"></i></span>
</div>
<br>
<span style="font-size: 18px; font-family: 'Athiti', sans-serif; color:#546967;"><strong>22</strong></span>
</div>
</div>
<div class="col-md-10 col-sm-9">
<div class="serviceBox">
<br>
<div align="left">
<a id="edit" style="text-decoration: none;" href='news_detail.php?id=110'> <i class="fa fa-bullhorn" style="font-size:20px;color:#108b7e;"></i><span style="font-size:20px;">บริการตรวจมะเร็งปากมดลูก HPV DNA Trst ประจำเดือนมกราคม 2567</span></a>
<hr>
<i class="fa fa-clock-o" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">02 มกราคม 2567</span>
<i class="fa fa-user" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">ยุทธนา เวชเวโรจน์</span>
</br>
</thead>
<thead>
<div class="row">
<div class="col-md-2 col-sm-3">
<div class="serviceBox">
<div class="service-icon">
<span><i class="fa fa-eye" style="font-size:19px;color:#8155c3;"></i></span>
</div>
<br>
<span style="font-size: 18px; font-family: 'Athiti', sans-serif; color:#546967;"><strong>16</strong></span>
</div>
</div>
<div class="col-md-10 col-sm-9">
<div class="serviceBox">
<br>
<div align="left">
<a id="edit" style="text-decoration: none;" href='news_detail.php?id=116'> <i class="fa fa-bullhorn" style="font-size:20px;color:#108b7e;"></i><span style="font-size:20px;">โรงพยาบาลบ้านฉาง เปิดให้บริการตรวจการนอนหลับ Sleep test</span></a>
<hr>
<i class="fa fa-clock-o" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">02 มกราคม 2567</span>
<i class="fa fa-user" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">ยุทธนา เวชเวโรจน์</span>
</br>
</thead>
<thead>
<div class="row">
<div class="col-md-2 col-sm-3">
<div class="serviceBox">
<div class="service-icon">
<span><i class="fa fa-eye" style="font-size:19px;color:#8155c3;"></i></span>
</div>
<br>
<span style="font-size: 18px; font-family: 'Athiti', sans-serif; color:#546967;"><strong>67</strong></span>
</div>
</div>
<div class="col-md-10 col-sm-9">
<div class="serviceBox">
<br>
<div align="left">
<a id="edit" style="text-decoration: none;" href='news_detail.php?id=109'> <i class="fa fa-bullhorn" style="font-size:20px;color:#108b7e;"></i><span style="font-size:20px;">บริการตรวจคัดกรองมะเร็งเต้านม ด้วยเครื่องตรวจเอ็กซเรย์เต้านมเคลื่อนที่ (Mammogram) เปิดให้บริการ วันละ 80 ราย สำหรับหญิงไทย อายุ 30 ปี - 70 ปีบริบูรณ์ สิทธิการรักษา ข้าราชการ </span></a>
<hr>
<i class="fa fa-clock-o" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">20 พฤศจิกายน 2566</span>
<i class="fa fa-user" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">ยุทธนา เวชเวโรจน์</span>
</br>
</thead>
<thead>
<div class="row">
<div class="col-md-2 col-sm-3">
<div class="serviceBox">
<div class="service-icon">
<span><i class="fa fa-eye" style="font-size:19px;color:#8155c3;"></i></span>
</div>
<br>
<span style="font-size: 18px; font-family: 'Athiti', sans-serif; color:#546967;"><strong>69</strong></span>
</div>
</div>
<div class="col-md-10 col-sm-9">
<div class="serviceBox">
<br>
<div align="left">
<a id="edit" style="text-decoration: none;" href='news_detail.php?id=103'> <i class="fa fa-bullhorn" style="font-size:20px;color:#108b7e;"></i><span style="font-size:20px;">โปรแกรมตรวจสุขภาพโรงพยาบาลบ้านฉาง ปี 2566 อาชีวอนามัยฯ</span></a>
<hr>
<i class="fa fa-clock-o" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">12 ตุลาคม 2566</span>
<i class="fa fa-user" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">ยุทธนา เวชเวโรจน์</span>
</br>
</thead>
<thead>
<div class="row">
<div class="col-md-2 col-sm-3">
<div class="serviceBox">
<div class="service-icon">
<span><i class="fa fa-eye" style="font-size:19px;color:#8155c3;"></i></span>
</div>
<br>
<span style="font-size: 18px; font-family: 'Athiti', sans-serif; color:#546967;"><strong>30</strong></span>
</div>
</div>
<div class="col-md-10 col-sm-9">
<div class="serviceBox">
<br>
<div align="left">
<a id="edit" style="text-decoration: none;" href='news_detail.php?id=106'> <i class="fa fa-bullhorn" style="font-size:20px;color:#108b7e;"></i><span style="font-size:20px;">ฟิตเนสโรงพยาบาลบ้านฉาง เปิดให้บริการแล้วค่ะ ❗ฟรี ไม่มีค่าใช้จ่าย❗(มีการปรับเปลี่ยนเวลาเล็กน้อยค่ะ) ผู้รับบริการทุกท่านสามารถใช้บริการได้ตามวันและเวลาที่กำหนด โดยมาลงทะเบียนก่อนรับบริการได้ที่ฟิตเนสค่ะ</span></a>
<hr>
<i class="fa fa-clock-o" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">10 ตุลาคม 2566</span>
<i class="fa fa-user" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">ยุทธนา เวชเวโรจน์</span>
</br>
</thead>
</table>
<ul class="pager">
<li class="next"><a href="all_news.php" class="style32 style37"><i class="fa fa-arrow-circle-right" style="font-size:19px;color:#3b91d2;"></i>ข่าวประชาสัมพันธ์ ทั้งหมด</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="tabBody4" role="tabpanel" aria-labelledby="tab4" aria-hidden="true" tabindex="4">
</li>
<div>
<div>
<div class="col-md-12">
<table class="table">
<thead>
<div class="row">
<div class="col-md-2 col-sm-3">
<div class="serviceBox">
<div class="service-icon">
<span><i class="fa fa-eye" style="font-size:19px;color:#8155c3;"></i></span>
</div>
<br>
<span style="font-size: 18px; font-family: 'Athiti', sans-serif; color:#546967;"><strong>20</strong></span>
</div>
</div>
<div class="col-md-10 col-sm-9">
<div class="serviceBox">
<br>
<div align="left">
<a id="edit" style="text-decoration: none;" href='newstoday_detail.php?id=16'> <i class="fa fa-envelope-open-o" style="font-size:20px;color:#108b7e;"></i><span style="font-size:20px;">เปิดรับสมัคร ตำแหน่ง พยาบาลวิชาชีพ จ้างเหมาบริการ 10 อัตรา - อายุไม่เกิน 35 ปี - รายได้ 30,000 บาท (เงินเดือนรวมอื่น ๆ) ติดต่อสอบถามได้ที่ คุณสมลักษณ์ ทองสุข โทร 038-603-838 ต่อ 4204 หรือ 4203</span></a>
<hr>
<i class="fa fa-clock-o" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">21 พฤศจิกายน 2566</span>
<i class="fa fa-user" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">ยุทธนา เวชเวโรจน์</span>
</br>
</thead>
<thead>
<div class="row">
<div class="col-md-2 col-sm-3">
<div class="serviceBox">
<div class="service-icon">
<span><i class="fa fa-eye" style="font-size:19px;color:#8155c3;"></i></span>
</div>
<br>
<span style="font-size: 18px; font-family: 'Athiti', sans-serif; color:#546967;"><strong>16</strong></span>
</div>
</div>
<div class="col-md-10 col-sm-9">
<div class="serviceBox">
<br>
<div align="left">
<a id="edit" style="text-decoration: none;" href='newstoday_detail.php?id=14'> <i class="fa fa-envelope-open-o" style="font-size:20px;color:#108b7e;"></i><span style="font-size:20px;">รับสมัคร คนสวน 2 ตำแหน่ง</span></a>
<hr>
<i class="fa fa-clock-o" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">12 ตุลาคม 2566</span>
<i class="fa fa-user" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">ยุทธนา เวชเวโรจน์</span>
</br>
</thead>
<thead>
<div class="row">
<div class="col-md-2 col-sm-3">
<div class="serviceBox">
<div class="service-icon">
<span><i class="fa fa-eye" style="font-size:19px;color:#8155c3;"></i></span>
</div>
<br>
<span style="font-size: 18px; font-family: 'Athiti', sans-serif; color:#546967;"><strong>42</strong></span>
</div>
</div>
<div class="col-md-10 col-sm-9">
<div class="serviceBox">
<br>
<div align="left">
<a id="edit" style="text-decoration: none;" href='newstoday_detail.php?id=10'> <i class="fa fa-envelope-open-o" style="font-size:20px;color:#108b7e;"></i><span style="font-size:20px;">เปิดรับสมัครบุคคลเข้ารับราชการ ตำแหน่งพยาบาลวิชาชีพปฏิบัติการ,เภสัชกรปฏิบัติการ,นักเทคนิคการแพทย์ปฏิบัติการ,จพ.ทันตสาธารณสุขปฏิบัติงาน และนักรังสีการแพทย์ปฏิบัติการ </span></a>
<hr>
<i class="fa fa-clock-o" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">03 ตุลาคม 2566</span>
<i class="fa fa-user" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">ยุทธนา เวชเวโรจน์</span>
</br>
</thead>
<thead>
<div class="row">
<div class="col-md-2 col-sm-3">
<div class="serviceBox">
<div class="service-icon">
<span><i class="fa fa-eye" style="font-size:19px;color:#8155c3;"></i></span>
</div>
<br>
<span style="font-size: 18px; font-family: 'Athiti', sans-serif; color:#546967;"><strong>25</strong></span>
</div>
</div>
<div class="col-md-10 col-sm-9">
<div class="serviceBox">
<br>
<div align="left">
<a id="edit" style="text-decoration: none;" href='newstoday_detail.php?id=5'> <i class="fa fa-envelope-open-o" style="font-size:20px;color:#108b7e;"></i><span style="font-size:20px;">รพ.บ้านฉาง รับสมัครบุคคลเพื่อบรรจุแต่งตั้งเป็นลูกจ้างชั่วคราวด้วยเงินบำรุง ตำแหน่งนักวิชาการพัสดุ จำนวน ๑ อัตรา</span></a>
<hr>
<i class="fa fa-clock-o" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">14 กันยายน 2566</span>
<i class="fa fa-user" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">ยุทธนา เวชเวโรจน์</span>
</br>
</thead>
<thead>
<div class="row">
<div class="col-md-2 col-sm-3">
<div class="serviceBox">
<div class="service-icon">
<span><i class="fa fa-eye" style="font-size:19px;color:#8155c3;"></i></span>
</div>
<br>
<span style="font-size: 18px; font-family: 'Athiti', sans-serif; color:#546967;"><strong>15</strong></span>
</div>
</div>
<div class="col-md-10 col-sm-9">
<div class="serviceBox">
<br>
<div align="left">
<a id="edit" style="text-decoration: none;" href='newstoday_detail.php?id=4'> <i class="fa fa-envelope-open-o" style="font-size:20px;color:#108b7e;"></i><span style="font-size:20px;">รับสมัครงาน 1. นักรังสีการแพทย์ 1 ตำแหน่ง 2. ผู้ช่วยเอกซเรย์ 1 ตำแหน่ง</span></a>
<hr>
<i class="fa fa-clock-o" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">17 สิงหาคม 2566</span>
<i class="fa fa-user" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">ยุทธนา เวชเวโรจน์</span>
</br>
</thead>
</table>
<ul class="pager">
<li class="next"><a href="all_newstoday.php" class="style32 style37"><i class="fa fa-arrow-circle-right" style="font-size:19px;color:#24a57e;"></i>ประกาศ / สมัครงาน ทั้งหมด</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="tabBody1" role="tabpanel" aria-labelledby="tab1" aria-hidden="true" tabindex="1">
</li>
<div>
<div>
<div class="col-md-12">
<table class="table">
<thead>
<div class="row">
<div class="col-md-2 col-sm-3">
<div class="serviceBox">
<div class="service-icon">
<span><i class="fa fa-eye" style="font-size:19px;color:#8155c3;"></i></span>
</div>
<br>
<span style="font-size: 18px; font-family: 'Athiti', sans-serif; color:#546967;"><strong>25</strong></span>
</div>
</div>
<div class="col-md-10 col-sm-9">
<div class="serviceBox">
<br>
<div align="left">
<a id="edit" style="text-decoration: none;" href='meeting_detail.php?id=96'> <i class="fa fa-film" style="font-size:20px;color:#108b7e;"></i><span style="font-size:20px;">Infographic ใครควรได้รับการตรวจ ABI </span></a>
<hr>
<i class="fa fa-clock-o" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">08 สิงหาคม 2566</span>
<i class="fa fa-user" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">ยุทธนา เวชเวโรจน์</span>
</br>
</thead>
<thead>
<div class="row">
<div class="col-md-2 col-sm-3">
<div class="serviceBox">
<div class="service-icon">
<span><i class="fa fa-eye" style="font-size:19px;color:#8155c3;"></i></span>
</div>
<br>
<span style="font-size: 18px; font-family: 'Athiti', sans-serif; color:#546967;"><strong>28</strong></span>
</div>
</div>
<div class="col-md-10 col-sm-9">
<div class="serviceBox">
<br>
<div align="left">
<a id="edit" style="text-decoration: none;" href='meeting_detail.php?id=97'> <i class="fa fa-film" style="font-size:20px;color:#108b7e;"></i><span style="font-size:20px;">Infographic ใครบ้างที่ควรตรวจจอประสาทตา</span></a>
<hr>
<i class="fa fa-clock-o" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">08 สิงหาคม 2566</span>
<i class="fa fa-user" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">ยุทธนา เวชเวโรจน์</span>
</br>
</thead>
<thead>
<div class="row">
<div class="col-md-2 col-sm-3">
<div class="serviceBox">
<div class="service-icon">
<span><i class="fa fa-eye" style="font-size:19px;color:#8155c3;"></i></span>
</div>
<br>
<span style="font-size: 18px; font-family: 'Athiti', sans-serif; color:#546967;"><strong>234</strong></span>
</div>
</div>
<div class="col-md-10 col-sm-9">
<div class="serviceBox">
<br>
<div align="left">
<a id="edit" style="text-decoration: none;" href='meeting_detail.php?id=95'> <i class="fa fa-film" style="font-size:20px;color:#108b7e;"></i><span style="font-size:20px;">โรงพยาบาลบ้านฉาง ร่วมสนับสนุนนโยบาย 3P Safety Goal เป้าหมายเพื่อความปลอดภัยของผู้ป่วย บุคลากรและประชาชน</span></a>
<hr>
<i class="fa fa-clock-o" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">02 พฤษภาคม 2566</span>
<i class="fa fa-user" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">ยุทธนา เวชเวโรจน์</span>
</br>
</thead>
<thead>
<div class="row">
<div class="col-md-2 col-sm-3">
<div class="serviceBox">
<div class="service-icon">
<span><i class="fa fa-eye" style="font-size:19px;color:#8155c3;"></i></span>
</div>
<br>
<span style="font-size: 18px; font-family: 'Athiti', sans-serif; color:#546967;"><strong>200</strong></span>
</div>
</div>
<div class="col-md-10 col-sm-9">
<div class="serviceBox">
<br>
<div align="left">
<a id="edit" style="text-decoration: none;" href='meeting_detail.php?id=94'> <i class="fa fa-film" style="font-size:20px;color:#108b7e;"></i><span style="font-size:20px;">Infographic คณะกรรมการจริยธรรมฯ สป.สธ. ปีงบฯ 2566</span></a>
<hr>
<i class="fa fa-clock-o" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">03 เมษายน 2566</span>
<i class="fa fa-user" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">ยุทธนา เวชเวโรจน์</span>
</br>
</thead>
<thead>
<div class="row">
<div class="col-md-2 col-sm-3">
<div class="serviceBox">
<div class="service-icon">
<span><i class="fa fa-eye" style="font-size:19px;color:#8155c3;"></i></span>
</div>
<br>
<span style="font-size: 18px; font-family: 'Athiti', sans-serif; color:#546967;"><strong>64</strong></span>
</div>
</div>
<div class="col-md-10 col-sm-9">
<div class="serviceBox">
<br>
<div align="left">
<a id="edit" style="text-decoration: none;" href='meeting_detail.php?id=93'> <i class="fa fa-film" style="font-size:20px;color:#108b7e;"></i><span style="font-size:20px;">สำนักงานสาธารณสุขจังหวัดระยองประชุมเปิดศูนย์ปฏิบัติการฯ(EOC) เปิดศูนย์ปฏิบัติการฉุกเฉินการแพทย์และสาธารณสุข กรณีฝุ่น PM2.5 เริ่มส่งผลกระทบต่อสุขภาพ</span></a>
<hr>
<i class="fa fa-clock-o" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">11 มีนาคม 2566</span>
<i class="fa fa-user" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">ยุทธนา เวชเวโรจน์</span>
</br>
</thead>
<thead>
<div class="row">
<div class="col-md-2 col-sm-3">
<div class="serviceBox">
<div class="service-icon">
<span><i class="fa fa-eye" style="font-size:19px;color:#8155c3;"></i></span>
</div>
<br>
<span style="font-size: 18px; font-family: 'Athiti', sans-serif; color:#546967;"><strong>77</strong></span>
</div>
</div>
<div class="col-md-10 col-sm-9">
<div class="serviceBox">
<br>
<div align="left">
<a id="edit" style="text-decoration: none;" href='meeting_detail.php?id=91'> <i class="fa fa-film" style="font-size:20px;color:#108b7e;"></i><span style="font-size:20px;">สารนิโคตินในบุหรี่ไฟฟ้า มีอันตรายต่อสุขภาพ ทั้งผู้สูบและคนรอบข้าง</span></a>
<hr>
<i class="fa fa-clock-o" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">22 กุมภาพันธ์ 2566</span>
<i class="fa fa-user" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">Admin</span>
</br>
</thead>
<thead>
<div class="row">
<div class="col-md-2 col-sm-3">
<div class="serviceBox">
<div class="service-icon">
<span><i class="fa fa-eye" style="font-size:19px;color:#8155c3;"></i></span>
</div>
<br>
<span style="font-size: 18px; font-family: 'Athiti', sans-serif; color:#546967;"><strong>62</strong></span>
</div>
</div>
<div class="col-md-10 col-sm-9">
<div class="serviceBox">
<br>
<div align="left">
<a id="edit" style="text-decoration: none;" href='meeting_detail.php?id=92'> <i class="fa fa-film" style="font-size:20px;color:#108b7e;"></i><span style="font-size:20px;">ผู้สูงอายุกับฝุ่น PM 2.5 ปริมาณมาก อาจส่งผลกระทบต่อร่างกายได้อย่างคาดไม่ถึง</span></a>
<hr>
<i class="fa fa-clock-o" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">22 กุมภาพันธ์ 2566</span>
<i class="fa fa-user" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">Admin</span>
</br>
</thead>
<thead>
<div class="row">
<div class="col-md-2 col-sm-3">
<div class="serviceBox">
<div class="service-icon">
<span><i class="fa fa-eye" style="font-size:19px;color:#8155c3;"></i></span>
</div>
<br>
<span style="font-size: 18px; font-family: 'Athiti', sans-serif; color:#546967;"><strong>41</strong></span>
</div>
</div>
<div class="col-md-10 col-sm-9">
<div class="serviceBox">
<br>
<div align="left">
<a id="edit" style="text-decoration: none;" href='meeting_detail.php?id=90'> <i class="fa fa-film" style="font-size:20px;color:#108b7e;"></i><span style="font-size:20px;"> ยา Favipiravir ประชาชนทั่วไปไม่ควรซื้อยามารับประทานเอง</span></a>
<hr>
<i class="fa fa-clock-o" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">08 กุมภาพันธ์ 2566</span>
<i class="fa fa-user" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">Admin</span>
</br>
</thead>
<thead>
<div class="row">
<div class="col-md-2 col-sm-3">
<div class="serviceBox">
<div class="service-icon">
<span><i class="fa fa-eye" style="font-size:19px;color:#8155c3;"></i></span>
</div>
<br>
<span style="font-size: 18px; font-family: 'Athiti', sans-serif; color:#546967;"><strong>29</strong></span>
</div>
</div>
<div class="col-md-10 col-sm-9">
<div class="serviceBox">
<br>
<div align="left">
<a id="edit" style="text-decoration: none;" href='meeting_detail.php?id=89'> <i class="fa fa-film" style="font-size:20px;color:#108b7e;"></i><span style="font-size:20px;">โควิด end game เปลี่ยนเป็นโรคประจำฤดูกาล เหมือนไข้หวัดใหญ่</span></a>
<hr>
<i class="fa fa-clock-o" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">07 กุมภาพันธ์ 2566</span>
<i class="fa fa-user" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">Admin</span>
</br>
</thead>
<thead>
<div class="row">
<div class="col-md-2 col-sm-3">
<div class="serviceBox">
<div class="service-icon">
<span><i class="fa fa-eye" style="font-size:19px;color:#8155c3;"></i></span>
</div>
<br>
<span style="font-size: 18px; font-family: 'Athiti', sans-serif; color:#546967;"><strong>46</strong></span>
</div>
</div>
<div class="col-md-10 col-sm-9">
<div class="serviceBox">
<br>
<div align="left">
<a id="edit" style="text-decoration: none;" href='meeting_detail.php?id=87'> <i class="fa fa-film" style="font-size:20px;color:#108b7e;"></i><span style="font-size:20px;">โรคเหน็บชา หลายคนเคยเป็นแล้วอาการหายได้เองจึงถูกมองข้ามไป</span></a>
<hr>
<i class="fa fa-clock-o" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">26 มกราคม 2566</span>
<i class="fa fa-user" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">Admin</span>
</br>
</thead>
</table>
<ul class="pager">
<li class="next"><a href="all_meeting.php" class="style32 style37"><i class="fa fa-arrow-circle-right" style="font-size:19px;color:#3b91d2;"></i>INFOGRAPHIC ทั้งหมด</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="tabBody2" role="tabpanel" aria-labelledby="tab2" aria-hidden="true" tabindex="2">
</li>
<div>
<div>
<div class="col-md-12">
<table class="table">
<thead>
<div class="row">
<div class="col-md-2 col-sm-3">
<div class="serviceBox">
<div class="service-icon">
<span><i class="fa fa-eye" style="font-size:19px;color:#8155c3;"></i></span>
</div>
<br>
<span style="font-size: 18px; font-family: 'Athiti', sans-serif; color:#546967;"><strong>372</strong></span>
</div>
</div>
<div class="col-md-10 col-sm-9">
<div class="serviceBox">
<br>
<div align="left">
<a id="edit" style="text-decoration: none;" href='innovation_detail.php?id=52'> <i class="fa fa-lightbulb-o" style="font-size:20px;color:#108b7e;"></i><span style="font-size:20px;">ประชาสัมพันธ์ 1 จังหวัด 1 หน่วยบริการ 1 ข่าวดี</span></a>
<hr>
<i class="fa fa-clock-o" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">14 กุมภาพันธ์ 2566</span>
<i class="fa fa-user" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">Admin</span>
</br>
</thead>
<thead>
<div class="row">
<div class="col-md-2 col-sm-3">
<div class="serviceBox">
<div class="service-icon">
<span><i class="fa fa-eye" style="font-size:19px;color:#8155c3;"></i></span>
</div>
<br>
<span style="font-size: 18px; font-family: 'Athiti', sans-serif; color:#546967;"><strong>106</strong></span>
</div>
</div>
<div class="col-md-10 col-sm-9">
<div class="serviceBox">
<br>
<div align="left">
<a id="edit" style="text-decoration: none;" href='innovation_detail.php?id=50'> <i class="fa fa-lightbulb-o" style="font-size:20px;color:#108b7e;"></i><span style="font-size:20px;">ประกาศการประมวลผลข้อมูลส่วนบุคคล - PDPA </span></a>
<hr>
<i class="fa fa-clock-o" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">01 กุมภาพันธ์ 2566</span>
<i class="fa fa-user" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">Admin</span>
</br>
</thead>
<thead>
<div class="row">
<div class="col-md-2 col-sm-3">
<div class="serviceBox">
<div class="service-icon">
<span><i class="fa fa-eye" style="font-size:19px;color:#8155c3;"></i></span>
</div>
<br>
<span style="font-size: 18px; font-family: 'Athiti', sans-serif; color:#546967;"><strong>55</strong></span>
</div>
</div>
<div class="col-md-10 col-sm-9">
<div class="serviceBox">
<br>
<div align="left">
<a id="edit" style="text-decoration: none;" href='innovation_detail.php?id=49'> <i class="fa fa-lightbulb-o" style="font-size:20px;color:#108b7e;"></i><span style="font-size:20px;">แนวทางการฉีดยา Augmentin</span></a>
<hr>
<i class="fa fa-clock-o" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">30 มกราคม 2566</span>
<i class="fa fa-user" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">Admin</span>
</br>
</thead>
</table>
<ul class="pager">
<li class="next"><a href="all_innovation.php" class="style32 style37"><i class="fa fa-arrow-circle-right" style="font-size:19px;color:#3b91d2;"></i>ผลงาน / นวัตกรรม ทั้งหมด</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="tabBody3" role="tabpanel" aria-labelledby="tab3" aria-hidden="true" tabindex="3">
</li>
<div>
<div>
<div class="col-md-12">
<table class="table">
<thead>
<div class="row">
<div class="col-md-2 col-sm-3">
<div class="serviceBox">
<div class="service-icon">
<span><i class="fa fa-eye" style="font-size:19px;color:#8155c3;"></i></span>
</div>
<br>
<span style="font-size: 18px; font-family: 'Athiti', sans-serif; color:#546967;"><strong>29</strong></span>
</div>
</div>
<div class="col-md-10 col-sm-9">
<div class="serviceBox">
<br>
<div align="left">
<a id="edit" style="text-decoration: none;" href='story_detail.php?id=53'> <i class="fa fa-smile-o" style="font-size:20px;color:#108b7e;"></i><span style="font-size:20px;">ประสบการณ์การทำ Morning Brief ของกลุ่มงาน ER</span></a>
<hr>
<i class="fa fa-clock-o" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">23 สิงหาคม 2566</span>
<i class="fa fa-user" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">ยุทธนา เวชเวโรจน์</span>
</br>
</thead>
<thead>
<div class="row">
<div class="col-md-2 col-sm-3">
<div class="serviceBox">
<div class="service-icon">
<span><i class="fa fa-eye" style="font-size:19px;color:#8155c3;"></i></span>
</div>
<br>
<span style="font-size: 18px; font-family: 'Athiti', sans-serif; color:#546967;"><strong>360</strong></span>
</div>
</div>
<div class="col-md-10 col-sm-9">
<div class="serviceBox">
<br>
<div align="left">
<a id="edit" style="text-decoration: none;" href='story_detail.php?id=51'> <i class="fa fa-smile-o" style="font-size:20px;color:#108b7e;"></i><span style="font-size:20px;">"โรคมะเร็ง" เข้ารับบริการรักษาที่ไหนก็ได้ (Cancer Anywhere)</span></a>
<hr>
<i class="fa fa-clock-o" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">14 กุมภาพันธ์ 2566</span>
<i class="fa fa-user" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">Admin</span>
</br>
</thead>
<thead>
<div class="row">
<div class="col-md-2 col-sm-3">
<div class="serviceBox">
<div class="service-icon">
<span><i class="fa fa-eye" style="font-size:19px;color:#8155c3;"></i></span>
</div>
<br>
<span style="font-size: 18px; font-family: 'Athiti', sans-serif; color:#546967;"><strong>47</strong></span>
</div>
</div>
<div class="col-md-10 col-sm-9">
<div class="serviceBox">
<br>
<div align="left">
<a id="edit" style="text-decoration: none;" href='story_detail.php?id=50'> <i class="fa fa-smile-o" style="font-size:20px;color:#108b7e;"></i><span style="font-size:20px;">ลูกบีบ Keep ชีวิต ลูกบีบ keep</span></a>
<hr>
<i class="fa fa-clock-o" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">01 กุมภาพันธ์ 2566</span>
<i class="fa fa-user" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">Admin</span>
</br>
</thead>
<thead>
<div class="row">
<div class="col-md-2 col-sm-3">
<div class="serviceBox">
<div class="service-icon">
<span><i class="fa fa-eye" style="font-size:19px;color:#8155c3;"></i></span>
</div>
<br>
<span style="font-size: 18px; font-family: 'Athiti', sans-serif; color:#546967;"><strong>100</strong></span>
</div>
</div>
<div class="col-md-10 col-sm-9">
<div class="serviceBox">
<br>
<div align="left">
<a id="edit" style="text-decoration: none;" href='story_detail.php?id=48'> <i class="fa fa-smile-o" style="font-size:20px;color:#108b7e;"></i><span style="font-size:20px;">วิจัยการศึกษาการนวดประคบเต้านม</span></a>
<hr>
<i class="fa fa-clock-o" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">30 มกราคม 2566</span>
<i class="fa fa-user" style="font-size:15px;color:#6f828d;"></i><span style="font-size: 15px; font-family: 'Itim', cursive; color:#7a929f;">Admin</span>
</br>
</thead>
</table>
<ul class="pager">
<li class="next"><a href="all_story.php" class="style32 style37"><i class="fa fa-arrow-circle-right" style="font-size:19px;color:#3b91d2;"></i>เรื่องเล่า ทั้งหมด</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="row">
</div>
<section id="download" class="download">
<div class="col-md-12 col-sm-12">
<div class="serviceBox">
<br>
<style type="text/css">
a:hover,a:focus{
text-decoration: none;
outline: none;
}
.tab .nav-tabs{
font-family: 'Athiti', sans-serif;
margin: 0 0 10px 0;
border: none;
}
.tab .nav-tabs li a{
color: #444;
background: linear-gradient(to top right, #f9f9f9 49%,#f1f1f1 50%);
font-size: 17px;
font-weight: 800;
letter-spacing: 1px;
text-transform: uppercase;
padding: 10px 20px;
margin-right: 10px;
border: none;
border-radius: 20;
box-shadow: 0 0 10px -5px rgba(0,0,0,0.5);
overflow: hidden;
z-index: 1;
position: relative;
transition: all 0.3s ease 0s;
}
.tab .nav-tabs li:last-child a{ margin-right: 0; }
.tab .nav-tabs li a:hover,
.tab .nav-tabs li.active a{
color: #fff;
border-color: transparent;
border: none;
}
.tab .nav-tabs li a:before{
content: "";
background: linear-gradient(to right, #2F80ED, #56CCF2);
width: 100%;
height: 100%;
transform: scaleX(0);
transform-origin: 0 50% 0;
position: absolute;
top: 0;
left: 0;
z-index: -1;
transition: all 0.5s ease-out 0s;
}
.tab .nav-tabs li.active a:before,
.tab .nav-tabs li a:hover:before{
transform: scaleX(1);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.tab .tab-content{
color: #444;
background: linear-gradient(to top right, #f9f9f9 49%,#f1f1f1 50%);
font-size: 18px;
letter-spacing: 1px;
line-height: 40px;
padding: 25px 20px;
box-shadow: 0 0 10px -5px rgba(0,0,0,0.5);
position: relative;
}
.tab .tab-content h3{
font-weight: 600;
text-transform: uppercase;
margin-top: 0;
}
@media only screen and (max-width: 767px){
.tab .nav-tabs li a{ padding: 10px 20px; }
}
@media only screen and (max-width: 479px){
.tab .nav-tabs li{
text-align: center;
width: 100%;
margin-bottom: 15px;
}
}
</style>
<div class="container-fluid">
<div class="row">
<div class="tab" role="tabpanel">
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#tab_1" data-toggle="tab"><span style="font: 15pt 'Itim', cursive;"><i class="fa fa-file-pdf-o" style="font-size:22px;color:red;"></i>เอกสารทั่วไป</a></li>
<li role="presentation"><a href="#tab_2" data-toggle="tab"><span style="font: 15pt 'Itim', cursive;"><i class="fa fa-book" style="font-size:22px;color:#3abb91;"></i>คู่มือ/แบบฟอร์ม</a></li>
<li role="presentation"><a href="#tab_3" data-toggle="tab"><span style="font: 15pt 'Itim', cursive;"><i class="fa fa-fa fa-file-audio-o" style="font-size:25px;color:#567dd0;"></i>จัดซื้อ-จัดจ้าง</a></li>
<li role="presentation"><a href="#tab_4" data-toggle="tab"><span style="font: 15pt 'Itim', cursive;"><i class="fa fa-clock-o" style="font-size:22px;color:#dfcc4b;"></i>ผู้ชนะเสนอราคา</a></li>
<li role="presentation"><a href="#tab_5" data-toggle="tab"><span style="font: 15pt 'Itim', cursive;"><i class="fa fa-user" style="font-size:22px;color:#944cde;"></i>คุณภาพ</a></li>
<li role="presentation"><a href="#tab_6" data-toggle="tab"><span style="font: 15pt 'Itim', cursive;"><i class="fa fa-user" style="font-size:22px;color:#64c1fb;"></i>ความเสี่ยง</a></li>
<!---
<li role="presentation"><a href="#tab_7" data-toggle="tab"><span style="font: 15pt 'Athiti', sans-serif"><i class="fa fa-user" style="font-size:25px;color:#a2927e;"></i>HR</a></li>
--->
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div class="tab-pane active" id="tab_1">
<table class="table table-striped table-bordered table-hover" id="dataTables-example1">
<thead>
<tr>
<td width="28"><div align="center" class="style37"><span class="style32">ลำดับ</span></div></td>
<td class="style32"><div align="left" class="style37">หัวข้อเรื่อง เอกสาร / หนังสือ</div></td>
<td width="100" class="style32"><div align="center" class="style37">ประเภท</div></td>
<td width="120" class="style32"><div align="center" class="style37">วันที่ POST</div></td>
<td width="100" class="style32"><div align="center" class="style37">ดาวน์โหลด</div></td>
</tr>
</thead>
<tbody>
<tr>
<td height="34"><div align="center"><span class="style32">1</span></div></td>
<td><div align="left"><span class="style32">Weekly Planner of QMC (18-22/09/2023)</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#bd3e3e;">เอกสารทั่วไป</span></div></td>
<td><div align="center" class="style71"><span class="style51">21 ก.ย. 2566</span></div></td>
<!------
<td width="100" align="center"><div align="center"><a href="download_file.php?id=953" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td>
------->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1695289746.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#e65278;"></i></a></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">2</span></div></td>
<td><div align="left"><span class="style32">Quality Management Comittee (QMC) รายชื่อคณะกรรมการ และบทบาทหน้าที่</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#bd3e3e;">เอกสารทั่วไป</span></div></td>
<td><div align="center" class="style71"><span class="style51">21 ก.ย. 2566</span></div></td>
<!------
<td width="100" align="center"><div align="center"><a href="download_file.php?id=954" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td>
------->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1695289948.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#e65278;"></i></a></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">3</span></div></td>
<td><div align="left"><span class="style32">Banchang Hospital Profile 1 - 3 </span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#bd3e3e;">เอกสารทั่วไป</span></div></td>
<td><div align="center" class="style71"><span class="style51">21 ก.ย. 2566</span></div></td>
<!------
<td width="100" align="center"><div align="center"><a href="download_file.php?id=952" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td>
------->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1695289603.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#e65278;"></i></a></div></td>
</tr>
</tbody>
</table>
<ul class="pager">
<li class="previous"><a href="general.php" class="style32 style37"><i class="fa fa-file-text-o" style="font-size:14px;color:red;"></i>เอกสาร ทั้งหมด</a></li>
</ul>
</div>
<div class="tab-pane" id="tab_2">
<table class="table table-striped table-bordered table-hover" id="dataTables-example2">
<thead>
<tr>
<td width="28"><div align="center"><span class="style32">ลำดับ</span></div></td>
<td class="style32"><div align="left" class="style37">หัวข้อเรื่อง เอกสาร / หนังสือ</div></td>
<td width="100" class="style32"><div align="center" class="style37">ประเภท</div></td>
<td width="120" class="style32"><div align="center" class="style37">วันที่ POST</div></td>
<td width="100" class="style32"><div align="center" class="style37">ดาวน์โหลด</div></td>
</tr>
</thead>
<tbody>
<tr>
<td height="34"><div align="center"><span class="style32">1</span></div></td>
<td><div align="left"><span class="style32">แนวปฏิบัติ Dos & Don not is ของบุคลากรในสังกัด สป. ตามประมวลจริยธรรมข้าราชการพลเรือน</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#3abb91;">คู่มือ/แบบฟอร์ม</span></div></td>
<td><div align="center" class="style71"><span class="style51">20 ก.พ. 2566</span></div></td>
<!---------
<td width="100" align="center"><div align="center"><a href="download_file.php?id=888" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td>
------------->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1676903324.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#43d071;"></i></a></div></td>
</tr>
</tbody>
</table>
</div>
<div class="tab-pane" id="tab_3">
<table class="table table-striped table-bordered table-hover" id="dataTables-example3">
<thead>
<tr>
<td width="28"><div align="center"><span class="style32">ลำดับ</span></div></td>
<td class="style32"><div align="left" class="style37">หัวข้อเรื่อง เอกสาร / หนังสือ</div></td>
<td width="100" class="style32"><div align="center" class="style37">ประเภท</div></td>
<td width="120" class="style32"><div align="center" class="style37">วันที่ POST</div></td>
<td width="100" class="style32"><div align="center" class="style37">ดาวน์โหลด</div></td>
</tr>
</thead>
<tbody>
<tr>
<td height="34"><div align="center"><span class="style32">1</span></div></td>
<td><div align="left"><span class="style32">จ้างเหมาบริการตรวจคัดกรองมะเร็งเต้านม ด้วยเครื่องเอกซเรย์เต้านมและอัลตร้าซาวด์เต้านมเคลื่อนที่ โดยวิธีเฉพาะเจาะจง</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#567dd0;">จัดซื้อ-จัดจ้าง</span></div></td>
<td><div align="center" class="style71"><span class="style51">07 ธ.ค. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=959" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1703286192.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#2796d5;"></i></a></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">2</span></div></td>
<td><div align="left"><span class="style32">ประกาศเปลี่ยนแปลงแผนการก่อสร้างอาคาร ARI</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#567dd0;">จัดซื้อ-จัดจ้าง</span></div></td>
<td><div align="center" class="style71"><span class="style51">17 ส.ค. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=940" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1692260602.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#2796d5;"></i></a></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">3</span></div></td>
<td><div align="left"><span class="style32">ประกาศจัดซื้อครุภัณฑ์คอมพิวเตอร์ จำนวน ๖ รายการ ด้วยวิธีประกวดราคาอิเล็กทรอนิกส์ (e-bidding)</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#567dd0;">จัดซื้อ-จัดจ้าง</span></div></td>
<td><div align="center" class="style71"><span class="style51">15 ส.ค. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=936" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1692093645.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#2796d5;"></i></a></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">4</span></div></td>
<td><div align="left"><span class="style32">ประกวดราคาซื้อครุภัณฑ์คอมพิวเตอร์ ด้วยวิธีประดวดราคาอิเล็กทรอนิกส์ (e-bidding)</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#567dd0;">จัดซื้อ-จัดจ้าง</span></div></td>
<td><div align="center" class="style71"><span class="style51">15 ส.ค. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=937" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1692093730.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#2796d5;"></i></a></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">5</span></div></td>
<td><div align="left"><span class="style32">ประกวดราคาซื้อครุภัณฑ์คอมพิวเตอร์ จำนวน ๗ รายการ ด้วยวิธีประกวดราคาอิเล็กทรอนิกส์ (e-bidding)</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#567dd0;">จัดซื้อ-จัดจ้าง</span></div></td>
<td><div align="center" class="style71"><span class="style51">15 ส.ค. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=938" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1692093792.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#2796d5;"></i></a></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">6</span></div></td>
<td><div align="left"><span class="style32">ประกวดราคาซื้อโปรแกรมพัฒนาระบบจัดเก็บข้อมูล สำหรับแม่ข่ายคอมคอมพิวเตอร์ ด้วยวิธีประกวดราคาอิเล็กทรอนิกส์ (e-bidding)</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#567dd0;">จัดซื้อ-จัดจ้าง</span></div></td>
<td><div align="center" class="style71"><span class="style51">15 ส.ค. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=939" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1692093830.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#2796d5;"></i></a></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">7</span></div></td>
<td><div align="left"><span class="style32">ขออนุมัติเปลี่ยนแปลงแผน โปรแกรมคอมพิวเตอร์ ประจำปีงบประมาณ พ.ศ.๒๕๖๖</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#567dd0;">จัดซื้อ-จัดจ้าง</span></div></td>
<td><div align="center" class="style71"><span class="style51">11 ส.ค. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=935" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1691736319.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#2796d5;"></i></a></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">8</span></div></td>
<td><div align="left"><span class="style32">ประกาศ ยกเลิกประกาศ ประกวดราคาจ้างเหมาบริการตรวจเอกซเรย์คอมพิวเตอร์ความเร็วสูง ชนิด ๓๒ ภาพ ต่อ การหมุน ๑ รอบ โรงพยาบาลบ้านฉาง ด้วยวิธีประกวดราคาอิเล็กทรอนิกส์(e-bidding)</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#567dd0;">จัดซื้อ-จัดจ้าง</span></div></td>
<td><div align="center" class="style71"><span class="style51">27 ก.ค. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=933" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1690464337.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#2796d5;"></i></a></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">9</span></div></td>
<td><div align="left"><span class="style32">แผนการลงทุนด้วยเงินบำรุง ๓ ปี งบประมาณ ๒๕๖๖-๒๕๖๘ ตามนโยบายการลงทุน Environment Modernization and Smart Service : EMS</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#567dd0;">จัดซื้อ-จัดจ้าง</span></div></td>
<td><div align="center" class="style71"><span class="style51">19 พ.ค. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=923" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1684465266.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#2796d5;"></i></a></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">10</span></div></td>
<td><div align="left"><span class="style32">ขออนุมัติเปลี่ยนแปลงแผนการจัดซื้อจัดจ้าง รายละเอียดแนบท้ายประกาศเปลี่ยนแปลง (E๖๖๐๕๐๐๑๒๖๘๔) ประจำปีงบประมาณ พ.ศ.๒๕๖๖</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#567dd0;">จัดซื้อ-จัดจ้าง</span></div></td>
<td><div align="center" class="style71"><span class="style51">18 พ.ค. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=913" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1684398122.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#2796d5;"></i></a></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">11</span></div></td>
<td><div align="left"><span class="style32">ขออนุมัติประกาศเผยแพร่แผนการจัดซื้อจัดจ้าง รายละเอียดแนบท้ายประกาศ (M๖๖๐๕๐๐๑๒๒๗๓) ประจำปีงบประมาณ พ.ศ.๒๕๖๖</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#567dd0;">จัดซื้อ-จัดจ้าง</span></div></td>
<td><div align="center" class="style71"><span class="style51">18 พ.ค. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=920" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1684399524.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#2796d5;"></i></a></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">12</span></div></td>
<td><div align="left"><span class="style32">ขออนุมัติประกาศเผยแพร่แผนการจัดซื้อจัดจ้าง รายละเอียดแนบท้ายประกาศ (M๖๖๐๕๐๐๑๒๒๐๑) ประจำปีงบประมาณ พ.ศ.๒๕๖๖</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#567dd0;">จัดซื้อ-จัดจ้าง</span></div></td>
<td><div align="center" class="style71"><span class="style51">18 พ.ค. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=921" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1684399621.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#2796d5;"></i></a></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">13</span></div></td>
<td><div align="left"><span class="style32">ขออนุมัติประกาศเผยแพร่แผนการจัดซื้อจัดจ้าง รายละเอียดแนบท้ายประกาศ (M๖๖๐๕๐๐๑๒๔๐๙) ประจำปีงบประมาณ พ.ศ.๒๕๖๖</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#567dd0;">จัดซื้อ-จัดจ้าง</span></div></td>
<td><div align="center" class="style71"><span class="style51">18 พ.ค. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=922" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1684399732.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#2796d5;"></i></a></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">14</span></div></td>
<td><div align="left"><span class="style32">ขออนุมัติประกาศเผยแพร่แผนการจัดซื้อจัดจ้าง รายละเอียดแนบท้ายประกาศ (M๖๖๐๕๐๐๑๒๒๕๙) ประจำปีงบประมาณ พ.ศ.๒๕๖๖</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#567dd0;">จัดซื้อ-จัดจ้าง</span></div></td>
<td><div align="center" class="style71"><span class="style51">18 พ.ค. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=919" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1684399409.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#2796d5;"></i></a></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">15</span></div></td>
<td><div align="left"><span class="style32">ประกวดราคาจ้างเหมาบริการตรวจเอกซเรย์คอมพิวเตอร์ความเร็วสูง ชนิด ๓๒ ภาพ ต่อการหมุน ๑ รอบ ด้วยวิธีประกวดราคาอิเล็กทรอนิกส์ (e-bidding)</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#567dd0;">จัดซื้อ-จัดจ้าง</span></div></td>
<td><div align="center" class="style71"><span class="style51">12 พ.ค. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=910" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1683884902.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#2796d5;"></i></a></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">16</span></div></td>
<td><div align="left"><span class="style32">ประกาศ ขายทอดตลาดพัสดุชำรุด เสื่อมสภาพ และไม่จำเป็นต้องใช้ครุภัณฑ์ยานพาหนะ จำนวน ๘ คัน</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#567dd0;">จัดซื้อ-จัดจ้าง</span></div></td>
<td><div align="center" class="style71"><span class="style51">10 พ.ค. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=909" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1683709445.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#2796d5;"></i></a></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">17</span></div></td>
<td><div align="left"><span class="style32">ประกาศ ยกเลิก ขายทอดตลาดพัสดุครุภัณฑ์ยานพาหนะ จำนวน ๘ คัน</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#567dd0;">จัดซื้อ-จัดจ้าง</span></div></td>
<td><div align="center" class="style71"><span class="style51">25 เม.ย. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=908" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1682401006.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#2796d5;"></i></a></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">18</span></div></td>
<td><div align="left"><span class="style32">ขายทอดตลาดพัสดุครุภัณฑ์ยานพาหนะ จำนวน ๘ คัน</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#567dd0;">จัดซื้อ-จัดจ้าง</span></div></td>
<td><div align="center" class="style71"><span class="style51">04 เม.ย. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=906" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1680595170.rar" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#2796d5;"></i></a></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">19</span></div></td>
<td><div align="left"><span class="style32">งานจ้างเหมาบริการตรวจเอกซเรย์คอมพิวเตอร์ความเร็วสูง ชนิด ๓๒ ภาพ ต่อการหมุน ๑ รอบ ประจำปีงบประมาณ ๒๕๖๖ ด้วยวิธีประกวดราคาอิเล็กทรอนิกส์ (e-bidding)</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#567dd0;">จัดซื้อ-จัดจ้าง</span></div></td>
<td><div align="center" class="style71"><span class="style51">22 มี.ค. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=904" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1679479050.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#2796d5;"></i></a></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">20</span></div></td>
<td><div align="left"><span class="style32">ประกาศเปลี่ยนแปลงแผนการจัดซื้อครุภัณฑ์คอมพิวเตอร์</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#567dd0;">จัดซื้อ-จัดจ้าง</span></div></td>
<td><div align="center" class="style71"><span class="style51">10 มี.ค. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=900" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1678416946.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#2796d5;"></i></a></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">21</span></div></td>
<td><div align="left"><span class="style32">ประกาศการจัดซื้อโปรแกรมพัฒนาระบบจัดเก็บ</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#567dd0;">จัดซื้อ-จัดจ้าง</span></div></td>
<td><div align="center" class="style71"><span class="style51">10 มี.ค. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=901" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1678417039.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#2796d5;"></i></a></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">22</span></div></td>
<td><div align="left"><span class="style32">ประกาศเผยแพร่แผนการจัดซื้อจัดจ้าง ประจำปีงบประมาณ พ.ศ.2566 (จัดซื้อครุภัณฑ์คอมฯ จำนวน 8 รายการ)</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#567dd0;">จัดซื้อ-จัดจ้าง</span></div></td>
<td><div align="center" class="style71"><span class="style51">20 ก.พ. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=889" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1676903364.rar" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#2796d5;"></i></a></div></td>
</tr>
</tbody>
</table>
</div>
<div class="tab-pane" id="tab_4">
<table class="table table-striped table-bordered table-hover" id="dataTables-example4">
<thead>
<tr>
<td width="28" ><div align="center"><span class="style32">ลำดับ</span></div></td>
<td class="style32"><div align="left" class="style37">หัวข้อเรื่อง เอกสาร / หนังสือ</div></td>
<td width="100" class="style32"><div align="center" class="style37">ประเภท</div></td>
<td width="120" class="style32"><div align="center" class="style37">วันที่ POST</div></td>
<td width="100" class="style32"><div align="center" class="style37">ดาวน์โหลด</div></td>
</tr>
</thead>
<tbody>
<tr>
<td height="34"><div align="center"><span class="style32">1</span></div></td>
<td><div align="left"><span class="style32">ประกาศผู้ชนะการเสนอราคาซื้อยา เดือน พฤศจิกายน ๒๕๖๖</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#c7b034;">ผู้ชนะเสนอราคา</span></div></td>
<td><div align="center" class="style71"><span class="style51">21 ธ.ค. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=958" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1703141190.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#d4be2a;"></i></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">2</span></div></td>
<td><div align="left"><span class="style32">ประกาศผลผู้ชนะการจัดซื้อจัดจ้างหรือผู้ได้รับการคัดเลือกและสาระสำคัญของสัญญาหรือข้อตกลงเป็นหนังสือ ประจำไตรมาสที่ 4 เดือนกรกฏาคม2566 - กันยายน 2566</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#c7b034;">ผู้ชนะเสนอราคา</span></div></td>
<td><div align="center" class="style71"><span class="style51">14 พ.ย. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=957" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1699947686.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#d4be2a;"></i></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">3</span></div></td>
<td><div align="left"><span class="style32">ประกาศผู้ชนะการเสนอราคา จ้างเหมาปรับปรงุห้องทำงานพยาบาล Nurse Station จำนวน ๑ งานโดยวิธีเฉพาะเจาะจง</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#c7b034;">ผู้ชนะเสนอราคา</span></div></td>
<td><div align="center" class="style71"><span class="style51">12 ก.ค. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=955" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1696406282.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#d4be2a;"></i></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">4</span></div></td>
<td><div align="left"><span class="style32">ประกาศผู้ชนะการเสนอราคา ซื้อวัสดุการเกษตร จำนวน ๑๘ รายการ โดยวิธีการเฉพาะเจาะจง</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#c7b034;">ผู้ชนะเสนอราคา</span></div></td>
<td><div align="center" class="style71"><span class="style51">07 ก.ย. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=950" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1694070594.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#d4be2a;"></i></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">5</span></div></td>
<td><div align="left"><span class="style32">ประกาศผู้ชนะการเสนอราคา ซื้อวัสดุงานบ้านงานครัว จำนวน ๒๑ รายการ โดยวิธีการเฉพาะเจาะจง</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#c7b034;">ผู้ชนะเสนอราคา</span></div></td>
<td><div align="center" class="style71"><span class="style51">07 ก.ย. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=949" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1694070581.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#d4be2a;"></i></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">6</span></div></td>
<td><div align="left"><span class="style32">ประกาศผู้ชนะการเสนอราคา ซื้อวัสดุกีฬา โดยวิธีการเฉพาะเจาะจง</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#c7b034;">ผู้ชนะเสนอราคา</span></div></td>
<td><div align="center" class="style71"><span class="style51">07 ก.ย. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=948" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1694070562.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#d4be2a;"></i></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">7</span></div></td>
<td><div align="left"><span class="style32">ประกาศผู้ชนะการเสนอราคาซื้อยาเดือน สิงหาคม ๒๕๖๖</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#c7b034;">ผู้ชนะเสนอราคา</span></div></td>
<td><div align="center" class="style71"><span class="style51">07 ก.ย. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=947" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1694070214.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#d4be2a;"></i></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">8</span></div></td>
<td><div align="left"><span class="style32">ประกาศผลผู้ชนะการจัดซื้อจัดจ้างหรือผู้ได้รับการคัดเลือกและสาระสำคัญของสัญญาหรือข้อตกลงเป็นหนังสือ ประจำไตรมาสที่ ๓ เดือนเมษายน ๒๕๖๖ - มิถุนายน ๒๕๖๖</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#c7b034;">ผู้ชนะเสนอราคา</span></div></td>
<td><div align="center" class="style71"><span class="style51">05 ก.ย. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=946" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1693903784.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#d4be2a;"></i></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">9</span></div></td>
<td><div align="left"><span class="style32">ประกาศผู้ชนะการเสนอราคาซื้อวัสดุกีฬา จำนวน ๑๓ รายการ โกดยวิธีเฉพาะเจาะจง</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#c7b034;">ผู้ชนะเสนอราคา</span></div></td>
<td><div align="center" class="style71"><span class="style51">23 ส.ค. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=944" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1692786200.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#d4be2a;"></i></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">10</span></div></td>
<td><div align="left"><span class="style32">ประกาศผู้ชนะการเสนอราคาซื้อวัสดุการเกษตร จำนวน ๑๘ รายการ โกดยวิธีเฉพาะเจาะจง</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#c7b034;">ผู้ชนะเสนอราคา</span></div></td>
<td><div align="center" class="style71"><span class="style51">23 ส.ค. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=943" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1692786183.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#d4be2a;"></i></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">11</span></div></td>
<td><div align="left"><span class="style32">ประกาศผู้ชนะการเสนอราคาซื้อวัสดุงานบ้านงานครัว จำนวน ๒๑ รายการ โกดยวิธีเฉพาะเจาะจง</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#c7b034;">ผู้ชนะเสนอราคา</span></div></td>
<td><div align="center" class="style71"><span class="style51">23 ส.ค. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=942" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1692786158.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#d4be2a;"></i></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">12</span></div></td>
<td><div align="left"><span class="style32">ประกาศผู้ชนะการเสนอราคาซื้อยา ประจำเดือน กรกฎาคม ๒๕๖๖</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#c7b034;">ผู้ชนะเสนอราคา</span></div></td>
<td><div align="center" class="style71"><span class="style51">09 ส.ค. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=934" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1691569395.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#d4be2a;"></i></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">13</span></div></td>
<td><div align="left"><span class="style32">ประกาศผู้ชนะการเสนอราคาซื้อยา ประจำเดือน มิถุนายน ๒๕๖๖</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#c7b034;">ผู้ชนะเสนอราคา</span></div></td>
<td><div align="center" class="style71"><span class="style51">08 ก.ค. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=930" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1688801559.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#d4be2a;"></i></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">14</span></div></td>
<td><div align="left"><span class="style32">ประกาศผู้ชนะการเสนอราคาซื้อยา ประจำเดือน พฤษภาคม ๒๕๖๖</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#c7b034;">ผู้ชนะเสนอราคา</span></div></td>
<td><div align="center" class="style71"><span class="style51">13 มิ.ย. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=928" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1686650463.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#d4be2a;"></i></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">15</span></div></td>
<td><div align="left"><span class="style32">ประกาศผลผู้ชนะการจัดซื้อจัดจ้างหรือผู้ได้รับการคัดเลือกและสาระสำคัญของสัญญาหรือข้อตกลงเป็นหนังสือประจำไตรมาสที่ ๒ (เดือน มกราคม พ.ศ.๒๕๖๖ ถึง เดือน มีนาคม ๒๕๖๖)</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#c7b034;">ผู้ชนะเสนอราคา</span></div></td>
<td><div align="center" class="style71"><span class="style51">30 พ.ค. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=927" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1685455012.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#d4be2a;"></i></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">16</span></div></td>
<td><div align="left"><span class="style32">ประกาศผู้ชนะการเสนอราคาซื้อยา ประจำเดือน เมษายน ๒๕๖๖</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#c7b034;">ผู้ชนะเสนอราคา</span></div></td>
<td><div align="center" class="style71"><span class="style51">17 พ.ค. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=912" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1684286149.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#d4be2a;"></i></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">17</span></div></td>
<td><div align="left"><span class="style32">ประกาศผู้ชนะการเสนอราคาซื้อยาเดือน มีนาคม ๒๕๖๖</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#c7b034;">ผู้ชนะเสนอราคา</span></div></td>
<td><div align="center" class="style71"><span class="style51">20 เม.ย. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=907" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1681985556.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#d4be2a;"></i></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">18</span></div></td>
<td><div align="left"><span class="style32">ประกาศผู้ชนะการเสนอราคาซืท้อยา จำนวน 13 รายการโดยวิธีเฉพาะเจาะจง</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#c7b034;">ผู้ชนะเสนอราคา</span></div></td>
<td><div align="center" class="style71"><span class="style51">16 มี.ค. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=902" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1678950145.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#d4be2a;"></i></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">19</span></div></td>
<td><div align="left"><span class="style32">ประกาศผลผู้ชนะการจัดซื้อจัดจ้าง ประจำไตรมาสที ๑ (ตุลาคม พ.ศ. ๒๕๖๕ ถึง ธันวาคม พ.ศ. ๒๕๖๕)</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#c7b034;">ผู้ชนะเสนอราคา</span></div></td>
<td><div align="center" class="style71"><span class="style51">23 ก.พ. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=893" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1677142913.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#d4be2a;"></i></div></td>
</tr>
<tr>
<td height="34"><div align="center"><span class="style32">20</span></div></td>
<td><div align="left"><span class="style32">ประกาศผลผู้ชนะการจัดซื้อจัดจ้าง ประจำไตรมาสที่ ๔ (กรกฎาคม พ.ศ.๒๕๖๕ ถึง กันยายน พ.ศ.๒๕๖๕)</span></div></td>
<td><div align="center" class="style71"><span class="style51" style="color:#c7b034;">ผู้ชนะเสนอราคา</span></div></td>
<td><div align="center" class="style71"><span class="style51">20 ก.พ. 2566</span></div></td>
<!----
<td width="100" align="center"><div align="center"><a href="download_file.php?id=890" target="_black" class="style32"><img src="images/download.png" width="110" height="32" border="0" alt=""></a></div></td
----->
<td width="100" align="center"><div align="center"><a href="upload_file/download/1676903428.pdf" target="_black" class="style32"><i class="fa fa-file-pdf-o" style="font-size:26px;color:#d4be2a;"></i></div></td>
</tr>
</tbody>
</table>
</div>
<div class="tab-pane" id="tab_5">
<table class="table table-striped table-bordered table-hover" id="dataTables-example5">
<thead>
<tr>
<td width="28"><div align="center"><span class="style32">ลำดับ</span></div></td>
<td class="style32"><div align="left" class="style37">หัวข้อเรื่อง เอกสาร / หนังสือ</div></td>
<td width="100" class="style32"><div align="center" class="style37">ประเภท</div></td>
<td width="120" class="style32"><div align="center" class="style37">วันที่ POST</div></td>
<td width="100" class="style32"><div align="center" class="style37">ดาวน์โหลด</div></td>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<div class="tab-pane" id="tab_6">
<table class="table table-striped table-bordered table-hover" id="dataTables-example6">
<thead>
<tr>
<td width="28"><div align="center"><span class="style32">ลำดับ</span></div></td>
<td class="style32"><div align="left" class="style37">หัวข้อเรื่อง เอกสาร / หนังสือ</div></td>
<td width="100" class="style32"><div align="center" class="style37">ประเภท</div></td>
<td width="120" class="style32"><div align="center" class="style37">วันที่ POST</div></td>
<td width="100" class="style32"><div align="center" class="style37">ดาวน์โหลด</div></td>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<div class="tab-pane" id="tab_7">
<table class="table table-striped table-bordered table-hover" id="dataTables-example7">
<thead>
<tr>
<td width="28"><div align="center"><span class="style32">ลำดับ</span></div></td>
<td class="style32"><div align="left" class="style37">หัวข้อเรื่อง เอกสาร / หนังสือ</div></td>
<td width="100" class="style32"><div align="center" class="style37">ประเภท</div></td>
<td width="120" class="style32"><div align="center" class="style37">วันที่ POST</div></td>
<td width="100" class="style32"><div align="center" class="style37">ดาวน์โหลด</div></td>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</div>
</section>
<section id="slidemals" class="slidemals">
<div class="col-md-12 col-sm-12">
<div class="serviceBox">
<br>
<div class="product-grid">
<div class="product-image">
<div id="carousel-example-generic2" class="carousel slidemals" data-ride="carousel">
<ol class="carousel-indicators">
</ol>
<div class="carousel-inner">
<div class="item active">
<a href="" target="_blank" class="image"><img class="product-image" src="images/slidemals1/1703999143.jpg"></a>
</div>
<div class="item ">
<a href="" target="_blank" class="image"><img class="product-image" src="images/slidemals1/1703631129.jpg"></a>
</div>
<div class="item ">
<a href="" target="_blank" class="image"><img class="product-image" src="images/slidemals1/1703144473.jpg"></a>
</div>
<div class="item ">
<a href="" target="_blank" class="image"><img class="product-image" src="images/slidemals1/1702974418.jpg"></a>
</div>
<div class="item ">
<a href="" target="_blank" class="image"><img class="product-image" src="images/slidemals1/1698808788.jpg"></a>
</div>
<div class="item ">
<a href="" target="_blank" class="image"><img class="product-image" src="images/slidemals1/1698395821.jpg"></a>
</div>
<div class="item ">
<a href="" target="_blank" class="image"><img class="product-image" src="images/slidemals1/1697946454.jpg"></a>
</div>
<div class="item ">
<a href="" target="_blank" class="image"><img class="product-image" src="images/slidemals1/1697793432.jpg"></a>
</div>
<div class="item ">
<a href="" target="_blank" class="image"><img class="product-image" src="images/slidemals1/1697792512.jpg"></a>
</div>
<div class="item ">
<a href="" target="_blank" class="image"><img class="product-image" src="images/slidemals1/1697792503.jpg"></a>
</div>
<div class="item ">
<a href="" target="_blank" class="image"><img class="product-image" src="images/slidemals1/1697792481.jpg"></a>
</div>
<div class="item ">
<a href="" target="_blank" class="image"><img class="product-image" src="images/slidemals1/1697792467.jpg"></a>
</div>
<a class="left carousel-control" href="#carousel-example-generic2" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#carousel-example-generic2" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span>
</a>
<span class="product-discount-label">NEWS TODAY</span>
</div>
</div>
<!----
</section>
<section id="slidemals" class="slidemals">
<div class="col-md-12 col-sm-12">
<div class="serviceBox">
<br>
<style>
div.polaroid {
width: 100%;
background-color: white;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
</style>
<div class="row">
<div class=" col-md-6">
<table class="table">
<div class="polaroid">
<div id="carousel-example-generic2" class="carousel slidemals" data-ride="carousel">
<ol class="w3-round" alt="Norway">
</ol>
<div class="carousel-inner">
<div class="item active">
<img class="slide-image img-thumbnail" src="images/slidemals1/1703999143.jpg">
</div>
<div class="item ">
<img class="slide-image img-thumbnail" src="images/slidemals1/1703631129.jpg">
</div>
<div class="item ">
<img class="slide-image img-thumbnail" src="images/slidemals1/1703144473.jpg">
</div>
<div class="item ">
<img class="slide-image img-thumbnail" src="images/slidemals1/1702974418.jpg">
</div>
<div class="item ">
<img class="slide-image img-thumbnail" src="images/slidemals1/1698808788.jpg">
</div>
<div class="item ">
<img class="slide-image img-thumbnail" src="images/slidemals1/1698395821.jpg">
</div>
<div class="item ">
<img class="slide-image img-thumbnail" src="images/slidemals1/1697946454.jpg">
</div>
<div class="item ">
<img class="slide-image img-thumbnail" src="images/slidemals1/1697793432.jpg">
</div>
<div class="item ">
<img class="slide-image img-thumbnail" src="images/slidemals1/1697792512.jpg">
</div>
<div class="item ">
<img class="slide-image img-thumbnail" src="images/slidemals1/1697792503.jpg">
</div>
<div class="item ">
<img class="slide-image img-thumbnail" src="images/slidemals1/1697792481.jpg">
</div>
<div class="item ">
<img class="slide-image img-thumbnail" src="images/slidemals1/1697792467.jpg">
</div>
</ul>
</div>
<a class="left carousel-control" href="#carousel-example-generic2" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span></a>
<a class="right carousel-control" href="#carousel-example-generic2" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span>
</a>
</table>
</div>
<div class="col-md-6">
<table class="table">
<div class="polaroid">
<div id="carousel-example-generic3" class="carousel slidemals2" data-ride="carousel">
<ol class="w3-round" alt="Norway">
</ol>
<div class="carousel-inner">
<div class="item active">
<img class="slide-image img-thumbnail" src="images/slidemals2/1697946488.jpg">
</div>
<div class="item ">
<img class="slide-image img-thumbnail" src="images/slidemals2/1697946466.jpg">
</div>
<div class="item ">
<img class="slide-image img-thumbnail" src="images/slidemals2/1695100302.jpg">
</div>
<div class="item ">
<img class="slide-image img-thumbnail" src="images/slidemals2/1693180679.jpg">
</div>
<div class="item ">
<img class="slide-image img-thumbnail" src="images/slidemals2/1693180670.jpg">
</div>
<div class="item ">
<img class="slide-image img-thumbnail" src="images/slidemals2/1691478474.jpg">
</div>
<div class="item ">
<img class="slide-image img-thumbnail" src="images/slidemals2/1691477360.jpg">
</div>
<div class="item ">
<img class="slide-image img-thumbnail" src="images/slidemals2/1690866222.jpg">
</div>
<div class="item ">
<img class="slide-image img-thumbnail" src="images/slidemals2/1685533053.jpg">
</div>
<div class="item ">
<img class="slide-image img-thumbnail" src="images/slidemals2/1684739207.jpg">
</div>
<div class="item ">
<img class="slide-image img-thumbnail" src="images/slidemals2/1681892835.jpg">
</div>
<div class="item ">
<img class="slide-image img-thumbnail" src="images/slidemals2/1674722595.jpg">
</div>
<div class="item ">
<img class="slide-image img-thumbnail" src="images/slidemals2/1674722589.jpg">
</div>
</ul>
</div>
<a class="left carousel-control" href="#carousel-example-generic3" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span></a>
<a class="right carousel-control" href="#carousel-example-generic3" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span>
</a>
</table>
</div>
</div>
---->
<style>
.our-team .pic{
position: relative;
overflow: hidden;
}
.our-team .pic img{
width: 100%;
height: 200;
}
.our-team .over-layer{
width: 100%;
height: 100%;
position: absolute;
bottom: -100%;
left: 0;
background: rgba(156, 136, 185, 0.7);
transition: all 0.5s ease 0s;
}
.our-team:hover .over-layer{
bottom: 0;
}
.our-team .over-layer:before{
content: "";
width: 90%;
height: 0;
position: absolute;
top: 5%;
left: 5%;
border-top: 0px solid rgba(255,255,255,0.7);
border-left: 0px solid rgba(255,255,255,0.7);
opacity: 0;
transition: all 0.5s ease 0.5s;
}
.our-team:hover .over-layer:before{
opacity: 1;
height: 90%;
}
.our-team .social-links{
padding: 0;
margin: 0;
list-style: none;
text-align: center;
position: relative;
top: 45%;
transform: scale(0);
opacity: 0;
transition: all 0.3s ease 1s;
}
.our-team:hover .social-links{
opacity: 1;
transform: scale(1);
}
.our-team .social-links li{
display: inline-block;
margin-left: 5px;
}
.our-team .social-links li a{
width: 0px;
height: 0px;
line-height: 30px;
border-radius: 50%;
display: block;
font-size: 15px;
color: #fff;
background: rgba(11, 32, 56, 0.7);
}
.our-team .team-content{
background: #eaf4f8;
padding: 20px 15px;
}
.our-team .team-title{
font-family: 'Sarabun', sans-serif;
font-size: 16px;
font-weight: 500;
color: #5d5e5e;
margin: 0 0 5px 0;
}
.our-team .post{
display: block;
font-size: 16px;
font-style: italic;
color: #898989;
margin-bottom: 15px;
}
.our-team .post:after{
content: "";
display: block;
width: 100%;
height: 2px;
background: #4c92c7;
margin-top: 7px;
}
.our-team .description{
font-size: 16px;
color: #898989;
}
.our-team .read{
display: inline-block;
font-size: 16px;
color: #fff;
text-transform: uppercase;
padding: 8px 8px 8px 260px;
background: #4c92c7;
z-index: 1;
position: relative;
transition: all 0.5s ease 0s;
}
.our-team .read:hover{
background: #6dc1b3;
text-decoration: none;
color: #3b3939;
}
.our-team .read:after{
content: "";
width: 36px;
height: 100%;
background: ;
position: absolute;
top: 0;
right: -0px;
transform: skewX(-45deg);
z-index: -1;
transition: all 0.5s ease 0s;
}
.our-team .read:hover:after{
background: ;
}
@media screen and (max-width: 990px){
.our-team{ margin-bottom: 15px; }
}
</style>
</section>
<div class="row">
</div>
<section id="galleryy" class="gallery">
<div class="col-md-12 col-sm-12">
<div class="serviceBox">
<br>
<div class="text-left">
<img src="images/icon_galler01.png" ><align="center" class="style20 style1"><span style="font: 20pt 'Itim', cursive;"> ภาพกิจกรรม GALLERY </span><a href="all_gallery.php" class="badge" style="background-color: #73b5df;"><span style="font-size:16px;color:#fff;">All Gallery</span></a>
<p></p>
<!---GALLERY--->
<style>
.post-slide{
padding: 0 0px;
}
.post-slide .post-img{
overflow: hidden;
}
.post-slide .post-img img{
width: 100%;
height: 180;
filter: ;
opacity: 0.9;
transform: scale(1,1);
transition:all 0.3s ease-in-out 0s;
}
.post-slide:hover .post-img img{
transform: scale(1.2,1.2);
filter:none;
opacity:1;
}
.post-slide .post-content{
padding: 3px 6px;
position: relative;
background: #f2eeee;
}
.post-slide .post-title{
margin: 20px 0;
}
.post-slide .post-title a{
color:#e6f3f8;
font-size:22px;
text-transform:capitalize;
transition: all 0.50s ease 0s;
}
.post-slide .post-title a:hover{
color:#333;
text-decoration: none;
}
.post-slide .post-description{
color: #999;
font-size: 16px;
line-height: 30px;
}
.post-slide .post-bar{
padding: 15px 0;
list-style: none;
text-align: center;
background: #e6f3f8;
}
.post-slide .post-bar li{
display: inline-block;
margin-right: 5px;
}
.post-slide .post-bar li a{
text-transform: capitalize;
font-size: 12px;
color: #fff;
transition:0.2s ease;
}
.post-slide .post-bar li a:hover{
text-decoration: none;
color:#333;
}
.post-slide .post-bar li i{
color:#fff;
margin-right: 5px;
}
</style>
<script>
$(document).ready(function() {
$("#news-slider").owlCarousel({
items : 3,
itemsDesktop:[1199,2],
itemsDesktopSmall:[980,2],
itemsMobile: [600, 1],
navigation : false,
pagination:false,
autoPlay : true
});
});
</script>
<div class="flexslider carousel basiccarousel">
<ul class="slides">
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="gallery_view.php?id=198"><img src="images/gallery/1703631486_0.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="gallery_view.php?id=198"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> วันที่ 26 ธันวาคม 2566 ทีม Ser...</a></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>26 ธ.ค. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="gallery_view.php?id=196"><img src="images/gallery/1703546107_0.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="gallery_view.php?id=196"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> วันที่ 25 รันวาคม 2566 ผู้แทนผ...</a></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>25 ธ.ค. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="gallery_view.php?id=197"><img src="images/gallery/1703546252_0.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="gallery_view.php?id=197"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> วันที่ 25 รันวาคม 2566 โรงพยาบ...</a></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>25 ธ.ค. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="gallery_view.php?id=194"><img src="images/gallery/1702111000_0.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="gallery_view.php?id=194"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> วันที่ 7 ธันวาคม 2566 นายกิติพ...</a></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>07 ธ.ค. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="gallery_view.php?id=195"><img src="images/gallery/1702111633_0.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="gallery_view.php?id=195"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> วันที่ 6 รันวาคม 2566 นายแพทย์...</a></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>06 ธ.ค. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="gallery_view.php?id=193"><img src="images/gallery/1701748828_4.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="gallery_view.php?id=193"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> เนื่องในวันที่ 5 ธันวาคม ของทุ...</a></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>05 ธ.ค. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="gallery_view.php?id=192"><img src="images/gallery/1701407297_13.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="gallery_view.php?id=192"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> นายแพทย์ก้อง เจริญราษฎร์ แพทย์...</a></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>30 พ.ย. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="gallery_view.php?id=191"><img src="images/gallery/1701153621_0.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="gallery_view.php?id=191"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> วันที่ 27 พฤศจิกายน 2566 นายก...</a></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>27 พ.ย. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="gallery_view.php?id=189"><img src="images/gallery/1700820660_0.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="gallery_view.php?id=189"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> วันที่ 24 พฤศจิกายน 2566 นายแพ...</a></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>24 พ.ย. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="gallery_view.php?id=188"><img src="images/gallery/1700451731_15.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="gallery_view.php?id=188"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> วันที่ 17 พฤศจิกายน 2566 นายวิ...</a></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>17 พ.ย. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="gallery_view.php?id=187"><img src="images/gallery/1700037795_0.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="gallery_view.php?id=187"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> วันที่ 15 พฤศจิกายน 2566 นายแพ...</a></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>15 พ.ย. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="gallery_view.php?id=185"><img src="images/gallery/1698397146_0.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="gallery_view.php?id=185"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> วันที่ 27 ตุลาคม 2566 นายแพทย์...</a></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>27 ต.ค. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="gallery_view.php?id=184"><img src="images/gallery/1697948572_0.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="gallery_view.php?id=184"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> เนื่องในวันที่ 21 ตุลาคม เป็นว...</a></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>20 ต.ค. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="gallery_view.php?id=183"><img src="images/gallery/1696234086_0.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="gallery_view.php?id=183"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> วันที่ 29 กันยายน 2566 โรงพยาบ...</a></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>30 ก.ย. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="gallery_view.php?id=182"><img src="images/gallery/1695692723_0.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="gallery_view.php?id=182"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> วันที่ 25 กันยายน 2566 โรงพยาบ...</a></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>25 ก.ย. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="gallery_view.php?id=181"><img src="images/gallery/1693702715_0.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="gallery_view.php?id=181"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> วันที่ 31 สิงหาคม 2566 โรงพยาบ...</a></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>03 ก.ย. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="gallery_view.php?id=180"><img src="images/gallery/1692267741_0.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="gallery_view.php?id=180"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> วันที่ 16 สิงหาคม 2566 โรงพยาบ...</a></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>17 ส.ค. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="gallery_view.php?id=179"><img src="images/gallery/1692057609_0.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="gallery_view.php?id=179"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> วันที่ 11 สิงหาคม 2566 พล.ร.ต...</a></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>15 ส.ค. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="gallery_view.php?id=178"><img src="images/gallery/1691736720_0.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="gallery_view.php?id=178"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> วันที่ 10 สิงหาคม 2566 นายแพทย...</a></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>11 ส.ค. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="gallery_view.php?id=177"><img src="images/gallery/1687840951_6.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="gallery_view.php?id=177"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> นายแพทย์สุรพงษ์ ลักษวุธ นายแพท...</a></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>27 มิ.ย. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="gallery_view.php?id=176"><img src="images/gallery/1687268865_12.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="gallery_view.php?id=176"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> วันที่ 20 มิถุนายน 2556 โรงพยา...</a></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>20 มิ.ย. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="gallery_view.php?id=175"><img src="images/gallery/1686796961_0.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="gallery_view.php?id=175"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> วันที่ 14 มิถุนายน 2566 นายแพท...</a></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>15 มิ.ย. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="gallery_view.php?id=173"><img src="images/gallery/1685533736_17.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="gallery_view.php?id=173"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> วันที่ 30 พฤษภาคม 2566 โรงพยาบ...</a></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>31 พ.ค. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="gallery_view.php?id=171"><img src="images/gallery/1685262938_0.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="gallery_view.php?id=171"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> วันที่ 27 พฤษภาคม 2566 โรงพยาบ...</a></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>28 พ.ค. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="gallery_view.php?id=170"><img src="images/gallery/1684901737_0.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="gallery_view.php?id=170"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> วันที่ 24 พ.ค. 2566 โรงพยาบาลบ...</a></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>24 พ.ค. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="gallery_view.php?id=169"><img src="images/gallery/1682997872_0.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="gallery_view.php?id=169"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> วันที่ 29 เมษายน 2566 โรงพยาบา...</a></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>02 พ.ค. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="gallery_view.php?id=168"><img src="images/gallery/1682927559_0.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="gallery_view.php?id=168"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> วันที่ 28 เมษายน 2566 โรงพยาบา...</a></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>01 พ.ค. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="gallery_view.php?id=167"><img src="images/gallery/1682491826_0.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="gallery_view.php?id=167"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> ผู้อำนวยการโรงพยาบาลบ้านฉาง นา...</a></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>26 เม.ย. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="gallery_view.php?id=166"><img src="images/gallery/1681224906_19.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="gallery_view.php?id=166"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> วันที่ 10 เมษายน 2566 โรงพยาบา...</a></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>11 เม.ย. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="gallery_view.php?id=164"><img src="images/gallery/1681224327_0.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="gallery_view.php?id=164"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> วันที่ 10 เมษายน 2566 โรงพยาบา...</a></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>11 เม.ย. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="gallery_view.php?id=163"><img src="images/gallery/1681224009_19.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="gallery_view.php?id=163"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> วันที่ 10 เมษายน 2566 โรงพยาบา...</a></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>11 เม.ย. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="gallery_view.php?id=161"><img src="images/gallery/1679927706_0.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="gallery_view.php?id=161"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> ประชุมบุคลากร ประจำเดือน มีนา...</a></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>27 มี.ค. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="gallery_view.php?id=160"><img src="images/gallery/1679565103_0.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="gallery_view.php?id=160"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> ประชุมโครงการพัฒนากำลังคนฯ 23 ...</a></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>23 มี.ค. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="gallery_view.php?id=159"><img src="images/gallery/1677251208_0.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="gallery_view.php?id=159"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> โครงการเชิงปฎิบัติการ การปรับเ...</a></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>24 ก.พ. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="gallery_view.php?id=158"><img src="images/gallery/1677231319_0.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="gallery_view.php?id=158"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> โครงการเชิงปฎิบัติการ การปรับเ...</a></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>24 ก.พ. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="gallery_view.php?id=157"><img src="images/gallery/1675420658_0.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="gallery_view.php?id=157"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> รพ.บ้านฉาง ขอขอบคุณ บริษัท พีท...</a></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">Admin <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>03 ก.พ. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="gallery_view.php?id=156"><img src="images/gallery/1675420609_0.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="gallery_view.php?id=156"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> กลุ่มงานแพทย์แผนไทยและแพทย์ทาง...</a></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">Admin <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>03 ก.พ. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="gallery_view.php?id=155"><img src="images/gallery/1675420527_5.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="gallery_view.php?id=155"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> Less but More ในวันที่เจ้าหน้า...</a></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">Admin <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>03 ก.พ. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="gallery_view.php?id=154"><img src="images/gallery/1675420391_5.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="gallery_view.php?id=154"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> ขอขอบคุณ คุณรัชพล ผู้จัดการตลา...</a></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">Admin <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>03 ก.พ. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="gallery_view.php?id=153"><img src="images/gallery/1675420155_0.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="gallery_view.php?id=153"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> รพ.บ้านฉาง ยินดีต้อนรับ นพ.ชาญ...</a></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">Admin <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>03 ก.พ. 2566</small></strong></span>
</ul>
</div>
</li>
</ul>
</div>
</div>
</section>
<section id="donate" class="donate">
<div class="col-md-12 col-sm-12">
<div class="serviceBox">
<br>
<div class="text-left">
<img src="images/icon_donate.png"><align="center" class="style20 style1"><span style="font: 20pt 'Itim', cursive;">ภาพกิจกรรมผู้บริจาค DONATE</span></a>
<p></p>
<div class="flexslider carousel basiccarousel">
<ul class="slides">
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="donate_view.php?id=163"><img src="images/donate/1691302304_0.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="donate_view.php?id=163"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> บริษัท สยาม สดีล มิลล์ เซอร์วิ...<span></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>06 ส.ค. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="donate_view.php?id=162"><img src="images/donate/1685262569_0.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="donate_view.php?id=162"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> คุณสกุลณี สิริประเสริฐ บริจาคน...<span></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>28 พ.ค. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="donate_view.php?id=161"><img src="images/donate/1683885100_0.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="donate_view.php?id=161"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> คุณบุปผาพรรณ พานทอง ผู้จัดการ...<span></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>12 พ.ค. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="donate_view.php?id=160"><img src="images/donate/1679902551_0.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="donate_view.php?id=160"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> โรงพยาบาลบ้านฉาง ขอขอบพระคุณ ค...<span></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>27 มี.ค. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="donate_view.php?id=159"><img src="images/donate/1677142118_0.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="donate_view.php?id=159"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> คุณป้าประไพ และคุณป้าสมพร น้อ...<span></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>23 ก.พ. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="donate_view.php?id=158"><img src="images/donate/1675660009_1.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="donate_view.php?id=158"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> กลุ่มบริษัท ดาว ประเทศไทย มอบช...<span></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">Admin <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>06 ก.พ. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="donate_view.php?id=155"><img src="images/donate/1675420851_1.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="donate_view.php?id=155"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> โรงพยาบาลบ้านฉางขอขอบพระคุณ คุ...<span></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">Admin <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>03 ก.พ. 2566</small></strong></span>
</ul>
</div>
</li>
<li>
<div id="news-slider" class="owl-carousel">
<div class="post-slide">
<div class="post-img">
<a href="donate_view.php?id=154"><img src="images/donate/1674830963_0.jpg" alt=""></a>
<div class="over-layer">
<ul class="social-links">
<li><a href="donate_view.php?id=154"></a></li>
</ul>
</div>
</div>
<div class="post-content">
<h5 class="post-title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;"> 19 ก.ค. 2564 ขอขอบคุณผู้มีจิตอ...<span></a></h5>
</div>
<ul class="post-bar">
<div class="text-left">
<span class="post"><strong></span><span style="font-size:14px;color:#61728e;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">Admin <i class="fa fa-clock-o" style="font-size:17px;color:#5c697e;"></i>27 ม.ค. 2566</small></strong></span>
</ul>
</div>
</li>
</ul>
</div>
</div>
</section>
<div class="row">
</div>
<section id="onepage" class="onepage">
<div class="col-md-12 col-sm-12">
<div class="serviceBox">
<br>
<div class="text-left">
<img src="images/icon_covid-19.png" ><align="center" class="style20 style1"><span style="font: 20pt 'Itim', cursive;">ข่าวกิจกรรมของเรา One page </span><a href="all_onepage.php" class="badge" style="background-color: #73b5df;"><span style="font-size:16px;color:#fff;">All One Page</span></a>
<p></p>
<style>
.box{
font-family: 'Athiti', sans-serif;
text-align: center;
overflow: hidden;
position: relative;
}
.box:before,
.box:after{
content: "";
background: rgba(71,74,86,0.51);
width: 200%;
height: 200%;
opacity: .75;
transform: skew(45deg) translateX(100%);
position: absolute;
right: 0;
bottom: 0;
z-index: 1;
transition: all .6s ease;
}
.box:after{
transform: skew(45deg) translateX(-100%);
top: 0;
left: 0;
right: auto;
bottom: auto;
z-index: 0;
}
.box:hover:before,
.box:hover:after{
transform: skew(45deg) translateX(0);
}
.box img{
width: 100%;
height: 330;
transition: all 0.35s;
}
.box:hover img{ opacity: 0.5; }
.box-content{
color: #fff;
width: 85%;
opacity: 0;
transform: translateX(-50%) translateY(-50%);
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
transition: all 0.6s ease;
}
.box:hover .box-content{ opacity: 1; }
.box .title{
font-style: italic;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
margin: 0 0 3px;
}
.box .post{
font-size: 13px;
font-weight: 200;
letter-spacing: 1px;
text-transform: capitalize;
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
margin: 0 0 10px;
display: block;
}
.box .icon{
padding: 0;
margin: 0;
list-style: none;
}
.box .icon li{
margin: 0 3px;
display: inline-block;
}
.box .icon li a{
color: ;
background: #ecedee;
font-size: 16px;
line-height: 34px;
width: 0px;
height: 0px;
display: block;
transition: all 0.35s;
}
.box .icon li a:hover{
color: #fff;
background: #ecedee;
}
@media only screen and (max-width:990px){
.box{ margin: 0 0 30px; }
}
</style>
<div class="flexslider carousel basiccarousel">
<ul class="slides">
<li>
<div class="our-team">
<div class="box">
<img src="images/covid/1704169225_0.jpg" alt=""></a>
<div class="box-content">
<ul class="icon">
<li><a href="covid_view.php?id=1004"><i class="fa fa-search" style="font-size:50px;color:#fff;"></i></a></li>
</ul>
</div>
</div>
<div class="team-content">
<h4 class="title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;">บริการตรวจมะเร็งปากมดลูก HPV D...</span></a></h4>
<span class="post"></span><span style="font-size:14px;color:#898888;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#38c592;"></i>02 ม.ค. 2567</small></span>
</div>
</div>
</li>
<li>
<div class="our-team">
<div class="box">
<img src="images/covid/1704169246_0.jpg" alt=""></a>
<div class="box-content">
<ul class="icon">
<li><a href="covid_view.php?id=1005"><i class="fa fa-search" style="font-size:50px;color:#fff;"></i></a></li>
</ul>
</div>
</div>
<div class="team-content">
<h4 class="title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;">โรงพยาบาลบ้านฉาง เปิดให้บริการ...</span></a></h4>
<span class="post"></span><span style="font-size:14px;color:#898888;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#38c592;"></i>02 ม.ค. 2567</small></span>
</div>
</div>
</li>
<li>
<div class="our-team">
<div class="box">
<img src="images/covid/1703631290_0.jpg" alt=""></a>
<div class="box-content">
<ul class="icon">
<li><a href="covid_view.php?id=1003"><i class="fa fa-search" style="font-size:50px;color:#fff;"></i></a></li>
</ul>
</div>
</div>
<div class="team-content">
<h4 class="title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;">วันที่ 26 ธันวาคม 2566 ทีม Ser...</span></a></h4>
<span class="post"></span><span style="font-size:14px;color:#898888;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#38c592;"></i>26 ธ.ค. 2566</small></span>
</div>
</div>
</li>
<li>
<div class="our-team">
<div class="box">
<img src="images/covid/1703545744_0.jpg" alt=""></a>
<div class="box-content">
<ul class="icon">
<li><a href="covid_view.php?id=1001"><i class="fa fa-search" style="font-size:50px;color:#fff;"></i></a></li>
</ul>
</div>
</div>
<div class="team-content">
<h4 class="title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;">วันที่ 25 รันวาคม 2566 ผู้แทนผ...</span></a></h4>
<span class="post"></span><span style="font-size:14px;color:#898888;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#38c592;"></i>25 ธ.ค. 2566</small></span>
</div>
</div>
</li>
<li>
<div class="our-team">
<div class="box">
<img src="images/covid/1703545812_0.png" alt=""></a>
<div class="box-content">
<ul class="icon">
<li><a href="covid_view.php?id=1002"><i class="fa fa-search" style="font-size:50px;color:#fff;"></i></a></li>
</ul>
</div>
</div>
<div class="team-content">
<h4 class="title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;">วันที่ 25 รันวาคม 2566 โรงพยาบ...</span></a></h4>
<span class="post"></span><span style="font-size:14px;color:#898888;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#38c592;"></i>25 ธ.ค. 2566</small></span>
</div>
</div>
</li>
<li>
<div class="our-team">
<div class="box">
<img src="images/covid/1703286946_0.jpg" alt=""></a>
<div class="box-content">
<ul class="icon">
<li><a href="covid_view.php?id=1000"><i class="fa fa-search" style="font-size:50px;color:#fff;"></i></a></li>
</ul>
</div>
</div>
<div class="team-content">
<h4 class="title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;">BREAST CANCER BANCHANG สถานการ...</span></a></h4>
<span class="post"></span><span style="font-size:14px;color:#898888;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#38c592;"></i>22 ธ.ค. 2566</small></span>
</div>
</div>
</li>
<li>
<div class="our-team">
<div class="box">
<img src="images/covid/1703286914_0.jpg" alt=""></a>
<div class="box-content">
<ul class="icon">
<li><a href="covid_view.php?id=999"><i class="fa fa-search" style="font-size:50px;color:#fff;"></i></a></li>
</ul>
</div>
</div>
<div class="team-content">
<h4 class="title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;">BREAST CANCER BANCHANG สถานการ...</span></a></h4>
<span class="post"></span><span style="font-size:14px;color:#898888;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#38c592;"></i>21 ธ.ค. 2566</small></span>
</div>
</div>
</li>
<li>
<div class="our-team">
<div class="box">
<img src="images/covid/1703286877_0.jpg" alt=""></a>
<div class="box-content">
<ul class="icon">
<li><a href="covid_view.php?id=998"><i class="fa fa-search" style="font-size:50px;color:#fff;"></i></a></li>
</ul>
</div>
</div>
<div class="team-content">
<h4 class="title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;">BREAST CANCER BANCHANG สถานการ...</span></a></h4>
<span class="post"></span><span style="font-size:14px;color:#898888;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#38c592;"></i>20 ธ.ค. 2566</small></span>
</div>
</div>
</li>
<li>
<div class="our-team">
<div class="box">
<img src="images/covid/1703286840_0.jpg" alt=""></a>
<div class="box-content">
<ul class="icon">
<li><a href="covid_view.php?id=997"><i class="fa fa-search" style="font-size:50px;color:#fff;"></i></a></li>
</ul>
</div>
</div>
<div class="team-content">
<h4 class="title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;">BREAST CANCER BANCHANG สถานการ...</span></a></h4>
<span class="post"></span><span style="font-size:14px;color:#898888;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#38c592;"></i>19 ธ.ค. 2566</small></span>
</div>
</div>
</li>
<li>
<div class="our-team">
<div class="box">
<img src="images/covid/1702882119_0.png" alt=""></a>
<div class="box-content">
<ul class="icon">
<li><a href="covid_view.php?id=996"><i class="fa fa-search" style="font-size:50px;color:#fff;"></i></a></li>
</ul>
</div>
</div>
<div class="team-content">
<h4 class="title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;">วันที่ 15 ธันวาคม 2566 นายแพทย...</span></a></h4>
<span class="post"></span><span style="font-size:14px;color:#898888;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#38c592;"></i>15 ธ.ค. 2566</small></span>
</div>
</div>
</li>
<li>
<div class="our-team">
<div class="box">
<img src="images/covid/1702507902_0.png" alt=""></a>
<div class="box-content">
<ul class="icon">
<li><a href="covid_view.php?id=992"><i class="fa fa-search" style="font-size:50px;color:#fff;"></i></a></li>
</ul>
</div>
</div>
<div class="team-content">
<h4 class="title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;">งานอาชีวอนามัยและสิ่งแวดล้อม โ...</span></a></h4>
<span class="post"></span><span style="font-size:14px;color:#898888;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#38c592;"></i>13 ธ.ค. 2566</small></span>
</div>
</div>
</li>
<li>
<div class="our-team">
<div class="box">
<img src="images/covid/1702508009_0.jpg" alt=""></a>
<div class="box-content">
<ul class="icon">
<li><a href="covid_view.php?id=993"><i class="fa fa-search" style="font-size:50px;color:#fff;"></i></a></li>
</ul>
</div>
</div>
<div class="team-content">
<h4 class="title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;">BREAST CANCER BANCHANG สถานการ...</span></a></h4>
<span class="post"></span><span style="font-size:14px;color:#898888;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#38c592;"></i>13 ธ.ค. 2566</small></span>
</div>
</div>
</li>
<li>
<div class="our-team">
<div class="box">
<img src="images/covid/1702508068_0.png" alt=""></a>
<div class="box-content">
<ul class="icon">
<li><a href="covid_view.php?id=994"><i class="fa fa-search" style="font-size:50px;color:#fff;"></i></a></li>
</ul>
</div>
</div>
<div class="team-content">
<h4 class="title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;">วันที่ 13 ธันวาคม 2566 นายแพทย...</span></a></h4>
<span class="post"></span><span style="font-size:14px;color:#898888;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#38c592;"></i>13 ธ.ค. 2566</small></span>
</div>
</div>
</li>
<li>
<div class="our-team">
<div class="box">
<img src="images/covid/1702508244_0.jpg" alt=""></a>
<div class="box-content">
<ul class="icon">
<li><a href="covid_view.php?id=995"><i class="fa fa-search" style="font-size:50px;color:#fff;"></i></a></li>
</ul>
</div>
</div>
<div class="team-content">
<h4 class="title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;">สถานการณ์ตรวจคัดกรอง โรคมะเร็ง...</span></a></h4>
<span class="post"></span><span style="font-size:14px;color:#898888;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#38c592;"></i>12 ธ.ค. 2566</small></span>
</div>
</div>
</li>
<li>
<div class="our-team">
<div class="box">
<img src="images/covid/1702112028_0.jpg" alt=""></a>
<div class="box-content">
<ul class="icon">
<li><a href="covid_view.php?id=987"><i class="fa fa-search" style="font-size:50px;color:#fff;"></i></a></li>
</ul>
</div>
</div>
<div class="team-content">
<h4 class="title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;">วันที่ 8 ธันวาคม 2566 โรงพยาบา...</span></a></h4>
<span class="post"></span><span style="font-size:14px;color:#898888;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#38c592;"></i>08 ธ.ค. 2566</small></span>
</div>
</div>
</li>
<li>
<div class="our-team">
<div class="box">
<img src="images/covid/1702112126_0.jpg" alt=""></a>
<div class="box-content">
<ul class="icon">
<li><a href="covid_view.php?id=988"><i class="fa fa-search" style="font-size:50px;color:#fff;"></i></a></li>
</ul>
</div>
</div>
<div class="team-content">
<h4 class="title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;">วันที่ 8 ธันวาคม 2566 โรงพยาบา...</span></a></h4>
<span class="post"></span><span style="font-size:14px;color:#898888;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#38c592;"></i>08 ธ.ค. 2566</small></span>
</div>
</div>
</li>
<li>
<div class="our-team">
<div class="box">
<img src="images/covid/1702112515_0.jpg" alt=""></a>
<div class="box-content">
<ul class="icon">
<li><a href="covid_view.php?id=989"><i class="fa fa-search" style="font-size:50px;color:#fff;"></i></a></li>
</ul>
</div>
</div>
<div class="team-content">
<h4 class="title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;">วันที่ 8 ธันวาคม 2566 จุดเจาะเ...</span></a></h4>
<span class="post"></span><span style="font-size:14px;color:#898888;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#38c592;"></i>08 ธ.ค. 2566</small></span>
</div>
</div>
</li>
<li>
<div class="our-team">
<div class="box">
<img src="images/covid/1702112577_0.png" alt=""></a>
<div class="box-content">
<ul class="icon">
<li><a href="covid_view.php?id=990"><i class="fa fa-search" style="font-size:50px;color:#fff;"></i></a></li>
</ul>
</div>
</div>
<div class="team-content">
<h4 class="title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;">วันที่ 8 ธันวาคม 2566 * BANCHA...</span></a></h4>
<span class="post"></span><span style="font-size:14px;color:#898888;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#38c592;"></i>08 ธ.ค. 2566</small></span>
</div>
</div>
</li>
<li>
<div class="our-team">
<div class="box">
<img src="images/covid/1702112627_0.jpg" alt=""></a>
<div class="box-content">
<ul class="icon">
<li><a href="covid_view.php?id=991"><i class="fa fa-search" style="font-size:50px;color:#fff;"></i></a></li>
</ul>
</div>
</div>
<div class="team-content">
<h4 class="title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;">วันที่ 8 ธันวาคม 2566 แพทย์หญิ...</span></a></h4>
<span class="post"></span><span style="font-size:14px;color:#898888;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#38c592;"></i>08 ธ.ค. 2566</small></span>
</div>
</div>
</li>
<li>
<div class="our-team">
<div class="box">
<img src="images/covid/1702110645_0.jpg" alt=""></a>
<div class="box-content">
<ul class="icon">
<li><a href="covid_view.php?id=984"><i class="fa fa-search" style="font-size:50px;color:#fff;"></i></a></li>
</ul>
</div>
</div>
<div class="team-content">
<h4 class="title"><a style="text-decoration: none;"><span style="font: 15pt 'Itim', cursive; color:#3d63a3;">วันที่ 7 ธันวาคม 2566 โรงพยาบา...</span></a></h4>
<span class="post"></span><span style="font-size:14px;color:#898888;"><i class="fa fa-user" style="font-size:17px;color:#8585d4;"></i><span style="font: 11pt 'Itim', cursive; color:#61728e;">ยุทธนา เวชเวโรจน์ <i class="fa fa-clock-o" style="font-size:17px;color:#38c592;"></i>07 ธ.ค. 2566</small></span>
</div>
</div>
</li>
</ul>
</div>
</div>
</section>
<section id="youtue" class="youtub">
<div class="col-md-12 col-sm-12">
<div class="serviceBox">
<br><br>
<div class="flexslider carousel basiccarousel">
<ul class="slides">
<li>
<figure><iframe class="img-thumbnail" width="354" height="170" src="https://www.youtube.com/embed/BqMW0Is_kOM" frameborder="0" allowfullscreen></iframe></a>
</figure>
</li>
<li>
<figure><iframe class="img-thumbnail" width="354" height="170" src="https://www.youtube.com/embed/rwOfAjyPjRs" frameborder="0" allowfullscreen></iframe></a>
</figure>
</li>
<li>
<figure><iframe class="img-thumbnail" width="354" height="170" src="https://www.youtube.com/embed/VOX3pmVNEzg" frameborder="0" allowfullscreen></iframe></a>
</figure>
</li>
<li>
<figure><iframe class="img-thumbnail" width="354" height="170" src="https://www.youtube.com/embed/mbV-Xtqddro" frameborder="0" allowfullscreen></iframe></a>
</figure>
</li>
<li>
<figure><iframe class="img-thumbnail" width="354" height="170" src="https://www.youtube.com/embed/8ktxicfddPU" frameborder="0" allowfullscreen></iframe></a>
</figure>
</li>
<li>
<figure><iframe class="img-thumbnail" width="354" height="170" src="https://www.youtube.com/embed/4YD1QPAvHVI" frameborder="0" allowfullscreen></iframe></a>
</figure>
</li>
<li>
<figure><iframe class="img-thumbnail" width="354" height="170" src="https://www.youtube.com/embed/ZLbBBBV-iJM" frameborder="0" allowfullscreen></iframe></a>
</figure>
</li>
<li>
<figure><iframe class="img-thumbnail" width="354" height="170" src="https://www.youtube.com/embed/ShVtF14DChg" frameborder="0" allowfullscreen></iframe></a>
</figure>
</li>
<li>
<figure><iframe class="img-thumbnail" width="354" height="170" src="https://www.youtube.com/embed/YI4btRU2qug" frameborder="0" allowfullscreen></iframe></a>
</figure>
</li>
<li>
<figure><iframe class="img-thumbnail" width="354" height="170" src="https://www.youtube.com/embed/vhsqqaXxiNs" frameborder="0" allowfullscreen></iframe></a>
</figure>
</li>
<li>
<figure><iframe class="img-thumbnail" width="354" height="170" src="https://www.youtube.com/embed/WvK3bEubVA4" frameborder="0" allowfullscreen></iframe></a>
</figure>
</li>
<li>
<figure><iframe class="img-thumbnail" width="354" height="170" src="https://www.youtube.com/embed/cAHF7E7bI44" frameborder="0" allowfullscreen></iframe></a>
</figure>
</li>
<li>
<figure><iframe class="img-thumbnail" width="354" height="170" src="https://www.youtube.com/embed/8BRSuSLdx4Y" frameborder="0" allowfullscreen></iframe></a>
</figure>
</li>
<li>
<figure><iframe class="img-thumbnail" width="354" height="170" src="https://www.youtube.com/embed/S4L_qpvHoWI" frameborder="0" allowfullscreen></iframe></a>
</figure>
</li>
<li>
<figure><iframe class="img-thumbnail" width="354" height="170" src="https://www.youtube.com/embed/ynMFNA5QAt4" frameborder="0" allowfullscreen></iframe></a>
</figure>
</li>
<li>
<figure><iframe class="img-thumbnail" width="354" height="170" src="https://www.youtube.com/embed/YvUZ1T5tLBQ" frameborder="0" allowfullscreen></iframe></a>
</figure>
</li>
</ul>
</div>
<!-- สิ้นสุดการใส่ข้อความ -->
</div>
</section>
<section id="banners" class="banners">
<div class="col-md-12 col-sm-12">
<div class="serviceBox">
<br>
<style>
@keyframes slides {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
.logos {
overflow: hidden;
padding: 5px 0px;
white-space: nowrap;
position: relative;
}
.logos:before, .logos:after {
position: absolute;
top: 0;
content: '';
width: 200px;
height: 100%;
z-index: 2;
}
.logos:before {
left: 0;
background: ;
}
.logos:after {
right: 0;
background: ;
}
.logo_items {
display: inline-block;
animation: 15s slides infinite linear;
}
.logos:hover .logo_items {
animation-play-state: paused;
}
.logo_items img{
height: 80px;
}
</style>
<div class="logos">
<div class="logo_items">
</div>
<div class="logo_items">
<a href="http://www.gprocurement.go.th" target="_blank"> <img src="images/banner/1696429316.jpg" class="logo_items"></a>
</div>
<div class="logo_items">
<a href="https://spd.moph.go.th" target="_blank"> <img src="images/banner/1696429289.jpg" class="logo_items"></a>
</div>
<div class="logo_items">
<a href="http://thcc.or.th/ICD-10TM/index.html" target="_blank"> <img src="images/banner/1696429245.jpg" class="logo_items"></a>
</div>
<div class="logo_items">
<a href="https://rayong.moph.go.th" target="_blank"> <img src="images/banner/1696429222.jpg" class="logo_items"></a>
</div>
<div class="logo_items">
<a href="https://web.facebook.com/banchanghospitalnew?_rdc=1&_rdr" target="_blank"> <img src="images/banner/1696428486.jpg" class="logo_items"></a>
</div>
<div class="logo_items">
<a href="http://thcc.or.th/download1.html" target="_blank"> <img src="images/banner/1696428407.jpg" class="logo_items"></a>
</div>
<div class="logo_items">
<a href="https://www.sso.go.th" target="_blank"> <img src="images/banner/1696428392.jpg" class="logo_items"></a>
</div>
<div class="logo_items">
<a href="https://www.nhso.go.th" target="_blank"> <img src="images/banner/1696428376.jpg" class="logo_items"></a>
</div>
</div>
</footer>
<!-- Footer -->
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<div class="footer-section">
<div class="container">
<div class="row">
</table>
<!-- Footer -->
<!-- Scropt Tab ประกาศ/สมัครงาน -->
<!-- Core JavaScript Files -->
<!-- jQuery 2.1.4 -->
<script src="plugins/jQuery/jQuery-2.1.4.min.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.flexslider-min.js"></script>
<!-- fullCalendar 2.2.5 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.2/moment.min.js"></script>
</footer>
<script>
$(document).ready(function() {
var numItems = $('li.fancyTab').length;
if (numItems == 12){
$("li.fancyTab").width('8.3%');
}
if (numItems == 11){
$("li.fancyTab").width('9%');
}
if (numItems == 10){
$("li.fancyTab").width('10%');
}
if (numItems == 9){
$("li.fancyTab").width('11.1%');
}
if (numItems == 8){
$("li.fancyTab").width('12.5%');
}
if (numItems == 7){
$("li.fancyTab").width('14.2%');
}
if (numItems == 6){
$("li.fancyTab").width('16.666666666666667%');
}
if (numItems == 5){
$("li.fancyTab").width('20%');
}
if (numItems == 4){
$("li.fancyTab").width('25%');
}
if (numItems == 3){
$("li.fancyTab").width('33.3%');
}
if (numItems == 2){
$("li.fancyTab").width('50%');
}
});
$(window).load(function() {
$('.fancyTabs').each(function() {
var highestBox = 0;
$('.fancyTab a', this).each(function() {
if ($(this).height() > highestBox)
highestBox = $(this).height();
});
$('.fancyTab a', this).height(highestBox);
});
});
</script>
</div>
</div>
<style>
.new_footer_area {
background-image: -webkit-gradient(linear, left top, right top, from(#aac4ff), to(#e1f4ff)) !important;
background-image: linear-gradient(to right, #aac4ff 0%, #e1f4ff 100%) !important;
}
.new_footer_top {
padding: 120px 0px 270px;
position: relative;
overflow-x: hidden;
}
.new_footer_area .footer_bottom {
padding-top: 5px;
padding-bottom: 50px;
}
.footer_bottom {
font-size: 16px;
font-weight: 300;
line-height: 20px;
color: #7f88a6;
padding: 27px 0px;
}
.new_footer_top .company_widget p {
font-size: 16px;
font-weight: 300;
line-height: 28px;
color: #6a7695;
margin-bottom: 20px;
}
.new_footer_top .company_widget .f_subscribe_two .btn_get {
border-width: 1px;
margin-top: 20px;
}
.btn_get_two:hover {
background: transparent;
color: #0c8e67;
}
.btn_get:hover {
color: #fff;
background: #6754e2;
border-color: #6754e2;
-webkit-box-shadow: none;
box-shadow: none;
}
a:hover, a:focus, .btn:hover, .btn:focus, button:hover, button:focus {
text-decoration: none;
outline: none;
}
.new_footer_top .f_widget.about-widget .f_list li a:hover {
color: #0c8e67;
}
.new_footer_top .f_widget.about-widget .f_list li {
margin-bottom: 11px;
}
.f_widget.about-widget .f_list li:last-child {
margin-bottom: 0px;
}
.f_widget.about-widget .f_list li {
margin-bottom: 16px;
}
.f_widget.about-widget .f_list {
margin-bottom: 0px;
}
.new_footer_top .f_social_icon a {
width: 44px;
height: 44px;
line-height: 43px;
background: transparent;
border: 1px solid #e2e2eb;
font-size: 24px;
}
.f_social_icon a {
width: 46px;
height: 46px;
border-radius: 50%;
font-size: 16px;
line-height: 45px;
color: #858da8;
display: inline-block;
background: #ebeef5;
text-align: center;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.ti-facebook:before {
content: "\e741";
}
.ti-twitter-alt:before {
content: "\e74b";
}
.ti-vimeo-alt:before {
content: "\e74a";
}
.ti-pinterest:before {
content: "\e731";
}
.btn_get_two {
-webkit-box-shadow: none;
box-shadow: none;
background: #0c8e67;
border-color: #0c8e67;
color: #fff;
}
.btn_get_two:hover {
background: transparent;
color: #0c8e67;
}
.new_footer_top .f_social_icon a:hover {
background: #0c8e67;
border-color: #0c8e67;
color:white;
}
.new_footer_top .f_social_icon a + a {
margin-left: 4px;
}
.new_footer_top .f-title {
margin-bottom: 30px;
color: #263b5e;
}
.f_600 {
font-weight: 600;
}
.f_size_18 {
font-size: 18px;
}
h1, h2, h3, h4, h5, h6 {
color: #4b505e;
}
.new_footer_top .f_widget.about-widget .f_list li a {
color: #6a7695;
}
.new_footer_top .footer_bg {
position: absolute;
bottom: 0;
background-image: url(images/footer/footer_bg.png);
width: 100%;
height: 266px;
}
.new_footer_top .footer_bg .footer_bg_one {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia0PYPxwT5ifToyP3SNZeQWfJEWrUENYA5IXM6sN5vLwAKvaJS1pQVu8mOFFUa_ET4JuHNTFAxKURFerJYHDUWXLXl1vDofYXuij45JZelYOjEFoCOn7E6Vxu0fwV7ACPzArcno1rYuVxGB7JY6G7__e4_KZW4lTYIaHSLVaVLzklZBLZnQw047oq5-Q/s16000/volks.gif") no-repeat center center;
width: 330px;
height: 105px;
background-size:100%;
position: absolute;
bottom: 0;
left: 30%;
-webkit-animation: myfirst 22s linear infinite;
animation: myfirst 22s linear infinite;
}
.new_footer_top .footer_bg .footer_bg_two {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyLGwEUVwPK6Vi8xXMymsc-ZXVwLWyXhogZxbcXQYSY55REw_0D4VTQnsVzCrL7nsyjd0P7RVOI5NKJbQ75koZIalD8mqbMquP20fL3DxsWngKkOLOzoOf9sMuxlbyfkIBTsDw5WFUj-YJiI50yzgVjF8cZPHhEjkOP_PRTQXDHEq8AyWpBiJdN9SfQA/s16000/cyclist.gif") no-repeat center center;
width: 88px;
height: 100px;
background-size:100%;
bottom: 0;
left: 38%;
position: absolute;
-webkit-animation: myfirst 30s linear infinite;
animation: myfirst 30s linear infinite;
}
@-moz-keyframes myfirst {
0% {
left: -25%;
}
100% {
left: 100%;
}
}
@-webkit-keyframes myfirst {
0% {
left: -25%;
}
100% {
left: 100%;
}
}
@keyframes myfirst {
0% {
left: -25%;
}
100% {
left: 100%;
}
}
/*****footer End*****/
</style>
</div>
<footer class="new_footer_area bg_color">
<div class="new_footer_top">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="f_widget company_widget wow fadeInLeft" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInLeft;">
<h3 class="f-title f_600 t_color f_size_18"><span style="font: 17pt 'Itim', cursive; color:#2b689c;">CALL US.</h3>
<p><span style="font: 19pt 'Itim', cursive; color:#2b689c;">Tel. 0-3860-3838 <br>Fax. 0-3860-3838–115</p>
<span style="font-size:16px ; font-family: 'Itim', cursive;"> สถิติผู้เข้าชม : <a title="web counter widget"><img src="https://counter6.optistats.ovh/private/freecounterstat.php?c=3pmkk897uyzw8alle5zextsx83pdq7my" border="0" title="web counter widget" alt="web counter widget"></a>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="f_widget company_widget wow fadeInLeft" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInLeft;">
<h3 class="f-title f_600 t_color f_size_18"><span style="font: 17pt 'Itim', cursive; color:#2b689c;">BANCHANG HOSPITAL</h3>
<p><span style="font-size:16px ; font-family: 'Itim', cursive;">โรงพยาบาลบ้านฉาง<br>77 หมู่ 1 ต.พลา อ.บ้านฉาง <br>จ.ระยอง รหัส 21130</p>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="f_widget about-widget pl_70 wow fadeInLeft" data-wow-delay="0.6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInLeft;">
<h3 class="f-title f_600 t_color f_size_18"><span style="font: 17pt 'Itim', cursive; color:#2b689c;">เขตรับผิดชอบ</h3>
<ul class="list-unstyled f_list">
<li><a href="#" target="_blank"><span style="font-size:16px ; font-family: 'Itim', cursive;">ต.สำนักท้อน (Samnak Thon)</a></li>
<li><a href="#" target="_blank"><span style="font-size:16px ; font-family: 'Itim', cursive;">ต.พลา (Phla)</a></li>
<li><a href="#" target="_blank"><span style="font-size:16px ; font-family: 'Itim', cursive;">ต.บ้านฉาง (Bang Chang)</a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="f_widget about-widget pl_70 wow fadeInLeft" data-wow-delay="0.6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInLeft;">
<h3 class="f-title f_600 t_color f_size_18"><span style="font: 17pt 'Itim', cursive; color:#2b689c;">COUNTER ONLINE</h3>
<ul class="list-unstyled f_list">
<li><span style="font-size:17px ; font-family: 'Itim', cursive;">Online <i class="fa fa-user" style="font-size:16px;color:#25a455;"></i><span style="font-size:17px ; font-family: 'Itim', cursive;">ขณะนี้ จำนวน </span><font color="#CC0000"> <span class="badge" style="background-color: #f47c30;"><span style="font-size:13px;"><strong><span style="font-size:15px ; font-family: 'Itim', cursive;">2</strong></font><span class="style2"> คน</span></a></li>
<li><i class="fa fa-user" style="font-size:16px;color:#3bb9ed;"></i><span style="font-size:15px ; font-family: 'Itim', cursive;">สถิติวันนี้ </span><span class="badge" style="background-color: #3ab0e2;"><span style="font-size:12px; color:#fff;"><span style="text-align: ; font-family: 'Athiti', sans-serif;">13</span></li>
<li><i class="fa fa-user" style="font-size:16px;color:#3bb9ed;"></i><span style="font-size:15px ; font-family: 'Itim', cursive;">สถิติเมื่อวานนี้ </span><span class="badge" style="background-color: #3ab0e2;"><span style="font-size:12px; color:#fff;"><span style="text-align: ; font-family: 'Athiti', sans-serif;">33</span></li>
<li><i class="fa fa-user" style="font-size:16px;color:#3bb9ed;"></i><span style="font-size:15px ; font-family: 'Itim', cursive;">สถิติเดือนนี้ </span><span class="badge" style="background-color: #3ab0e2;"><span style="font-size:12px; color:#fff;"><span style="text-align: ; font-family: 'Athiti', sans-serif;">155</span></li>
<li><i class="fa fa-sitemap" style="font-size:16px;color:#3bb9ed;"></i><span style="font-size:15px ; font-family: 'Itim', cursive;">สถิติรวมปีนี้ </span><span class="badge" style="background-color: #3ab0e2;"><span style="font-size:12px; color:#fff;"><span style="text-align: ; font-family: 'Athiti', sans-serif;">155</span></li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer_bg">
<div class="footer_bg_one"></div>
<div class="footer_bg_two"></div>
</div>
</div>
<div class="footer_bottom">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-sm-7">
<p class="mb-0 f_400"><span style="font: 11pt 'Itim', cursive; color:#827d92;">© All Rights Reserved 2024 - Banchang Hospital</span></p>
</div>
<div class="col-lg-6 col-sm-5 text-right">
<p><span style="font: 11pt 'Itim', cursive; color:#827d92;">โยบายเว็บไซต์ V.3.5.1 (๑ กุมภาพันธ์ ๒๕๖๖) <i class="icon_heart"></i><a href="policy_website.php">Policy Website</a></span></p>
</div>
</div>
</div>
</div>
</footer>
<!--Top เลื่อนขึ้นด้านบนสุด-->
<style>
body {
font-family: 'Sarabun', sans-serif;
}
#myBtn {
display: none;
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
font-size: 18px;
border: none;
outline: none;
background-color: #1365a1;
color: white;
cursor: pointer;
padding: 15px;
border-radius: 4px;
}
#myBtn:hover {
background-color: #5ea8e7;
}
</style>
<body>
<button onClick="topFunction()" id="myBtn" title="Go to top"><strong>TOP</strong></button>
<script>
// Get the button
let mybutton = document.getElementById("myBtn");
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 30 || document.documentElement.scrollTop > 30) {
mybutton.style.display = "block";
} else {
mybutton.style.display = "none";
}
}
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
</body>
</html>