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

html{background:url(../images/body_bg.png) repeat;}

body{ width:982px; margin:0 auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333}

div,p,a,ul,ol,img,table,tr,td,form,input,textarea,h1,h2,h3,h4,h5,h6{ padding:0; margin:0;}

a,img,table,input{ border:none;}

input,textarea{ vertical-align:middle;}

a{ text-decoration:none; color:#666;}

a:hover{ text-decoration:underline; color:#fe0000;}

h1,h2,h3{ padding:0; margin:0; font-weight:normal; font-size:inherit;}

li{ list-style:none; list-style-image:none; list-style-position:outside;}

.clear{ clear:both;}

.right{ float:right;}

	
/*===================================== header ======================================*/

#header{
	margin-top:10px;
}

h1#logo{
	display:block;
	float:left;
	width:286px;
	height:98px;}
	
#languages{
	height:19px;
	margin-right:20px;}
	
#languages p{
	float:right;}
	
	
#main_nav{
	height:79px;}


/*===================================== wrapper ======================================*/
#wrapper{
	background:url(../images/wapper_bg.gif) repeat-y;
	padding:10px 15px 0 15px;
	}
	
#bottom_bg{
	background:url(../images/bottom_bg.gif) no-repeat;
	height:37px;
	width:982px;
	clear:both;}
	
#banner{
	width:982px;
	height:286px;}
	
#index_content_left{
	width:610px;
	float:left;}
	
	
	
/*=========================== introduction ============================*/

.introduction{


}
	
.compa_content{
	padding-right:14px;


}


	
	
.compa_pic{
	float:left;
	margin-right:14px;}
	
.intro_detail{
	margin-top:10px;
}
	
	.intro_detail p.intro{
	line-height:20px;
	color:#666;
	height:160px;
	overflow:hidden;

	}
	
.compa_content_more{
	margin-top:4px;
	float:left;

}

	
	
/*===================================== content_right ======================================*/

#content_right{
	float:right;
	width:324px;}
	
#search form #search_box{
	background:url(../images/search_bg.jpg) no-repeat;
	width:235px;
	height:20px;
	padding-top:8px;
	padding-left:6px;
	color:#999;
	border:none;
	vertical-align:middle;
}

#search form #search_box2{
	background:url(../images/search_bg2.jpg) no-repeat;
	width:135px;
	height:20px;
	padding-top:8px;
	padding-left:6px;
	color:#999;
	border:none;
	vertical-align:middle;
}

#search form #goto,#search form #goto2{
	width:66px;
	height:28px;
	border:none;
	vertical-align:middle;}
	
#search form #goto2{
	margin-left:3px;}
	
#lastest_news{
	background:url(../images/lastest_news_bg.gif) no-repeat;
	margin-top:12px;
	padding:43px 12px 0 12px;
	height:140px;}
	
#lastest_news ul{
	height:100px;
	overflow:hidden;}
	
#lastest_news li{
	margin-bottom:4px;
	line-height:22px;}
	
#lastest_news li span{
	display:block;
	font-size:9px;
	color:#999;}
	
.news_more p{
	float:right;}
	
/*===================================== container_left ======================================*/

#sub_menu_top{
	margin-top:10px;}

#container_left{
	width:216px;
	margin-right:13px;
	float:left;}
	
#sub_menu{
	background:url(../images/submenu_li_repeat.jpg) repeat-y;}
	
#sub_menu ul{
	padding-left:10px;}
	
#sub_menu ul li{
	line-height:30px;
	color:#666;
	font-size:14px;
	padding-left:10px;}
	
#sub_menu ul li.active{
	background:url(../images/submenu_li_bg.jpg) no-repeat;
	
}
	
#sub_menu ul li.active a{
	font-weight:bold;
	color:#fff;}
	
#sub_menu_top img{
	display:block;}
	
/*===================================== container_right ======================================*/



#container_right{
	width:721px;
	float:right;
}

#bread_crumb{
	clear:both;
	overflow:hidden;
	height:1%;
}
	
#bread_crumb p{
	float:right;
	padding-right:20px;
}
	
#content_top{
	margin-top:10px;}
	
#content_bottom img,#content_top img{
	display:block;
}
	
