ef="css4/bootstrap.css">
	<!-- Owl Carousel  -->
	<link rel="stylesheet" href="css4/owl.carousel.css">
	<link rel="stylesheet" href="css4/owl.theme.default.min.css">
	<!-- Animate.css -->
	<link rel="stylesheet" href="css4/animate.css">
 
<!--styles -->
   
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;	
}
-->
</style>



<!--styles -->
<link href="styles.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

	 <script src="https://kit.fontawesome.com/bdd89edb33.js"></script>
    <link rel="stylesheet" href="css/style.css" />
<!--styles -->
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="css/Image-Slider2.css" rel="stylesheet" type="text/css"/>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
   
<!--<script src="https://platform-api.sharethis.com/js/sharethis.js#property=5d255a83d97c100012d80679&product='inline-share-buttons' 
async='async"  type='text/javascript'>
   </script> -->
 
<!--styles -->

<!-- Start Banner Slide-->
<script type="text/javascript" src="banner_slide/jquery-1.7.1.min.js"></script>
<link rel="stylesheet" href="banner_slide/sliderjs.css" type="text/css" media="screen" /> 
<link rel="stylesheet" type="text/css" href="banner_slide/skin.css" />
<!-- End Banner Slide -->

 <!--styles -->
<link href="styles.css" rel="stylesheet" type="text/css" />
<link href="css/Image-Slider2.css" rel="stylesheet" type="text/css"/>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

<link rel="stylesheet" href="css2/Accordion-menu-2.css">
   <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
   <script src="css/script-Accordion.js"></script>
<style type="text/css">
<!--
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
-->
</style>


<style>
.slider .indicators .indicator-item {
  background-color: #666666;
  border: 3px solid #ffffff;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.slider .indicators .indicator-item.active {
  background-color: #ffffff;
}
.slider {
  width: 900px;
  margin: 0 auto;
}
.slider .indicators {
  bottom: 60px;
  z-index: 100;
  /* text-align: left; */
}
</style>



<style>
body {



}

.text-box {
    margin-left: 44vw;
 margin-top: 42vh;
}

.btn:link,
.btn:visited {
    text-transform: uppercase;
    text-decoration: none;
    padding: 8px 30px;
    display: inline-block;
    border-radius: 100px;
    transition: all .2s;
    position: absolute;
}

.btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.btn:active {
    transform: translateY(-1px);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.btn-white {
    background-color: #fff;
    color: #777;
}

.btn::after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 100%;
    border-radius: 100px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all .4s;
}

.btn-white::after {
    background-color: #fff;
}

.btn:hover::after {
    transform: scaleX(1.4) scaleY(1.6);
    opacity: 0;
}

.btn-animated {
    animation: moveInBottom 5s ease-out;
    animation-fill-mode: backwards;
	font-size:24px;
}

@keyframes moveInBottom {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

</style>


   <!-- mySidenav -->
<style>
#mySidenav a {
left:-18px;
  color: white;
  width: 180px;
  padding: 15px;
  transition: 0.3s;
  font-size: 20px;
  text-decoration: none;
  border-radius: 5px 0 0 5px;
  position: fixed;
top:400px;
       justify-content: space-between;
}
#mySidenav a:hover {
  right:0;
}

#about {
  top: 520px;
}
#blog {
  top: 90px;
  background-color: blue;
}
#projects {
  top: 160px;
  background-color: red;
}
#contact {
  top: 260px;
  background-color: gray;
}

.about {
  color: orange;
}
.blog {
  color: green;
}
.projects {
  color: blue;
}
.contact {
  color: yellow;
}
</style>



<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"/>

<div class="container-fluid">
    
  <div id="mySidenav" class="sidenav">
    <a href="/e-service.php" id="about"><i class="fa fa-circle about"></i> <img src="images/icon/11eservice.png" /></a>
  </div>
  

</div>
 
 
 
     <!-- mySidenav -->
	 
	 

   </head>

