@charset "UTF-8";
/* reset css */ 
.clear	{ clear:both; line-height:1px; font-size:1px;}
ul li	{ list-style:none;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	xvertical-align: baseline;
} 
:focus {
	outline: 0;
} 
body {
	padding:0 0 0 0;
	margin:0 0 0 0 ;
	font-family: Arial, Helvetica, sans-serif; font-size:14px; background:#fff;
} 
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a{text-decoration:none;} 

/*---------------------------Main Body ----------------------------*/
.body_content_full	{   width: 1200px;      margin: 0 auto; xbackground-color:green; }
.body_content	{   width: 930px;      margin: 0 auto; xbackground-color:blue; }

/*---------------------------Head ----------------------------*/
.header	{   display: block; height:160px; margin:0 auto 20px; padding:0; background-image:url('../images/header_bg_1.jpg'); background-repeat:repeat-x; xbackground-color:red;}
.header_inner	{ height:50px;  background-image:url('../images/header_bg_2_nolang.jpg'); background-repeat:no-repeat;  xbackground-color:green; }
.header_inner	{ height:50px;  background-image:url('../images/header_bg_2.jpg'); background-repeat:no-repeat;  xbackground-color:green; }

#logo { position:absolute; margin-top:50px; width:100px;   }
#lang  { position:absolute;  margin-left:760px; margin-top:22px; width:135px;xbackground-color:red; text-align:center; color:#FFFFFF; }
a.lang { color: #fff; }
a.lang:hover { color: #fff; } 
a.white { color: #fff; }
a.white:hover { color: #fff; } 

#followus { position:absolute;  margin-left:750px; margin-top: 70px; color:#ffba00; font-weight:bold;  }
#followus  img{   vertical-align:bottom  }
#share_with_frd { position:absolute; margin-left:750px; margin-top:140px;    } 
#header_bottom_line { position:absolute; margin-left:-140px; margin-top:165px;    background-image:url('../images/header_bg_3.png'); background-repeat:no-repeat; width:1215px; height:10px; xbackground-color:yellow;  } 

/*---------------------------Footer ----------------------------*/
.footer	{ display: block; height:280px; margin:0 auto 0px; padding:0; padding-top:10px; background-image:url('../images/footer_bg_1.jpg'); background-repeat:repeat-x; xbackground-color:red; clear:both;}  
.footer_inner	{    height:280px;    }
 #footer_inner_border { position:absolute;   background-image:url('../images/footer_bg_2.png'); background-repeat:no-repeat; width:950px; height:260px; margin-left:-20px; margin-top:-8px;  *margin-left:-20px; *margin-top:-8px;    } 
 
 #backtotop { position:absolute; margin-left:796px; margin-top:-32px; color:#FFF; font-weight:bold}
 #copyright { position:absolute; margin-left:20px; margin-top:262px; color:#FFF; font-weight:bold;  color:#263f86; font-size:11px;}
 a.tnc { color: #263f86; }
 a.tnc:hover { color: #263f86; }
 #tnc { position:absolute; margin-left:765px; margin-top:262px;   font-weight:bold;  color:#263f86; font-size:11px;}
 #contact { position:absolute; margin-left:20px; margin-top:75px; color:#FFF; font-weight:bold}
 #contact img{   vertical-align:middle  }

 
 
.hide {display:none;}
 
/*--------------------------- Head NAV ----------------------------*/
.navbar{
	 width:930px;
	 position: absolute;
	 margin-top:100px;*margin-top:114px;
	 margin-left:-50px;
}
.navbar .nav > li {
  float:left; 
  margin:0px;
  padding:0px; 
  
}
.navbar .nav > li > a {
  color: #fff;
  margin:0px;
  padding:0px;
  text-decoration: none;
  text-indent: -99999px;
}
.navbar li a{ height:51px; width:127px; display:block}
.navbar li#nav-1 a:link,
.navbar li#nav-1 a:visited,
.navbar li#nav-1 a{ background:url(../images/nav_01.jpg) no-repeat 0 0;  width:125px;  }
.navbar li#nav-2 a:link,
.navbar li#nav-2 a:visited,
.navbar li#nav-2 a{ background:url(../images/nav_02.jpg) no-repeat 0 0;  width:142px;  }
.navbar li#nav-3 a:visited,
.navbar li#nav-3 a:link,
.navbar li#nav-3 a{ background:url(../images/nav_03.jpg) no-repeat 0 0;  width:211px;  }
.navbar li#nav-4 a:link,
.navbar li#nav-4 a:visited,
.navbar li#nav-4 a{ background:url(../images/nav_04.jpg) no-repeat 0 0;  width:113px;  }
.navbar li#nav-5 a:link,
.navbar li#nav-5 a:visited,
.navbar li#nav-5 a{ background:url(../images/nav_05.jpg) no-repeat 0 0;  width:131px;  }
 
.navbar li#nav-1.active a,
.navbar li#xnav-1 a:hover { background:url(../images/nav_over_01.jpg) no-repeat 0 0; }
.navbar li#nav-2.active a,
.navbar li#xnav-2 a:hover { background:url(../images/nav_over_02.jpg) no-repeat 0 0; }
.navbar li#nav-3.active a,
.navbar li#xnav-3 a:hover { background:url(../images/nav_over_03.jpg) no-repeat 0 0; }
.navbar li#nav-4.active a,
.navbar li#xnav-4 a:hover { background:url(../images/nav_over_04.jpg) no-repeat 0 0; }
.navbar li#nav-5.active a,
.navbar li#xnav-5 a:hover { background:url(../images/nav_over_05.jpg) no-repeat 0 0; }
 

/*--------------------------- Footer NAV ----------------------------*/
.navfbar{

	 width:930px;
	 position: absolute; *margin-top:0px;
	 margin-top:15px;
	 margin-left:0px;
	 z-index:999;
}
 
.navfbar .nav > li {
  list-style-image:url('../images/footer-node.jpg');
  float:left; 
  margin:0px;
  padding:0px;   
 
}
.navfbar .nav > li > a {
  color: #fff;
  margin:0px;
  padding:0px;
  text-decoration: none; 
  font-weight:bold;
  margin-right:70px; 
}
 

/*--------------------------- home ----------------------------*/

#home_banner{
	position:relative;
	margin-top:-13px; 
	z-index:998; 
}


#home_banner_bg_3{
 	position:absolute;
	margin-left:-45px;
	margin-top:-10px;
	background:url(../images/home_banner_bg_3.png) no-repeat 0 0;  
	height:80px;
	width:960px;
	z-index:999;  
}

#home_banner_1{ 
	position:absolute;
	z-index:999px;
	margin-top:20px;
	margin-left:180px;
	color:#FFF; 
}

#home_banner_2{ 
	position:absolute;
	z-index:999px;
	margin-top:20px;
	margin-left:410px;
	color:#FFF; 
}

#home_banner_3{ 
	position:absolute;
	z-index:999px;
	margin-top:20px;
	margin-left:650px;
	color:#FFF; 
}

#home_banner_bg{
	position:absolute;
	margin-left:-65px;
	margin-top:-337px;
	background:url(../images/home_banner_bg.png) no-repeat 0 0; 
	width:1200px;
	height:360px;
	z-index:998px;
}

