html,
body {
    height: 90%;
	width:100%;
	background-color: #a9a9a8;
	background-size: 100%;
    background-repeat: no-repeat;
}

.wrap {							/* เรียกใช้ใน view/layout/main.php เป็นตัวโครงส้รางของทั้งเพจ */
	min-height: 5%;
    height: auto;
    margin: 0 auto 10px;
    padding: 0 0 20px;
}

.wrap > .header{				/* เรียกใช้ใน view/layout/main.php ใช้ในส่วนของ header */
	width: 100%;
	position:fixed;
	z-index:30;  
}

.wrap > .container {			/* เรียกใช้ใน view/layout/main.php ใช้ในส่วนของ content */
	padding: 47px 0px 10px;
	margin-left:0px;
	margin-right:0px;
	width: 100%;
	height: 100%;
}
	
#menu_left { 					/* เป็น css ที่กำหนดตำแหน่งของ label ที่แถบสีแดง */
	background-image:url(../image/tab_title_width.png);
	background-size: 20% 33px;
    background-repeat: no-repeat;
	width: 100%;
	position:fixed;
	height:5%; 
	margin-left:0px;
	top: 20px;
	z-index:40;  
}

#logo_red { 					/* เป็น css ที่กำหนดตำแหน่งของแถบสีแดง */
	width: 100%;
	background-repeat: no-repeat;
	top: 20px;
	z-index:40;  
}

#icon_more { 					/* เป็น css ที่กำหนดตำแหน่งและรูปของ icon more (ขีด 3 ขีด) */
	background-image:url(../image/moremenu_w.png);
	background-size: 20% 34px;
    background-repeat: no-repeat;
	width: 12%;
	height:34px;
	position:fixed;
	top: 20px;
}

#logo{							/* เรียกใช้ใน view/layout/main.php เป็น css ที่กำหนดตำแหน่งของ logo NOK */				
	position: fixed;
	top:-4px;
	right:-5px;
	width: 35%;
	height:65px;
	z-index:45;
}

#welcome{						/* เรียกใช้ใน view/layout/main.php เป็น css ที่กำหนดตำแหน่งของ label welcome bar */			
	display: inline-block;
	position: fixed;
	top:30px;
	right:-5px;
	width: 60%;
	height:35px;
	z-index:45;
}

#wrapper {						/* เป็น css ที่ใช้กำหนดโครงสร้าง ซ้าย - ขวา */	
  position: fixed;
  background-color: #a9a9a8;
  width: 100%;
  height: 100%;
}

#leftWrapper {					/* เป็น css ที่ใช้กำหนดโครงสร้างฝั่งซ้าย */	
	display: inline-block;
	width: 19em;
	height: 90%;
	overflow: scroll;
}

#listView {						/* เป็น css ที่ใช้จัดรูปแบบของ menu ด้านซ้าย */	
  display: block;
  position: relative;
}

#listView li {					/* เป็น css ที่ใช้จัดรูปแบบของ menu ด้านซ้าย */	
  display: block;
  background-color: #ffffff;
  list-style: none;
  font-size:12px;
}

#listView li a {				/* เป็น css ที่ใช้จัดรูปแบบของ menu ด้านซ้าย */	
  display: block;
  padding: 6px;
  color: #000000;
  font-family: sans-serif;
  /*font-size: 1em;*/
  text-decoration: none;
  border-bottom: 1px dashed #BDBDBD;
  font-size:12px;
}

#rightWrapper {					/* เป็น css ที่ใช้กำหนดโครงสร้างฝั่งขวา */	
	display: inline-block;
	position: absolute;
	left: 10em;
	padding: 0px 30px;
	width: calc(100% - 10em);
	height: 95%;
	overflow-y: scroll;
	background-color: #a9a9a8;
	-webkit-transition: all .20s ease;
	-moz-transition: all .20s ease;
	-o-transition: all .20s ease;
	transition: all .20s ease;
}
#rightWrapper2 {					/* เป็น css ที่ใช้กำหนดโครงสร้างฝั่งขวา */	
left: 0 ;
  width: 100% !important;
  display: inline-block;
	position: absolute;
	/*left: 0em;*/
	padding: 0px;
	width: calc(100% - 10em);
	height: 95%;
	overflow-y: scroll;
	overflow-x: scroll;
	background-color: #a9a9a8;
	-webkit-transition: all .20s ease;
	-moz-transition: all .20s ease;
	-o-transition: all .20s ease;
	transition: all .20s ease;
}
#showCase, #showCase section, #showCase section a {
  display: inline-block;
  padding: 10px;
  vertical-align: top;
  color: #1e1e1e;
  font-family: sans-serif;
  font-size: 1em;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all .20s ease;
  -moz-transition: all .20s ease;
  -o-transition: all .20s ease;
  transition: all .20s ease;
}