#content{
	padding:0 13px;
	border-left:1px solid #ECECEA;
	border-right:1px solid #DEDFDA;
	color:#333;
	line-height:23px;
	min-height:500px;
	height:auto !important;
	height:500px;
	background:none;


}

#content p.title{
	font-weight:bold;
	margin-top:10px;
}

#content p.text{
	margin-bottom:10px;}
	
#quick_link a,#quick_link a img{
	display:block;
	margin-top:7px;
	margin-bottom:10px;
}



#news_list li{
	line-height:23px;
	height:23px;
	background:url(../images/news_li_bg.gif) no-repeat;
	padding-left:28px;}
	
#news_list li span.date{
	display:block;
	float:left;
	margin-right:40px;
	line-height:23px;
	height:23px;
}
	
#news_list li a{
	display:block;
	float:left;
	line-height:23px;
	height:23px;
	}
	
.news_title{
	color:#333;
	font-size:14px;
	text-align:center;
	line-height:40px;
	font-weight:bold;}
	
.news_content{
	color:#666;
	line-height:24px;}
	
#news_detail{
	padding:0 7px;}
	
/*===================================== products_list======================================*/	

#products_list ul li.product_new{
	background:url(../images/bg_new.png) no-repeat 4px 0;
	

}

#products_list ul li.product_hot{
	background:url(../images/bg_hot.png) no-repeat 4px 0;
}

#products_list ul li.common{
	background:url(../images/bg_common.png) no-repeat 4px 0;
}

#products_list ul li{
	text-align:center;
	width:173px;
	float:left;
	margin-bottom:15px;
	border-bottom:1px solid #efefef;
	padding-bottom:15px;}
	
#products_list ul li a.pic{
	display: table-cell;
	vertical-align:middle;
	text-align:center;
	*display: block;
	*font-size: 159px;
	*font-family:Arial;
	width:166px;
	height:176px;
}

#products_list ul li a.product_name{
	display:block;
	text-align:center;
	margin:5px 0;}

#products_list ul li a img{
	vertical-align:middle;
	padding-left:3px;}
	

/*===================================== product_summary ======================================*/
#product_summary{
	width:100%;

	border-bottom:1px dashed #ccc;
	padding-bottom:20px;
	float:left;}
	
#product_summary h2{
	font-size:14px;
	font-weight:bold;
	color:#333;
	line-height:40px;
	background:url(../images/product_name_bg.gif) no-repeat 0 10px;
	text-indent:17px;
}
.product_pic{
	float:left;
	margin-right:10px;
	background:url(../images/bg_common.png) no-repeat 4px 0;}
	

.product_pic .pp{
	display: table-cell;
	vertical-align:middle;
	text-align:center;
	*display: block;
	*font-size: 159px;
	*font-family:Arial;
	width:166px;
	height:176px;}
	
.product_pic .pp img{
	vertical-align:middle;}
	
	

	
.product_intro{
	float:left;
	padding-left:10px;

	width:190px;
	overflow:hidden;}
	


.little_pics{
	margin-top:30px;}
	
.little_pics ul li{
	float:left;
	margin-right:9px;
	margin-bottom:9px;}
	
.little_pics ul li div{
	
	cursor:pointer;
	border:1px solid #ccc;

	
	display: table-cell;
    vertical-align:middle;
	text-align:center;
	*display: block;
    *font-size:48px;
    *font-family:Arial;

	
	height:54px;
	width:50px;



}

.little_pics ul li img{
	vertical-align:middle;}

	
	
/* form===========================================================================*/

form#inquiry{
	margin-top:10px;}

form#inquiry table{

	margin-left:50px;}
	
form#inquiry input,form#inquiry textarea{
	color:#666;

	
}
	
form#inquiry h2{
	line-height:26px;
	height:26px;

	background:url(../images/bg_inquiry_tit.gif) no-repeat 3px 5px;
	background-color:#f8f8f7;
	padding:1px;
	text-indent:20px;
	color:#666;
	margin:10px 0;
	border-bottom:1px solid #ccc;
}

	
form#inquiry table td{
	padding:3px 0;}
	

	
form#inquiry input.input_text,form#inquiry textarea.input_text,form#inquiry input.input_validation{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	border:1px solid #A7A6AA;
	background:url(../images/input.gif) no-repeat scroll 0 0;

}

form#inquiry input.input_text{
	height:24px;
	line-height:24px;
	width:220px;
	}
	