<body  background="images/0bg1.jpg" style="background-repeat:no-repeat; background-position:top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td valign="top"><div align="center">
      <table width="1100" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td valign="top"><div align="center">
            <table width="1100" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td valign="top"><div align="center"><img src="images/1tex_01.png" width="485" height="142" class="slideRight" /></div></td>
                <td valign="top"><div align="center"><img src="images/1tex_02.png" width="146" height="142" class="btn-animated" /></div></td>
                <td valign="top"><div align="center"><img src="images/1tex_03.png" width="469" height="142" class="btn-group-vertical" /></div></td>
              </tr>
              <tr>
                <td valign="top"><div align="center"><style>body {
	

	
}

#background-wrap {
    bottom: 0;
	left: 0;

	right: 0;
	top: 0;
	z-index: 0;
}

/* KEYFRAMES */

@-webkit-keyframes animateBubble {
    0% {
        margin-top: 1000px;
    }
    100% {
        margin-top: -100%;
    }
}

@-moz-keyframes animateBubble {
    0% {
        margin-top: 1000px;
    }
    100% {
        margin-top: -100%;
    }
}

@keyframes animateBubble {
    0% {
        margin-top: 1000px;
    }
    100% {
        margin-top: -100%;
    }
}

@-webkit-keyframes sideWays { 
    0% { 
        margin-left:0px;
    }
    100% { 
        margin-left:50px;
    }
}

@-moz-keyframes sideWays { 
    0% { 
        margin-left:0px;
    }
    100% { 
        margin-left:50px;
    }
}

@keyframes sideWays { 
    0% { 
        margin-left:0px;
    }
    100% { 
        margin-left:50px;
    }
}

/* ANIMATIONS */

.x1 {
    -webkit-animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 25s linear infinite, sideWays 2s ease-in-out infinite alternate;
	
	left: -5%;
	top: 5%;
	
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6);
}

.x2 {
    -webkit-animation: animateBubble 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
	-moz-animation: animateBubble 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
	animation: animateBubble 20s linear infinite, sideWays 4s ease-in-out infinite alternate;
	
	left: 5%;
	top: 80%;
	
	-webkit-transform: scale(0.4);
	-moz-transform: scale(0.4);
	transform: scale(0.4);
}

.x3 {
    -webkit-animation: animateBubble 28s linear infinite, sideWays 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 28s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 28s linear infinite, sideWays 2s ease-in-out infinite alternate;
	
	left: 10%;
	top: 40%;
	
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	transform: scale(0.7);
}

.x4 {
    -webkit-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
	-moz-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
	animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
	
	left: 20%;
	top: 0;
	
	-webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	transform: scale(0.3);
}

.x5 {
    -webkit-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
	-moz-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
	animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
	
	left: 30%;
	top: 50%;
	
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	transform: scale(0.5);
}

.x6 {
    -webkit-animation: animateBubble 21s linear infinite, sideWays 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 21s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 21s linear infinite, sideWays 2s ease-in-out infinite alternate;
	
	left: 50%;
	top: 0;
	
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	transform: scale(0.8);
}

.x7 {
    -webkit-animation: animateBubble 20s linear infinite, sideWays 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 20s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 20s linear infinite, sideWays 2s ease-in-out infinite alternate;
	
	left: 65%;
	top: 70%;
	
	-webkit-transform: scale(0.4);
	-moz-transform: scale(0.4);
	transform: scale(0.4);
}

.x8 {
    -webkit-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
	-moz-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
	animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
	
	left: 80%;
	top: 10%;
	
	-webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	transform: scale(0.3);
}

.x9 {
    -webkit-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
	-moz-animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
	animation: animateBubble 29s linear infinite, sideWays 4s ease-in-out infinite alternate;
	
	left: 90%;
	top: 50%;
	
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6);
}

.x10 {
    -webkit-animation: animateBubble 26s linear infinite, sideWays 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 26s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 26s linear infinite, sideWays 2s ease-in-out infinite alternate;
	
	left: 80%;
	top: 80%;
	
	-webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	transform: scale(0.3);
}

/* OBJECTS */

.bubble {
    -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
    -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgba(255, 255, 255, 1);
	-moz-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgba(255, 255, 255, 1);
	box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgba(255, 255, 255, 1);
	
    height: 200px;
	position: absolute;
	width: 200px;
}

