@font-face {
    font-family: 'THSarabunNew';
    src: url('font/THSarabunNew.eot');
    src: url('font/THSarabunNew.eot?#iefix') format('embedded-opentype'),
         url('font/THSarabunNew.woff') format('woff'),
         url('font/THSarabunNew.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'THSarabunNew';
    src: url('font/THSarabunNewBoldItalic.eot');
    src: url('font/THSarabunNewBoldItalic.eot?#iefix') format('embedded-opentype'),
         url('font/THSarabunNewBoldItalic.woff') format('woff'),
         url('font/THSarabunNewBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'THSarabunNew';
    src: url('font/THSarabunNewItalic.eot');
    src: url('font/THSarabunNewItalic.eot?#iefix') format('embedded-opentype'),
         url('font/THSarabunNewItalic.woff') format('woff'),
         url('font/THSarabunNewItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'THSarabunNew';
    src: url('font/THSarabunNewBold.eot');
    src: url('font/THSarabunNewBold.eot?#iefix') format('embedded-opentype'),
         url('font/THSarabunNewBold.woff') format('woff'),
         url('font/THSarabunNewBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'ThaiSansLite';
    src: url('font/thaisanslite_r1.eot');
    src: url('font/thaisanslite_r1.eot?#iefix') format('embedded-opentype'),
         url('font/thaisanslite_r1.woff') format('woff'),
         url('font/thaisanslite_r1.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body { 
	background-color: #C0C0C0;
	background-repeat: no-repeat; 
	background-position: top center; 
	background-attachment: fixed; 
	margin-top: 0px;
	font-family: 'THSarabunNew';
	font-size: 20px;
}
.bg-report { 
	background-color: #FFFFFF;
}
a,a:visited{
	color: #FF9900;
    text-decoration:none;
}
a:hover{
	color: #E5E5E5;
    text-decoration:none;
}

/* wrapper */
.wrapper {
	width:1000px;
/*	height:1000px;*/
	margin: auto;
}
/* container */
.container {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 0px;
}

#main {
	border-right: 1px solid #E0E0E0;
	border-left: 1px solid #E0E0E0;
}
/* header */
.header{
	width: 100%;
	height: 200px;
}
.header img {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
/* menubar */
.menubar{
	background: #FF9900 none;
	border-bottom: 2px solid #FF9900; /*ขนาดแถบขอบล่าง*/
	color: #FFFFFF;
	top:265px;
	left:0;
	width:100%;
	height:50px;
	font-family: 'ThaiSansLite';
	}
/* header-bar */
.header-bar {
	border-bottom: #E5E5E5 1px solid;
	background: #F5F5F5; 
	height: 71px;
	overflow: hidden;
}
.header-bar .message {
	margin: 0 140px auto; 
}
/* nav-main */
ul.nav-main,ul.nav-main,ul.nav-right li {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.nav-main,ul.nav-right {
	position: relative;
	z-index: 597;
}ul.nav-main li:hover > ul {
	visibility: visible;
}
ul.nav-main li.hover,ul.nav-main li:hover, ul.nav-right li:hover {
	position: relative;
	z-index: 599;
	cursor: pointer;
	background: repeat-x left top;
}
ul.nav-main li,ul.nav-right li {
	float:left;
	display:block;
	color: #AA0055;
}
ul.nav-main li a, ul.nav-right li a {
	display:block;
	padding: 10px 10px 0 10px;
	height: 40px;
	color: white;
	text-decoration:none;
}
ul.nav-main li a:hover, ul.nav-right li a:hover {
	color:white;
	background: #AA0055; /*สีพื้นขณะวางเมาส์ สีชมพู*/
	border-bottom: 2px solid #80FF00; /*ขนาดแถบขอบล่าง*/
}
ul.nav-main *.list, ul.nav-right *.list{
	padding-right: 15px;
}
/* content */
.content_main{  
    float:left;
    position:relative;
    width:100%;
	margin-bottom: 0px;
    background-color:#FFF; 
}
.rightback{ /* กำหนดพื้นหลัง คอลัมน์ ด้านขวา */  
    float:left;
    position:relative;  
    width:100%;      
} 
.leftback{  /* กำหนดพื้นหลัง คอลัมน์ ด้านซ้าย */  
    float:left;
    position:relative;  
    width:100%;  
    background-color: #FFF;  
}  
.leftsidebar{ /* กำหนดสำหรับคอลัมน์ ด้านซ้าย */  
    float:left;  
    overflow:hidden;  
    position:relative;  
    width: 260px;   /* กำหนดความกว้าง ของคอลัมน์ ด้านซ่าย */  
}  
.rightsidebar{  /* กำหนดสำหรับคอลัมน์ ด้านขวา */  
    float:left;  
    overflow:hidden;  
    position:relative;  
    width: 740px; /* กำหนดความกว้าง ของคอลัมน์ ด้านขวา */  
    background-color: #FFF;  
} 
/* v_menu เมนูแนวตั้ง*/
ul.v_menu{ /* กำหนดขอบเขตของเมนู */
    margin:auto;
    padding:0px;
    width:100%;
}     
ul.v_menu > li{ /* กำหนดรูปแบบให้กับเมนู */
	padding: 10px 10px 0 10px;
    margin:auto;
    height:30px;
    background-color:#999999;   /* กำหนดสีพื้นเมนู */
	border-bottom: 1px solid #C0C0C0; /*ขนาดแถบขอบล่าง*/
} 
ul.v_menu > li:hover{ /* กำหนดรูปแบบให้กับเมนูเมื่อมีเมาส์อยู่เหนือ */
    background-color:#FF9900;
	border-bottom: 1px solid #C0C0C0; /*ขนาดแถบขอบล่าง*/
}     
ul.v_menu > li > a,ul.v_menu > li:hover > ul > li > a{ /* กำหนดรูปแบบให้กับลิ้งค์ */    
    text-decoration:none;
    color:#FFFFFF;  
}
/* ชื่อเมนูต่างๆ */
.v_menu_head{ /* กำหนดขอบเขตของประกาศ */
    margin:auto;
    padding:0px;
    width:100%;
	padding: 10px 10px 10px 10px; /* กำหนดรูปแบบให้กับเมนู */
    background-color:#999999;   /* กำหนดสีพื้นเมนู */
	border-bottom: 1px solid #C0C0C0; /*ขนาดแถบขอบล่าง*/
} 
.v_menu_sub{ /* กำหนดขอบเขตของประกาศ */
    margin:auto;
    padding:0px;
    width:100%;
	padding: 10px 10px 10px 10px; /* กำหนดรูปแบบให้กับเมนู */
/*    background-color:#999999;   /* กำหนดสีพื้นเมนู */
	border-bottom: 1px solid #C0C0C0; /*ขนาดแถบขอบล่าง*/
} 

/* form */
.sign-in {
	border: 0px solid #FFD9EC; 
	}
.signin-box { 
	margin: 10px 10px 10px 10px;  /* บน ขวา ล่าง ซ้าย */
	padding: 0px;
	}
.signin-box h2 {
	margin: 0px 0px 1.2em; 
	font-size: 16px;
	}
.signin-box label {
	margin: 10px 0px 0px 0px; 
	width: 12em;  /* กำหนดขนาดช่องกรอกข้อมูล */
	display: block;
	}
.signin-box input[type=text] {
	padding: 5px;
	line-height: 28px; 
	width: 95%; 
	height: 20px; 
	font-size: 16px;
	border-top:  #FF9900 1px solid; 
	border-right:  #FF9900 1px solid; 
	border-bottom:  #FF9900 1px solid; 
	border-left:  #FF9900 1px solid; 
	font-family: 'THSarabunNew';
	font-size: 19px;
	}
.signin-box input[type=password] {
	padding: 5px;
	line-height: 28px; 
	width: 95%; 
	height: 20px; 
	font-size: 16px;
	border-top:  #FF9900 1px solid; 
	border-right:  #FF9900 1px solid; 
	border-bottom:  #FF9900 1px solid; 
	border-left:  #FF9900 1px solid; 
	font-family: 'THSarabunNew';
	font-size: 20px;
	}
.signin-box input[type=submit] {
	margin: 0px 1.5em 1.2em 0px; 
	height: 32px; 
	font-family: 'THSarabunNew';
	font-size: 20px;
	}

.select-box { 
	margin: 10px 10px 10px 10px;  /* บน ขวา ล่าง ซ้าย */
	padding: 0px;
	}
.select-box label {
	margin: 10px 0px 0px 0px; 
	width: 15em; 
	display: block
	}
.select-box select {
	padding: 5px;
	line-height: 28px; 
	width: 17em; 
	height: 36px; 
	font-size: 16px;
	border-top:  #FF9900 1px solid; 
	border-right:  #FF9900 1px solid; 
	border-bottom:  #FF9900 1px solid; 
	border-left:  #FF9900 1px solid; 
	font-family: 'THSarabunNew';
	font-size: 20px;
	}
button.g-button {
	line-height: 29px; 
	margin: 0px; 
	height: 29px; 
	vertical-align: bottom
}
input[type=submit].g-button {
	font-family: 'THSarabunNew';
	font-size: 20px;
	line-height: 29px; 
	margin: 10px 0px 0px 0px; 
	height: 34px;
	width: 150px;
	vertical-align: bottom
}
input[type=reset].g-button {
	font-family: 'THSarabunNew';
	font-size: 20px;
	line-height: 29px; 
	margin: 0px; 
	height: 34px;
	width: 150px;
	vertical-align: bottom
}
* + html button.g-button {
	overflow: visible
}
* + html input[type=submit].g-button {
	overflow: visible
}
.g-button:hover {
	border-bottom: #c6c6c6 1px solid; 
	border-left: #c6c6c6 1px solid; 
	background-color: #FF9900; 
	color: #333; 
	border-top: #c6c6c6 1px solid; 
	border-right: #c6c6c6 1px solid; 
	text-decoration: none; 
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); 
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); 
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); 
	-webkit-transition: all 0.0s; 
	-moz-transition: all 0.0s; -ms-transition: all 0.0s; 
	-o-transition: all 0.0s; 
	transition: all 0.0s
}
.g-button:active {
	background-color: #F6F6F6; 
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}
.g-button:visited {
	color: #666
}
.g-button-submit { 
	color: #FFF; 
	background-color: #FF9900;
	border-top:  #E5E5E5 1px solid; 
	border-bottom:  #E5E5E5 1px solid; 
	border-left:  #E5E5E5 1px solid; 
	border-right:  #E5E5E5 1px solid; 
	text-shadow: 0 1px rgba(0, 0, 0, 0.1)
}
.g-button-submit:hover {
	border-bottom: #80FF80 1px solid; 
	border-left: #80FF80 1px solid; 
	background-color: #008000; 
	color: #FFF; 
	border-top: #80FF80 1px solid; 
	border-right: #80FF80 1px solid; 
	text-shadow: 0 1px rgba(0, 0, 0, 0.3)
}
.g-button-submit:active {
	background-color: #0080FF; 
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); 
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); 
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3)
}
.g-button-reset { 
	color: #FFF; 
	background-color: #808080;
	border-top:  #E5E5E5 1px solid; 
	border-bottom:  #E5E5E5 1px solid; 
	border-left:  #E5E5E5 1px solid; 
	border-right:  #E5E5E5 1px solid; 
	text-shadow: 0 1px rgba(0, 0, 0, 0.1)
}
.g-button-reset:hover {
	border-bottom: #FF9900 1px solid; 
	border-left: #FF9900 1px solid; 
	background-color: #FF9900; 
	color: #FFF; 
	border-top: #FF9900 1px solid; 
	border-right: #FF9900 1px solid; 
	text-shadow: 0 1px rgba(0, 0, 0, 0.3)
}
.g-button-reset:active {
	background-color: #0080FF; 
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); 
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); 
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3)
}
/* -/form */