form#inquiry textarea.input_text{
	height:80px;
	width:220px;
}

form#inquiry input.input_validation{
	height:24px;
	width:100px;
}


form#inquiry table td.td1{
	text-align:right;
	width:120px;
}

form#inquiry table td.td3{
	padding-left:10px;
	color:#666;
	line-height:18px;
}

form#inquiry table td.td2{
	width:220px;}
	
form#inquiry table td span.nes{
	color:#F00;
	font-size:20px;
	padding:0 3px 0 3px;

	

	}
	
form#inquiry table td span.unnes{
	color:#fff;
	line-height:30px;
	font-size:14px;
	padding:0 3px;}
	
form#inquiry .cont_title h2{
	font-size:14px;
	font-weight:bold;}
	
/*tab======================================================================================================*/

#tab{
	margin-top:20px;


}

#tags {

	height: 26px;
	background:url(../images/ul_bg.gif) repeat-x 0 bottom;
	padding-bottom:6px;
	padding-left:12px;}
#tags li {
	background:url(../images/tagleft.gif) no-repeat left bottom; 
	float: left; 
	margin-right: 2px; 
	list-style-type: none; 
	height: 26px
}
#tags li a {
	padding-right:12px; 
	padding-left:12px; 
	background: url(../images/tagright.gif) no-repeat right bottom; 
	float: left;
	padding-bottom: 0px; 
	color: #999; 
	line-height: 26px; 
	height: 26px; 
	text-decoration: none
}

#tags li.emptytag {
	background: none transparent scroll repeat 0% 0%; 
	width: 4px
}
#tags li.selectTag {
	background-position: left top; 
	position: relative;
	height: 26px
}
#tags li.selectTag a {
	background-position: right top; 
	color: #fff;
	font-weight:bold;
}
#tagContent {
	 padding-right: 1px;
	 padding-left: 1px;
	 padding-bottom: 1px;
	 padding-top: 1px; 

}
.tagContent {
	padding-right: 10px; 
	display: none; 
	padding-left: 10px; 
	padding-bottom: 10px; 
	color: #474747; 
	padding-top: 10px;

}
#tagContent div.selectTag {
	display: block
}


/*inquiry_msg==========================================================================*/




form#inquiry_msg h2{
	line-height:26px;
	height:26px;

	background:url(../images/bg_inquiry_tit.gif) no-repeat 3px 5px;
	background-color:#f8f8f7;
	padding:1px;
	text-indent:20px;
	color:#666;
	margin:10px 0;
	border-bottom:1px solid #ccc;
	font-size:14px;
	font-weight:bold;

	}

form#inquiry_msg table{
	width:100%;
	text-align:center;
	border:1px solid #e8e5e5;
		background:#fefefe;
	

}
	
form#inquiry_msg table tr.tr1{
	background:#f8f8f7;
	font-weight:bold;

}
	
form#inquiry_msg table tr.tr1 td{
	border-bottom:1px solid #e8e5e5;}
form#inquiry_msg table tr.tr2 td{
	height:100px;
	vertical-align:middle;}
form#inquiry_msg img{
	padding:1px;
	border:1px solid #ccc;}	
	
form#inquiry_msg a img{
	border:0 none;}

form#inquiry_msg td.w1{
	width:200px;}
	
form#inquiry_msg td.w2{
	width:150px;}
	
form#inquiry_msg input.text{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	border:1px solid #A7A6AA;
	background:url(../images/input.gif) no-repeat scroll 0 0;
	width:30px;
	height:20px;
}


#inquiry_msg h2{
	line-height:26px;
	height:26px;

	background:url(../images/bg_inquiry_tit.gif) no-repeat 3px 5px;
	background-color:#f8f8f7;
	padding:1px;
	text-indent:20px;
	color:#666;
	margin:10px 0;
	border-bottom:1px solid #ccc;
	font-size:14px;
	font-weight:bold;

	}

#inquiry_msg table{
	width:100%;
	text-align:center;
	border:1px solid #e8e5e5;
		background:#fefefe;
	

}
	
#inquiry_msg table tr.tr1{
	background:#f8f8f7;
	font-weight:bold;

}
	
#inquiry_msg table tr.tr1 td{
	border-bottom:1px solid #e8e5e5;}
#inquiry_msg table tr.tr2 td{
	height:100px;
	vertical-align:middle;}
