body{
background:#f8b662 url(../asset/bg/orange_tone.gif) repeat-x;
}
a {
color:#0079CB;
}
a:hover {
color:#033E76;
}
a:visited {
color:#033E76;
}
#mainpage {
  width:780px;
  font-size:10pt;
  margin:0px auto;
  padding:0px;
  display:table;


}

#left_main{
width:200px;
margin:auto;
float:left;
padding:3px;
margin:2px auto;

}
#left_main ul li{
list-style:none;
   margin:0;
   padding:0;
}

#left_main #login{
	border:solid 1px;
	height:140px;
	padding:3px;
}

#left_main #login p{
	float:right;
	margin:2px;
	
}
h6{
	color:#000;
	font-weight:bold;
	font-size:14px;
	background:#6666FF url(../asset/bg/orange_tone.gif) repeat-x ;/* url ที่อ้างถึงใน css จะต้องยึด path เริ่มใน css ไม่ใช่หน้า index*/
	padding:2px 0px 5px 5px;
	margin:0;
	line-height:20px;/* กำหนดระยะห่างความสูงของด้านบนและล่างของ font */
	text-align:center;

	
}
h5{
	color:#000;
	font-weight:bold;
	font-size:14px;
	background:#6666FF url(../asset/bg/blue_vertical.jpg) repeat-x ;/* url ที่อ้างถึงใน css จะต้องยึด path เริ่มใน css ไม่ใช่หน้า index*/
	padding:2px 0px 5px 5px;
	margin:0;
	line-height:20px;/* กำหนดระยะห่างความสูงของด้านบนและล่างของ font */
	text-align:center;

	
}
 h4{
	color:#000;
	font-weight:bold;
	font-size:14px;
	background:#6666FF url(../asset/blue_bg.gif) repeat-x ;/* url ที่อ้างถึงใน css จะต้องยึด path เริ่มใน css ไม่ใช่หน้า index*/
	padding:2px 0px 5px 5px;
	margin:0;
	line-height:22px;/* กำหนดระยะห่างความสูงของด้านบนและล่างของ font */
	text-align:center;

	
}
h3{
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	background:#6666FF url(../asset/bg/red_tone.gif) repeat-x ;/* url ที่อ้างถึงใน css จะต้องยึด path เริ่มใน css ไม่ใช่หน้า index*/
	padding:2px 0px 5px 5px;
	margin:0;
	line-height:22px;/* กำหนดระยะห่างความสูงของด้านบนและล่างของ font */
	text-align:center;

	
}
h2{
	color:#000;
	font-weight:bold;
	font-size:14px;
	background:#6666FF url(../asset/bg/orange_tone.gif) repeat-x ;/* url ที่อ้างถึงใน css จะต้องยึด path เริ่มใน css ไม่ใช่หน้า index*/
	padding:2px 0px 5px 5px;
	margin:0;
	line-height:22px;/* กำหนดระยะห่างความสูงของด้านบนและล่างของ font */
	text-align:center;

	
}
h1{
	color:#000;
	font-weight:bold;
	font-size:14px;
	background:#6666FF url(../asset/bg/navy_tone.gif) repeat-x ;/* url ที่อ้างถึงใน css จะต้องยึด path เริ่มใน css ไม่ใช่หน้า index*/
	padding:2px 0px 5px 5px;
	margin:0;
	line-height:22px;/* กำหนดระยะห่างความสูงของด้านบนและล่างของ font */
	text-align:center;
}
#left_main #login p input{
	border:solid 1px;
}
#left_main div {

}
#right_main{
float:right;
padding:3px;
margin:2px auto;
display:table;
}
#right_main a{
text-decoration:none;
}
#right_main .left{
float:left;
width:400px;
display:table;
background-color:#ffffff;

