@charset "utf-8";
/* CSS Document */

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

}
/* เปลี่ยเป็นสีดำ*/
/*
img {
-webkit-filter: grayscale(100%); 
filter: grayscale(100%);
}
html {
-webkit-filter: grayscale(100%);
}
*/

body {
	background: url(images/bg.png)  repeat;
	/*background:  url(http://www.csszengarden.com/205/images/bg.gif) repeat-x fixed, #DFDBD3;*/
	/*background: #CFF;*/

	padding: 0;
	margin: 0;
	font-size: medium;
	font-family: 'th_kodchasalregular', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
/* layout */
/* wrapper (กำหนดความกว้างของหน้าเว็บ) */
div#wrapper {
/*เพิ่มposition:relative;*/
	width: 84%;
	margin: 0 auto;
	/* background: url(http://www.csszengarden.com/001/zen-bg.jpg) left top no-repeat, #F9FAFC;*/
	/*background: url(images/connermix.jpg) center top no-repeat, #FF9 ;*/
	/*background: url(images/bd.png)  repeat;*/
	background: #FFFFFF; /*เปลี่ยนสี่ฉาก*/
	box-shadow: 2px 2px 4px #999;
}

/*คุมสไลด์ให้ปุ่มอยู่มุมได้*/
div#wrapper1 {
	position:relative;
	width: 100%;
}

/* banner */
div#banner {
	text-align: center;
	background: url(images/title.jpg) no-repeat center top;
	width: auto;
	height: 246px;
}
/* navigation */
div#nav {
	text-align: center;
	/*
	background: #CFF;
	*/
	padding: 0 10px 10px 10px;
}

/* sub-wrapper */
div#subwrapper {
	width: 80%;
	float: left;
}
/* content */
div#content {
	width: 75%;
	float: right;
}

/* C1 */
div#col1 {
position:relative;  
    float:left;  
    width:33%;
	text-align: center;
    background-color:#EFE6D4;
	margin:0px  0px 10px 0px;
}
/* C2 */
div#col2 {
position:relative;  
    float:left;  
    width:33%;  
	/*margin:0px 0.5%;*/
	margin:0px  0.5% 10px 0.5%;
	text-align: center;
	background-color:#EFE6D4;
    /*background-color:#C96;*/
}
/* C3 */
div#col3 {
position:relative;  
    float:right;  
    width:33%;
	text-align: center;
	background-color:#EFE6D4;
	margin:0px  0px 10px 0px;
    /*background-color:#69F;*/
}


/* Aside 1 */
div#aside1 {
	margin-right: 75%;
	background-color:#FFD494;
	/*background-color:  #F90;*/
	/*background: url(images/as_blue.png)  repeat;*/
	box-shadow: 2px 2px 3px #B5A290;
}

/* Aside 2 */
div#aside2 {
	margin-left: 80%;
	background-color:#FFD494;
	/*background-color: #F90;*/
}

/* Aside 3 */
div#aside3 {
	margin-left: 80%;
	background-color:#FFD494;
	/*background-color: #F90;*/
	text-align: center;
}


/* Footer */

div#footer {
	clear: both;
	/*background: url(images/koyo1.jpg) no-repeat;*/
	background: url(images/ft.png)  repeat;
	text-align: right;
	color: #000;
	font-weight: bold;
	font-size: 1em;
}


/* padding ของ div ตัวใน */
div.padding {
	padding: 10px;
}
/* //////////// Navigation Links /////////////// */
div[id="nav"] h2 {
	font-size: 1em;
	padding: 0;
	margin: 0;
	display: inline-block;
	color: #600;
}

div[id="nav"] h3 {
	font-size: 1em;
	padding: 0;
	margin: 0;
	display: inline-block;
	color: #600;
}

div[id="nav"] ul {
	list-style-type: none;
	display: inline-block;
	width: auto;
	padding: 0;
	margin: 0;
}
div[id="nav"] h1 {
	font-size: 1em;
	padding: 0;
	margin: 0;
	display: inline-block;
	color: #600;
	/*color: #D9770F;*/
}
/*
div[id="nav"] h1:after {
	content: ">";
	color: #000;
	font-size: small;

	background-color: #5144BE;
	padding: 1px 3px;
}
*/
div[id="nav"] ul li {
	display: inline-block;
	width: auto;
	font-weight: bold;
}
div[id="nav"] ul li a, div[id="nav"] ul li a:link, div[id="nav"] ul li a:visited {
	display: inline-block;
	text-decoration: none;
	color: #fff;
	/*background-color:   #036;*/

	/*background-color: #853601;*/
	background-color: #853601;/*เปลี่ยนสีเมนูก่อนเมาส์ชี้*/

	/*background:url(images/blue.png);*/

	
	padding: 3px 10px;
	
}
div[id="nav"] ul li:nth-of-type(2n+1) a {

}
div[id="nav"] ul li a:hover {

	color: #853601;/*เปลี่ยนสีตัวอักษรหลังเมาส์ชี้*/
	background-color: #FFFFFF;/*เปลี่ยนสีเมนูหลังเมาส์ชี้*/
	/*background:url(images/lightblue.png);*/
}
div[id="nav"] ul li:nth-of-type(2n+1) a:hover {

}
/* /////////////////// Navigation Links //////////////////////// */


/* ///////////////// Aside Links //////////////////////// */

