@charset "utf-8";
/* CSS Document */
body {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	font-family: Tahoma, 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background:transparent url(../image_lp/background.jpg) repeat-y scroll center top;
	background-color: #EEE;
	color:#666666;
	font-size:12px;
}


div#contact { 
position:fixed;
/*width:100px;*/
padding-top:200px;
/*top:200px;*/
right:0; 
z-index:9999;
 }
 
.contimage{
filter: alpha(opacity=80);-moz-opacity:.80;opacity:.80;
}

.tblogin-label{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000000;
}

.messageerror{
padding-left:5px;
font-size:11px;
color:#FF0000;
display:none;
}


#header{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
position:absolute;
left:50%;
margin-left:-470px;
top:3px;
width:940px;
}

#logintop{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
/*font-size:11px;*/
/*height:60px;*/
}

/*Login ######################################################################################*/
/* toggle effect - show/hide login*/
#login {
	/*width: 100%;*/
	position:absolute;
	left:50%;
	margin-left:-483px;
	top:0px;
	width:966px;
	z-index: 999;
	color:#333333;
	/*display:none;*/
}

#formlogin{
display:none;
}

#openlogin{
top:0px;
/*display:none;*/
}
#clicklogin{
cursor:pointer;
}
#clicklogout{
cursor:pointer;
display:none;
}
#imgclosebar{
cursor:pointer;
}
#loadingb{
display:none;
}
#forgotpass{
color:#FFFFFF;
cursor:pointer;
}
#regisnow{
color:#FFFFFF;
cursor:pointer;
}
#mlogin{
color:#FFFFFF;
cursor:pointer;
display:none;
}
#forgotpasssuit{
display:none;
}


/* กล่องล็อกอินกลางจอ */
.boxlcenterdiv {    
  position:absolute;
  height:200px;
  width:400px;
  margin:-100px 0px 0px -200px;
  top: 50%;
  left: 50%;
  z-index:9999;
  text-align: left;
  padding: 0px;
  background-color: #f5f5f5;
  border: 1px dotted #000000;
  overflow: auto;
}

/*## end login form #####################################################################################*/

#topinfo{
padding:0 0 0 0px;
position:relative;
top:0px;
width:940px;
}

#translate {
	position:relative;
	display:block;
	float:left;
	padding-left:3px;
	height:16px;
	z-index:5;
	text-align:left;
}

#userinfo {
	position:relative;
	display:block;
	float:right;
	height:16px;
	z-index:3;
	text-align:right;
}

#breakline {
	position:absolute;
	width:940px;
	top:16px;
	height:2px;
	z-index:4;
}

#toplogo{
height:75px;
}

#logoweb {
	position:relative;
	float:left;
	top:9px;
	height:62px;
	z-index:2;
	text-align:left;
}

#pictureweb {
	position:relative;
	float:right;
	background-image: url(../image_lp/21millionaire-banner.jpg);
	right:0px;
	top:10px;
	width:736px;
	height:62px;
	border:solid 1px #CCCCCC;  
	border-collapse:collapse;
	z-index:6;
	text-align:right;
}

a:link{
text-decoration:none;
color:#003399;
}
a:hover{
text-decoration:underline;
color:#FF0000;
}
a:visited{
text-decoration:none;
color:#003399;
}
a:active{
text-decoration:underline;
color:#003399;
}

#titleaction{
	position:absolute;
	left:50%;
	margin-left:-470px;
	top:120px;
	width:940px;
	z-index:7;
	font-size:36px;
	font-weight:bold;
	color:#FF0000;
	text-align:center;
}
#titleaction2{
	position:absolute;
	left:50%;
	margin-left:-470px;
	top:300px;
	width:940px;
	z-index:8;
	font-size:36px;
	font-weight:bold;
	color:#0099FF;
	text-align:center;
}
#content{
	position:absolute;
	left:50%;
	margin-left:-470px;
	top:925px;
	width:940px;
	z-index:9;
	text-align:center;
}
#content1{
	position:absolute;
	left:50%;
	margin-left:-470px;
	top:1250px;
	width:940px;
	z-index:10;
	text-align:left;
}
#content2{
	position:absolute;
	left:50%;
	margin-left:-470px;
	top:2065px;
	width:940px;
	z-index:13;
	text-align:center;
}
#content3{
	position:absolute;
	left:618px;
	margin-left:-470px;
	top:6000px;
	width:940px;
	z-index:14;
	text-align:center;
}