.full-page {
  left: 0 !important;
  width: 100% !important;
}

#showCase {
  padding: 0;
}

#showCase section a {
  box-shadow: inset 0px -2px #2DCC70;
}

#showCase section a:hover {
  color: #fff;
  box-shadow: inset 0px -50px #2DCC70;
}

#social {
  text-align: center;
}

#social a {
  display: inline-block;
  width: 60px;
  height: 60px;
  box-shadow: inset 0px 0px;
}

#social a:hover {
  box-shadow: inset 0px 0px;
}

#social a img {
  max-width: 100%;
}

.font_head{
	font-size: 16px;
}
.font_title{
	font-size: 12px;
}
.font_lable{
	font-size: 16px;
	color:#000000;
}


.border_cell {
	border: 1px solid #999999;
}

.border_collapse {
	border-collapse: collapse;
}

.bg_gray{
	background: #d1d1cf;
	width:100%;
	-webkit-border-radius:10px;
    -moz-border-radius:10px;
	overflow: hidden;
	border-radius:15px;
}
.bg_gray50{
	background: #d1d1cf;
	width:60%;
	-webkit-border-radius:10px;
    -moz-border-radius:10px;
	overflow: hidden;
	border-radius:15px;
	margin-left:20%;
}
.linkmenu a:link {
	color: #000;
	text-decoration: none;
	font-weight: bold;
} .linkmenu a:visited {
	text-decoration: none;
	color: #333;
} .linkmenu a:hover {
	/*text-decoration: underline;*/
	color: #003;
	font-weight: bold;
	text-decoration: underline;
} .linkmenu a:active {
	text-decoration: none;
	color: #333;
}


/**/
.btnsearch a:link {
	color: #930;
	font-weight: bold;
	text-decoration:underline;
	
} .btnsearch a:visited {
	font-weight: bold;
	text-decoration:underline;
	
	color: #930;
} .btnsearch a:hover {
	text-decoration: underline;
	color: #C30;
	font-weight: bold;
	
} .btnsearch a:active {
	text-decoration:underline;
	
	color: #C30;
}
/*56-09-03 Eange : link ¢Í§ Add*/
.btnadd a:link {
	color: #00F;
	font-weight: bold;
	text-decoration:underline;
	
} .btnadd a:visited {
	font-weight: bold;
	text-decoration:underline;
	
	color: #00F;
} .btnadd a:hover {
	text-decoration: underline;
	color: #03F;
	font-weight: bold;
	
} .btnadd a:active {
	text-decoration:underline;
	
	color: #03F;
}
/*56-09-03 Eange : link ¢Í§ Edit*/
.btnedit a:link {
	color: #F30;
	font-weight: bold;
	text-decoration:underline;
	
} .btnedit a:visited {
	font-weight: bold;
	text-decoration:underline;
	
	color: #F30;
} .btnedit a:hover {
	text-decoration: underline;
	color: #F60;
	font-weight: bold;
	
} .btnedit a:active {
	text-decoration:underline;
	
	color: #F60;
}
/*56-09-03 Eange : link ¢Í§ Save*/
.btnsave a {
	color: #060;
	font-weight: bold;
	text-decoration:underline;
	
} .btnsave a:visited {
	font-weight: bold;
	text-decoration:underline;
	
	color: #060;
} .btnsave a:hover {
	text-decoration: underline;
	color: #3C0;
	font-weight: bold;
	
} .btnsave a:active {
	text-decoration:underline;
	
	color: #3C0;
}
/*56-09-03 Eange : link ¢Í§ Cancel*/
.btncancel a:link {
	color: #E31106;
	font-weight: bold;
	text-decoration:underline;
	
} .btncancel a:visited {
	font-weight: bold;
	text-decoration:underline;
	
	color: #E31106;
} .btncancel a:hover {
	text-decoration: underline;
	color: #FA4D43;
	font-weight: bold;
	
} .btncancel a:active {
	text-decoration:underline;
	
	color: #FA4D43;
}

