@charset "utf-8";
/*body {font:12px/1.4 Verdana,Arial; background:#eee; height:100%; margin:25px 0; padding:0}
h1 {font:30px 'Trebuchet MS',Verdana; margin:0}
h2 {font-size:12px; font-weight:normal; font-style:italic; margin:0 0 20px}*/
/*p {margin:0 0 14px}*/
/*#news ul {margin:0; padding-left:20px}*/
/*#testdiv {width:600px; margin:0px auto; border:1px solid #ccc; padding:20px 25px 12px; background:#fff}*/

#news ul {
    list-style:none;
	margin-bottom:12px; 
	padding:0}
#news li { 
    background-image: url(images/icon7.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 10px; 
	font:13px/1.4 Arial,Verdana;
	margin-bottom:4px; 
	/*padding:8px 10px 9px;*/
	border-bottom: #CCCCCC 1px dashed;
	cursor:pointer;}
#news li:hover { margin-bottom:4px; background-color: #F0F0F0;}

#news2 ul {
    list-style:none;
	margin-bottom:12px; 
	padding:0}
#news2 li { 
	padding-left: 10px; 
	font:13px/1.4 Arial,Verdana;
	margin-bottom:4px; 
	cursor:pointer;}
#news2 li:hover { margin-bottom:4px; background-color: #F0F0F0;}
.date{ font-size:11px; font-style:italic; color: #996600; }

.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}
.tinner {padding:15px; -moz-border-radius:10px; border-radius:10px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(images/close.png) no-repeat}
.tclose:hover {background-position:0 -30px}


#error {background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right:1px solid #000; border-bottom:1px solid #000; padding:0}
#error .tcontent {padding:10px 14px 11px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px}
#success {background:#2ea125; color:#fff; text-shadow:1px 1px #1b6116; border-right:1px solid #000; border-bottom:1px solid #000; padding:10; -moz-border-radius:0; border-radius:0}
#bluemask {background: #4D4D4D;}
#frameless {padding:0}
#frameless .tclose {left:6px}

/* ----------------------------------------------Detail News-------------------------------------*/
div.news{
	width:99%;
	height: 99%;
	margin:0;
	padding: 5px;
	text-align:left;
	/*background-color:#F5ECDE;*/
	text-align:justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
p.detailnews{
	margin-top:  10px;
	padding: 5px;
	text-align:left;
	font-size: 14px;
	}	
	
div.news h4{
	font-size:16px;
	font-weight: bold;
	line-height:normal;
	color:#996600;
}

#attachnews{ 
   padding: 3px; 
   background-color: #F9F2F2; 
   font-size: 13px;
   border: #E5E5E5 1px dashed;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}
#attachnews a{ 
color: #CC3399;
}

div.news .nfrom{
padding: 5px;
font-size: 12px;
color: #999999;
font-style:italic;
}
div.news .download{
   padding: 5px;
   background-color: #EDE4F1;
   border:#666666 1px dashed;
   font-size: 13px;
}
div.news .download a{
color: #FF0000;
}
 
#linenews{
margin: auto;
width: 100%;
padding: 0px;
border-bottom: #BBA59F 1px dashed;
}	

/* ----------------------- VDO and Gallery ----------------------------------*/
#gallery{ float:left; width: 100%;  display:block; padding:0; margin-top: 0px; margin:auto;} 
#gallery ul{
	margin: 0px; 
	padding: 50px;
	list-style:none;
	width: 100;
	}
#gallery li{ 
	float: left;
	margin: 8px;
	display: inline-block;
	list-style:none;
	padding: 5px; 
	width: 200px;
	height:200px;
	border: #CCCCCC 1px dashed;
	text-align:center;
	}
#gallery li:hover { float: left; margin: 8px; background-color: #F0F0F0;}
#gallery span{
margin: 3px;
padding: 5px;
display:block;
text-align: justify;
font-size :12px;
font-family:Arial;
}
#gallery img{
margin:auto;
border: 1px solid #999999;
width: 150px;
height: 120px;
}
#page{
padding: 5px;
margin: 5px;
float:left;
display:compact;
}

/*----ภาพเว็บไซต์คณะ/หน่วยงาน----*/
#gallery-org{ float:left; width: 100%;  display:block; padding:0; margin-top: 0px; margin:auto;} 
#gallery-org ul{
	margin: 0px; 
	padding: 30px;
	list-style:none;
	width: 100;
	}
#gallery-org li{ 
	float: left;
	margin: 4px;
	display: inline-block;
	list-style:none;
	padding: 5px; 
	width: 160px;
	height:150px;
	border: #CCCCCC 1px dashed;
	text-align:center;
	}
#gallery-org li:hover { float: left; margin: 4px; background-color: #F0F0F0;}
#gallery-org img{
margin:auto;
border: 1px solid #999999;
width: 130px;
height: 100px;
}

/*--- เมนู พศ. ระบบภาพกิจกรรม----*/
#year-gallery{
margin-top: 10px;
margin-bottom: 10px;
padding: 8px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: #E5E5E5 1px  solid;
}