.bubble:after {
    background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 70%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.5)), color-stop(70%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
    -webkit-box-shadow: inset 0 20px 30px rgba(255, 255, 255, 0.3);
	-moz-box-shadow: inset 0 20px 30px rgba(255, 255, 255, 0.3);
	box-shadow: inset 0 20px 30px rgba(255, 255, 255, 0.3);
	
	content: "";
    height: 180px;
	left: 10px;
	position: absolute;
	width: 180px;
}

</style></div></td>
                <td valign="top"><div align="center"></div></td>
                <td valign="top"><div align="center"><div id="background-wrap">
    <div class="bubble x1"></div>
    <div class="bubble x2"></div>
    <div class="bubble x3"></div>

    <div class="bubble x8"></div>
    <div class="bubble x9"></div>
    <div class="bubble x10"></div>
</div></div></td>
              </tr>
            </table>
          </div></td>
        </tr>
        <tr>
          <td valign="top"><div align="center"><img src="images/icon/Bird.gif" width="250" height="150" /><img src="images/icon/Bird.gif" width="250" height="150" /></div></td>
        </tr>
        <tr>
          <td height="500" valign="top">&nbsp;</td>
        </tr>
        <tr>
          <td valign="top"><div align="center">
            <table width="1100" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td valign="top"><div align="center"><img src="images/2nayok_01.png" width="302" height="445" class="btn-animated" /></div></td>
                <td valign="top"><div align="center"><img src="images/2nayok_02.png" width="513" height="445" /></div></td>
                <td valign="top"><div align="center"><img src="images/2nayok_03.png" width="285" height="445" class="btn-animated" /></div></td>
              </tr>
              <tr>
                <td height="50" valign="top"><div align="center"></div></td>
                <td valign="top"><div align="center"></div></td>
                <td valign="top"><div align="center"></div></td>
              </tr>
            </table>
          </div></td>
        </tr>
        <tr>
          <td valign="top"><div align="center">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td valign="top"><div align="center">
                  <table width="300" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td valign="top"><div align="center">
                        <table width="300" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td valign="top"><div align="center"><img src="images/3menu_01.png" width="300" height="158" /></div></td>
                          </tr>
                          <tr>
                            <td valign="top" background="images/3menu_02.png"><div align="center">
                              <table width="300" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                  <td width="41">&nbsp;</td>
                                  <td width="237" valign="top"><div align="center"><div align="center">
                            <table width="236" border="0" cellspacing="0" cellpadding="0">
     ></td>
                              </tr>
                            </table>
                          </div></div></td>
                                  <td width="22">&nbsp;</td>
                                </tr>
                                <tr>
                                  <td>&nbsp;</td>
                                  <td valign="top"><div align="center"></div></td>
                                  <td>&nbsp;</td>
                                </tr>
                                <tr>
                                  <td>&nbsp;</td>
                                  <td valign="top"><div align="center"></div></td>
                                  <td>&nbsp;</td>
                                </tr>
                              </table>
                            </div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center"><img src="images/3menu_03.png" width="300" height="137" /></div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center">
                              <table width="300" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                  <td valign="top"><div align="center"><img src="images/4login_01.png" width="300" height="84" /></div></td>
                                </tr>
                                <tr>
                                  <td valign="top" background="images/4login_02.png"><div align="center"><div align="center"><form name="form1" method="post" action="admin/main.php">
                  <table width="71%" border="0" cellpadding="2" cellspacing="0" class="box1">
                    
                    <tr class="font-data13">
                      <td width="90" height="25" class="styles">Username : </td>
                      <td width="80" height="25"><input type="text" name="user" size="10" /></td>
                    </tr>
                    <tr class="font-data13">
                      <td width="90" height="25" class="styles">Password : </td>
                      <td width="80" height="25"><input type="password" name="passwd" size="10" /></td>
                    </tr>
                    <tr class="font-data13">
                      <td height="25" colspan="2"><div align="center">
                          <input type="submit" name="Submit" value="Login" />
                      </div></td>
                    </tr>
                  </table>
                </form></div></div></td>
                                </tr>
                                <tr>
                                  <td valign="top"><div align="center"><img src="images/4login_03.png" width="300" height="79" /></div></td>
                                </tr>
                                <tr>
                                  <td valign="top" background="images/4login_04.png"><div align="center"><table width="85%" border="0" align="center" cellpadding="0" cellspacing="0">
                                              <tr>
                                                <td valign="top"><div align="center"><a href="http://www.cjworld.co.th/" target="_blank"></a></div></td>
                                              </tr>
                                              <tr>
                                                <td valign="top"><div align="center"></div></td>
                                              </tr>
                                              <tr>
                                                <td valign="top"><div align="center">
                                                    					<table width="70%" border="0" cellspacing="1" cellpadding="1">
                      <tr>
                        <td class="btn" width="55%"><div align="right">วันนี้ :</div></td>
						  <td class="btn" width="45%"><div align="left">
                         1,711                        คน</div></td>
                      </tr>
                      <tr>
						<td class="btn" width="55%"><div align="right">เมื่อวาน :</div></td>
                        <td class="btn" width="45%"><div align="left">
                          156                        คน </div></td>
                      </tr>
                      <tr>
						<td class="btn" width="55%"><div align="right">เดือนนี้ :</div></td>
                        <td class="btn" width="45%"><div align="left"> 4,891                        คน</div></td>
                      </tr>
                      <tr>
						<td class="btn" width="55%"><div align="right">เดือนที่แล้ว :</div></td>
                        <td class="btn" width="45%"><div align="left">17,671                        คน</div></td>
                      </tr>
                      <tr>
						<td class="btn" width="55%"><div align="right">ปีนี้ :</div></td>
                        <td class="btn" width="45%"><div align="left">4,891                        คน</div></td>
                      </tr>
                      <tr>
						<td class="btn" width="55%"><div align="right">ปีที่แล้ว  :</div></td>
                        <td width="45%"class="btn"><div align="left">74,995                        คน</div></td>
                      </tr>
					  <tr>
						<td class="btn" width="55%"><div align="right">ทั้งหมด  :</div></td>
                        <td width="45%"class="btn"><div align="left">84,744                        คน</div></td>
                      </tr>