/*56-09-03 Eange : link ¢Í§ Cancel*/
.btnprint a:link {
	color: #551A8B;
	font-weight: bold;
	text-decoration:underline;
	
} .btnprint a:visited {
	font-weight: bold;
	text-decoration:underline;
	
	color: #551A8B;
} .btnprint a:hover {
	text-decoration: underline;
	color: #AB82FF;
	font-weight: bold;
	
} .btnprint a:active {
	text-decoration:underline;
	
	color: #AB82FF;
}

.linkmenusignout a:link {
	color: #DF0174;
	font-weight: bold;
	text-decoration:underline;
} .linkmenusignout a:visited {
	font-weight: bold;
	text-decoration:underline;
	color: #DF0174;
} .linkmenusignout a:hover {
	text-decoration: underline;
	color: #E84D9D;
	font-weight: bold;
} .linkmenusignout a:active {
	text-decoration:underline;
	color: #EC70B0;
}
.btnadd2 a:link {
	color: #00F;
	font-weight: bold;
	text-decoration:none;	
} .btnadd2 a:visited {
	font-weight: bold;
	text-decoration:none;	
	color: #00F;
} .btnadd2 a:hover {
	text-decoration: none;
	color: #03F;
	font-weight: bold;
	
} .btnadd2 a:active {
	text-decoration:none;	
	color: #03F;
}
#btn_link { color:#000; }
#btn_link a{ text-decoration: none;color:#000;}
#btn_link a:active {text-decoration: none;color: #000;}
#btn_link a:visited {text-decoration: none;color: #000;}
#btn_link:hover {color:#000;/*background:url('../img/common/new/btn_16.png') ;*/}
#btn_link:hover a{color: #000;text-decoration: underline; font-weight: bold;}

table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
table {margin-bottom:0.5em;width:100%;}
th {font-weight:bold;}
th, td, caption {padding:4px 5px 4px 5px;}
.font_lable{
 font-size: 14px;
 color:#000000;
}

::-webkit-scrollbar {			/* ใช้กำหนดรูปแบบของ scrollbar */
    height:0px;
    width:0px;
    background: #a9a9a8;
}

.btn_bar_top_search {			/* ใช้ในหน้า search โดยจะใช้เปิดครอบ ตรงเมนุบาร์ด้านบน */
    padding-top:20px;
	padding-bottom:15px;
}

.btn_bar_bottom {				/* ใช้ในทุกหน้า โดยจะใช้เปิดครอบ ตรงเมนุบาร์ด้านล่าง */
    padding-top:15px;
	padding-bottom:20px;
}

.btn_bar_top {					/* ใช้ในหน้า add + view + edit โดยจะใช้เปิดครอบ ตรงเมนุบาร์ด้านบน */
    padding-top:55px;
	padding-bottom:17px;
}

div.between_blog {				/* ใช้กำหนดระยะห่างระหว่าง blog */
	height:10px;
}

.not_btn_top {				/* ใช้กำหนดระยะห่างระหว่าง blog */
	height:25px;
}

.radio_size {					/* ใช้ขยายขนาดของ radiobutton */
	height:15px; width:15px;
}

.txt_bg_gray{
	background: #D9D9D7;
}

.txt_gray{						/* ใช้เปลี่ยนสี้นหลังของพวก input ให้เป็นสีเทา */
	background: #d1d1cf;
}
/*
.table_menu_top {
	padding-top:22px;
}

.table_menu_bottom {
	margin-bottom:-0.5em;
}*/

