<!DOCTYPE html>
<html>
<head>
<title>โรงเรียนราชโบริกานุเคราะห์ - ระบบตารางสอน</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="google" content="notranslate" />
<meta name="description" content="โรงเรียนราชโบริกานุเคราะห์ ระบบตารางเรียน">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="shortcut icon" href="img/logo.ico">
<link rel="stylesheet" href="fonts/font-awesome.css">
<link rel="stylesheet" href="fonts/glyphicon.css">  
<link rel="stylesheet" href="fonts/th_baijam.css">
<link rel="stylesheet" href="fonts/kanit.css">

<script src="js/jquery.js"></script>

<script type="text/javascript">
	function Submit(frm,desc){		
		document.getElementById(frm).method = "post";
		document.getElementById(frm).action = desc;
		document.getElementById(frm).submit();
	}
	function Login(){
		if(document.getElementById('txtUserID').value==""){
			alert('กรุณากรอกรหัสผู้ใช้ User ID');
			document.getElementById('txtUerID').focus();
			document.body.scrollTop = 0;
			return;
		}
		
		document.getElementById('frmLogin').method = "post";
		document.getElementById('frmLogin').action = "login.php";
		document.getElementById('frmLogin').submit();
	}	
</script>

<!--CONTROLS-->
<style>		
	/*==============================================
		INPUT FORM CONTROL
	/*==============================================*/
	input[type=text],input[type=password] {
		display: inline-block;
		padding: 8px 8px 8px 8px;
		border: 1px solid #ccc;
		margin: 0px;
		border-radius: 4px;
		width: 100%;
	}
	textarea {
		display: inline-block;
		padding: 8px 8px 8px 8px;
		border: 1px solid #ccc;
		margin: 0px;
		border-radius: 4px;
		width: 100%;
		height: 150px;
	}
	input[type=select], select {
		display: inline-block;
		padding-top: 6px;
		padding-left: 8px;
		padding-right: 8px;
		padding-bottom: 6px;
		border: 1px solid #ccc;
		border-radius: 4px;
		width: 100%;
		resize: vertical;
		cursor: pointer;
	}
	label {
		padding: 8px 8px 8px 0px;
		display: inline-block;
		text-align:right;
	}
	input[type=submit] {
		background-color: #4CAF50;
		color: white;
		padding: 12px 20px;
		border: none;
		border-radius: 4px;
		cursor: pointer;
		float: right;
	}
	input[type=submit]:hover {
			background-color: #45a049;
	}
	h1,h2,h3,h4,h5 {
		margin:0px;
	}
	/*==============================================
		BUTTON SCROLL TOP
	/*==============================================*/
	.scrolltop {
		display: none;
		width: 100%;
		margin: 0 auto;
		margin-right: 5px;
		position: fixed;
		bottom: 2px;
		right: 2px;
		z-index: 1000;
	}
	.scrolltop > .item {
		position: absolute;
		right: 2px;
		bottom: 5px;
		padding: 2px;
		margin: 0px;
	}
	.scrolltop > .item > .scroll {
		position: relative;
		bottom: 2px;
		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2),
								0 2px 2px 0 rgba(0, 0, 0, 0.2),
								0 2px 2px 0 rgba(0, 0, 0, 0.2),
								0 2px 2px 0 rgba(0, 0, 0, 0.2);	
		background-image: linear-gradient(to right, #3498DB , #3498DB);
		border-radius: 50%;
		padding: 10px;
		text-align: center;
		color: #ffffff;
		margin: 5px;
		cursor: pointer;
		transition: 0.5s;
		-moz-transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s; 		
	}
	.scrolltop > .item > .scroll:hover {
		transition: 0.5s;
		-moz-transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s; 		
	}
	.scrolltop > .item > .scroll:hover .fa {
		padding-top:-10px;
	}
	.scrolltop > .item > .scroll .fa {
		font-size:30px;
		margin-top:-5px;
		margin-left:1px;
		transition: 0.5s;
		-moz-transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s; 	
	}
	.isDisabled {
		pointer-events: none;
		color: currentColor;
		cursor: not-allowed;
		opacity: 0.5;
		text-decoration: none;
	}
	.center {
		margin: auto;
		padding: 13px;
	}	
</style>

<!--BODY-->
<style>
	* {
		-webkit-box-sizing: border-box;
			 -moz-box-sizing: border-box;
						box-sizing: border-box;
	}
	*:before,
	*:after {
		-webkit-box-sizing: border-box;
			 -moz-box-sizing: border-box;
						box-sizing: border-box;
	}
	body {
		margin:auto;
		font-family: 'Kanit','THBaijam', sans-serif;
		/*max-width: 1440px;*/
		background: url('img/bg.png') #fff;
		background-repeat:repeat;
    background-size:100% 100%;
	}
	.page {
		width: 100%;
		margin-left:auto;
		margin-right:auto;
		min-height: 600px;
	}
</style>

<!--SCROLL STICKY-->
<style>	
	.sticky {
		position: fixed;
		top: 0;
		width: 100%;
		background-color: orage;
		padding: 0px;
		opacity: 1;
		color: white;
	}	
</style>

<!--SPACE1-->
<style>
	.space1 {
		min-height: 0px;
	}
</style>