</table>                                                </div></td>
                                              </tr>
                                              <tr>
                                                <td valign="top"><div align="center">
                                                                                     <td valign="top"><div align="center"><img src="images/4login_05.png" width="300" height="84" /></div></td>
                                </tr>
                                <tr>
                                  <td valign="top" background="images/4login_06.png"><div align="center"><div align="center">
                                          <div id="google_translate_element"></div>
                                          <script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'th', includedLanguages: 'en,lo,id,ja,km,ko,ms,th,tl,vi,zh-CN', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
                                        </script>
                                          <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
                                        </div></div></td>
                                </tr>
                                <tr>
                                  <td valign="top"><div align="center"><img src="images/4login_07.png" width="300" height="88" /></div></td>
                                </tr>
                                <tr>
                                  <td valign="top" background="images/4login_08.png"><div align="center"><div align="up"><marquee scrollamount="3" direction = "up">
                       <a href="http://www.laas.go.th"  target="_blank"><img src="images/b1.png" width="150" height="60" border="0" /></a><a href="http://info.dla.go.th"  target="_blank"><img src="images/b2.png" width="150" height="60" border="0" /></a>
                  <a href="http://www.dmf.go.th" target="_blank"><img src="images/b3.png" width="150" height="60" border="0" /></a><a href="http://www.dpim.go.th" target="_blank"><img src="images/b4.png" width="150" height="60" border="0" /></a><a href="http://www.mol.go.th" target="_blank"><img src="images/b5.png" width="150" height="60" /></a><a href="http://www.coj.go.th" target="_blank"><img src="images/b6.png" width="150" height="60" /></a><a href="http://www.ago.go.th" target="_blank"><img src="images/b7.png" width="150" height="60" /></a><a href="http://www.admincourt.go.th" target="_blank"><img src="images/b8.png" width="150" height="60" /></a><a href="http://www.thaitambon.com" target="_blank"><img src="images/b9.png" width="150" height="60" /></a>
                                    <a href="http://www.mratchakitcha.soc.go.th" target="_blank"><img src="images/b11.png" width="150" height="60" /></a><a href="http://www.glo.or.th/main.php?filename=index" target="_blank"><img src="images/b12.png" width="150" height="60" /></a>
                                    </marquee>
                                    </div></div></td>
                                </tr>
                                <tr>
                                  <td valign="top"><div align="center"><img src="images/4login_09.png" width="300" height="35" /></div></td>
                                </tr>
                              </table>
                            </div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center"><img src="images/5e_01.png" width="300" height="225" /></div></td>
                          </tr>
                          <tr>
                            <td valign="top" background="images/5e_02.png"><div align="center"></div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center"><img src="images/5e_03.png" width="300" height="48" /></div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center"><a href="/detail.php?id=434" target="_blank"><img src="images/5e_04.png" width="300" height="299" border="0" /></a></div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center"><a href="e-service.php" target="_blank"></a></div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center"></div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center"></div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center"></div></td>
                          </tr>
                        </table>
                      </div></td>
                    </tr>
                    <tr>
                      <td valign="top"><div align="center"></div></td>
                    </tr>
                    <tr>
                      <td valign="top"><div align="center"></div></td>
                    </tr>
                    <tr>
                      <td valign="top"><div align="center"></div></td>
                    </tr>
                    <tr>
                      <td valign="top"><div align="center"></div></td>
                    </tr>
                    <tr>
                      <td valign="top"><div align="center"></div></td>
                    </tr>
                    <tr>
                      <td valign="top"><div align="center"></div></td>
                    </tr>
                  </table>
                </div></td>
                <td valign="top"><div align="center">
                  <table width="500" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td valign="top"><div align="center">
                        <table width="500" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td height="50" valign="top">&nbsp;</td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center"><img src="images/pr/eit2567.jpg" width="500" height="700" /></div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center"></div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center">
                              <table width="500" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                  <td valign="top"><div align="center"><img src="images/7cen_02.png" width="500" height="104" /></div></td>
                                </tr>
                                <tr>
                                  <td valign="top"><div align="center"><iframe src="albums/slide_home.php" width="500" height="320" scrolling="no" frameborder="0" marginheight="0" marginwidth="0"></iframe></div></td>
                                </tr>
                                <tr>
                                  <td valign="top"><div align="center"><iframe src="albums/show_albums.php                        </tr>
                                <tr>
                                   <td valign="top"><div align="center"><img src="images/7cen_08.png" width="500" height="104" /></div></td>
                                </tr>
                                <tr>
                                  <td valign="top"><div align="center"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                                <tr>
                                  <th align="center" valign="top" scope="col">
								  
							<div align="left">
							 <table class=style width=98% border=0 bordercolor=black cellspacing=2 cellpadding=1 bgcolor=''>
