@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; list-style:none;SCROLLBAR-SHADOW-COLOR:#919192;SCROLLBAR-3DLIGHT-COLOR:#ffffff;SCROLLBAR-ARROW-COLOR:#919192;SCROLLBAR-TRACK-COLOR:#ffffff;SCROLLBAR-DARKSHADOW-COLOR:#ffffff;}
:focus { outline: 0;}
.clear{height:0; line-height:0; font-size:0px; display:block;clear:both;}
body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;background: url(../images/bg.jpg) #ECEBEA repeat-x 50% top; font-size:12px; color:#555}
a:link,a:visited {
	color:#333333;
	text-decoration:none;
}
a:hover {
	color:#00F;
	text-decoration: underline;
}
img {border:none;}

#logolink{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 197px;
	height: 50px;
	display: block;
}

#header,#footer,#banner,#content {width:959px; margin:8px auto 10px; clear:both;}
#banner{ display:block; text-align:center}
/*---------   header   -----------*/
#header{ height:98px; margin-top:31px; background:url(../images/top.jpg) no-repeat; position:relative;}
	#logo{ position:absolute; left:32px; top:21px; width:195px; height:49px; background:url(../images/logo.jpg) no-repeat; display:inline}
	.logo_flash{ position:absolute; left:0px; top:0px;}
	#topNav{ position:absolute; right:21px; top:5px; color:#FFF;display:inline}
		#topNav a{ color:#FFF; margin:auto 5px;}
		#topNav select{ width:75px; font-size:11px; background:#2F3337; border:#CCC 1px solid; color:#FFF; outline:none}
	#weblink{
	position:absolute;
	top:98px;
	width:931px;
	background:#0f0f0f;
	padding:10px;
	left:4px;
	display:none;
	z-index: 1;
}
		#weblink li{ float:left;width:120px;padding:3px;}
		#weblink li a{ color:#fff;}
	#search{ position:absolute; top:38px; right:21px;}
		#search .input{ width:162px;  height:16px; line-height:16px; padding:0 5px; font-size:11px; color:#ABABAB;}
		#search .search { width:16px; height:16px; line-height:16px; margin-left:2px;vertical-align:middle; _margin-top:-5px; *margin-top:-5px;}
	#menu{
	position:absolute;
	top:60px;
	right:21px;
}
		#menu ul li{ float:left}	
		#menu ul li a{ color:#FFF; font:12px Verdana, Geneva, sans-serif; font-weight:bold; margin:0 10px; outline:none}

