@charset "utf-8";
/* CSS Document */
html, body { background: #FF8C8C; margin:0; padding:0; font:12px Tahoma, Geneva, sans-serif; color:#666; }
div, ul, h1, h2, h3, li, p, img{margin:0; padding:0;}
ul{list-style-type:none;}
a {color:#006699; text-decoration:none;}
a:hover {color: #cccccc;}	
img { border:none;}

/* HEADER PANEL*/
#wrap {
	width:100%;
	float: left;
}

#header {
	float: left;
	height: auto;
	width: 100%;
}

#shadow {width:100%; height:10px; float:left; background: url(images/bg_footer.gif) repeat-x bottom right;}

/* TOP PANEL*/

#topPanel {
	background: url(images/warning-bg...png) no-repeat scroll;
	background-position: top right;
	width: 940px;
	height: 170px;
	margin:auto;
	position:relative;
}

#topPanel h1{
	position: absolute;
	width:516px;
	height:60px;
	font-size: 47px;
	text-transform:uppercase;
	color:#666;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	left: 168px;
	top: 48px;
}

#topPanel h1 span {
	position: absolute;
	display: block;
	width: 547px;
	height: 50px;
	left: 75px;
}

#topPanel h2{
	position: absolute;
	width:353px;
	height:30px;
	font: italic 23px Georgia, "Times New Roman", Times, serif;
	color:#FFDFDF;
	left: 417px;
	top: 101px;
}
.headerImg{
	position:absolute;
	height: auto;
	width: auto;
	z-index:1;
	top: 5px;
	left: 772px;
}


/* CONTENT PANEL*/

#container {
	background: #FFF;
	border:1px #666 dashed;
	position:relative;
	width: 940px;
	height: 1100px;
	margin: auto;
	clear: both;
}

#mainPanel {
	position:absolute;
	margin:0;
	padding: 15px 0px 15px 30px;
	width: 710px;
	vertical-align:top;
}	
#mainPanel a{color:#EC3C68; text-decoration: none;}
#mainPanel a:hover{
}
#mainPanel p {
	margin:5px 0;
	padding-left:20px;
	text-align:justify;
	color: #555555;
	font-weight: normal;
	font-family: Tahoma, Geneva, sans-serif;
}
#mainPanel p.dotline {background:url(images/dot-line.gif) 0 0 repeat-x #fff; padding:0; margin:20px 10px 20px; color:#000;}
#mainPanel p.capstext {
	font:18px/24px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#666;
	padding:2px 10px 0 0;
	margin:0 0 10px 0;
}
#mainPanel .img {margin:10px; text-align:center;}
#mainPanel .head18 {font-size:18px; color: #929292; font-weight: bold; text-align: center; margin: 10px 0 15px 0; }
#mainPanel .head16 {
	font:16px normal;
	color: #FF8C8C;
	text-align: left;
	font-weight: bold;
	font-family: Tahoma, Geneva, sans-serif;
}
#mainPanel .head14 {
	font-size:14px normal;
	color: #EC3C68;
	text-align: center;
	font-weight: bold;
}

#sidePanel {
    position:absolute;
	width: 160px;
	height: 650px;
	padding: 20px 15px 10px 25px;
	margin-left: 740px;
	vertical-align:top;
	clear: left;}
#sidePanel ul {float: left;}
#sidePanel ul li{height:153px;}
#sidePanel .link {
	background:url(images/banner.jpg) no-repeat;
	display:block;
	text-indent:-5000px;
	width:150px;  /* ขนาดของปุ่ม */
	height:140px;  /* ขนาดของปุ่ม */
	border:1px #666 dashed;
	text-decoration:none;
	float: left;
}
#sidePanel a.a {background-position: -10px -10px;}
#sidePanel a.a:hover{background-position: -15px -10px; border:solid 1px #888;}
#sidePanel a.b {background-position: -13px -160px;}
#sidePanel a.b:hover{background-position: -17px -160px;border:solid 1px #888;}
#sidePanel a.c {background-position: -13px -320px;}
#sidePanel a.c:hover{background-position: -17px -320px; border:solid 1px #888;}
#sidePanel a.d {background-position: -13px -475px;}
#sidePanel a.d:hover{background-position: -17px -475px; border:solid 1px #888;}



/* FOOTER PANEL*/

#footerBody {width:100%; background:url(images/bg-navtop-sub.png) repeat-x top;	margin:20px 0 15px 0;}
#footPanel {
	position:relative;
	background-color:#FFF;
	width: 940px;
	height: 130px;
	margin: auto;
	clear: both;
	border:1px #666 dashed;

}
#footPanel .ads1{
	position:absolute;
	top:20px;
	left:31px;
}
#footPanel .ads2{
	position:absolute;
	top:20px;
	left:351px;
	background-color: #FFFFFF;
	text-align: center;
	border:#333 solid 1px;
	height: 88px;
	width: 334px;
}
#footPanel .ads3{
	position:absolute;
	top:20px;
	right:32px;
}
#footPanel .footer {
	width:940px;
	position: absolute;
	top:140px;
	left: -2px;
	color:#666;
	text-align: center;
}