#blogimg{
	position:absolute;
	left:50%;
	margin-left:-470px;
	top:1350px;
	width:900px;
	height:235px;
	z-index:11;
	text-align:right;
}
#blogqut{
	position:absolute;
	left:50%;
	margin-left:-470px;
	top:1980px;
	width:940px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	z-index:12;
	font-size:24px;
	text-align:center;
	color:#006699;
}
.footer{
padding-top:5px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
border-top:dashed;
border-top-width:1px;
font-size:12px;
color:#666666;
}

.footerhover{
background-color:#DEF2F3;
padding-top:5px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
border-top:dashed;
border-top-width:1px;
}

hr {
border-bottom:dotted; 
border-left:none; 
border-right:none; 
border-top:none; 
border-color:#CCC; 
border-collapse:collapse;
border-bottom-width:thin; 
height:1px
}

/*Color of font*/
.redfont{
color:#FF0000;
}
.greenfont{
color:#006600;
}
.bluefont{
color:#0033CC;
}
.blackfont{
color:#000000;
}

/*sie of font*/
.fontsize12{
font-size:12px;
}
.fontsize13{
font-size:13px;
}
.fontsize14{
font-size:14px;
}
.fontsize16{
font-size:16px;
}
.fontsize18{
font-size:18px;
}
.fontsize20{
font-size:20px;
}
.fontsize24{
font-size:24px;
}
.fontsize26{
font-size:26px;
}
.fontsize28{
font-size:28px;
}
.fontsize30{
font-size:30px;
}
.fontsize36{
font-size:36px;
}

.paddingfifty{
padding-left:50px;
}
.headerred{
font-size:36px;
font-weight:bold;
color:#FF0000;
}
.headerred1{
font-size:24px;
color:#FF0000;
}
.headerblue{
font-size:18px;
color:#009966;
}
.contentgen{
font-size:24px;
color:#333333;
}
.lightredfont{
color:#CC6600;
}
.bgyellow{
background-color:#FFFF33;
}

/****************************** หน้าต่างแจ้งการ Spam ********************/
#dialog-overlay.langSel {
background-color:#F4FEFF;
height:550px !important;
margin-left:-300px;
width:600px !important;
}
#dialog-overlay {
background:#F3F3F3 none repeat scroll 0 0;
border:5px solid #85C3EA;
display:none;
left:50%;
margin-left:-200px;
position:absolute;
top:50%;
width:327px;
z-index:1001;
}

.closeIcon{
float:right;
padding-right:5px;
padding-top:5px;
cursor:pointer;
display:inline;
} /*ปุ่มปิด*/

#contentspam{
padding-top:30px;
padding-left:20px;
text-align:left;
}

/***************************** ปุ่มกดเปิดหน้าต่างวิดีโอขึ้นมาใหม่ **********/

.nw_vdonm {
     background-image: url(../image_lp/newpage-video.gif); /* รูปภาพต้นฉบับ */
     background-repeat: no-repeat;
     background-position: -2px -3px;
     width: 44px;
     height: 25px;
	 cursor:pointer;
	 
}
.nw_vdoat {
     background-image: url(../image_lp/newpage-video.gif); /* รูปภาพต้นฉบับ */
     background-repeat: no-repeat;
     background-position: -53px -3px; /* พิกัดของรูปภาพ ต้องติดค่าลบ */
     width: 44px; /* ความกว้างของรูปที่ต้องการ */
     height: 25px; /* ความสูงของรูปที่ต้องการ */
	 cursor:pointer;
}

/* หน้าต่างแจ้งสมาชิกใหม่ที่เพิ่งสร้างเว็บไซต์เสร็จ */
#newmember { 
	 /*border:5px solid #85C3EA;*/
	 /*background-color:#F4FEFF;*/
	 background-image:url(../image_lp/infomation.jpg);
     position:absolute;
     top:52%;
     left:175px;
     width:350px;
     height:550px;
     margin-left:-175px;
     margin-top:-275px;
     text-align:center;
	 z-index:54;     
}

/* แบนผู้ใช้ที่ทำผิดกฏ */
#banuser {
  position:absolute; /* กำหนดตำแหน่งให้เ ต็มจอภาพ */
  margin:auto;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:9998;
  background-color:black; /* สีพื้นของ overlay */
  filter:alpha(opacity="100"); /* กำหนดความโปร่งใสของ overlay (0-100) */
  MozOpacity:1; /* กำหนดความโปร่งใสของ overlay (0-1) cross browser */
  KhtmlOpacity:1;
  opacity:1;
  visibility:visible; 
}