#inquiry_msg img{
	padding:1px;
	border:1px solid #ccc;}	
	
#inquiry_msg a img{
	border:0 none;}

#inquiry_msg td.w1{
	width:200px;}
	
#inquiry_msg td.w2{
	width:150px;}
	
#inquiry_msg input.text{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	border:1px solid #A7A6AA;
	background:url(../images/input.gif) no-repeat scroll 0 0;
	width:30px;
	height:20px;
}
/*members =============================================================================*/

#members{
	background:url(../images/submenu_li_repeat.jpg) repeat-y;
	padding-left:15px;}
	
form#log_in td{
	height:30px;
	vertical-align:middle;}

form#log_in input.text{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	border:1px solid #A7A6AA;
	background:url(../images/input.gif) no-repeat scroll 0 0;
	height:20px;
	width:118px;}
	
form#log_in td span a{
	padding-left:10px;
	line-height:20px;}
	
form#log_in tr.tr1 td{
	padding-top:5px;}
	
#members p{
	padding:0 10px;
	color:#666;
	font-size:14px;}
	
#members p span{
	color:#fe0000;
	padding-left:10px;
	font-weight:bold;
	}
	
	
/*documents================================================================================*/

#documents h2{
	font-size:12px;
	line-height:40px;
	background:url(../images/Contacts.png) no-repeat ;
	text-indent:20px;
	color:#666;
	}
	
#documents h2{
	line-height:26px;
	height:26px;

	background:url(../images/bg_inquiry_tit.gif) no-repeat 3px 5px;
	background-color:#f8f8f7;
	padding:1px;
	text-indent:20px;
	color:#666;
	margin:10px 0;
	border-bottom:1px solid #ccc;
	font-size:14px;
	font-weight:bold;}
#documents table{
	width:99%;
	border-collapse:collapse;}
	
	
#documents table td{
	height:35px;
	border:1px solid #ccc;
	padding-left:5px;}
#documents table tr.tr1{
	font-weight:bold;
	background:#f8f8f7;
	border:1px solid #ccc;} 
	
#documents table tr.tr1 td{

	color:#666;
}



/*===================================== footer ======================================*/

#footer{
	clear:both;
	margin-top:20px;
	color:#666;
	padding-left:13px;
	line-height:19px;
	height:130px;

}
.footer_con_left,.footer_con_middle,.footer_con_right{
	padding:0 13px;
	float:left;
	background:url(../images/footer_div_bg.gif) repeat-y;
	
}
	
#footer p.tit{
	font-weight:bold;
}

.footer_con_left{
	width:235px;}

.footer_con_middle{
	width:268px;}

	

/*peter 091125 edit===========================================================================*/	

#index_content_left h3{
	margin-top:10px;}
	
.best_choice{
	clear:both;
	margin-top:10px;

}

.best_choice ul{
	margin-left:-13px;}

.best_choice ul li{
	float:left;
	display:inline;
	margin:0;
	padding:0;
	width:145px;
	text-align:center;
	margin-left:15px;
	

}

.best_choice ul li p.title{
	text-align:center;
	margin-top:14px;

}

.best_choice ul li p a{
	display:block;}
	
.best_choice ul li p.img img{

	vertical-align:middle;

	
}

.best_choice ul li p.img{
	background:url(../images/index_product_bg.gif) no-repeat center center;

}

.best_choice ul li p.img a{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	*display:block;
	*font-size:127px;
	*font-family:Arial;
	width:145px;
	height:146px;
	
	}
	

	
.best_choice ul li p.more{
	margin-top:12px;
	
	}
/*===========================*/
#search_news_list li{
 line-height:23px;
 background:url(../images/news_li_bg.gif) no-repeat;
 padding-left:28px;
 clear:both;
 color:#666;
 }

#search_news_list li span.date{
 display:block;
 font-size:14px;
 font-weight:bold;
}

/*movie-area===============================*/

#movie-area{
	margin-top:41px;}
	
p.tip{
	padding-left:20px;
	background:url(../images/tip.gif) no-repeat 3px 0;
	color:#666;
	padding-bottom:5px;
	border-bottom:1px dotted #ccc;
	width:97%;
	margin-bottom:5px;}
	
p.tip span{
	padding-right:3px;
	color:#F00;}