#home_banner_bg_2{
	margin-top:-15px;
	height:10px;	 
	background:url(../images/home_banner_bg_2.jpg) repeat-x; 
	
}


 #home_banner_bg_3 img{   vertical-align:middle ; margin-right:5px;  border:2px solid #fff; }

 .banner_disactive{ opacity: 0.4;  filter: alpha(opacity=40); /* For IE8 and earlier */}
 .banner_active{ opacity: 1;  filter: alpha(opacity=100); /* For IE8 and earlier */}
/*--------------------------- contact us  ----------------------------*/

#contact_us_content { width:930px;  padding:5px; line-height:20px; width:900px;  color:#888888;     }
#google_map{ float:left; width:500px; margin-top:20px;  }
#address_info{ float:left; width:400px;  margin-top:20px; }
#contact_us_form{ width:930px; height:460px; background:url(../images/form_bg.jpg) no-repeat 0 0;    margin-top:20px; padding:50px 5px 5px 150px;    }
#contact_us_form textarea{width:400px; background-color:#d5d5d5; border: none; color: #7d7d7d ; padding:3px; font-weight:bold;}
#contact_us_form select{width:400px; background-color:#d5d5d5; border: none; color: #7d7d7d ; padding:3px; font-weight:bold; }
#contact_us_form input{width:400px; background-color:#d5d5d5; border: none; color: #7d7d7d ; padding:3px; font-weight:bold; }
.radio_form {width:400px; background-color:#fff; border: none; color: #7d7d7d ; padding:3px; font-weight:bold; }
.form_title{text-align:right;}
#contact_us_form_table { border-spacing: 10px;
    border-collapse: separate; }
#submit_button{position:absolute; margin-top:435px; margin-left:200px;}
/*--------------------------- news_section ----------------------------*/

#news_header_title {  background:url(../images/news_detail_header.jpg) no-repeat 0 0; width:885px; height:48px; padding-top:20px; padding-left:20px; padding-right:20px;  }
#news_detail_content {  padding:20px; line-height:20px; width:900px;  color:#888888;  }
#news_detail_content  a { color: #888888;font-weight:bold;  }
#news_detail_content  a:hover { color: #888888; font-weight:bold; }  
 
 
#news_header_title .title{ float:left;  color:#174fb7; font-size:20px; font-weight:bold; }
#news_header_title .back_btn{ float:right;  text-decoration:underline; line-height:28px; }