<tr>
<td width=15% valign = 'top' align = 'left' class="styles1">	&nbsp;&nbsp;<img src='./webboard/pic/dot.gif' align=absmiddle>&nbsp;<a href='./webboard/show.php?Category=board&No=44' target='0044' class='styles2'>ขอเชิญร่วมแสดงความคิดเห็น</a>
	<span  class=detail-s>ผู้ดูแลระบ.. : 2023-09-25</span>
	<span class=detail-s>(ตอบ 0)</span>
</td></tr>

</table>

							</div>								  </th>
                                </tr>
                              </table></div></td>
                                </tr>
                                <tr>
                                  <td valign="top"><div align="center"><a href="https://www.baannern.go.th/webboard/webboard.php?Category=board1" target="_blank"><img src="images/icon/hatyaiwit_001align="center"></div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center"></div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center"></div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center"></div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center"></div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center"></div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center"></div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center"></div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center"></div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center"></div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center"></div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center"></div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center"></div></td>
                          </tr>
                          <tr>
                            <td>&nbsp;</td>
                          </tr>
                          <tr>
                            <td>&nbsp;</td>
                          </tr>
                        </table>
                      </div></td>
                    </tr>
                    <tr>
                      <td valign="top"><div align="center"></div></td>
                    </tr>
                  </table>
                </div></td>
                <td valign="top"><div align="center">
                  <table width="300" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td valign="top"><div align="center">
                        <table width="300" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td valign="top"><div align="center">
                              <table width="350" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                  <td valign="top"><style>