div#aside1 h1 {
	font-size: 1.2em;
	color:    #853601;
	text-align: center;
	font-weight:  bold;
	padding: 1px 5px;
	background-color: #fff;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	/*display: compact;*//*error*/
}
div#aside2 h1 {
	font-size: 1.2em;
	color:    #853601;
	text-align: center;
	font-weight:  bold;
	padding: 1px 5px;
	background-color: #fff;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	/*display: compact;*//*error*/
}
div#aside3 h1 {
	font-size: 1.2em;
	color:    #853601;
	text-align: center;
	font-weight:  bold;
	padding: 1px 5px;
	background-color: #fff;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	/*display: compact;*//*error*/
}


/*
div#aside1 h1:before, div#aside2 h1:before {
	content: "<";
}
div#aside1 h1:after, div#aside2 h1:after {
	content: ">";
}
*/
div#aside1 h1:before, div#aside1 h1:after, div#aside2 h1:before, div#aside2 h1:after {
	color: #fff;
	font-size: small;
	background-color: #5144BE;
	margin: 0 3px;
	padding: 1px 3px;
}
.links {
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-size: 0.9em;
	font-weight: bold;
}
.links li a, .links li a:link, .links li a:visited {
	text-decoration: none;
	/*color: #191970;*/
	color: #800000;
	display: block;
	padding: 3px 10px 3px 20px;
	border-right: 5px solid #D9770F;
	border-bottom: 2px solid #fff;
	/*background: url(http://www.csszengarden.com/205/images/navico.gif) 3px center no-repeat, #9BC0B3;*/
	/*background: url(images/navico.gif) 3px center no-repeat, #D5FFFF;*/
	background: url(images/navico.gif) 3px center no-repeat, #FFEAD5;
}
.links li a:hover {
	color: #714400;
	background-color: #fff;
	border-right: 5px solid #75A1D2;
}
/* ///////////////// Article + Section /////////////////////// */
div[id^="article"] {
	padding: 15px;
	margin: 15px;
	background: #E5FFFF;
	/*background: url(images/as_blue.png)  repeat;*/
	/*background: #C0FFFF;*//* Old browsers */
	overflow: hidden;
}
div[id^="article"]:nth-of-type(1) 	{ margin-top: 0; }
div[id^="article"]:nth-of-type(2n+1) {
	background: #C8FBCA; /* Old browsers */
	/*background: url(images/as_green.png)  repeat;*/
	/*background: #9EF7A0;*/ /* Old browsers */

}
div[id^="article"] h1		{
	letter-spacing: 5px;
	/*color: #3F568B;*/
	color: #000080;
	font-size: 1.2em;	
	text-align: right;
	padding: 2px 10px;
	border-right: 10px solid #fff;
	background: #fefcea;/* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(254, 252, 234, 0.5) 0%, rgba(241, 218, 54, 0.5) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(254, 252, 234, 0.5)), color-stop(100%,rgba(241, 218, 54, 0.5))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, rgba(254, 252, 234, 0.5) 0%,rgba(241, 218, 54, 0.5) 100%); /* Chrome10+,Safari5.1+ */
}
/* //////////////////////// CLASS ////////////////////// */
  table.center {
	width:100%;
    margin-left:auto; 
    margin-right:auto;
	
  }
    table.centersmall {
	width:100%;
    margin-left:auto; 
    margin-right:auto;
	font-size: 0.9em;
	
  }
    p.center {
    margin-left:auto; 
    margin-right:auto;
	
  }
      img.autosize {
	width: 100%;
	
  }



.figureleft		{
	display: inline-block;
	width: auto;
	float: left;
	margin: 15px 15px 15px 0;	
}
.figureright		{
	display: inline-block;
	width: auto;
	float: right;
	margin: 15px 15px 15px 0;	
}
.figurecenter		{
	text-align:center;
	margin: 15px 15px 15px 0;	
}
.headline	{
	color: #fff;
	text-align: center;
	font-style: italic;
	background: #c9009a; /* Old browsers */

	height: 1%;
	padding: 10px 15px;
	border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; 
	display: block;
	margin: 10px auto;
	font-size: 110%;
	border: 2px solid #606;
	overflow: hidden;	
}
/* film strip */
.filmstrip	{
	list-style-type: none;
	padding: 0;
	margin: 0;
	background-color: #000;
	overflow: auto;
	text-align: center;
}
.filmstrip li		{
	display: inline-block;	
	margin: 10px 10px 1px 10px;
}
.filmstrip li img		{
	height: 120px;	
	border: 1px solid #fff;
	opacity: 0.7;
}
.filmstrip li img:hover	{ opacity: 1; }
/* news */
.news		{
	list-style-type: none;
	padding: 0;
	margin: 0;	
}
.news	 li		{
	margin: 2px 0;	
	background: rgba(255, 255, 255, 0.6);
	padding: 5px;
	overflow: hidden;
}
.news	 li:nth-of-type(2n+1)		{
	background: rgba(255, 255, 255, 0.3);
}
.news	 li img	{
	display: inline-block;
	float: left;
	height: 80px;	
	vertical-align: text-top;
	margin-right: 10px;
	border: 1px solid #fff;
}
.time, .author		{ color: #333; font-size: small; }
.time:before, .author:before	{ content: "<"; color: #F60; font-size: small; }
.time:after, .author:after	{ content: ">"; color: #F60; font-size: small; }
/* //////////////// TAGS ////////////////////// */
/*
p:first-letter	{
	display: inline-block;
	width: auto;
	font-size: 2em;
	background-color: #75A1D2;
	font-weight: bold;
	font-style: italic;
	padding: 3px 10px;	
	color: #fff;
	margin: 2px 5px;
	vertical-align: baseline;
}
*/