a.back { color: #ffb311;font-weight:bold;  }
a.back:hover { color: #ffb311; font-weight:bold; }  

#home_news_title {   margin-top:60px; width:100px;  color:#174fb7; font-size:20px; font-weight:bold;   }
#home_new_header_1 {  margin-top:10px; width:100px; padding-bottom:10px;  }
#news_section{height:290px; position:relative; *height:350px;}
#news_section_title {   margin-top:40px; color:#1951b8; font-weight:bold; font-size:20px; line-height:36px;  }

.news_item .date{  float:left; color:#ffb422; font-weight:bold;  padding-left:20px; width:100px; background:url(../images/news-node.jpg) no-repeat  0 3px;    }
.news_item .title{ float:left;  color:#5a5d5f; font-weight:bold;     }
.news_item{ min-height:20px; padding-top:10px;  padding-bottom:10px;  background:url(../images/news_spe.jpg) no-repeat left bottom; clear:both;  }
.news_item_line{   width:450px; height:3px; clear:both;  }
.last{  background-image:none  }

#banner_side{
	position:absolute; 
	z-index:999;
	margin-left:630px;
	margin-top:80px;
}

#news_list_section{min-height:850px;}
#news_detail_section{ padding-bottom:100px;}
.news_list_item{  padding:10px; background:url(../images/dot.jpg) no-repeat left bottom; }
.news_list_img{float:left; background:url(../images/news_img_bg.jpg) no-repeat 0 0; height:141px; width:198px;padding-top:5px;padding-left:7px;}
.news_list_info{  float:left;  padding:10px; width:600px; }
.news_list_info .title{ color:#000; font-size:16px; font-weight:bold;}
.news_list_info .date{ color:#000; font-size:12px;}
 
 
a.view_more { color: #ffb311;font-weight:bold;  }
a.view_more:hover { color: #ffb311; font-weight:bold; }  


/*--------------------------- about_section ----------------------------*/


#about_section{min-height:290px;}
#tnc_section{ margin-top:-30px; }
#para_title {   margin-top:60px; color:#1951b8; font-weight:bold; font-size:20px; line-height:36px;  }
#para_content{ color:#1951b8; line-height:24px; width:900px;  text-align:justify; padding-bottom:100px;}
 

/*--------------------------- about  ----------------------------*/

#about_banner{	
 height:160px;
}
#about_banner_img{	
	position:absolute; 
	margin-left:-110px;
	margin-top:-13px;}
/*--------------------------- product  ----------------------------*/

#product_showcase{  height:800px; width:940px;  }
#product_meun{float:left; width:220px; height:800px;background:url(../images/prod_meun_bg.jpg) no-repeat 0 0; padding-left:4px;padding-top:65px; }
#product_list{float:left;width:690px; height:800px;  }
#product_list_container{margin-left:-30px;   }

a.meun_catg_link { color: #404141; }
a.meun_catg_link:hover { color: #404141; } 
a.meun_catg_item_f_open { color: #174fb7; }
a.meun_catg_item_f_open:hover { color: #174fb7; } 
a.meun_catg_item_f_close { color: #5a5d5f; }
a.meun_catg_item_f_close:hover { color: #5a5d5f; } 

.meun_catg_open{ background:url(../images/meun_open.jpg) no-repeat 0 0; width:196px; height:30px; padding-top:13px; padding-left:30px; font-weight:bold; color:#404141; }
.meun_catg_close{ background:url(../images/meun_close.jpg) no-repeat 0 0; width:196px; height:30px; padding-top:13px; padding-left:30px; font-weight:bold; color:#404141; }
.meun_catg_item_open{ background:url(../images/meun_item_open.jpg) no-repeat 0 0; width:196px; height:22px; padding-top:8px; padding-left:48px; font-weight:bold; color:#174fb7; }
.meun_catg_item_close{ background:url(../images/meun_item_close.jpg) no-repeat 0 0; width:196px; height:22px; padding-top:8px; padding-left:48px; font-weight:bold; color:#c0c0c0; }

.product_header{ background:url(../images/prod_header_bg.jpg) no-repeat 0 0; width:690px; margin-top:6px; height:47px; padding-top:20px; padding-left:20px; font-weight:bold; font-size:19px; color:#174fb7;

 }
.product_list ul{     }
 
 .product_list > li {
  width:165px;
  float:left; 
  margin:0px;
  padding:0px; 
  font-weight:bold;
  color:#424242;
  padding-bottom:20px;
  text-align:center; 
}
 
/*--------------------------- Paging ----------------------------*/
#pagin { clear:both; float:right ; margin-top:-40px;  *margin-top:-80px } 
#pagin ul{ margin:20px auto; padding:0px;}
#pagin ul li{
	    
        float:left;
		margin:1px;		
		padding:3px 3px;		
		color:#335dac;
		
}
#pagin ul li.active { 
	font-weight:bold;
	font-size:15px;
	
}
#pagin ul li.next { 
	     
		color:#FFF;
		background-color:#1c4ba3;
		
}
#pagin ul li.next a{    
	     
		color:#FFF;
		background-color:#1c4ba3;
		
}
#pagin a:visited,
#pagin .next a{   color:#1c4ba3;  } 
#pagin a{   color:#335dac;  } 

.clear{ clear:both;}
.yellow{ color: #ffa200; }
.grey{ color: #5a5d5f; }
.fancybox{ color: #333; }

.fields_name{ font-weight:bold; color:#2555ae;}
.fields_header{ font-weight:bold; color:#333333;}