@charset "utf-8";
/*ไทย*/
h1,h2,h3,h4,h5,p,ul,dd,dl,form{margin:0px; padding:0px;}
a{color:#333333; text-decoration:none;}
a:hover{color:#990000; text-decoration:none;}

.mouseover{background-color:none}
.mouseover:hover{background-color:#A4C2E8}

/**:first-child+html .FixwidthIE7{width:740px; float:right; margin:0px; padding:0px;}*/

.empty_banner{width:199px; height:248px; background:#eee; border:1px solid #333; margin:10px 0 10px 0; line-height:248px}

.position_banner{width:199px; height:248px; background:#eee; border:1px solid #333; margin:10px 0 10px 0}
.position_banner table{ margin:105px 0 0 0;}

html{ height:100%; }
body{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:13px; background:url(../images/bg_new.jpg) center top no-repeat; background-size: 100% 100%; }
.wht{color:#FFF;}
.h1blk{color:#000; border-bottom:none; font-size:18px; padding-bottom:0px}
.h1blk_L{color:#333; border-bottom:none; font-size:18px; padding-bottom:0px}
.left_termite{float:left; width:230px; color:#333; font-size:8px}
.h1blk a{color:#000; text-decoration:none}
.h1blk a:hover{color:#333; text-decoration:none}
*:first-child+html .wht{font-size:13px;}
.grn{color:#00974B; font-size:11px}
.red{color:#FF0000;}
.blk{color:#000000;}
.yellow{color:#ff0;}
.lightgrn{color:#66FFFF; font-size:11px; font-weight:normal;}
/*-- for vdo --*/
.grey{color:#999999; font-size:11px;}
.blue{color:#0073E6; font-size:11px;}
.blue a{color:#0073E6; font-size:11px;}
.blue a:hover{color:#0073E6; font-size:11px; text-decoration:underline;}
.Cseeall{font-size:12px; color:#ff0; font-weight:normal; text-decoration:none;}
.Cseeall:hover{color:#000}
/*-- for vdo --*/
/* Form*/
.txtbox{width:145px; border:1px solid #ccc;}
.btn_login{background:url(../images/bg-btn.jpg) no-repeat; width:80px; height:27px; border:0px; color:#666666;}
.btn_login:hover{color:#FF0000; cursor:pointer;}
/*Form*/

#header, #footer_termite, #footer{
width:980px;
margin:auto;
margin-top:5px;
}
/**/
#content{ width:980px; overflow:hidden; display:block; margin:auto; margin-top:0px; background:url(../images/new_bg.png) no-repeat center top; }
.logo_head{ width:980px; display:block; margin:auto; padding:2px 0px;}
.logo_head img.text{ float: left; display:inline-block;}
.logo_head img.text{ float:right; display:inline-block; width: auto; margin-top:50px;}
#nav{ width:740px; }
/*------------------------headab---------------------*/
#headab{ width:100%; display: block; margin:auto; margin-top:0px; padding:6px 0px; background-color:#5e5; }
#headab .tex{
font-size:15px; width:970px; text-align:left;

}
*:first-child+html #headab{
margin-top:-3px;
padding-top:10px;
margin-left:auto;
margin-right:auto;
width:100%;
}
/*------------------------headab---------------------*/


/*------------------------- Nav ----------------------------------*/
.menu{
/*background:#DA0203;*/
/*background:#BCD131;*/
background:#000;
text-align:center;
width:10%;
height:35px;
font-size:13px;
color:#fff;
text-decoration:none;
}
.menu a{color:#fff;}
.menu a:hover{color:#FFFFFF;}
.menu:hover{
background:#ff0000;
text-align:center;
width:10%;
cursor:pointer;
color:#FFFFFF;
text-decoration:none;
}
.hovered{
background:#ff0000;
text-align:center;
width:10%;
height:35px;
font-size:13px;
cursor:pointer;
color:#FFFFFF;
text-decoration:none;
}
.hovered a{color:#FFFFFF;}

.menugreen{
background:#8DC73F;
text-align:center;
width:10%;
height:35px;
font-size:13px;
cursor:pointer;
color:#000;
text-decoration:none;
}
.menugreen:hover{
	background:#f00;
	color:#fff
}
.menugreen:hover a{
	color:#fff;
}
.menugreen a{color:#000;}
/*------------------------- Nav ----------------------------------*/

/*------------------------- Banner -----------------------------*/
#banner{
background:url(../images/slider/bg-main.jpg) no-repeat;
border:1px solid #ddd; 
margin:0px 0px 0px 0px; 
width:732px;
height:238px; 

padding:0px;
}
#banner .slider{
float:right;
height:90px;
text-align:right;
}
/*------------------------- Banner -----------------------------*/

/*------------------------- Content ----------------------------------*/
#content .sideLeft{ float:left; width:230px; margin-top:10px;}
#content .sideLeft table{margin-bottom:10px;}
*:first-child+html .sideLeft table{margin-bottom:15px;} /* IE7 */

#content .sideRight{
float:right;
width:735px;
text-align:left;
margin-right:3px;

}
#content .sideRight_reccomend{
font-size:11px;
float:left;
width:100%;
text-align:center;
margin-right:2px;
margin-left:2px;
margin-bottom:0px;
padding:0px;
border:0px solid #eee;
background:#8EC73C;
}
#content .sideRight_reccomend h4{ color:#000; font-size:14px}
#content .sideRight_reccomend h5{ color:#000; font-size:14px}
*:first-child+html #content .sideRight_reccomend h4{font-size:13px; color:#000}

#content .sideRight_search{
float:right;
width:725px;
margin-right:10px;
margin-bottom:5px;
padding:0px;
border:1px solid #eee;
}

#content .sideRight_reccomend2{
float:right;
width:733px;
text-align:center;
margin-right:0px;
margin-top:5px;
margin-left:3px;
margin-bottom:5px;
padding:4px 0 4px 0;
border:1px solid #eee;
/*background:#8EC73C;*/
/*background:#E8FFFF;*/
background:#7FFFD4
}
#content .sideRight_reccomend2 p{ color:#000}


#content .sideRight .hotzone{
float:left;
/*background:url(../images/bg-hotzone.jpg) repeat-x top;*/
/*background-color:#EDEDED;*/
background-color:#CDAA7D;
width:100%;
border:1px solid #ddd;
margin-bottom:10px;
padding-top:5px;
padding-bottom:5px;
}
#content .sideRight .hotzone .viewall{
float:right;
margin:5px 8px 0 0;
}
#content .sideRight .hotzone .viewall img{
border:0px;
margin-right:3px;
}
/*------------------------- Content ----------------------------------*/

/*------------------------- Province + District ---------------------*/
/*#content .sideRight .box_province{float:left;background-color:#EEF5E0;width:100%;border:1px solid #8EC73C; margin-bottom:10px;padding-top:5px;padding-bottom:5px;}*/
#content .sideRight .box_province{float:left;background-color:#F0FFFF;width:98.7%; margin:auto;border:1px solid #8EC73C; margin-bottom:10px;padding-top:5px;padding-bottom:5px;}
#content .sideRight .box_province div{float:left; margin:0 0 4px 0; width:100%}
#content .sideRight .box_province .subprovince{color:#0071E1; float:left; font-size:12px; margin:0 0 2px 10px}	
#content .sideRight .box_province strong a{color:#0071E1; float:left; font-size:14px; margin:0 0 7px 10px; width:125px; display:block}	
#content .sideRight .box_province strong a:hover{color:#000}
#content .sideRight .box_province h2{color:#0071E1; float:left; font-size:14px; margin:0 0 2px 10px}	
#content .sideRight .box_province ul{float:right; width:84%; position:relative; padding:0 0 2px 0; display:inline; margin:0 5px 2px 0; border-bottom:1px solid #ccc}
#content .sideRight .box_province ul li{float:left; list-style:none; padding:0px 4px ; text-align:left; display:inline; font-size:11px; color:#666}
#content .sideRight .box_province ul li a{color:#666; font-size:11px; text-decoration:none;}
#content .sideRight .box_province ul li a:hover{color:#cc0000;}
#content .sideRight .box_province ul li a.hitted{color:#cc0000; font-size:11px; text-decoration:none}
/*IE7*/
*:first-child+html #content .sideRight .box_province h2{color:#0071E1; float:left; font-size:14px; margin:0 0 2px 10px; position:relative; top:-4px}
*:first-child+html #content .sideRight .box_province div{float:left; margin:0 0 1px 0; width:100%; padding:0 0 4px 0}
*:first-child+html #content .sideRight .box_province ul{width:83%; margin:0px; padding:0px}
*:first-child+html #content .sideRight .box_province ul li{margin:0px; padding:0px; width:115px}
/*------------------------- Province + District ---------------------*/


/*---------------------------- Footer Termite----------------------------------*/
#footer_termite div{
margin-top:8px;
color:#333;
font-size:8px;
padding:5px 0 5px 0;
text-align:left;
float:left;
width:980px;
display:none;
}
#footer_termite div p{
float:left;
width:100%;
text-align:left;
color:#333;
}
#footer_termite div p h1,h2,h3,h4{}

/*---------------------------- Footer ----------------------------------*/
#footer div{
margin-top:8px;
background:#8EC73C;
padding:5px 0 5px 0;
text-align:center;
float:left;
width:980px;
}
#footer div strong{
display:block;
color:#ccc;
}
#footer div p{
float:left;
width:100%;
text-align:center;
color:#ccc;
}
#footer div p a{
color:#FF6600;
font-size:11px;
}
#footer div p a:hover{
text-decoration:underline;
}
/*---------------------------- Footer ----------------------------------*/

/*---------------------------- bannerl ----------------------------------*/

/*---------------------------- bannerl ----------------------------------*/