<!--SPACE2-->
<style>
	.space2 {
		min-height: 10px;
		max-height: 10px;
	}
</style>

</head>
<body>
<div class="page"> 
  <!--HEADER-->
  <style>
    .sec-head {
			position: fixed;
      width:100%;
      overflow: hidden;
      padding-bottom:0px;
      z-index:1099;
    }
    .sec-head > .nav {
      border: none;
      overflow: hidden;
      margin: auto;
      padding:0px;
      width: 100%;
			padding-bottom:10px; 
      background-image: linear-gradient(to left, white , white);
    }
    .sec-head > .nav > .nav-collapse {
      position: relative;
      margin: auto;
      padding-right: 25px;
      text-align: center;
			color:white;
			max-height:50px;
    }
		.sec-head img{
			margin: 0px;
			width: 30px;
		}
  </style>
  <style>		
    @media only screen and (max-width: 699px) {
			.sec-head {
				display: none;
			}			
    }
		@media only screen and (max-width: 799px) and (min-width: 700px) {
			.sec-head {
				display: none;
			}		
		}
		@media only screen and (max-width: 1023px) and (min-width: 800px) {
			.sec-head {
				display: none;
			}			
		}
		@media only screen and (max-width: 1279px) and (min-width: 1024px) {

		}
		@media only screen and (max-width: 1359px) and (min-width: 1280px) {
		
		}
		@media only screen and (max-height: 1280px) and (min-height: 1280px) {
		
		}
		@media only screen and (max-width: 1439px) and (min-width: 1360px) {

		}
		@media only screen and (max-width: 1535px) and (min-width: 1440px) {

		}
		@media only screen and (max-height: 1440px) and (min-height: 1440px) {

		}
		@media only screen and (max-width: 1599px) and (min-width: 1536px) {

		}
		@media only screen and (max-height: 1536px) and (min-height: 1536px) {
	
		}
		@media only screen and (max-width: 1919px) and (min-width: 1600px) {

		}
		@media only screen and (max-width: 1919px) and (min-width: 1680px) {

		}
		@media only screen and (max-height: 1600px) and (min-height: 1600px) {
	
		}
		@media only screen and (min-width: 1920px) {

    }
		@media only screen and (min-height: 1920px) {
	
		}
  </style>
  <div class="sec-head">
    <div class="nav" style="">
      <div class="nav-collapse">
        <table align="center" border="0">
        	<tr>
          	<td>
            	<table>
              	<tr>
                	<td><img src="img/logo.png" alt="" align="absmiddle" /></td>
                </tr>
              </table>
            </td>
            <td>
            <table>
              	<tr>
                	<td align="left"><span style="color:#3498DB; font-size:32px; font-weight:bold">โรงเรียนราชโบริกานุเคราะห์</span> </td>
                </tr>
              </table>
            </td>
          </tr>
        </table>  
      </div>
    </div>          
  </div>

	<!--TOP MENU-->
  <style>
    .sec-navtop {
			position: fixed;
			top: 60px;
      width:100%;
      overflow: hidden;
      padding-bottom:20px;
      z-index:1088;
    }
    .sec-navtop > .nav {
      border: none;
      overflow: hidden;
      margin: auto;
      padding:0px;
      width: 100%;
      background-image: linear-gradient(to left, #3498DB , #A569BD);
			box-shadow: -8px 0px 8px -4px rgba(115,115,115,0.75),
								8px 0px 8px -4px rgba(115,115,115,0.75);
    }
    .sec-navtop > .nav >	.nav-logo {
      display: none;
      float: left;
      margin: 0px;
      display: inline-block;
			color: white;
			font-size: 12px;			
    }
    .sec-navtop > .nav >	.nav-logo > img {
      display: none;
      width: 70px;
      border:none;
    }
    .sec-navtop > .nav >	.nav-title {
      display: none;
      float: left;
      margin: 0px;
			color: white;
			font-size: 20px;			
    }		
    .sec-navtop > .nav > .nav-collapse {
      position: relative;
      margin: auto;
      padding-right: 25px;
      text-align: center;
			color:white;
			min-height:60px;
			padding-top:17px;
    }
    .sec-navtop > .nav > .nav-collapse > span {
      cursor: pointer;
      margin-right: 15px;
      font-size: 18px;
    }
    .sec-navtop > .nav > .nav-collapse > span:hover {
      color: yellow;
    }
    /*==============================================
      TOP NAV TOGGLE BUTTON
    /*==============================================*/
    .sec-navtop > .nav > .nav-btn-toggle {
      position: relative;	
      float: right;
      border-radius: 5px;
      margin-top: 3px;
      margin-right: 10px;
      margin-bottom: 2px;
    }
    .sec-navtop > .nav > .nav-btn-toggle > a {
      margin-left: 15px;
      margin-right: 15px;
      font-size: 34px;
      color: white;
    }
    .sec-navtop > .nav > .nav-btn-toggle {
      display: none;
    }
  </style>
  <style>		
		@media only screen and (max-width: 213px) {
			.sec-navtop {
				display: block;
				position: fixed;
				top: 0px;
				margin-bottom: 0px;
			}		
			.sec-navtop > .nav {
				width: 100%;
				overflow: hidden;
				position: fixed;
			}
			.sec-navtop > .nav >	.nav-logo {
				display: block;
			}
			.sec-navtop > .nav >	.nav-title {
				display: none;
				padding-left: 10px;
				padding-top: 13px;
				font-size: 13px;
			}
			.sec-navtop > .nav >	.nav-logo > img {
				display: block;
				width: 20px;
				margin-left: 10px;
				margin-top: 10px;
				border-radius: 10%;
			}			
			.sec-navtop > .nav > .nav-collapse {
				display: none;
			}
			.sec-navtop > .nav > .nav-btn-toggle {
				display: block;		
				float: right;
				margin-right: 0px;
			}
			.sticky {
				display: none;
			}
					
			#nav_left {
				display: inline-block;
			}	
			.space1 {
				min-height: 0px;
			}
		}
		@media only screen and (max-width: 320px) and (min-width: 214px) {
			.sec-navtop {
				display: block;
				position: fixed;
				top: 0px;
				margin-bottom: 0px;
			}		
			.sec-navtop > .nav {
				width: 100%;
				overflow: hidden;
				position: fixed;
			}
			.sec-navtop > .nav >	.nav-logo {
				display: block;
			}
			.sec-navtop > .nav >	.nav-title {
				display: block;
				padding-left: 10px;
				padding-top: 13px;
				font-size: 16px;
			}
			.sec-navtop > .nav >	.nav-logo > img {
				display: block;
				width: 20px;
				margin-left: 10px;
				margin-top: 10px;
				border-radius: 10%;
			}			
			.sec-navtop > .nav > .nav-collapse {
				display: none;
			}
			.sec-navtop > .nav > .nav-btn-toggle {
				display: block;		
				float: right;
			}
			.sticky {
				display: none;
			}
					
			#nav_left {
				display: inline-block;
			}	
			.space1 {
				min-height: 60px;
			}
		}
    @media only screen and (max-width: 699px) and (min-width: 321px) {
			.sec-navtop {
				display: block;
				position: fixed;
				top: 0px;
				margin-bottom: 0px;
			}		
			.sec-navtop > .nav {
				width: 100%;
				overflow: hidden;
				position: fixed;
			}
			.sec-navtop > .nav >	.nav-logo {
				display: block;
			}
			.sec-navtop > .nav >	.nav-title {
				display: block;
				padding-left: 10px;
				padding-top: 10px;
			}
			.sec-navtop > .nav >	.nav-logo > img {
				display: block;
				width: 20px;
				margin-left: 10px;
				margin-top: 10px;
				border-radius: 10%;
			}			
			.sec-navtop > .nav > .nav-collapse {
				display: none;
			}
			.sec-navtop > .nav > .nav-btn-toggle {
				display: block;		
				float: right;
			}
			.sticky {
				display: none;
			}
					
			#nav_left {
				display: inline-block;
			}	
			.space1 {
				min-height: 60px;
			}			
    }
		@media only screen and (max-width: 799px) and (min-width: 700px) {
			.sec-navtop {
				display: block;
				position: fixed;
				top: 0px;
				margin-bottom: 0px;
			}		
			.sec-navtop > .nav {
				width: 100%;
				overflow: hidden;
				position: fixed;
			}
			.sec-navtop > .nav >	.nav-logo {
				display: block;
			}
			.sec-navtop > .nav >	.nav-title {
				display: block;
				padding-left: 10px;
				padding-top: 10px;
			}
			.sec-navtop > .nav >	.nav-logo > img {
				display: block;
				width: 20px;
				margin-left: 10px;
				margin-top: 10px;
				border-radius: 10%;
			}			
			.sec-navtop > .nav > .nav-collapse {
				display: none;
			}
			.sec-navtop > .nav > .nav-btn-toggle {
				display: block;		
				float: right;
			}
			.sticky {
				display: none;
			}
					
			#nav_left {
				display: inline-block;
			}	
			.space1 {
				min-height: 60px;
			}			
		}
		@media only screen and (max-width: 1023px) and (min-width: 800px) {
			.sec-navtop {
				display: block;
				position: fixed;
				top: 0px;
				margin-bottom: 0px;
			}		
			.sec-navtop > .nav {
				width: 100%;
				overflow: hidden;
				position: fixed;
			}
			.sec-navtop > .nav >	.nav-logo {
				display: block;
			}
			.sec-navtop > .nav >	.nav-title {
				display: block;
				padding-left: 10px;
				padding-top: 10px;
			}
			.sec-navtop > .nav >	.nav-logo > img {
				display: block;
				width: 20px;
				margin-left: 10px;
				margin-top: 10px;
				border-radius: 10%;
			}			
			.sec-navtop > .nav > .nav-collapse {
				display: none;
			}
			.sec-navtop > .nav > .nav-btn-toggle {
				display: block;		
				float: right;
			}
			.sticky {
				display: none;
			}
					
			#nav_left {
				display: inline-block;
			}	
			.space1 {
				min-height: 60px;
			}	
		}
		@media only screen and (max-width: 1279px) and (min-width: 1024px) {

		}
		@media only screen and (max-width: 1359px) and (min-width: 1280px) {
			
		}
		@media only screen and (max-height: 1280px) and (min-height: 1280px) {
		
		}
		@media only screen and (max-width: 1439px) and (min-width: 1360px) {

		}
		@media only screen and (max-width: 1535px) and (min-width: 1440px) {

		}
		@media only screen and (max-height: 1440px) and (min-height: 1440px) {

		}
		@media only screen and (max-width: 1599px) and (min-width: 1536px) {

		}
		@media only screen and (max-height: 1536px) and (min-height: 1536px) {
	
		}
		@media only screen and (max-width: 1919px) and (min-width: 1600px) {

		}
		@media only screen and (max-width: 1919px) and (min-width: 1680px) {

		}
		@media only screen and (max-height: 1600px) and (min-height: 1600px) {
	
		}
		@media only screen and (min-width: 1920px) {

    }
		@media only screen and (min-height: 1920px) {
	
		}
  </style>
  <div id="MyHeader" class="sec-navtop">
    <div class="nav">
    	<div class="nav-logo">
        <img src="img/logo.png" alt="" align="absmiddle" />
      </div>
      <div class="nav-title">
      	โรงเรียนราชโบริกานุเคราะห์
      </div>
      <div id="MyHeader2" class="nav-collapse">
        <span onClick="window.location='index.php?src=student';">ตารางนักเรียน</span>
        <span onClick="window.location='index.php?src=teacher';">ตารางผู้สอน</span>
        <span onClick="window.location='index.php?src=place';">ตารางสถานที่</span>
        <span onClick="window.location='index.php?src=report';">พิมพ์</span>        
        <span onClick="window.location='index.php?src=download';">ดาวน์โหลด</span>
        <span style="display:none" onClick="window.location='index.php?src=upload';">อัพโหลด</span>
        <span style="display:" onClick="window.location='signin.php';">เข้าระบบ</span>
        <span style="display:none" onClick="window.location='logout.php';">ออกจากระบบ</span>
      </div>
      <div class="nav-btn-toggle">
        <a href="javascript:void(0);" onClick="toggleNavLeft();"><i class="fa fa-bars"></i></a>
      </div>
    </div>          
  </div>
  
  <!--LEFT MENU-->
  <style>
		.nav-left {
			display: none;
			overflow: auto;
			background-image: linear-gradient(to left, #3498DB , #A569BD);
			height: 100%;
			width: 0px;
			position: fixed;
			z-index: 1999;
			top: 1px;
			left: 0;
			transition: 0.5s;
			padding-top: 10px;
			margin-right: 10px;
			box-shadow: 0px 0px 5px #000;
			text-align: center;
		}
		.nav-left a:first-child {
			border-top: none;
		}
		.nav-left a {
			border-bottom:none;
			margin-left: 0px;
			margin-right: 0px;
			padding: 1px 8px 5px 5px;
			text-decoration: none;
			font-size: 18px;
			color: white;
			display: block;
			transition: 0.3s;
			white-space: nowrap;
		}
		.nav-left a:hover {
			color: blue;
		}
		.nav-left > ul {
			display-style-list: none;
			display: inline-block;
			margin: 0px;
			padding: 0px;
			width: 100%;
			overflow: hidden;
		}
		.nav-left > ul > img {
			display: block;
			padding: 0px;
			margin: auto;
			width: 15%;
		}
		@media only screen and (max-width: 213px) {
			.nav-left {
				max-width: 130px;
				overflow: hidden;
			}
			.nav-left a {
				font-size: 14px;
			}
		}
		@media only screen and (max-width: 320px) and (min-width: 214px) {
			.nav-left {
				max-width: 180px;
			}			
		}
	</style>
  <div id="nav_left" class="nav-left">
  	<ul>
    	<img src="img/logo.png" alt="" align="absmiddle" />
    </ul>
    <a href="#" onClick="window.location='index.php?src=student';">ตารางนักเรียน</a>
    <a href="#" onClick="window.location='index.php?src=teacher';">ตารางผู้สอน</a>
    <a href="#" onClick="window.location='index.php?src=place';">ตารางสถานที่</a>
    <a href="#" onClick="window.location='index.php?src=report';">พิมพ์</a>    
    <a href="#" onClick="window.location='index.php?src=download';">ดาวน์โหลด</a>
    <a href="#" style="display:none" onClick="window.location='index.php?src=upload';">อัพหลด</a>
    <a href="#" style="display:" onClick="window.location='signin.php';">เข้าระบบ</a>
    <a href="#" style="display:none" onClick="window.location='logout.php';">ออกจากระบบ</a>
    <br />
    <br />
    <br />
  </div>
  
  <div class="space1"></div>
  
	  
  <!--MENU BOTTON / QRCODE-->  
<style>
  .sec-botton3 {
    margin: auto;
		margin-bottom: 25px;
    padding: 0px;
		padding-top: 130px;
    max-width: 100%;
    color: #2E4053;
    width: 100%;
    overflow: hidden;
  }
  .sec-botton3 > .content{
    margin: auto;
    padding: 0px;
    max-width: 100%;
    color: #2E4053;
    width: 90%;
    overflow: hidden;
  }
  .sec-botton3 > .content > .col {
    display: inline-block;
    position: relative;
    float: left;
    margin: 5px;
    padding: 20px;
    width: 100%;
    vertical-align: top;
    text-align: center;
  }
  .sec-botton3 > .content > .col > .group {
    display: inline-block;
    position: relative;
    margin: auto;
    width: 90%;						
    max-width: 100%;
    text-align: center;
  }			
  .btnregis3 {
    float: center;
    display: inline-block;
    position: relative;
    border-radius: 5px;
    border: none;
    background-color:#008CBA;
    color: white;
    padding: 8px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    margin: 5px;;
    cursor: pointer;
    width: 15%;
  }
  .btnregis3:hover {
    opacity: 0.7;
  }
</style>
<style>		
	@media only screen and (max-width: 213px) {
		.sec-botton3 {
			padding-top: 50px;
			margin-bottom: 20px;
		}		
    .sec-botton3 > .content{
      margin: 0;
      padding: 0px;
      width: 100%;
      overflow: hidden;
    }
    .sec-botton3 > .content > .col {
      float: none;
      padding: 10px;
      margin: 0px;
      width: 100%;
    }
    .sec-botton3 > .content > .col .group {
      padding-top: 0px;
      margin: auto;
      width: 100%;						
      max-width: 100%;
    }	
    .btnregis3 {
      margin: 5px 0px 5px 0px; /*top left bottom right*/
      width: 100%;
    }		
	}
	@media only screen and (max-width: 320px) and (min-width: 214px) {
		.sec-botton3 {
			padding-top: 5px;
			margin-bottom: 20px;
		}		
    .sec-botton3 > .content{
      margin: 0;
      padding: 0px;
      width: 100%;
      overflow: hidden;
    }
    .sec-botton3 > .content > .col {
      float: none;
      padding: 10px;
      margin: 0px;
      width: 100%;
    }
    .sec-botton3 > .content > .col .group {
      padding-top: 0px;
      margin: auto;
      width: 100%;						
      max-width: 100%;
    }	
    .btnregis3 {
      margin: 5px 0px 5px 0px; /*top left bottom right*/
      width: 70%;
    }		
	}
	@media only screen and (max-width: 399px) and (min-width: 321px) {
		.sec-botton3 {
			padding-top: 5px;
			margin-bottom: 20px;
		}		
    .sec-botton3 > .content{
      margin: 0;
      padding: 0px;
      width: 100%;
      overflow: hidden;
    }
    .sec-botton3 > .content > .col {
      float: none;
      padding: 10px;
      margin: 0px;
      width: 100%;
    }
    .sec-botton3 > .content > .col .group {
      padding-top: 0px;
      margin: auto;
      width: 100%;						
      max-width: 100%;
    }	
    .btnregis3 {
      margin: 5px 0px 5px 0px; /*top left bottom right*/
      width: 70%;
    }		
	}
	@media only screen and (max-width: 539px) and (min-width: 400px) {
		.sec-botton3 {
			padding-top: 5px;
			margin-bottom: 20px;
		}		
    .sec-botton3 > .content{
      margin: 0;
      padding: 0px;
      width: 100%;
      overflow: hidden;
    }
    .sec-botton3 > .content > .col {
      float: none;
      padding: 10px;
      margin: 0px;
      width: 100%;
    }
    .sec-botton3 > .content > .col .group {
      padding-top: 0px;
      margin: auto;
      width: 100%;						
      max-width: 100%;
    }	
    .btnregis3 {
      margin: 5px 0px 5px 0px; /*top left bottom right*/
      width: 45%;
    }		
	}	
  @media only screen and (max-width: 699px) and (min-width: 540px) {
		.sec-botton3 {
			padding-top: 5px;
			margin-bottom: 20px;
		}		
    .sec-botton3 > .content{
      margin: 0;
      padding: 0px;
      width: 100%;
      overflow: hidden;
    }
    .sec-botton3 > .content > .col {
      float: none;
      padding: 10px;
      margin: 0px;
      width: 100%;
    }
    .sec-botton3 > .content > .col .group {
      padding-top: 0px;
      margin: auto;
      width: 100%;						
      max-width: 100%;
    }	
    .btnregis3 {
      margin: 5px 0px 5px 0px; /*top left bottom right*/
      width: 30%;
    }
  }
  @media only screen and (max-width: 799px) and (min-width: 700px) {
		.sec-botton3 {
			padding-top: 5px;
		}		
    .sec-botton3 > .content{
      margin: 0;
      padding: 0px;
      width: 100%;
      overflow: hidden;
    }
    .sec-botton3 > .content > .col {
      float: none;
      padding: 10px;
      margin: 0px;
      width: 100%;
    }
    .sec-botton3 > .content > .col .group {
      padding-top: 0px;
      margin: auto;
      width: 100%;						
      max-width: 100%;
    }	
    .btnregis3 {
      margin: 5px 0px 5px 0px; /*top left bottom right*/
      width: 30%;
    }
  }
  @media only screen and (max-width: 1023px) and (min-width: 800px) {
		.sec-botton3 {
			padding-top: 5px;
		}		
    .sec-botton3 > .content{
      margin: 0;
      padding: 0px;
      width: 100%;
      overflow: hidden;
    }
    .sec-botton3 > .content > .col {
      float: none;
      padding: 10px;
      margin: 0px;
      width: 100%;
    }
    .sec-botton3 > .content > .col .group {
      padding-top: 0px;
      margin: auto;
      width: 100%;						
      max-width: 100%;
    }	
    .btnregis3 {
      margin: 5px 0px 5px 0px; /*top left bottom right*/
      width: 30%;
    }
  }
  @media only screen and (max-width: 1279px) and (min-width: 1024px) {
		.sec-botton3 > .content > .col > .group {
			width: 100%;						
		}
    .btnregis3 {
      margin: 5px 0px 5px 0px; /*top left bottom right*/
      width: 30%;
    }    
  }
  @media only screen and (max-width: 1359px) and (min-width: 1280px) {
  	.sec-botton3 > .content > .col > .group {
			width: 100%;						
		}
    .btnregis3 {
      margin: 5px 0px 5px 0px; /*top left bottom right*/
      width: 20%;
    }
  }
  @media only screen and (max-width: 1439px) and (min-width: 1360px) {
		.sec-botton3 > .content > .col > .group {
			width: 100%;						
		}
    .btnregis3 {
      margin: 5px 0px 5px 0px; /*top left bottom right*/
      width: 20%;
    }
  }
  @media only screen and (max-width: 1535px) and (min-width: 1440px) {
		.sec-botton3 > .content > .col > .group {
			width: 100%;						
		}
    .btnregis3 {
      margin: 5px 0px 5px 0px; /*top left bottom right*/
      width: 20%;
    }
  }
  @media only screen and (max-width: 1599px) and (min-width: 1536px) {
		.sec-botton3 > .content > .col > .group {
			width: 100%;						
		}
    .btnregis3 {
      margin: 5px 0px 5px 0px; /*top left bottom right*/
      width: 20%;
    }
  }
  @media only screen and (max-width: 1919px) and (min-width: 1600px) {
		
  }
  @media only screen and (max-width: 1919px) and (min-width: 1680px) {
		.sec-botton3 > .content > .col > .group {
			width: 100%;						
		}
    .btnregis3 {
      margin: 5px 0px 5px 0px; /*top left bottom right*/
      width: 15%;
    }
  }
  @media only screen and (min-width: 1920px) {
		.sec-botton3 > .content > .col > .group {
			width: 100%;						
		}
    .btnregis3 {
      margin: 5px 0px 5px 0px; /*top left bottom right*/
      width: 15%;
    }
  }
</style>
<div class="sec-botton3">
  <div class="content">
    <div class="col">
      <div class="group">
				          <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=111(ห้องเรียนสีเขียว)';">
            111(ห้องเรียนสีเขียว)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=114';">
            114          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=115';">
            115          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=116';">
            116          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=121';">
            121          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=126';">
            126          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=131';">
            131          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=132';">
            132          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=133';">
            133          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=134';">
            134          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=135';">
            135          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=136';">
            136          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=141';">
            141          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=142';">
            142          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=143';">
            143          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=144';">
            144          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=145';">
            145          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=146';">
            146          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=211(Internet)';">
            211(Internet)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=212';">
            212          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=215';">
            215          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=216';">
            216          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=221';">
            221          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=222';">
            222          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=225(Gคณิต)';">
            225(Gคณิต)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=233';">
            233          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=234';">
            234          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=235';">
            235          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=236';">
            236          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=241';">
            241          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=242';">
            242          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=243';">
            243          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=244';">
            244          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=245';">
            245          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=246';">
            246          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=321';">
            321          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=323';">
            323          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=324';">
            324          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=328';">
            328          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=331';">
            331          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=333';">
            333          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=334';">
            334          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=337';">
            337          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=341';">
            341          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=343';">
            343          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=344';">
            344          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=346';">
            346          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=348';">
            348          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=511(ห้องพยาบาล)';">
            511(ห้องพยาบาล)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=512';">
            512          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=521';">
            521          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=522';">
            522          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=531';">
            531          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=532';">
            532          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=541';">
            541          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=542';">
            542          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=611(Friend corner)';">
            611(Friend corner)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=612';">
            612          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=621';">
            621          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=622';">
            622          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=623';">
            623          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=624';">
            624          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=625';">
            625          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=626';">
            626          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=627';">
            627          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=628';">
            628          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=631';">
            631          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=632';">
            632          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=633';">
            633          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=634';">
            634          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=635';">
            635          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=636';">
            636          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=637';">
            637          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=641(Gไทย)';">
            641(Gไทย)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=642';">
            642          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=643';">
            643          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=644';">
            644          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=645';">
            645          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=646';">
            646          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=647';">
            647          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=648';">
            648          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=651';">
            651          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=652';">
            652          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=653';">
            653          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=654';">
            654          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=655';">
            655          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=656';">
            656          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=657';">
            657          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=658';">
            658          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=713';">
            713          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=714';">
            714          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=715';">
            715          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=717';">
            717          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=722';">
            722          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=723';">
            723          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=724';">
            724          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=726';">
            726          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=727';">
            727          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=728';">
            728          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=731';">
            731          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=732';">
            732          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=733';">
            733          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=734';">
            734          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=735';">
            735          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=741';">
            741          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=742';">
            742          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=743';">
            743          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=744';">
            744          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=745';">
            745          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=751';">
            751          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=752';">
            752          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=753';">
            753          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=754';">
            754          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=755';">
            755          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=756';">
            756          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=757';">
            757          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=758';">
            758          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=761';">
            761          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=762';">
            762          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=763';">
            763          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=764';">
            764          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=765';">
            765          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=766';">
            766          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=767';">
            767          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=768';">
            768          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=771';">
            771          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=772';">
            772          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=773';">
            773          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=774';">
            774          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=775';">
            775          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=776';">
            776          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=777';">
            777          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=777 (กอ 6)';">
            777 (กอ 6)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=778';">
            778          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=778 (กอ 7)';">
            778 (กอ 7)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=811';">
            811          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=812';">
            812          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=821';">
            821          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=823';">
            823          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=831';">
            831          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=832';">
            832          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=835';">
            835          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=836';">
            836          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=841';">
            841          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=843';">
            843          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=844';">
            844          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=845';">
            845          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=846';">
            846          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=847';">
            847          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=848';">
            848          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=849';">
            849          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=851';">
            851          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=853';">
            853          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=854';">
            854          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=855';">
            855          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=856';">
            856          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=857';">
            857          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=858';">
            858          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=859';">
            859          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=861';">
            861          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=863';">
            863          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=864';">
            864          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=865';">
            865          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=866';">
            866          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=867';">
            867          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=868';">
            868          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=869';">
            869          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=art';">
            art          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=gym';">
            gym          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=กอ-ช่าง1';">
            กอ-ช่าง1          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=กอ-ช่าง2';">
            กอ-ช่าง2          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=กอ.1(713)';">
            กอ.1(713)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=กอ.1(722)';">
            กอ.1(722)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=กอ.2(714)';">
            กอ.2(714)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=กอ.2(723)';">
            กอ.2(723)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=กอ.3(717)';">
            กอ.3(717)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=กอ.3(724)';">
            กอ.3(724)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=กอ.4';">
            กอ.4          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=กอ.4(กษ3)';">
            กอ.4(กษ3)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=กอ.5';">
            กอ.5          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=กอ.5(กษ4)';">
            กอ.5(กษ4)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ดนตรีสากล1';">
            ดนตรีสากล1          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ดนตรีสากล2';">
            ดนตรีสากล2          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=นักธุรกิจน้อย';">
            นักธุรกิจน้อย          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ผ้า1';">
            ผ้า1          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ผ้า2';">
            ผ้า2          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=รท';">
            รท          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ลานขวัญบัว';">
            ลานขวัญบัว          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ลานตัวหนอน';">
            ลานตัวหนอน          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ลานบัวหลวง';">
            ลานบัวหลวง          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=วิทย์พลังสิบ';">
            วิทย์พลังสิบ          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ศูนย์ศึกษาด้วยตนเอง';">
            ศูนย์ศึกษาด้วยตนเอง          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ศูนย์เศรษฐกิจพอเพียง';">
            ศูนย์เศรษฐกิจพอเพียง          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ส.กรีฑา';">
            ส.กรีฑา          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ส.ตะกร้อ';">
            ส.ตะกร้อ          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ส.บาส';">
            ส.บาส          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ส.ปิงปอง';">
            ส.ปิงปอง          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ส.ฟิตเนส';">
            ส.ฟิตเนส          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ส.ฟุตซอล';">
            ส.ฟุตซอล          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ส.ฟุตบอล';">
            ส.ฟุตบอล          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ส.มวยไทย';">
            ส.มวยไทย          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ส.เปตอง';">
            ส.เปตอง          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ส.แบด1';">
            ส.แบด1          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ส.แบด2';">
            ส.แบด2          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=สน1(ฟุตบอล)';">
            สน1(ฟุตบอล)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=สน1(สนามฟุตบอล)';">
            สน1(สนามฟุตบอล)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=สน10(สนามแบต)';">
            สน10(สนามแบต)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=สน10(แบตฯ)';">
            สน10(แบตฯ)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=สน2(บาสฯ)';">
            สน2(บาสฯ)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=สน2(สนามบาสฯ)';">
            สน2(สนามบาสฯ)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=สน3(ตะกร้อ)';">
            สน3(ตะกร้อ)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=สน3(ฟุตซอล2)';">
            สน3(ฟุตซอล2)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=สน3(สนามฟุตซอล2)';">
            สน3(สนามฟุตซอล2)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=สน3(สนามวอลเลย์)';">
            สน3(สนามวอลเลย์)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=สน4(สนาม)';">
            สน4(สนาม)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=สน4(สนามเปตอง)';">
            สน4(สนามเปตอง)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=สน4(เปตอง)';">
            สน4(เปตอง)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=สน5(ปิงปอง)';">
            สน5(ปิงปอง)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=สน5(ห้องปิงปอง)';">
            สน5(ห้องปิงปอง)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=สน6(ห้องมวยไทย)';">
            สน6(ห้องมวยไทย)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=สน7(ห้องฟิตเนส)';">
            สน7(ห้องฟิตเนส)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=สน8(ฟุตซอล)';">
            สน8(ฟุตซอล)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=สน8(สนาม)';">
            สน8(สนาม)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=สน8(สนามฟุตซอล)';">
            สน8(สนามฟุตซอล)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=สน9(กรีฑา)';">
            สน9(กรีฑา)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=สน9(สนามกรีฑา)';">
            สน9(สนามกรีฑา)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=สระ';">
            สระ          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=สระ-';">
            สระ-          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=สระ1';">
            สระ1          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=สระ2';">
            สระ2          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=สวนวรรณคดี';">
            สวนวรรณคดี          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=หส';">
            หส          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=หส. EP.';">
            หส. EP.          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=หส.1';">
            หส.1          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=หส.2';">
            หส.2          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=หส.มัลติมีเดีย';">
            หส.มัลติมีเดีย          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ห้อง Resource';">
            ห้อง Resource          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ห้องข้าว';">
            ห้องข้าว          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ห้องดนตรี';">
            ห้องดนตรี          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ห้องดนตรี2';">
            ห้องดนตรี2          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ห้องดนตรีสากล1';">
            ห้องดนตรีสากล1          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ห้องดนตรีสากล2';">
            ห้องดนตรีสากล2          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ห้องนักธุรกิจน้อย';">
            ห้องนักธุรกิจน้อย          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ห้องผ้า1';">
            ห้องผ้า1          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ห้องผ้า2';">
            ห้องผ้า2          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ห้องหนัง';">
            ห้องหนัง          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ห้องอาหาร1';">
            ห้องอาหาร1          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ห้องอาหาร2';">
            ห้องอาหาร2          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ห้องอุตสาหกรรม1';">
            ห้องอุตสาหกรรม1          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ห้องอุตสาหกรรม2';">
            ห้องอุตสาหกรรม2          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ห้องอุตสาหกรรม3';">
            ห้องอุตสาหกรรม3          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ห้องเกษตร';">
            ห้องเกษตร          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ห้องเกษตร1';">
            ห้องเกษตร1          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ห้องเกษตร2';">
            ห้องเกษตร2          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ห้องเกษตร3';">
            ห้องเกษตร3          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ห้องเกษตร4';">
            ห้องเกษตร4          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ห้องเครื่องปั้นดินเผา';">
            ห้องเครื่องปั้นดินเผา          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ห้องเซรามิค';">
            ห้องเซรามิค          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ห้องเล็ก';">
            ห้องเล็ก          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ห้องโลหะ';">
            ห้องโลหะ          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=หอประชุม อค7';">
            หอประชุม อค7          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=หอประชุม2';">
            หอประชุม2          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=หอประชุมสัตตบงกช (อค7)';">
            หอประชุมสัตตบงกช (อค7)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=หอประชุมสัตตบงกช(อค7)';">
            หอประชุมสัตตบงกช(อค7)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=หอประชุมสัตบงกช(อค7)';">
            หอประชุมสัตบงกช(อค7)          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=อค4/1';">
            อค4/1          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=อค4/2';">
            อค4/2          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=อค8';">
            อค8          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=อห1';">
            อห1          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=อห2';">
            อห2          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=อาศรม';">
            อาศรม          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=อุตสาหกรรม2';">
            อุตสาหกรรม2          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=เกษตร4';">
            เกษตร4          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=เซรามิค';">
            เซรามิค          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=เรือนไทย';">
            เรือนไทย          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=โรงอาหาร';">
            โรงอาหาร          </div>
                  <div class="btnregis3" onClick="window.location='index.php?src=place_1&plcid=ไฟฟ้า';">
            ไฟฟ้า          </div>
               
      </div>
    </div>     
  </div>
</div>
  
  <div style="min-height:20px;"></div>

  <!--FOOTER-->
  <style>
    .sec-footer {
			position: fixed;
			bottom: 0;
      background-image: linear-gradient(to left, #E5E8E8 , #BFC9CA);
      width:100%;
			max-height: 30px;
      margin:auto;
      bottom:0;
      overflow: hidden;
      text-align:center;
      color: #1C2833;
    }
    .sec-footer > .content {
      background-color: transparent;
      display: inline-block;
      padding: 0px;
      margin: auto;
      width: 100%;
      font-size: 13px;
    }
  </style> 
  <style>		
    @media only screen and (max-width: 699px) {

    }
		@media only screen and (max-width: 799px) and (min-width: 700px) {

		}
		@media only screen and (max-width: 1023px) and (min-width: 800px) {

		}
		@media only screen and (max-width: 1279px) and (min-width: 1024px) {

		}
		@media only screen and (max-width: 1359px) and (min-width: 1280px) {
		
		}
		@media only screen and (max-height: 1280px) and (min-height: 1280px) {
		
		}
		@media only screen and (max-width: 1439px) and (min-width: 1360px) {

		}
		@media only screen and (max-width: 1535px) and (min-width: 1440px) {

		}
		@media only screen and (max-height: 1440px) and (min-height: 1440px) {

		}
		@media only screen and (max-width: 1599px) and (min-width: 1536px) {

		}
		@media only screen and (max-height: 1536px) and (min-height: 1536px) {
	
		}
		@media only screen and (max-width: 1919px) and (min-width: 1600px) {

		}
		@media only screen and (max-width: 1919px) and (min-width: 1680px) {

		}
		@media only screen and (max-height: 1600px) and (min-height: 1600px) {
	
		}
		@media only screen and (min-width: 1920px) {

    }
		@media only screen and (min-height: 1920px) {
	
		}
  </style>                   
  <div class="sec-footer">
    <div class="content" style="padding-bottom:20px;">
      Copyright © Ratchaborikanukroh School 2017
    </div>
  </div>
  
  <div class="scrolltop">
    <div class="item">
      <div id="scroll_top" class="scroll"><i class="fa fa-4x fa-angle-up"></i></div>
    </div>
  </div>    
    
</div>

<script src="js/main.js"></script>
</body>
</html>
