@charset "utf-8";
/* CSS Document */

body 
{
	padding:0;
	margin:0;
		}
strong{font-size:13px;color:#FF701A; font-weight:lighter;}		
em {font-size:13px;color:#222222; font-weight:lighter;}		
#sitemain 
{
    position:relative;
    clear:both;
    width:970px;
    font-size:10px;
    margin:0 auto 0 auto;
}
#work 
{
	position:relative;
	clear:both;
	width:970px;
	height: 131px;
	margin: 0px auto 2px auto;
}
#logo_software 
{
    position:relative;
    float: left;
	padding-left:20px;
	}
#group_top 
{
	position: relative;
	float: right;
	width:620px;
	height:auto;
}
#group_top .h90 
{
	height:90px;
}
#group_top .top-search 
{margin: 31px 0 0 0; height:37px; width:280px; float:right; padding-top:8px; background-color:#CCCCCC}
#group_top .top-search-padding-right9
{padding-right:9px;}
.search-lbg{background-image:url(../pic/search-lbg.jpg); background-repeat:no-repeat; width:5px;} 
.search-cbg{background-image:url(../pic/search-cbg.jpg); background-repeat:repeat-x; padding-top:2px;}
.search-rbg{background-image:url(../pic/search-rbg.jpg); background-repeat:no-repeat; width:5px;} 

.search-bor{width:180px; border:solid #ffffff 1px;}


#promotion{
    position:relative;
    clear:both;
    width:970px;
	margin:0 auto;}
	
.div_orange_bar{background-color:#FFD300; text-align:center; height:112px; margin-top:2px; width:970px; clear:both; margin: 0 auto;}	
.div_orange_sbar{background-color:#FFD300; text-align:center; height:30px; margin-top:2px; width:970px; clear:both; margin: 0 auto;}	
.div_orange_sbot{background-color:#FFD300; text-align:center; height:20px; margin-top:2px; width:950px; clear:both;text-align:right; padding:3px 10px; margin:0px auto;}

.div_quotation{float:right; background-image:url(../pic/paper.jpg); background-repeat:no-repeat; background-position:right bottom; padding-top:50px; margin:0px; width:256px; height:40px; text-align:center;}


.div_produtc{width:320px; height:228px; float:left; border-bottom:#CCCCCC solid 1px}
.div_produtc-left{margin-top:10px; height:170px;}
.div_produtc-right{margin-top:10px; height:170px; border:#FFFFFF 1px solid; border-left-color:#CCCCCC;}

.div_produtc_2last{width:320px; height:228px; float:left;}
.div_produtc_2last-left{margin-top:10px; height:170px;}
.div_produtc_2last-right{margin-top:10px; height:170px; border:#FFFFFF 1px solid; border-left-color:#CCCCCC;}

.bar{
	background-image:url(../pic/bar_bg.jpg);
	background-repeat:repeat-x;
	line-height:27px;
	height:27px;
		}

.bar h2{ 	
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	color: #0066CC;
	line-height:27px;
	height:27px;
	text-transform: uppercase;
	margin-bottom: -3px;}
.bar h2.nav{ 	
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color: #0066CC;
	line-height:27px;
	height:27px;
	text-transform: uppercase;
	margin-bottom: -3px;}	
	
.bar_org{list-style:none; display: block; margin:0px; padding:0px;}
.bar_org-txt{font-family:Helvetica,Arial,sans-serif; color:#FFFFFF;text-align:left; padding-top:33px; float:left; margin-left:470px; display:inline;}
.bar_org-bulet{ background-image:url(../pic/bulet_bar_org.gif); background-repeat:no-repeat; background-position:left top; padding-left:15px;}

.dash-line{margin-bottom:17px;border-bottom:dashed #CCCCCC 1px;}


		
#group 
{
    position:relative;
    width:973px;
	margin:0 auto;
	overflow: hidden;
}
#side-menu 
{
    position: static;
    float:left;
    width:160px;
	margin:0;
	padding:0;
	      }
   
.border4 {border:#CCCCCC 1px solid;padding:0 0 5px 0; overflow:hidden;}   
   
#content 
{
    float:left;
    padding-left:5px; padding-right:5px;
	overflow: hidden;
    }
#ad 
{
    float:left;
    width:160px;
	overflow:hidden;
 }
 #ad div
{
	padding-bottom:5px;
  
 }


#webmaster 
{
    position:relative;
    overflow: hidden;
    width:970px;
	border:solid #CCCCCC 1px;
	margin:0px auto;
}
#webmaster_content 
{
	position: relative;
	float:left;
	width:800px;
	height:600px;
	padding: 5px 0 5px 0;
		   }
#webmaster_content .webmaster-detail 
{
	position: relative;
	float:left;
	width:800px;
	height:330px;
				   }
#webmaster_content .webmaster-img 
{
	position: relative;
	float:left;
	width:300px;
	height:330px;
				   }				   
				   
#webmaster_content .webmaster-banner 
{
	position: relative;
	float:left;
	width:800px;
	height:275px;
				   }			   		   
#webmaster_ad 
{
    float:left;
    width:160px;
	padding:5px;
			    }
#webboard
{
    position:relative;
    clear:both;
    width:970px;
	background-color:#FFFFFF;
    margin:0 auto 0 auto;
	border:solid #CCCCCC 1px;
	}

#partner 
{
    position:relative;
    clear:both;
    width:970px;
	margin:0px auto 0 auto;
	border:solid #CCCCCC 1px;
	padding-bottom:10px; 
}
#partner .center{margin:auto auto; width:938px; overflow:hidden;}
#partner .baner 
{
    position:relative;
    float:left;
	margin-top:10px; margin-right:10px;  
	border:solid #CCCCCC 1px;
	text-align:center;
	    }
#partner .baner img{ border:none}		
#partner .baner_r 
{
    position:relative;
    float:left;
	margin-top:10px;
	border:solid #CCCCCC 1px;
	text-align:center;	
    }	
#partner .baner_r img{border:none}

#link_ex 
{
    position:relative;
    clear:both;
    width:970px;
	margin:0px auto 0 auto;
	border:solid #CCCCCC 1px;
	padding-bottom:10px; 
}
#link_ex .center{margin:auto auto; width:938px; overflow:hidden;}
#link_ex .baner 
{
    position:relative;
    float:left;
	margin-top:10px; margin-right:10px;  
	border:solid #CCCCCC 1px;
	text-align:center;
	    }
#link_ex .baner img{ border:none}		
#link_ex .baner_r 
{
    position:relative;
    float:left;
	margin-top:10px;
	border:solid #CCCCCC 1px;
	text-align:center;	
    }	
#link_ex .baner_r img{border:none}

.2colum{float:left;width:232px; padding:0; margin:0; }
#download 
{
    position:relative;
    clear:both;
    width:970px;
	margin:0px auto 0 auto;
	border:solid #CCCCCC 1px;
	padding-bottom:10px; 
}
#download .left{ float:left;width:232px; padding:0; margin:0;}
#download .left ol{list-style:none; margin:0 0 10px 10px; padding:0;}
#download .left ol li{list-style:none; margin:0; display:inline;background: url(../pic/dot3.gif) repeat-x scroll left bottom;}
#download .left ol li span.index{
	font-size:198%;
	color:#FF7704;
	font-family:georgia;
	float:left;
	width:37px;
	padding:0 0 0 5px;
}
#download .left ol span.totalDownloads {
	display:block;
	margin-left:3px;
	color:#999;
	font-size:91%;
}
#download .left ol div{
	padding:11px 0 11px 37px;
	margin-left:0;	
	float:left;
	padding-left:0;}
.div-space{
    position:relative;
    clear:both;
    width:970px;
	height:5px;
	}

#menu-product 
{
    float:left;
    width:156px;
    overflow: hidden;
    font-family:tahoma;
    margin-left:1px;
	margin-right:2px; 
	display:inline
	
    
}
#menu-product ul 
{
    margin:0px;
    padding:3px 0px 0px;
    font-size:12px;
}
#menu-product li 
{
    list-style-type:none;
    margin:0px;
    padding:0px;
} 
#menu-product a 
{
	text-decoration:none;
	margin:0px;
	padding:2px 10px 2px;
	display:block;
	height:15px;
	color:#666666;
}
#menu-product a:hover 
{
	background:#FFD200;
	color: #333333;
	}
	
#menu-product2 
{
    float:left;
    width:156px;
    overflow: hidden;
    font-family:arial,helvetica,sans-serif;
   	margin-left:1px;
	margin-right:2px;
	display:inline;
    }
#menu-product2 ul 
{
    margin:0;
    padding:3px 0 0;
    font-size:12px;
}
#menu-product2 li 
{
    list-style-type:none;
    margin:0;
    padding:0;
} 
#menu-product2 a 
{
	text-decoration:none;
	margin:0;
	padding:2px 10px 2px;
	display:block;
	height:15px;
	color:#666666;
}
#menu-product2 a:hover 
{
	background:#FFD200;
	color:#333333;
	}	


#footer{
    position:relative;
    clear:both;
    width:970px;
	margin:0px auto 0 auto;
	border:solid #CCCCCC 1px; border-top-color: #999999;
	}
#footer_container {
display: block;
width: 970px;
margin: 0px auto;
padding: 20px 0px 0px 0px;
clear: both;
}

#footer_container .footer {
padding-top: 5px;
border-top: 1px dashed #666666;
border-bottom: 1px dashed #666666;
text-align: center;
color: #666666;
}

/*NAV*/
	#masthead {
	height: 41px;
	width: 618px;
	float:right;
	}

#masthead ul {
margin: 10px 0px 0px 0px;
padding: 0;
list-style-type: none;
float: right; }

#masthead li {
	display: inline;
	height: 25px;
	font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 25px;
	color: #006DBA;
	text-indent: 10px;
	float: left;
	background-color:#FFFFFF;
	background-image: url(../pic/rule_nav.gif);
	background-repeat:no-repeat;
}

#masthead li a:link,#masthead li a:active,#masthead li a:visited  {
	display: block;
	background: #fff url(../pic/rule_nav.gif) no-repeat top left;
	color: #006DBA;
	text-decoration: none;
}

#masthead li a:hover  {
	display: block;
	color: #006DBA;
	text-decoration: none;
	background-color: #E8EEFA;
	background-image: url(../pic/rule_nav.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#thailist{margin-top:15px; border-bottom:dashed #CCCCCC 1px;}
#thailist .td1-bimg{padding:10px; background-color:#FFFFFF; border:solid #CCCCCC 1px; width:180px; height:170px; margin:5px;}
#thailist .td1{padding:30px 7px 7px 7px;}
#thailist .td2{padding:5px;}
#thailist .td2-divbar{padding:5px;margin-bottom:10px; border-bottom:solid #CCCCCC 1px; width:99%; height: 16px;}

.head-line{padding:3px 0px;margin-bottom:5px; border-bottom:solid #CCCCCC 1px; width:99%;line-height:20px;}
.head-line2{padding:3px 0px;margin-bottom:5px; border-bottom:solid #CCCCCC 1px; width:99%;}

body {
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
color: #666666;
}
.gay-small {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
}
h1.gray {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 14px;
margin-top: 0px;
color: #666666;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 18px;
margin-top: 0px;
margin-bottom: 0px;
color:#666666;
}
h1.blue {color: #006dba;font-size: 14px;}
h1.black {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 20px;
margin-top: 0px;
color: #000000;
}
h1.title {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 26px;
margin-top: -3px;
margin-bottom: 0px;
color:#666666;
}
h1.title-black {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 26px;
margin-top: -3px;
margin-bottom: 0px;
color:#000000;
}
h1.title-black2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 20px;
margin-top: -3px;
margin-bottom: 0px;
color:#000000;
}
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 16px;
margin-top: -3px;
margin-bottom: 0px;
color:#666666;
}
h2.title {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 26px;
margin-top: -3px;
margin-bottom: 0px;
color:#666666;
}
h2.title-black {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 26px;
margin-top: -3px;
margin-bottom: 0px;
color:#000000;
}
h2.org {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 30px;
margin-top: -3px;
margin-bottom: 0px;
color:#FFFFFF;
}

h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 14px;
margin: 0px;
color: #666666;
}
h3.blue {
color: #006dba;
}
h3.blue-b {
color: #006dba;
margin-bottom: -12px;
}
h3.blue-bs {
color: #006dba;
margin-bottom: -5px;
font-weight:bold;
}

h3.orange {
color: #ff6d06;
margin-bottom: 0px;
}
h3.blue2 {
color: #006dba;
}
h3.gray {
color: #666666;
margin: 0px;
}
h3.black {
color: #000000;
font-size: 12px;
font-weight:bold;
margin: 0px;
}
h3.h3-gray {
color: #4C4C4C;
font-size: 12px;
font-weight:bold;
margin: 0px;
}
h3.orange2 {
color: #FFD200;
margin-bottom: 0;
}
h4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	font-weight:bold;
	color: #666666;
	margin-bottom: -14px;
}
img {
border: 0px;
}

#container {
width: 760px;
padding-top: 25px;
}
#title {
display: block;
width:760px;
text-align: left;
padding-bottom: 20px;
margin-bottom: 10px;
border-bottom: 1px dashed #666666;}

.table_container{border:1px solid #B3B3B3; margin-right:10px; float:left;}
.table_headline{background-color:#F3F3F3; color:#0066CC; padding:5px; font-size:13px; border-bottom:1px solid #B3B3B3;}
.table_text{padding:10px;font-size:12px;}
.table_ul_head{margin:0px; padding:0px; list-style:none;}
.table_ul_detial{margin:5px 20px; padding:5px;}
.table_li_line{ background-image:url(../pic/bulet_org.jpg); background-position:left; background-repeat:no-repeat;border-bottom:solid #E6E6E6 1px; padding:3px 0px 3px 10px;}
.table_li_head10{padding-top:10px; list-style:none;}
.table_li_head0{list-style:none;}
.table_ul_sub{margin:0px; padding-left:10px; list-style:none;}

.list-ul{margin-left:10px; padding-left:10px; list-style:none}

.table_produt{float:left;}
.table_phead{background-color:#FFCC00;background-image:url(../pic/p-paper.jpg); background-repeat: no-repeat; background-position:right top; line-height:24px; padding-left:5px; padding-right:32px;}
.table_text{padding:10px;font-size:12px;}



.table_clear{clear:both; height:22px;}

.tableline td{
	padding:2px 5px 2px 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
}
.article td{ 
	padding:4px 4px;
	}

.tablenoline td{
	padding:2px 5px 2px 5px;
}
.tablenoline-board td{
	padding:1px 2px 1px 2px;
}
.nomal_org{font-family:Helvetica,Arial,sans-serif; color:#F46E00;}
.nomal_blue {font-family:Helvetica,Arial,sans-serif; color:#006dba;}
.b14_blue{font-family:Helvetica,Arial,sans-serif; font-size:14px; font-weight:bold; color:#006dba;}
.nomal_black{font-family:Helvetica,Arial,sans-serif; color:#000000;}
.nomal_white{font-family:Helvetica,Arial,sans-serif; color:#FFFFFF;}
.b13_org{font-size:12px;color:#E65600; font-weight:bold;}
.b16_org{font-size:16px;color:#E65600;}
.b20_org{font-size:20px;color:#E65600;}
.nomal_red{font-family:Helvetica,Arial,sans-serif; color:#FF0000;}
.bold_9_darkgray {  font-family: "Tahoma", Microsoft Sans Serif, Thonburi; font-size: 9pt; font-weight: bold; color: #666666}
.bold_8_darkgray {  font-family: "Tahoma", Microsoft Sans Serif, Thonburi; font-size: 8pt; font-weight: bold; color: #666666}

a:link, a:visited {color: #006dba;text-decoration: none;}
a:hover, a:active {color: #CC6600;text-decoration: underline;}

a.here:link, a.here:visited {color: #CC6600;text-decoration: underline;}
a.here:hover, a.here:active {color: #CC6600;text-decoration: underline;}

a.blue:link, a.blue:visited {color: #006dba;text-decoration: underline;}
a.blue:hover, a.blue:active {
color: #CC6600;
text-decoration: underline;
}
a.white:link, a.white:visited {
color: #FFFFFF;
text-decoration: none;
}

a.white:hover, a.white:active {
color: #CC6600;
text-decoration: underline;
}

.buton-blue{padding-top:14px;height:31px; background-image:url(../pic/button_tools.jpg); background-repeat:no-repeat;}
.buton-blue30{padding-top:7px;height:25px; background-image:url(../pic/button_blue30.jpg); background-repeat:no-repeat;}

.div-thai-menu{padding-left:10px; margin:3px;}

#sh_detail{ float:left; width:635px;margin:0px; padding:10px 0px; background-color:#FFFFFF;}
#sh_detail .img-l { float: left; margin:10px;}
#sh_detail .img-r { float: right; margin:20px 0 20px 10px;}
.b-bulet{font-size:24px; color:#000000;}
.fshow{background-color:#F3F3F3; color:#666666; padding:8px; font-size:11px; margin: 8px 0 ;}
.sub-gray{background-color:#F3F3F3; color:#4C4C4C; padding:5px; margin: 8px 0 ;}