/* announce ประกาศ */
.panel {
	padding:10px 15px 10px 10px; /* บน ขวา ล่าง ซ็าย */
/*	margin:10px 10px 10px 10px;*/
/*	background-color:#00F;*/
}
.panel-default{
	margin-top:18px;
	margin:auto;
	padding:0px;
	width:100%;
	background-color:#FFF;
	border:2px solid transparent;
	border-color:#DDD;
}
.panel-default>.panel-heading{
	color:#333;
	background-color:#F5F5F5;
	border-color:#DDD;
}
.panel-default>.panel-heading+.panel-collapse .panel-body{
	border-top-color:#DDD;
}
.panel-heading {
	padding:10px 10px 10px 10px;
	border-bottom:1px solid transparent;
}
.panel-body {
	padding:10px 10px 10px 10px;
}
.panel-report{
	padding:10px 10px 10px 10px;
	border-bottom:1px solid transparent;
}
ol.panel-body li a, ol.panel-body li a:visited{
	color: #FF9900;
    text-decoration:none;
}

/* Table List -------------------- */
.iTable{  
    display:table; /* กำหนดให้แสดงเหมือนแท็ก table */  
    width:100%;  
    margin:auto;  
    border:0px solid #333;  
    border-collapse:collapse;  
}  
.iCaption{  
    display:table-caption; /* กำหนดให้แสดงเหมือนแท็ก tr */  
    caption-side:top;
    text-align:center;
	padding: 5px 5px 5px 5px;
	background-color: #C0C0C0;
/*	font: MS Sans Serif;*/
/*	font-size:16px;*/
	font-style:bold;
}
.iTitle{
    display:table-row; /* กำหนดให้แสดงเหมือนแท็ก tr */  
    text-align:top;
    caption-side:top;
	background-color: #C0C0C0;
/*	font: MS Sans Serif;*/
/*	font-size:16px;*/
	font-style:bold;
}
.iRow{
    display:table-row; /* กำหนดให้แสดงเหมือนแท็ก tr */ 
	border-bottom: #DDD 1px solid; 
}
.iRow:hover{  
	color: #000;
	background-color: #CCFFFF;
}
.iTd{
    display:table-cell; /* กำหนดให้แสดงเหมือนแท็ก td หรือ th */  
    border:0px solid #333;
    text-align:center; 
/*	margin: 10px 5px 5px 5px;*/
	padding: 5px 5px 5px 5px;
}
.iTd a, .iTd a:visited  {
	color: #000000;
	text-decoration:none;
}
.iTd a:hover{
	color: #FF9900;
	text-decoration:none;
}
.iTd a:active{
	color: #FF0000;
	text-decoration:none;
}

/*- Font--------------------------- */
.redtext {
	color: #FF0000;
}
.greentext {
	color: #008000;
}
.graytext {
	color: #808080;
}
.bluetext {
	color: #4D90FE;
}
.pinktext {
	color: #DF0070;
}	

/* Footer */
footer{
	background:#222;
	font-family: 'ThaiSansLite';
	font-size:16px;
	color:#999;
	padding: 10px 5px 10px 10px; /* T R B L*/
/*	margin-top:10px;*/
/*	padding-top:10px;*/
}
footer a, footer a:visited{
	color:#bbb;
	text-decoration:none;
}
footer a:hover{
	color:#888;
	text-decoration:none;
}
.font1{
/*	font: 15px MS Sans Serif;*/
	color:#999;
}