* { margin: 0; padding: 0; outline: 0; }

/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

body { font-family: Tahoma; color: #4b4b4b; color: #000;overflow-x:hidden; background-color:#000;}

a { color: #000; text-decoration: none; padding-bottom: 2px; }
a:hover { color: #598bd4; text-decoration: none; padding-bottom: 2px; }
a:active { color: #598bd4; text-decoration: none; padding-bottom: 2px;  }

/*p { font-size: 24px; margin-bottom: 15px; line-height: 36px; }*/
p { font-size: 15px; margin-bottom: 15px; line-height: 24px; }

header { padding: 5px 0; width: 100%; height:90px;  position: fixed; z-index: 10; float: left; background: url(../images/bg.png) center;
}

.mobile { display:block;
	/*width:280px;
	height:480px;*/ 
	width:214px; height:384px;
	background:url(../images/mobile.png) no-repeat 0 0;
	position:absolute;
	float:left;
	}
	
.socialdi {
	width:360px;
	float:left;
	/*margin-left:280px;*/ margin-left:214px;
	text-align:center; 
	color:#f0f0f0; /*110813*/
}
.socialdi a{ border:none;}
.socialdi img{ border:none; margin-right:10px;}
h3.soc { font-size: 36px; color: #000; margin-top:10px; text-align:center; margin-bottom:5px;}



/* SOCIAL ICONS - GENERAL */
.social { list-style:none; text-align:center; margin-left:40px;}
.social li { display:inline; float:left; background-repeat:no-repeat; }
.social li a { display:block; width:48px; height:48px; padding-right:10px; position:relative; text-decoration:none; }
.social li a strong { font-weight:normal; position:absolute; left:20px; top:-1px; color:#fff; padding:3px; z-index:9999;
  background-color:rgba(0, 0, 0, 0.7);
 -moz-border-radius:2px;  -webkit-border-radius:2px;  border-radius:2px; width:80px;
}


li.facebook { background-image:url("../images/facebook_32.png"); }
li.skype { background-image:url("../images/skype_32.png"); }
li.wind { background-image:url("../images/windows.png"); }
li.gbuzz { background-image:url("../images/gbuzz.png"); }
li.rss { background-image:url("../images/windows.png"); }
li.twitter { background-image:url("../images/twitter_32.png"); }



.cen { text-align:center;}


.htctime { 	font: 11px "Segoe UI",Tahoma, Helvetica, sans-serif; /* Resets 1em to 10px */
color:#FFF;
float:right;
padding-right:35px;
padding-top:30px;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.0); }

.line1 {
float:right;
padding-right:33px;
padding-top:2px; } 
/*110 ถ้าไม่มี htctime
ถ้าไม่มี htc time กับ กรมอุตุ มีแค่เวลา 125 
padding-top:20px; <- ถ้าเป็น .html พอดีกรอบ
*/

.line2 {
float:right;
padding-right:33px;
margin-top:-15px; }

.line3{ float:right; padding-right:33px; margin-top:-10px;}

.mail {
float:right;
padding-right:30px;
margin-top:-10px;
font-size:12px; font-family:Tahoma; }

.mfb {
float:right;
padding-right:60px;
margin-top:-12px;
font-size:12px; font-family:Tahoma; }

.mtwitter {
font-size:12px; font-family:Tahoma;
margin-top:-15px; padding-bottom:85px; float:right; margin-right:40px;}

.livesup { font-size:16px; text-align:center; margin-top:15px;}

.conform {width:330px; height:480px; float:left;}	

#contactform { margin:0;}
#contactform * { color:#000; }
#contact ol { margin:1px; padding:1px; list-style:none; }
#contact li { margin:1px; padding:1px; background:none; border:none; display:block; }
#contact li.buttons { margin:5px 0 5px 0; border:none; }
#contact label { margin:0; width:80px; font:14px  Tahoma, Geneva, Verdana; color:#CCC;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }
#contact label span { font:normal 10px Arial, Helvetica, sans-serif; color:#F00;}
#contactform input.text { width:250px; border:1px solid #dcdcdc; margin:5px 0; padding:5px 2px; height:16px; background:#f5f5f5; }
#contactform textarea { width:250px; border:1px solid #dcdcdc; margin:5px 0; padding:5px 2px; background:#f5f5f5; }
#contact li.buttons input { outline:none; text-decoration:none; border:none; }
p.response { color:#2d70d3; font: 16px  Tahoma, Geneva, Verdana; line-height:1.8em; width:auto; text-align:center;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0); font-weight:bold; padding-left:20px;}


.send {
	display:block;
	width:100px;
	height:100px;
	background:url(../images/send.png) no-repeat 0 0;
	float:right;
	border:none;
	cursor:pointer; /*110814*/
}

.send:hover {
	background-position: -100px 0;
	border:none;
}

.send:active { border:none;}

#contact { margin-bottom: 0px; }
/*chform*/
.red {color:#F00;}
.aceTextField {
	background:#f5f5f5; color:#000; font-size: Defaultpt; border-width: Default;width:250px; float:right; border:none;
}
.chTextField {
	background-color:#CCC;
	border-width: Default;
	color: #898989;
	font-size: Defaultpt;
}
.aceButton {
	background-color:#666;
	color:#CCC;
	font-size: Defaultpt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:2px;
	width:50px; height:20px;
	float:left; cursor:pointer; border:#000;/*110814*/
}
#errormsg
		{
			color: #c00; font-size: 12px; font-weight:bold;
		}    
		.error
		{
			background:#ffb2d5; color: #898989; font-family:Verdana, Arial, Helvetica, sans-serif;
		}