/*---------   當前位置   -----------*/
.tit{line-height:12px; padding-left:4px; padding-top:2px; color:#A6A6A6}

.bar h2{ font-size:14px; color:#FFF; padding:8px 0 0 17px;}

/*---------   index   -----------*/
.index_conL{ float:left; width:759px;}
.index_conR{ float:right; width:190px;}

/*--------- 公共部份   -----------*/
.conL{ float:left; width:758px;}
.conR{ float:right; width:190px;}

.conlL{ float:left; width:198px;}
.conlR { float:right;width:546px;}

.l_box{ margin-top:30px;}
.l_bar{ width:198px; height:38px; background:url(../images/l_bar.png) no-repeat;}
.l_con{ width:198px; height:auto; background:url(../images/l_con.png) repeat-y; clear:both}
.l_btm{ width:198px; height:17px; background:url(../images/l_btm.png) no-repeat;}

.lr_title{ font:18px Verdana, Geneva, sans-serif; color:#030D1A; padding-left:10px; line-height:30px; height:30px;}
.lr_bar{
	width:546px;
	height:35px;
	background:url(../images/c_bar.png) no-repeat;
}
.lr_con{ width:540px; height:auto; background:url(../images/c_con.png) repeat-y; margin:0 auto; clear:both}
.lr_btm{ width:540px; height:5px; background:url(../images/c_btm.png) no-repeat; margin:0 auto;}

.ab_l_nav{ padding:0 17px;}
.ab_l_nav li{ line-height:24px; border-bottom:#EBEBE6 1px solid;}
.ab_l_nav li a{ color:#212121; background:url(../images/arrow.gif) no-repeat left 9px; padding-left:10px; display:block}
.ab_l_nav li a:hover{ color:#DF5B00; background:url(../images/arrow_h.gif) no-repeat left 9px; text-decoration:none;}
.ab_l_nav li a.onclass{ color:#DF5B00; background:url(../images/arrow_h.gif) no-repeat left 9px; text-decoration:none;}



.r_bar{ width:190px; height:38px; background:url(../images/r_bar.png) no-repeat;}
.r_con{ width:190px; height:auto; background:url(../images/r_con.png) repeat-y; clear:both}
.r_btm{ width:190px; height:17px; background:url(../images/r_btm.png) no-repeat;}

.pd_r_nav,pd_r_nav1{ padding:0 6px;}
.pd_r_nav li{line-height:22px; height:22px; clear:both; display:block;overflow:hidden;}
.pd_r_nav li a{ color:#62514A; background:url(../images/arrow.gif) no-repeat 12px 8px; padding-left: 20px; height:22px; display:block;overflow:hidden;}
.pd_r_nav li a:hover{ color:#DF5B00; background:url(../images/arrow_h.gif) no-repeat 12px 8px; text-decoration:none;}
.pd_r_nav li.onclass{ background:url(../images/li_bg.jpg) repeat-x;}
.pd_r_nav li.onclass a{ color:#DF5B00;}
.pd_r_nav1 li{line-height:22px; clear:both; display:block}
.pd_r_nav1 li a{ color:#62514A; background:url(../images/arrow.gif) no-repeat 12px 9px; padding: 0px 10px 0px 20px; display:block;}

.pd_r_qfind{ padding:5px 6px 20px;}
	.qfind_bar{ background:url(../images/qfind_bar.jpg) repeat-x; color:#212121; padding-left:12px; line-height:30px; height:30px; font-weight:bold}
	.qfing_form{ padding-left:12px; line-height:2; color:#000; font-weight:bold}
	.qfing_form select{ width:150px;}
	.pd_r_sbtn{
	background:#7170AD url(../images/search.jpg) 0 0 repeat-x;
	height:19px;
	font-weight:bold;
	border:none;
	width:81px;
	margin-top: 5px;
}

.lr_banner{ text-align:center; margin-top:-6px; display:block}
.lr_content{ padding:15px 17px 30px; line-height:18px; color:#555; overflow:hidden;}

.vedio_con li{ /* text-indent:2em; */ padding-left:9px; margin-top:10px; background:url(../images/arrow_h.gif) 0px 6px no-repeat;}

.fontb{ color:#222; font-weight:bold}
/*--------- 公共部份  end-----------*/



/* 首页 tab选项卡主容器 */ 
		.usual {width:759px; margin:0px auto; }		
		/*tab选项卡*/ 
		.usual_t{ background:url(../images/tab_top.gif) no-repeat; padding:0 10px;}
		.usual_t ul{margin:0; padding:0; overflow:hidden;/*火狐等清理浮动*/ _display:inline-block;/*ie6清理浮动*/ }
		.usual_t ul li{list-style:none; float:left;height:36px; line-height:36px; padding-top:6px; margin-right:5px;}
		.usual_t ul a {display:block; height:36px; line-height:30px; float:left; text-align:center;text-decoration:none;color:#fff;outline:none; font-size:13px; font-weight:bold; width:132px; background:url(../images/tab_bg.jpg) center top no-repeat; cursor:pointer } 
		.usual_t ul a:hover {color:#000000;background:url(../images/tab_on.jpg) no-repeat center top; line-height:36px; } 
		.usual_t ul a.selected {color:#030D1A;cursor:default; background:url(../images/tab_on.jpg) no-repeat center top;line-height:36px; position:relative;} 
		
		/*tab页*/ 
		.tab_list_act { padding:4px 5px 5px; /*min-height:210px;*/ height:305px;filter:alpha(opacity=100); opacity:1; -moz-opacity:1; display:block; background:#fff url(../images/tab_c.gif) repeat-y;  position:relative; /*overflow:hidden*/}
		.tab_list_act ul a{	padding:0 0px; background:none;	color:#4C4C4C;font-weight:normal; cursor:pointer}
		.tab_list_act ul a:hover{ padding:0px 0px; background:none; color:#900;	text-decoration:underline	}
		.usual_btm{ background:url(../images/tab_btm.gif) no-repeat; height:13px;}
	
	#slider1,#slider2,#slider3,#slider4,#slider5{ width:714px; margin:9px auto; position:relative}
	
	#slider1 li.li_box,#slider2 li.li_box,#slider3 li.li_box,#slider4 li.li_box,#slider5 li.li_box{width:714px; height:290px; overflow:hidden;}
	#slider5 li.li_box{
	position: relative;
	background-position: right 0px;
	height: 290px;
	background-repeat: no-repeat;
}
	#slider5 li.li_box .dis_img{
	height: 290px;
	float: right;

}
	#slider5 li.li_box .dis_text{
	float: left;
	height: 290px;
	width: 327px;
}
#slider5 li.li_box span{
	font-size: 16px;
	color: #333399;
	font-weight: bold;
}
#slider5 li.li_box ol{
	list-style-type: disc;
	list-style-position: outside;
	font-size: 14px;
	padding-top: 5px;
	padding-left: 5px;
	display: block;
	color: #333366;
	padding-bottom: 5px;
}
	#prevBtn1,#prevBtn2,#prevBtn3,#prevBtn4,#prevBtn5{position:absolute; left:7px; top:120px; background:url(../images/prve.gif) no-repeat; width:15px; height:32px;}
	#nextBtn1,#nextBtn2,#nextBtn3,#nextBtn4,#nextBtn5{position:absolute; right:8px; top:120px;  background:url(../images/next.gif) no-repeat; width:15px; height:32px;}
		
	.pd_box, .npd_box{ float:left; margin:0 2px; background:url(../images/pd_con_bg.jpg) no-repeat; width:210px; height:265px; display:inline; padding:12px; position:relative}
	.npd_box{background:url(../images/npd_con_bg.jpg) no-repeat; text-align:center}
		.npd_s_box{ height:125px; margin:10px 0 0 10px;}
			/*  .npd_pic{ border:#ccc 1px solid; width:189px; height:93px;}  */
			.npd_pic{ border:#ccc 1px solid; width:60px; height:60px;float:left;overflow:hidden}
			.npd_t, .tab_list_act .npd_t a{ height:28px; line-height:28px; width:auto; font-size:13px; font-weight:bold; display:block}
	.pd_index_title{color:#090071; font-size:13px; line-height:16px; font-weight:bold; height:40px;}
	.pd_list_index{ position:relative; margin:10px 0px; height:210px; overflow:auto;SCROLLBAR-SHADOW-COLOR:#919192;SCROLLBAR-3DLIGHT-COLOR:#ffffff;SCROLLBAR-ARROW-COLOR:#919192;SCROLLBAR-TRACK-COLOR:#ffffff;SCROLLBAR-DARKSHADOW-COLOR:#ffffff;}
	.pd_list_index p {height:120px;overflow:hidden;}
 	.pd_list_index dd{ line-height:18px; display:block}
	.pd_list_index dd a{ padding-left:12px; background:url(../images/index_li.jpg) 2px center no-repeat;/*font-weight:bold; */display:block}
	.pd_list_index dd a:hover{ padding-left:12px; background:url(../images/index_li.jpg) 2px center no-repeat;/*font-weight:bold;*/ display:block}
	.index_more{ position:absolute; right:10px; bottom:10px; font-weight:bold}
	.tab_list_act .index_more a{color:#DF5B00;font-weight:bold; background:url(../images/index_a.gif) left center no-repeat; padding-left:8px;}
	.tab_list_act .index_more a:hover{font-weight:bold; background:url(../images/index_a.gif) left center no-repeat; padding-left:8px;}
	.pd_ab_index_title,.pd_sl_index_title{color:#090071; font-size:13px; font-weight:bold; height:40px; text-align:center; line-height:40px; color:#DF5B00}



/* about 內容相關*/
.ab_tip{ color:#DF5B00}
.aboutM h2 { font-size:12px; color:#002396;}

	.aboutList1 { border-bottom:1px dotted #CCC; padding-bottom:5px; margin-bottom:5px; overflow:hidden; height:1%;}
	.aboutList1 h3 { font-size:12px;}
	.aboutList1 ul { margin:0px;}
	.aboutList1 ul li { background:url(../images/dot_32.gif) left 7px no-repeat; padding-left:20px;}
	.aboutList1 li p{ padding-bottom:20px;}
	
	.new_info h1{ color:#2C257B; font-size:14px;}
	
	.helpMain ul li,.helpList{ border-bottom:1px dotted #CCC; padding-bottom:10px; margin-bottom:5px;}
	.helpList a.solublue:link,a.solublue:visited {color:#464f90;text-decoration:underline;}
	.helpMain ul li h2 { color:#222; font-size:12px;} 
	.help_h2 ul li h2 { color:#D84704; font-size:12px;} 
	.helpMain ul li h3 { color:#000; font-size:11px;}
	
	.awards_list ul li{ background:url(../images/aw_list.gif) left 8px no-repeat; padding-left:15px; margin:0;}
	
	.certf_list dt{ height:34px; background:#FBFBFB; padding-left:6px; color:#222; line-height:34px; font-weight:bold}
	.certf_list dd{ background:#F4F4F4; padding:10px 12px; line-height:16px;}
	
	.new_list ul li{background:url(../images/aw_list.gif) left 12px no-repeat; padding-left:15px; height:auto; border-bottom:#D7D7D7 1px dashed; line-height:30px; display:block }
	
	.dl_box{ clear:both; width:100%; height:auto; border-bottom:#D7D7D7 1px dashed; display:block; padding:10px 0;}
	.dl_box dt{ height:30px; display:block; line-height:30px;color:#222; font-size:12px;font-weight:bold}
	.dl_box dd h2{ color:#002396; font-size:12px;font-weight:bold}
	.dl_box dd.dd_l{float:left; width:112px; display:block}
	.dl_box dd.dd_r{float:right; width:380px; display:block;}
	
	.vedio_box{ padding:0 5px; clear:both}
	.vedio_box ul li{ float:left;width:50%; display:block;}
	
	.job_box1{ background:url(../images/job_bg1.jpg) left bottom no-repeat; width:470px; height:269px; padding:0 15px;}
	.job_box1 h1{ color:#002396; line-height:40px; font-size:12px; font-weight:bold}
	.job_box1 ul{ line-height:22px;}
	.job_box_2{ background:url(../images/job_bg2.jpg) left bottom no-repeat; width:470px; height:auto; padding:0 15px 20px;}
	.mailto{ color:#D84704; height:28px; line-height:28px; border:#D7D5D5 1px solid; text-align:center; margin-top:20px; background:#F2F2F2; font-size:14px; width:98%}

/*------- products ------*/
#ur_here{ margin:0 auto; width:950px; padding-left:9px;font-size:14px; line-height:20px; color:#373737;}
.pd_con{ width:949px; border-left:#ddd 1px solid; border-right:#ddd 1px solid; margin:0 auto; background:#FFF}
.pd_btm{ width:951px; margin:0 auto;background:url(../images/pd_btm.gif) no-repeat; height:5px;}

.conL_solu{ width:959px}
.banner_pd{ text-align:center; margin-bottom:10px;display:block; clear:both}
.lr_pd_con{
	line-height:18px;
	color:#444;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
}
.lr_pd_conn{
	line-height:18px;
	color:#555;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
}

.lr_pd_1con ul {
	width: 100%;
	display: block;
	height: 98px;
	padding-top: 25px;
}
.lr_pd_1con li {
	float: left;
	height: 98px;
	width: 240px;
	display: block;
	text-align: center;
}


		/*產品 tab选项卡主容器*/ 
		.usual_pd {width:959px; margin:0px auto; }		
		/*tab选项卡*/ 
		.usual_t_pd{ background:url(../images/pd_bar.jpg) no-repeat; padding:0 10px;}
		.usual_t_pd ul{margin:0; padding:0; overflow:hidden;/*火狐等清理浮动*/ _display:inline-block;/*ie6清理浮动*/ }
		.usual_t_pd ul li{list-style:none; float:left;height:36px; line-height:36px; padding-top:5px; margin-right:5px;}
		.usual_t_pd ul a {display:block; height:36px; line-height:30px; float:left; text-align:center;text-decoration:none;color:#fff;outline:none; font-size:13px; font-weight:bold; width:142px; background:url(../images/tab_pd_bg.jpg) center top no-repeat; cursor:pointer } 
		/*.usual_t_pd ul a:hover {color:#000;background:url(../images/tab_pd_on.jpg) no-repeat center top; line-height:36px; } */
		.usual_t_pd ul a.selected {color:#030D1A;cursor:default; background:url(../images/tab_pd_on.jpg) no-repeat center top;line-height:36px; position:relative;} 
		
		/*tab页*/ 
		.tab_list_act_pd {width:939px; padding:4px 5px 5px; min-height:210px;filter:alpha(opacity=100); opacity:1; -moz-opacity:1; display:block; border-left:#ddd 1px solid; border-right:#ddd 1px solid; margin:0 auto; background:#FFF;  position:relative}
		/*.tab_list_act_pd ul a{	padding:0 0px; background:none;	color:#4C4C4C;font-weight:normal; cursor:pointer}
		.tab_list_act_pd ul a:hover{ padding:0px 0px; background:none; color:#900;	text-decoration:underline	}*/
		.usual_btm_pd{ width:951px; margin:0 auto;background:url(../images/pd_btm.gif) no-repeat; height:5px;}
		
	
	.pclass_box{ float:left; width:217px; height:233px; border-right:#CCC 1px dotted; border-bottom:#CCC 1px dotted; padding-left:10px; display:block;}
	.pclass_box2{ float:left; width:434px; height:233px; border-right:#CCC 1px dotted; border-bottom:#CCC 1px dotted; padding-left:10px; display:block;}
	.pclass_lnkbox{float:left; width:912px;border-bottom:#ccc 1px solid;padding-top:20px;height:35px;}
	
	.pclass_box h2 ,.pclass_lnkbox h2{ font:13px Verdana, Geneva, sans-serif; color:#090071; font-weight:bold; height:30px; padding-top:5px;}
	.pclass_box h3{font:13px Verdana, Geneva, sans-serif; color:#779; font-weight:bold; height:30px; padding-top:5px;}
	.pc_list_box{ padding-top:20px;}
	.pclass_box ul{overflow:auto;height:160px;SCROLLBAR-SHADOW-COLOR:#919192;SCROLLBAR-3DLIGHT-COLOR:#ffffff;SCROLLBAR-ARROW-COLOR:#919192;SCROLLBAR-TRACK-COLOR:#ffffff;SCROLLBAR-DARKSHADOW-COLOR:#ffffff;}
	.pc_list_box li{ line-height:1.5;}
	.pc_list_box a{ background:url(../images/pc_li.gif) 6px center no-repeat; padding-left:15px; color:#666; display:block}
	.pc_list_box a:hover{ background:url(../images/pc_li_h.gif) 6px center no-repeat;display:block; color:#00F}
	
	.lr_pd_top{ padding:8px 17px; line-height:36px;background:#F7F7F7 url(../images/sv_b.gif) left bottom repeat-x;display:block; width:705px;}
	.lr_pd_top ul li{ float:left; width:233px; display:block; line-height:36px;}
	.lr_pd_top ul li a{ font-weight:bold;color:#555; background:url(../images/aw_list.gif) left center no-repeat; padding-left:15px;}
	.lr_pd_top ul li a:hover{ color:#EA6400}
	.pd_list{padding:20px;}
	.pd_list li{ float:left; height:89px; width:348px; margin-bottom:8px; border:#DCDCDC 1px solid; position:relative; display:block}
	.pd_list_pic{ float:left; width:83px; height:89px; border-right:#DCDCDC 1px solid; background:#fff; padding-left:2px;text-align:center; vertical-align:middle;}
	.pd_list_pic img{ margin-top:15px;}
	.pd_list_sbox{ float:left; width:245px; height:89px; background:url(../images/pd_list_bg.jpg) left bottom repeat-x; padding:0px 8px; }
	.pd_list_sbox dt{ font:13px Verdana, Geneva, sans-serif; color:#090071; font-weight:bold; height:26px; padding-top:10px;}
	.pd_list_sbox dd {overflow:auto;height:40px;}
	.pd_l_bar{
	width:759px;
	height:35px;
	margin-left:-1px;
	background:url(../images/pd_r_bar.png) no-repeat;
}	.pd_l_bar_1{
	width:759px;
	height:35px;
	margin-left:-1px;
	background:url(../images/pd_r_bar.png) no-repeat;
}
	.pd_l_con{ width:750px; height:auto; margin:0 auto; clear:both; background:#fff; border-left:#ddd 1px solid; border-right:#ddd 1px solid; overflow:hidden}
	.pd_l_con .link_par_con {margin:0px 10px;}
	.pd_l_con .link_par_con h2{font-size:14px;color:#969938;}
	.pd_l_con .link_par_con p{margin:auto;}
	.pd_l_btm{ width:752px; height:4px; margin:0 auto;background:url(../images/pd_btm.jpg) no-repeat; }
	
	.pd_info{padding:20px 0; height:auto;}
	.pd_l_pic{ float:left; width:400px; height:410px; margin-left:12px;}  /*---詳細相冊---*/
		.pd_big_pic{

}
		.pd_big_pic img{
	max-width:400px;
	max-height:300px;
}
		.pd_pic_gallery a{ float:left}
		.pd_pic_gallery ul li{ float:left; width:99px; display:block}
		.pd_pic_gallery ul li img{ max-width:99px; max-height:100px;}
	.pd_r_info{ float:right; width:296px; height:410px; margin-right:12px;}
		.pd_r_t{color:#3A3A3A; line-height:20px; font-weight:bold}
		.pd_r_option{ border:#ccc 2px solid; padding:9px; line-height:20px; margin:10px auto;}
		.pd_r_option img{ vertical-align:middle; margin-right:2px}
		.pd_r_option a{ margin-right:8px;}
		.pd_r_c{ line-height:20px}
		.pd_r_c h1{ color:#F43D00; font-size:16px; line-height:30px;}
	
	/*產品詳細 tab选项卡主容器*/ 
	.usual_info {width:750px; margin:0px auto; }		
	/*tab选项卡*/ 
	.usual_t_info{ background:url(../images/pd_top.jpg) no-repeat left bottom; padding:0 0px;}
	.usual_t_info ul{margin:0; padding:0; overflow:hidden;/*火狐等清理浮动*/ _display:inline-block;/*ie6清理浮动*/ }
	.usual_t_info ul li{list-style:none; float:left;height:30px; line-height:30px; padding-top:5px; margin-right:5px;}
	.usual_t_info ul a {display:block; height:30px; line-height:30px; float:left; text-align:center;text-decoration:none;color:#fff;outline:none; font-size:13px; font-weight:bold; width:128px; background:url(../images/pd_tab_bg.jpg) center top no-repeat; cursor:pointer } 
	.usual_t_info ul a.first{}
	.usual_t_info ul a.first.selected{background:url(../images/pd_tab_f.jpg) no-repeat center top; margin-left:0px}
	.usual_t_info ul a:hover {color:#000;background:url(../images/pd_tab_on.jpg) no-repeat center top; line-height:30px; } 
	.usual_t_info ul a.selected {color:#030D1A;cursor:default; background:url(../images/pd_tab_on.jpg) no-repeat center top; line-height:30px; position:relative;} 

	
		.pd_r_con{
	padding:10px;
}
.pd_r_con .fea{
	padding-left: 5px;
	line-height: 25px;
}
		.pd_r_con h2{ font-size:12px; color:#000; height:25px; line-height:25px; margin-left:5px; display:block;clear: both;}
		.pd_r_box{
	border:#C1C1C1 1px solid;
	
	line-height:22px;
	margin-bottom:12px;
	height: auto;
	overflow: hidden;
}
			
			.pd_r_list dt{ display:none;color:#000; font-weight:bold;}
			.pd_r_list dd{
	padding:0 6px;
	clear:both;
	display:block;
	width: 696px;
}
			.pd_r_list dd.d_gray{ background:#EDEDEB;}
			.pd_r_list dd img{ margin-right:12px;}

			.pd_r_list .left
			{
				color:#D84704;				
				font-weight:bold;
				float:left;				
				padding-left:10px;
				padding-right:4px;
				margin-right:-1px;
				width: 161px;
				word-break : break-all;
				border-right:#999 1px dotted;			
			}
			

			.pd_r_list .right{ float:right; padding:0 10px 0 10px; width:500px;  border-left:#999 1px dotted; }
			.pd_r_list .right a{ color:#2C58AC}
		.pd_info_s_bar{
	width:720px;
	height:23px;
	line-height:23px;
	color:#FFF;
	font-weight:bold;
	display:block;
	clear:both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../images/pd_r_bar.jpg);
	background-repeat: repeat-x;
}
	
	.td_gray{background:#EDEDEB}
	.table_pd{ margin-bottom:25px; padding-top:5px; border:#CCC 1px solid; border-top:none; width:695px;}
	.table_pd td{ height:21px; line-height:21px;padding-left:5px;}
	.table_pd img{ vertical-align:middle}
	.td_f{ padding-left:10px;}
	
	
	.pd_enquiry{}
		.pd_enquiry li{ line-height:21px; height:21px; margin-bottom:10px; clear:both;display:block}
		.pd_enquiry li span.left { float:left; text-align:right; width:130px; font-family:Verdana, Geneva, sans-serif; font-weight:bold }
		.pd_enquiry li span.right { float:left; padding:0 10px 0 5px; text-align:left}
		.pd_enquiry li span.right a{ color:#002396}
		.pd_enquiry	input{ background:url(../images/input_bg.jpg) repeat-x; border:#DEDEDE 1px solid; height:19px; line-height:19px; width:148px;overflow:hidden}
		.pd_enquiry textarea{background:url(../images/input_bg.jpg) left top repeat-x; border:#DEDEDE 1px solid;}
		.pd_enquiry li span.right label{ color:#002396}
	
	.pd_info_contact{padding:10px 0;}
	.pd_info_contact li{ height:23px;}	
	.s_l,.s_c,.s_r{ float:left;background:url(../images/input_bg.jpg) repeat-x; border:#DEDEDE 1px solid; height:19px; line-height:19px; padding-left:10px; display:block; color:#666}
	.s_l{ width:184px;}
	.s_c{ width:233px; margin:0 29px;}
	.s_r{ width:183px;}
	.pd_info_contact li a:hover{ color:#D84704; text-decoration:none}
	
/*------- solutions ------*/
.conL_solu{ width:959px}
	.l_sup_box, .l_contact_box{ margin-top:0px;}
		.l_contact_con{ padding:10px 17px; line-height:18px;}
		h3{ font-size:12px; color:#222;clear: both;}
.conlR_solu{ width:750px;}
	.lr_sl_bar{ width:750px; height:35px; background:url(../images/sl_bar.png) no-repeat}
	.lr_sl_con{ width:750px; height:auto; background:url(../images/sl_con.png) repeat-y; margin:0 auto; clear:both}
	.lr_sl_btm{ width:750px; height:11px; background:url(../images/sl_btm.png) no-repeat; margin:0 auto;}
	
	.lr_sl_cont{
	line-height:18px;
	color:#555;
	height: 280px;
	padding-top: 10px;
	padding-right: 17px;
	padding-bottom: 10px;
	padding-left: 17px;
}
    .sl_timg{
	float: left;
	width: 183px;
}
	.sl_tbox{
	width:500px;
	color:#030D1A;
	line-height:20px;
	font-weight:bold;
	overflow:auto;
	height:257px;
	float: right;
}
.sl_list_box{ width:749px; margin:5px auto;}
	.sl_list_bar{ background:url(../images/sl_list_t.gif) no-repeat; height:8px;}
	.sl_list_con{ background:url(../images/sl_list_c.gif)  repeat-y}
	.sl_list_btm{ background:url(../images/sl_list_b.gif) no-repeat; height:11px}
	
	.sl_l_c_bg{ width:699px; margin:0 auto; height:100%; background:url(../images/sl_l_c_bg.gif) center top repeat-x; padding:12px 17px 12px 23px;}
	.sl_box{ float:left; position:relative; padding:0 9px; width:210px; height:163px; margin-right:5px; margin-bottom:15px; background:url(../images/sl_bg.gif) no-repeat; display:block; overflow:auto;}
	.sl_box dt{ color:#222222; font-weight:bold;  height:30px;  line-height:15px; width:170px;}
	.sl_box dd.more{ position:absolute; right:15px; top:0px; height:20px;  line-height:20px; color:#D84704}
	.sl_box dd.more a{ color:#D84704}
 	.sl_box dd.img{ height:62px; padding:10px 0 2px;}
	.sl_box dd.son{ color:#555; height:50px; overflow:hidden; line-height:16px;}
	
	.IA_box ul li{ float:left; width:496px; /* width:248px; */ margin-right:2px; display:block}
	.IA_dl_box{ clear:both; width:100%; height:auto; padding:10px 0; height:86px; overflow:hidden}
	.IA_dl_box dt{/* height:30px; display:block; line-height:30px;color:#222; font-size:12px;font-weight:bold */ display:none}
	.IA_dl_box dd h2{ color:#002396; font-size:12px;font-weight:bold}
	.IA_dl_box dd.dd_l{float:left; width:60px; display:block}
	.IA_dl_box dd.dd_r{float:right; width:423px; /* width:175px; */ display:block;}
	.IA_dl_box dd.dd_r p{ /* max-height:55px; */ height:40px; overflow:auto;}
	.IA_dl_box dd.dd_r a.more{ color:#666; font-weight:bold}
	.IA_dl_box dd.dd_r a.more:hover { color:#333; font-weight:bold}
	
	.lr_top{ width:540px; height:5px; background:url(../images/lr_top.jpg) no-repeat; }
	.lr_btm_e{ width:540px; height:4px; background:url(../images/lr_btm.jpg) no-repeat; }
	.electric_sbox{ padding:0 10px 10px; height:auto; clear:both; display:block}
	.electric_sbox dl{ clear:both}
	.electric_sbox dt{color:#002396; font-size:12px;font-weight:bold; line-height:30px;}
	.electric_sbox dd.dd_l{float:left; width:79px; display:block}
	.electric_sbox dd.dd_r{float:right; width:440px; line-height:18px; display:block}
	
/*------- support -------*/
.lr_supp_con{ padding:0 1px; line-height:18px; color:#555; }
	.support_login{ padding:17px; line-height:40px;background:#EDEDED url(../images/sv_b.gif) left bottom repeat-x};
	.support_login ul li span.left{font-family:Verdana, Geneva, sans-serif; font-weight:bold}
		.cinput3{ background:url(../images/sinput.jpg) no-repeat; border:none; height:21px; line-height:21px; width:109px;overflow:hidden}
	.suport_con{padding:5px 17px; display:block; clear:both}
	.suport_con h1{ font-size:14px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; height:30px; line-height:2; display:block; color:#2C257B}
	.suport_con div p span{color:#D84704;font-weight:bold;}
	.sv_box{ clear:both}
	.s_s_bar{ height:27px; line-height:27px; padding:0 15px; border:#DDD 1px solid; background:#EBEBEB url(../images/sv_t.jpg) 5px center no-repeat;}
	.s_s_con { height:100%; padding:17px 5px 17px 17px; display:block;clear:both}
	.s_s_con ul li { float:left; width:auto;margin-right:15px; height:25px; line-height:25px;}
		.s_s_con ul li a{ float:left; background:url(../images/sv_a1.jpg) left center no-repeat; padding-left:13px;  white-space:nowrap;}
		.s_s_con ul li a:hover{background:url(../images/sv_a.jpg) left center no-repeat}
		.s_s_con ul li a.onclass{background:url(../images/sv_a.jpg) left center no-repeat}
	.global_ser_p ul{ margin:15px auto 15px 15px;}	
	.global_ser_p ul li{ background:url(../images/aw_list.gif) left center no-repeat; padding-left:10px;}
	
	.global_ser_f{border-top:1px dashed #CCC; border-bottom:1px dashed #CCC; padding:10px 0 20px;}
	.global_ser_f h2{ color:#222; font-size:12px;}
	
	.global_ser_c{ padding:10px 0 20px; line-height:18px;}
	.global_ser_c h2{ color:#D84704;font-size:12px;}
	.global_ser_c .tp_{ color:#ff0000;float:right;}
	.global_down_list dd span.right{ width:200px;}
	
	.tech_l_con{border-top:1px dashed #CCC; border-bottom:1px dashed #CCC; padding:10px 0; margin:10px auto}
	
	.down_sup_list{ padding:10px 0}
	.down_sup_list ul li{height:27px; line-height:27px; padding:0 20px; border:#DDD 1px solid; background:#EBEBEB url(../images/down.jpg) 5px center no-repeat; margin-bottom:5px;}
	
/*------- Investor Relations -------*/
.lr_inv_con{ padding:0 1px; line-height:18px; color:#555; }
.Investor_list{ clear:both;font-size:11px;}
	.Investor_list li{
	float:left;
	border-top:#CCC 1px solid;
	width:100%;
	height:100%;
	clear:both;
	position: relative;
}
	.Investor_list li.d_gray{ background:#EFEFEE}
	.Investor_list li div{ padding:12px 17px;}
	.Investor_list div.left{ float:left;  width:370px; min-height:40px; border-right:#CCC 1px solid; }
	.Investor_list div.right{ float:right; width:114px;  padding:auto 10px; position:absolute; right:0px; bottom:0px;text-align:right;}
	.Investor_list div.right a{ color:#2C257B;font-size:11px;}
	
/*--------- Club login  -----------*/
.club_login{}
.club_login .list label{
	width:126px;
	display:block;
	float:left;
	text-align:center
}

    .club_login .list1 label{
	width:126px;
	display:block;
	float:left;
	background-color:#EBEBEB;
	text-align:center
}
	.club_login li{ line-height:25px; margin-bottom:10px; clear:both;display:block}
	.club_login li span.left { float:left; text-align:right; width:155px; font-family:Verdana, Geneva, sans-serif; font-weight:bold }
	.club_login li span.right { float:left; padding:0 10px 0 5px; text-align:left}
	.club_login li span.right a{ color:#002396}
		.cinput{ background:url(../images/club_input.jpg) no-repeat; border:none; height:21px; line-height:21px; width:148px;overflow:hidden}
		.cinput2{ background:url(../images/club_input2.jpg) no-repeat; border:none; height:21px; line-height:21px; width:66px; text-align:center; overflow:hidden}
		.cinput4{
	border:none;
	height:125px;
	line-height:21px;
	width:350px;
	overflow:hidden;
	background-attachment: fixed;
	background-image: url(../images/club_input4.jpg);
	background-repeat: no-repeat;
}
	.club_login li span.right label{ color:#002396}
			

	
/*--------- E-Catalog -----------*/
.down_box{
	line-height:22px;
	margin-bottom:12px;
}
	.down_list dt,.down_list dd{ padding:0 6px; clear:both; height:22px; display:block}
	.down_list dt{
	color:#000;
	font-weight:bold;
	height: auto;
	padding-top: 15px;
}
	.down_list dd.d_gray{ background:#EDEDEB;}
	.down_list dd img{ margin-right:12px;}
	.down_list dd span.left { float:left;}
	.down_list dd span.right { float:right; padding:0 10px 0 20px; border-left:#999 1px dotted}
	.down_list dd span.right a{ color:#2C58AC}
	
/*----------------------------------------------------------------*/	
	



.Select_all {
	position:relative;
	font-size:12px;
	height:17px;
	line-height:17px;
	z-index:1;
	text-indent:0.3em;
	border:1px solid #2F4A6A;
	cursor:default;
	color:#878884;
	text-align:left;
}
.Select_txt {
	position:relative;
	background:#fff url(../images/input_20.gif) right 0 no-repeat;
}
.Select_list {
	background:#fff;
	position:absolute;
	z-index:2;
	height:auto;
	top:0px;
}
.Select_list_over {
	background:#E2EBFE;
}
.Select_list_out {
	background:#fff;
}
select {
	position:relative;
	top:0px;
	left:0px;
}



.redcor{color:#ff0000;}
.bluecor{color:#44cf47;}






/*----------   footer  -------*/
#footer { padding:10px 0; font-size:11px; color:#666; margin-top:5px;}
#footer .nav_box { border-bottom:#828282 1px dotted; height:20px; line-height:12px; padding:0 15px; clear:both}
#footer .nav_box .nav{ float:left}
#footer .nav_box .nav ul li{ float:left; border-right:#000 1px solid; height:12px;}
.site{ float:right}
.copyright{padding:5px 25px; color:#2C2C2C}
#footer ul li a { padding:0 10px; color:#181818}
#footer ul li a :visited { color:#999;}






	

#evoc_key a {font-size:11px; color:#999999;font-weight:normal;text-decoration:none}
#evoc_key a:hover {font-family:Arial;font-weight:normal;text-decoration:underline}

.topborder {
     
	
	border: 1px solid #898989;
}

.topborder a {
	padding-left:20px;
	padding-right:10px;
	color:#ffffff;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;	
}

.topborder a:hover{ text-decoration:underline;}

/*
----------
*/
.d_gray {
	background-color:#F5F5F5;
	display: block;
	line-height: 22px;
	height:auto;
	overflow:auto;
	clear:both;
}
.Nav_Content {
	color: #666666;
	line-height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.arraw {
	font-family: "宋体";
	font-size: 12px;
	color: #FF0000;
	margin-left: 10px;
	margin-right: 3px;
}
Pic_Ico {
	height: 25px;
	width: 125px;
	display: block;
}
.Pic_Ico {
	display: block;
	height: 20px;
	width: 200px;
}
.Pic_Ico img {
	height: 20px;
	width: 100px;
}

.Nav_Content li {
	float: left;
	width: 30%;
	height: 20px;
	display: block;
	margin-right: 10%;
}
#content .conL .conlR .lr_box .lr_con png .lr_content .Nav_Content i {
	height: 20px;
	width: 100px;
	display: block;
	float: left;
}
.Nav_Content i {
	height: 20px;
	width: auto;
	float: left;
	display: block;
	font-style: normal;
}
.Nav_Content img {
}
.Nav_Content ul {
	height: 45px;
}
#downloadlist ul {
	width: 100%;
	height: auto;
	display: block;
	clear: both;
}
#downloadlist a {
	display: block;
	width: auto;
	float: left;
	height: 25px;
	padding-right: 8px;
	padding-left: 7px;
	font-size: 11px;
}
#downloadlist ul {
	border: 1px solid #006699;
	height: 100%;
	display: block;
	line-height: 25px;
	margin:3px 0px 3px 5px;
	overflow: hidden;
}
/*table*/

table{
	font-family: arial;
	font-size: 12px;
	border-top-color: #eee;
	border-left-color: #eee;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
}

td{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #eee;
	border-bottom-color: #eee;
	padding: 5px;
}
th{
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #eee;
	border-bottom-color: #eee;
	text-align: center;
}


tr:hover, tr.hover{
	background-color: #FFFACD;
	color: #0000EE;
	font-size: 12px;
}


/*table*/



/*menu*/
#menuu{
	position:absolute;
	top:60px;
	right:21px;
}
#nav {
	display:block;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: visible;
	float: right;
}
#nav .mainlevel {
	float:left;
}
#nav .mainlevel a {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 30px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#nav .mainlevel a:hover {
	color:#fff;
	text-decoration:underline;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	background-repeat: repeat-x;
	background-position: 0 0;
}
#nav .mainlevel ul a {
	color:#444;
	text-decoration:none;
	display:block;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 30px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	width: 170px;
}
#nav .mainlevel ul a:hover {
	color:#fff;
	text-decoration:none;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 8px;
	background-repeat: repeat-x;
	background-position: 0 0;
	background-image: url(../images/slide-panel_10.png);
	text-align: left;
	width: 150px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FF0000;
	border-left-width: 2px;
	border-left-style: solid;
	border-top-color: #FF0000;
	border-bottom-color: #FF0000;
	border-left-color: #FF0000;
}
#nav .mainlevel ul {
	display:none;
	position:absolute;
	z-index: 1000;
}
#nav .mainlevel li {
	background-color: #eef;
	width: 172px;
	border-top-color: #062723;
	margin-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #062723;
}
.log {text-align:center; color:skyblue; line-height:24px; text-transform:capitalize; margin:50px auto;}


.tip_title {
	color: #DF5B00;
	background-image: url(../images/arrow.gif);
	height: 25px;
	width: 100%;
	display: block;
	background-repeat: no-repeat;
	line-height: 25px;
	background-position: 5px center;
	text-indent: 15px;
	background-color: #F5F5F5;
	font-size: 12px;
	clear: both;
}
.tip_title01 {
	color: #DF5B00;
	height: 25px;
	width: 100%;
	display: block;
	line-height: 25px;
	text-indent: 15px;
	background-color: #F5F5F5;
	font-size: 12px;
	clear: both;
}



/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
	font-family: Verdana, Geneva, sans-serif;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: center;
	cursor: pointer;
	float: left;
	padding: 0;
	width: 90px;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 8.2em;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 17em;
	text-align: left;
	padding: 0px;
	margin: 0px;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	width: 15em;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	padding: 5px;
}
ul.MenuBarHorizontal ul a
{
	display: block;
	cursor: pointer;
	color: #444;
	text-decoration: none;
	font-weight: bold;
	background-color: #EEF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #EEF;
	border-left-color: #EEF;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	color: #FFF;
	text-decoration: underline;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover
{
}

ul.MenuBarHorizontal ul a.MenuBarItemHover
{
	color: #FFF;
	text-decoration: none;
	background-image: url(../SpryAssets/slide-panel_10.png);
	background-repeat: repeat-x;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #EEF;
	border-left-color: #EEF;
}
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover{
}
ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	text-decoration: none;
	padding: 10px;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(../SpryAssets/SpryMenuBarDown.png);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(../SpryAssets/SpryMenuBarRight.png);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(../SpryAssets/nav.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #444;
	text-decoration: none;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(../SpryAssets/SpryMenuBarRightHover.png);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
	display: inline;
	f\loat: left;
	}
}