@charset "utf-8";

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none
}
a:active {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}


body { margin:0; padding:0; width:100%; color:#fff; font:normal 13px/1.5em "Liberation sans", Arial, Helvetica, sans-serif; background:url(../images/bg.gif);) top;}




/* main */
.main { padding:0; margin:0 auto; width:auto;}

.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}


/* header */
.header {margin:20px 0 0 0; height:108px; width:auto;}
.block_header {margin:0 auto; padding:0; width:1024px;}


/* logo */
.logo { float:left; padding:0; margin:0; margin-left:10px; width:1024px; height:108px; background:url(../images/logo.png) no-repeat center top;}

.center {float:left; margin:0 0 0 0; background:url(../images/background.png) no-repeat center top; height:547px; width:100%;}

.contact {float:left; margin:35px 15px 0 320px; font-size:18px; color:#C00; font-weight:bold;}

.news {float:left; font-size:18px; color:#067ea1; font-weight:bold; margin-bottom:15px;}

.lang {float:right; margin:0 10px 0 0; font-size:14px; color:#343434; }

.stat {float:right; margin:0 0 0 0; background:url(../images/bg_stat.png) no-repeat right top; height:82px; width:558px;}

.text_stat {float:left; font-size:18px; color:#7c1e2f; font-weight:bold; margin:10px 0 0 145px;}

.dateStat {font-size:12px; font-weight:bold; color:#2b2d20; margin:10px 0 0 110px; width:105px; text-align:center}


.facebook {float:right; margin:0 0 0 0; background:url(../images/facebook.png) no-repeat right top; height:63px; width:63px;}
.dsdmovie  {float:right; margin:0 0 0 0; background:url(../images/dsdmovie1.png) no-repeat right top; height:159px; width:159px;}
.dsdtraining{float:right; margin:0 0 0 0; background:url(../images/dsdtraining1.png) no-repeat right top; height:159px; width:159px;}
.dsdsongkran {float:right; margin:0 0 0 0; background:url(../images/dsdsongkran.png) no-repeat right top; height:159px; width:159px;}
 
.dsdservice {float:right; margin:0 0 0 0; background:url(../images/dsdservice.gif) no-repeat right top; height:159px; width:159px;}

.food {float:right; margin:0 0 0 0; background:url(../images/food.png) no-repeat right top; height:159px; width:159px;}

#place {
position: absolute;
margin:168px 0 0 12px;
z-index: 1;
}

#encourage {
position: absolute;
z-index: 2;
margin:247px 0 0 145px;
}

#system_training {
position: absolute;
z-index: 10;
margin:330px 0 0 0px;
}


#train {
position: absolute;
z-index: 3;
margin:168px 0 0 854px;
}

#test {
position: absolute;
z-index: 4;
margin:314px 0 0 743px;
}

#training {
position: absolute;
z-index: 5;
margin:213px 0 0 750px;
}

#stat {
position: absolute;
z-index: 6;
margin:329px 0 0 908px;
}

#data {
position: absolute;
z-index: 7;
margin:70px 0 0 299px;
border:0;
}

#facebook {
position: absolute;
z-index: 8;
margin:429px 0 0 928px;
}

#complain {
position: absolute;
z-index: 9;
margin:459px 0 0 813px;
}


#region_contact {
position: absolute;
z-index: 11;
margin:470px 0 0 730px;
}

#dsdmovie{
position: absolute;
z-index: 16;
margin:420px 0 0 640px;
}


#dsdtraining  {
position: absolute;
z-index: 20;
margin:240px 0 0 990px;
}

#dsdsongkran {
position: absolute;
z-index: 90;
margin:380px 0 0 1115px;
}

 

#dsdservice {
position: absolute;
z-index: 90;

margin:107px 0 0 985px;
}

#food {
position: absolute;
z-index: 90;

margin:390px 0 0 1025px;
}

/* news */ 
#news{margin-top:30px; margin-left:0px;}
#news ul {list-style:none; margin:0; padding:0; float:left; }
#news ul li {padding-left:0px; float:left; }
.textNews{font-size:12px; color:#777777; margin-left:10px; width:200px;}
.titleNews {font-size:14px; font-weight:bold; color:#2b2d20; margin-left:10px; width:200px; text-decoration:none;}
.date{color:#139bb8; font-size:11px; }
.imgNews {margin : 0; margin-left:15px; padding:0; border: 2px solid #d1d0d0; width:107px; height:72px;}

/* stat */
.officer {float:left; width:300px; margin:10px auto 10px auto; height:33px; }
.officer ul { list-style:none; padding-left:20px; margin:0; width:300px;}
.officer ul li {display:block; padding:0; padding-top:8px; margin-top:0px; border:none; padding-left:3px; margin-left:5px; background: url(../images/bullet_inno.png) 0px 13px no-repeat;}
.officer ul li a { display:block;  margin:0; padding-right:10px; padding-left:10px; font-size:13px;  font-weight:bold; color:#686868; text-decoration:none; text-align:center;}
.officer ul li.active a, .officer ul li a:hover{ padding:0px; padding-left:10px; padding-right:10px; margin:0; color:#4993ec}