margin:auto;
border:solid 1px #f8f8f8;
}
#right_main .right{
float:right;
width:150px;
display:table;
margin:auto;
height:150px;
}
#head_full{
width:550px;
float:right;
margin:0px;
padding:0px;
}
#content_box_left{
float:left;
width:558px;
background-color:#ffff99;
display:table;
}
#content_box_right{
float:right;
width:225px;
margin:0px;
display:table;
background-color:#00ff99;
}
#adv_top{
float:right;
width:570px;
text-align:center;
}
.adv_top{
float:right;
width:570px;
text-align:center;
}
.big{
margin:15px auto;
float:right;
width:410px;
height:220px;
text-align:center;
background:#874802 url(../asset/bg/blue_tone.gif) repeat-x ;
}
#target {
position:absolute;
margin:30px auto;
width:550px;
height:auto;
}

.box{
width:400px;
margin:100px auto;
border:solid 1px;
height:auto;
padding:5px;
line-height:20px;
}
.left ul{
list-style:none;
   margin:0px auto;
   padding:0px;
   display:table;
}
.left ul li{
float:left;
 margin:0px auto;
 padding:5px;
}
input{
border:solid 1px;
margin-left:2px;
}
#id_kedfun{
color:#fff;
}
.centerwindow {
  position:absolute;/* สำคัญมากถ้าเปลี่ยนตรงนี้เป็น fixed จะแสดงสีดำจางๆใน showOverlay() ไม่เต็มหน้า */
  top:30%;
  left:30%;
  width:500px;
  height:auto;
  margin-left:-250px;
  margin-top:-250px;
  text-align:center;
  z-index:9999;
}
#sendMail{
  position:absolute;
  margin:20% auto;
  width:300px;
  height:100px;
  background:yellow;
  visibility:hidden;
  padding:10px;
  z-index:9999;
}
#sendMail textarea{

}

#showGallery{
text-align:center;
padding:5px;
background:#6666FF url(../asset/background_~LivebarGradientType~.jpg) repeat-x ;
height:380px;
}
#showGallery img{;
padding:1px;
border:dashed 1px;
}
#frm_profile p{
float:left;
margin-right:5px;
padding:3px
}
#frm_profile p label{
display:block;
float:left;
font-weight:bold;
padding-right:15px;
text-align:right;
width:210px;
}
#frm_profile p input{
width:200px;
margin:0px auto;
padding:5px;
}

.menu{
background:#f8f8f8;
}

#overlay {
  position:absolute; /* กำหนดตำแหน่งให้เ ต็มจอภาพ */
  margin:auto;
  top:0; 
  left:0;
  width:100%; 
  height:100%;
  z-index:9998;

  background-color:black; /* สีพื้นของ overlay */
  
  filter:alpha(opacity="70"); /* กำหนดความโปร่งใสของ overlay (0-100) */
  MozOpacity:0.7; /* กำหนดความโปร่งใสของ overlay (0-1) cross browser */
  KhtmlOpacity:0.7;
  opacity:0.7;
  
  visibility:hidden; /* ซ่อนไว้ก่อน เพื่อให้เรียกใช้จาก Javascript */
}

#shouldBox{
border-left:solid 1px #bec0c1;
border-top:solid 1px #bec0c1;
border-bottom:solid 1px #bec0c1;
float:left;
margin:30px 4px 0px 40px;
width:200px;
height:98px;
display:table;

}

#itme{

width:550px;
height:150px;
}
.randomF{
  border:1px solid;
  border-top:none;
  border-color:#d4eef2;
  width:550px;
  height:350px;
}
.randomF ul{
float:left;
}
.randomF ul li{
list-style:none;
float:left;
}
.randomF ul li p{
height:100px;
width:90px;
color:navy;
}
.randomF img{
margin:10px;
border:0px;
padding:2px;
}
.head{
font-size:14pt;
font-weight:bolder;
}
.addF{
width:380px;
height:240px;
margin:0px auto;
overflow:hidden;/* ทำให้ div มี scroll เหมือน textarea มีpopretieให้เลือกคือ auto,scroll*/

}
.addF input{
background:#f8b662 url(../asset/bg/orange_tone.gif) repeat-x;
font-weight:bolder;
width:100px;
}
.addF p{
height:60px;

}