.text01 {font-family: Tahoma, CordiaUPC; font-size: 10px; color:#FFFFFF}		/* สีขาว */
.text02 {font-family: Tahoma, CordiaUPC; font-size: 12px; color:#FFFFFF}
.text03 {font-family: Tahoma, CordiaUPC; font-size: 14px; color:#FFFFFF}
.text04 {font-family: Tahoma, CordiaUPC; font-size: 16px; color:#FFFFFF}
.text05 {font-family: Tahoma, CordiaUPC; font-size: 20px; color:#FFFFFF}

.text11 {font-family: Tahoma, CordiaUPC; font-size: 10px;}						/* สีดำ*/
.text12 {font-family: Tahoma, CordiaUPC; font-size: 12px;}
.text13 {font-family: Tahoma, CordiaUPC; font-size: 14px;}
.text14 {font-family: Tahoma, CordiaUPC; font-size: 16px;}
.text15 {font-family: Tahoma, CordiaUPC; font-size: 20px;}

.text21 {font-family: Tahoma, CordiaUPC; font-size: 10px; color:#999999}		/* สีเทา */
.text22 {font-family: Tahoma, CordiaUPC; font-size: 12px; color:#999999}
.text23 {font-family: Tahoma, CordiaUPC; font-size: 14px; color:#999999}
.text24 {font-family: Tahoma, CordiaUPC; font-size: 16px; color:#999999}
.text25 {font-family: Tahoma, CordiaUPC; font-size: 20px; color:#999999}

.text31 {font-family: Tahoma, CordiaUPC; font-size: 10px; color:#FF0000}		/* สีแดง */
.text32 {font-family: Tahoma, CordiaUPC; font-size: 12px; color:#FF0000}
.text33 {font-family: Tahoma, CordiaUPC; font-size: 14px; color:#FF0000}
.text34 {font-family: Tahoma, CordiaUPC; font-size: 16px; color:#FF0000}
.text35 {font-family: Tahoma, CordiaUPC; font-size: 20px; color:#FF0000}

.text41 {font-family: Tahoma, CordiaUPC; font-size: 10px; color:#770077}		/* สีบานเย็นเข้ม */
.text42 {font-family: Tahoma, CordiaUPC; font-size: 12px; color:#770077}
.text43 {font-family: Tahoma, CordiaUPC; font-size: 14px; color:#770077}
.text44 {font-family: Tahoma, CordiaUPC; font-size: 16px; color:#770077}
.text45 {font-family: Tahoma, CordiaUPC; font-size: 20px; color:#770077}

.text51 {font-family: Tahoma, CordiaUPC; font-size: 10px; color:#049500}		/* สีเขียว */
.text52 {font-family: Tahoma, CordiaUPC; font-size: 12px; color:#049500}
.text53 {font-family: Tahoma, CordiaUPC; font-size: 14px; color:#049500}
.text54 {font-family: Tahoma, CordiaUPC; font-size: 16px; color:#049500}
.text55 {font-family: Tahoma, CordiaUPC; font-size: 20px; color:#049500}

.text61 {font-family: Tahoma, CordiaUPC; font-size: 10px; color:#FFCCFF}		/* ชมพูอ่อน */
.text62 {font-family: Tahoma, CordiaUPC; font-size: 12px; color:#FFCCFF}
.text63 {font-family: Tahoma, CordiaUPC; font-size: 14px; color:#FFCCFF}
.text64 {font-family: Tahoma, CordiaUPC; font-size: 16px; color:#FFCCFF}
.text65 {font-family: Tahoma, CordiaUPC; font-size: 20px; color:#FFCCFF}

.text71 {font-family: Tahoma, CordiaUPC; font-size: 10px; color:#CCFF66}		/* สีเขียวอ่อน */
.text72 {font-family: Tahoma, CordiaUPC; font-size: 12px; color:#CCFF66}
.text73 {font-family: Tahoma, CordiaUPC; font-size: 14px; color:#CCFF66}
.text74 {font-family: Tahoma, CordiaUPC; font-size: 16px; color:#CCFF66}
.text75 {font-family: Tahoma, CordiaUPC; font-size: 20px; color:#CCFF66}

.text81 {font-family: Tahoma, CordiaUPC; font-size: 10px; color:#FF6600}		/* สีส้ม */
.text82 {font-family: Tahoma, CordiaUPC; font-size: 12px; color:#FF6600}
.text83 {font-family: Tahoma, CordiaUPC; font-size: 14px; color:#FF6600}
.text84 {font-family: Tahoma, CordiaUPC; font-size: 16px; color:#FF6600}
.text85 {font-family: Tahoma, CordiaUPC; font-size: 20px; color:#FF6600}

.text91 {font-family: Tahoma, CordiaUPC; font-size: 10px; color:#FF00FF}		/* สีบานเย็น */
.text92 {font-family: Tahoma, CordiaUPC; font-size: 12px; color:#FF00FF}
.text93 {font-family: Tahoma, CordiaUPC; font-size: 14px; color:#FF00FF}
.text94 {font-family: Tahoma, CordiaUPC; font-size: 16px; color:#FF00FF}
.text95 {font-family: Tahoma, CordiaUPC; font-size: 20px; color:#FF00FF}
.textmenu {font-size: 12px; color:#FFF;text-align:left;}
/* ส่วนของหน้า Login */
#login_bar { 
	position:fixed;
	top: 35px;
	margin-right:0px;
	z-index:100;  
	width:100%;
}
.btnsubmit_2{
	color: #00F;
	font-size: 2em;	
	font-weight: 400;
	display: none;

}
.contentlogin{
	margin:0px;
	background: #a9a9a8;
	position: fixed;
	top:65px;
	left:0px;
	width:100%
    clear: both;	
}