@charset "utf-8";
/* CSS Document */
body {
	/*background: url(169.jpg) repeat-x fixed, #DFDBD3;*/
	background:url(../images/bg2.gif) repeat; 
	/*background-color: #fff;*/
	padding: 0;
	margin: 0;
	font-size: medium;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
/* layout */
/* wrapper (กำหนดความกว้างของหน้าเว็บ) */
div#wrapper {
	width: 84%;
	margin: 0 auto;
	/*background: url(http://www.csszengarden.com/001/zen-bg.jpg) left top no-repeat, #F9FAFC;*/
	box-shadow: 2px 2px 4px #999;
	background-color:#FFFFFF;
	border:medium;
	
	
}
/*div#outwrapper {
	width: 84%;
	margin: 0 auto;
	/*background: url(http://www.csszengarden.com/001/zen-bg.jpg) left top no-repeat, #F9FAFC;*/
	/*box-shadow: 2px 2px 4px #999;*/
/*	background-color:#FFFFFF;
	
} */
/* banner */
div#banner {
	text-align: center;
	background:url(../images/title.jpg) left top repeat;
}
/* navigation */
div#nav {
	text-align: center;
	/*background-color:#336600;*/
}
/* sub-wrapper */
div#subwrapper {
	width: 80%;
	float: left;
}
/* content */
div#content {
	width: 75%;
	float: right;
}
/* Aside 1 */
div#aside1 {
	margin-right: 75%;
	background-color: #DAF0FB;
	box-shadow: 2px 2px 3px #B5A290;
	border: 2px solid #151B8D;
	border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px;
}
/* Aside 2 */
div#aside2 {
	margin-left: 80%;
	background-color: #DAF0FB;
	border: 2px solid #151B8D;
	border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px;
}

div#aside3 {
	margin-right: 75%;
	margin-top:10px;
	background-color: #DAF0FB;
	box-shadow: 2px 2px 3px #B5A290;
	border: 2px solid #151B8D;
	border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px;
}
/* Footer */
div#footer {
	clear: both;
	background-color: #81AAF5;
	text-align:center;
}
div.padding1 {
	padding: 10px;
	background-color: #151B8D;

}
/* padding ของ div ตัวใน */
div.padding {
	padding: 10px;
		

}
/* //////////// Navigation Links /////////////// */
div[id="nav"] ul {
	list-style-type: none;
	display: inline-block;
	width: auto;
	padding: 0;
	margin: 0;
}
div[id="nav"] h1 {
	font-size: 1.2em;
	padding: 0;
	margin: 0;
	display: inline-block;
	color: #fff;
}
div[id="nav"] h1:after { /*ใส่สีตรงหัวข้อเมนู*/
	content: ">";
	color: #FFf;
	font-size: small;
	/*background-color: #5144BE; */
	padding: 1px 3px;
}
div[id="nav"] ul li {
	display: inline-block;
	width: auto;
}
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: #000033;
	background-color: #FFF;   /*  ใส่สีกรอบก่อนเมาส์โดนในเมนูหลัก */ 
	border-top: 10px solid #FFFF00;
	border-bottom: 2px solid #FFFF00;
	border-left: 5px solid #FFFF00;
	border-right: 5px solid #FFFF00;
	padding: 3px 10px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
div[id="nav"] ul li:nth-of-type(2n+1) a { 
	border-bottom: 10px solid #17A5ED;
	border-top: 2px solid #17A5ED;
	border-left: 5px solid #17A5ED;
	border-right: 5px solid #17A5ED;
}
div[id="nav"] ul li a:hover {
	border-bottom-width: 10px;
	border-top-width: 2px;
	color: #006;
	background-color: #CF6;
}
div[id="nav"] ul li:nth-of-type(2n+1) a:hover {
	border-bottom-width: 2px;
	border-top-width: 10px;
	color: #006;
	background-color: #CF6;
}
/* /////////////////// Navigation Links //////////////////////// */