.flip-container {
  background: transparent;
  display: inline-block;
}

.flip-this {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

.flip-container:hover .flip-this {
  transition: 0.9s;
  transform: rotateY(-380deg);
}
</style></td>
                                </tr>
                                <tr>
                                  <td valign="top"><div align="center"><div class="flip-container"><div class="flip-this"><a href="/webmail/" target="_blank"><img src="images/6r_02.png" width="300" height="126" border="0" class="owl-animated-in" /></a></div></div></div></td>
                                </tr>
                                <tr>
                                  <td valign="top"><div align="center"><div class="flip-container"><div class="flip-this"><a href="https://www.facebook.com/Baannern.Chianyai/?show_switched_toast=0&amp;show_invite_to_follow=0&amp;show_switched_tooltip=0&amp;show_podcast_settings=0&amp;show_community_review_changes=0&amp;show_community_rollback=0&amp;show_follower_visibility_disclosure=0" target="_blank"><img src="images/6r_03.png" width="300" height="122" border="0" /></a></div></div></div></td>
                                </tr>
                                <tr>
                                  <td valign="top"><div align="center"><div class="flip-container"><div class="flip-this"><a href="/news.php?cat_id=25"><img src="images/6r_04.png" width="300" height="125" border="0" /></a></div>
                                  </div></div></td>
                                </tr>
                                <tr>
                                  <td valign="top"><div align="center"><div class="flip-container"><div class="flip-this"><a href="/news.php?cat_id=24"><img src="images/6r_05.png" width="300" height="125" border="0" /></a></div>
                                  </div></div></td>
                                </tr>
                                <tr>
                                  <td valign="top"><div align="center"><div class="flip-container"><div class="flip-this"><a href="/travels/" target="_blank"><img src="images/6r_07.png" width="300" height="122" border="0" /></a></div></div></div></td>
                                </tr>
                                <tr>
                                  <td valign="top"><div align="center"><div class="flip-container"><div class="flip-this"><a href="/otops/" target="_blank"><img src="images/6r_06.png" width="300" height="128" border="0" /></a></div></div></div></td>
                                </tr>
                                <tr>
                                  <td valign="top"><div align="center"><div class="flip-container"><div class="flip-this"><a href="https://maps.app.goo.gl/CFXnRQjzBD2iPNc89" target="_blank"><img src="images/6r_08.png" width="300" height="124" border="0" /></a></div></div></div></td>
                                </tr>
                                <tr>
                                  <td valign="top"><div align="center"><div class="flip-container"><div class="flip-this"><a href="/news.php?cat_id=120"><img src="images/6r_09.png" width="300" height="125" border="0" /></a></div>
                                  </div></div></td>
                                </tr>
                                <tr>
                                  <td valign="top"><div align="center"><div class="flip-container"><div class="flip-this"><a href="/news.php?cat_id=169"><img src="images/6r_10.png" width="300" height="125" border="0" /></a></div>
                                  </div></div></td>
                                </tr>
                                <tr>
                                  <td valign="top"><div align="center"><div class="flip-container"><div class="flip-this"><a href="https://www.nakhonlocal.go.th/book.php" target="_blank"><img src="images/6r_11.png" width="300" height="125" border="0" /></a></div></div></div></td>
                                </tr>
                                <tr>
                                  <td valign="top"><div align="center"><div class="flip-container"><div class="flip-this"><a href="/news.php?cat_id=29"><img src="images/6r_12.png" width="300" height="124" border="0" /></a></div>
                                  </div></div></td>
                                </tr>
                              </table>
                            </div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center"><div class="flip-container"><div class="flip-this"><a href="http://library.sut.ac.th/asean_data/?m=article&amp;article_id=1" target="_blank"><img src="images/6r_13.png" width="300" height="128" border="0" /></a></div>
                            </div></div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center"><div class="flip-container"><div class="flip-this"><a href="https://www.opdc.go.th/" target="_blank"><img src="images/6r_14.png" width="300" height="128" border="0" /></a></div>
                            </div></div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center"></div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center"></div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center"></div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center"></div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center"></div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center"></div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center"></div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center"></div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center"></div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center"></div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center"></div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center"></div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center"></div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center"></div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center"></div></td>
                          </tr>
                          <tr>
                            <td valign="top"><div align="center"></div></td>
                          </tr>
                          <tr>
                            <td>&nbsp;</td>
                          </tr>
                        </table>
                      </div></td>
                    </tr>
                    <tr>
                      <td valign="top"><div align="center"></div></td>
                    </tr>
                  </table>
                </div></td>
              </tr>
              <tr>
                <td valign="top"><div align="center"></div></td>
                <td valign="top"><div align="center"></div></td>
                <td valign="top"><div align="center"></div></td>
              </tr>
            </table>
          </div></td>
        </tr>
        <tr>
          <td valign="top"><div align="left"></div></td>
        </tr>
        <tr>
          <td valign="top">    
    <main></main></td>
        </tr>
        <tr>
          <td height="100" valign="top"><div align="center"></div></td>
        </tr>
        <tr>
          <td valign="top"><div align="center"><img src="images/8foot_01.png" width="1100" height="97" /></div></td>
        </tr>
        <tr>
          <td valign="top"><div align="center"><img src="images/8foot_02.png" width="1100" height="80" /></div></td>
        </tr>
        <tr>
          <td valign="top"><div align="center"></div></td>
        </tr>
        <tr>
          <td valign="top"><div align="center"></div></td>
        </tr>
        <tr>
          <td valign="top"><div align="center"></div></td>
        </tr>
        <tr>
          <td valign="top"><div align="center"></div></td>
        </tr>
        <tr>
          <td valign="top"><div align="center"></div></td>
        </tr>
        <tr>
          <td valign="top"><div align="center"></div></td>
        </tr>
        <tr>
          <td valign="top"><div align="center"></div></td>
        </tr>
      </table>
    </div></td>
  </tr>
  <tr>
    <td valign="top"><div align="center"></div></td>
  </tr>
  <tr>
    <td valign="top"><div align="center"></div></td>
  </tr>
  <tr>
    <td valign="top"><div align="center"></div></td>
  </tr>
  <tr>
    <td valign="top"><div align="center"></div></td>
  </tr>
  <tr>
    <td valign="top"><div align="center"></div></td>
  </tr>
  <tr>
    <td valign="top"><div align="center"></div></td>
  </tr>
  <tr>
    <td valign="top"><div align="center"></div></td>
  </tr>
  <tr>
    <td valign="top"><div align="center"></div></td>
  </tr>
  <tr>
    <td valign="top"><div align="center"></div></td>
  </tr>
  <tr>
    <td valign="top"><div align="center"></div></td>
  </tr>
  <tr>
    <td valign="top"><div align="center"></div></td>
  </tr>
</table>
<div align="center">
  <!-- content -->
  <!-- end_content -->
</div>
<tr>
  <td >
  <a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#top" rel="nofollow" title="Back to Top"></a></td>
</tr>






<script>
$(document).ready(function(){
  $('.slider').slider();
});
</script>


<!-- GetButton.io widget -->    $("#contact").css("right","-60px");
    $("a").css("right","0");
  });//End of about click
 
  $("#blog").on("click",function(){
    $("#blog").css("right","0");
    $("#about").css("right","-60px");
    $("#projects").css("right","-60px");
    $("#contact").css("right","-60px");
  });//End of blog click
  
  $("#projects").on("click",function(){
    $("#projects").css("right","0");
    $("#about").css("right","-60px");
    $("#blog").css("right","-60px");
    $("#contact").css("right","-60px");
  });//End of projects click
  
  $("#contact").on("click",function(){
    $("#contact").css("right","0");
    $("#about").css("right","-60px");
    $("#blog").css("right","-60px");
    $("#projects").css("right","-60px");
  });//End of contact click
  
});//End of document ready
  
		</script>
	
	
</body>
</html>