/* ///////////////// Aside Links //////////////////////// */
div#aside1 h1, div#aside2 h1, div#aside3 h1 {
	font-size: 1.2em;
	color: #32446F;
	text-align: center;
	font-weight: normal;
	padding: 1px 5px;
	background-color: #fff;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	display: compact;
	 
}
div#aside1 h1:before, div#aside2 h1:before, div#aside3 h1:before {
	content: "**";
}
div#aside1 h1:after, div#aside2 h1:after, div#aside3 h1:after {
	content: "**";
}
div#aside1 h1:before, div#aside1 h1:after, div#aside2 h1:before, div#aside2 h1:after, div#aside3 h1:before, div#aside3 h1:after{
	color: #FF0000;
	font-size: small;
	 
	/*background-color: #5144BE;   ใส่สีตัวหนังสือข้างหน้าหัวข้อเมนูย่อย*/
	margin: 0 3px;
	padding: 1px 5px;
}
.links {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.links li a, .links li a:link, .links li a:visited { /*กรอบเมนูด้านซ้าย*/
	text-decoration: none;
	color: #000000;  /*สีเมนู*/
	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, #69C4F3;
}
.links li a:hover {
	color: #9D476B;
	background-color: #fff;
	border-right: 5px solid #75A1D2;
}
/* ///////////////// หัวข้อหน้าเว็ปเพจ /////////////////////// */
div[id^="article-h"] h1		{  /*หัวข้อแต่ละช่อง*/
	letter-spacing: 5px;
	color: #000066;
	font-size: 1.55em;	
	text-align: left;
	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+ */
}


/* ///////////////// จบหัวข้อหน้าเว็ปเพจ /////////////////////// */
/* ///////////////// Article + Section  กรอบข้อความที่ 2,4,... /////////////////////// */
div[id^="article"] {
	padding: 15px;
	margin: 15px;
	background: #C3FDB8; /* IE6-9 fallback on horizontal gradient */
	border: 2px solid #347C17;
	border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px;
	overflow: hidden;
}
div[id^="article"]:nth-of-type(1) 	{ margin-top: 0; }
div[id^="article"]:nth-of-type(2n+1) {						 /*แถบสีหัวข้อ*/
	background: #FFE4E1; /* IE6-9 fallback on horizontal gradient */
	border: 2px solid #800517;
	border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px;
}
div[id^="article"] h1		{  /*หัวข้อแต่ละช่อง*/
	letter-spacing: 5px;
	color: #800517;
	font-size: 1.55em;	
	text-align: right;
	padding: 2px 15px;
	border: 2px solid #F6358A;
	border-right: 10px solid #F778A1;
	border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px;
	background:#FFF;
}
/* //////////////////////// CLASS ////////////////////// */
.figureleft		{
	display: inline-block;
	width: auto;
	float: left ;
	margin: 15px 15px 15px 0;	
}
.headline	{
	color: #000000;
	text-align: center;
	font-style: italic;
	background:#FFF68F; /* IE6-9 */
	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: 15px ;
	font-size: 110%;
	border: 2px solid #FFA500;
	overflow: hidden;	
}
.headline2	{
	color: #000;
	text-align: center;
	font-style: italic;
	background: #F0FFF0; /* IE6-9 */
	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 */
/* manage*/
.manage{
	list-style-type: none;
	padding: 0;
	margin: 0;
	background-color: #fff;
	overflow: auto;
	text-align: center;		
}
.manage li		{
	/*display: inline-block;	*/
	margin: 10px 10px 1px 10px;
}
.manage li img		{
	/* height: 120px;	*/
	border: 1px solid #fff;
	opacity: 1;
}
.manage li img:hover	{ opacity:1; }

.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; }
/*filmstrip2 */
.filmstrip2	{
	list-style-type: none;
	padding: 0;
	margin: 0;
	/* background-color: #000; */
	overflow: auto;
	text-align: center;
}
.filmstrip2 li		{
	display: inline-block;	
	margin: 10px 10px 1px 10px;
}
.filmstrip2 li img		{
	height: 120px;	
	border: 1px solid #fff;
	/* opacity: 0.7; */
}
.filmstrip2 li img:hover	{ opacity: 0.7; }

/* 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;
} */
/* Profile picture */
.profile    {
   background-color: #DAF0FB;
   border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px;
}
.profile p    {
   background-color: #fff;
   padding: 10px 5px 5px 5px;
   text-align: center;    
}
.profile p img        {
   border: 3px ridge #666;    
}
.profile p .title    {
   display: inline-block;
   font-weight: bold;
   color: #006;    
}
.profile p:after    {
   display: block;
   content: "************";
   text-align: center;    
   color: #999;
}
.table {
	margin-left: auto;
    margin-right: auto; 
	text-align:center;
	
	}

.fontcolor1 {
	font-style:oblique;
	color:#0000FF;
	text-align:center;
}

.bullet {
	list-style-type: circle;
	list-style-position:inside;
	text-align:center;
	color: #000;
	font-style: italic;
	background: #F0FFF0; /* IE6-9 */
	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;	
	
}


 .this_image {
        max-height: 100%;
        max-width: 100%;
				
    }