@charset "utf-8";
/* CSS Document */
body {
	background-image:url(../cmn_images/sbupage_bg.jpg);
	background-repeat:repeat-x;
	/*line-height:120%;*/
	}
dl,dt,dd,ul,li{	
	border:0;
	margin:0;
	padding:0;
	}
/*for FF defulted ul border margin padding not zero problem*/
p{ 
	margin:5px; 
	}
h1,h2,h3{
	margin:0;
	padding:0;
	}
.textLeft{
	text-align:left;
	}
#subnav{
	width:158px;
	margin:0 0 0 10px!important;
	margin-left:5px;/*fix the IE6 double margin bug*/
	padding:0 0 4px 0;
	font-size:12px;
	border:1px solid #CCC;
	}
/*zjy for subnav 2010/04/19*/
#subnav ul,
#subnav ul li { padding:0; margin:0; list-style:none; font-weight:bold;}

#subnav ul.subMenu1 li{
	float:left;
	width:133px;
	height:19px;
	margin:4px 0 0 4px;
	*margin:4px 0 0 4px;
	_margin:2px 0 0 2px;/*fix the IE6 double margin bug*/
	padding:4px 0 0 15px;
	border:1px solid #CCC;
	background:url(../cmn_images/h1_bg.gif) no-repeat left top;
	}

#subnav ul.subMenu1 li.subMenu2 {
	margin-top:0;
	padding:0;
	height:auto;
	width:148px;
	border-top:none;
	background:none;
	background:url(../cmn_images/h2_bg.gif) repeat-y;
}

#subnav ul.subMenu1 li.subMenu2 ul li{
	float:left;
	margin:0;
	padding:0;
	width:148px;
	height:auto;
	border:none;
	background:url(../cmn_images/dashe.gif) no-repeat left bottom;
}
#subnav ul.subMenu1 li.subMenu2 ul li p{
	background:url(../cmn_images/icon_arr.gif) no-repeat 16px 9px;
	padding: 4px 0 4px 25px;
	margin:0;
}
#subnav ul.subMenu1 li.subMenu2 ul li.nonborder{
	background:none;
}

#subnav ul.subMenu1 li a{
	text-decoration:none;
	font-weight:normal;
	font-size: 12px;
	color:#1065b1;
	}
#subnav ul.subMenu1 li.subMenu2 ul li a:hover{
	text-decoration:none;
	font-size: 12px;
	color:#FF6600;
	}
	
	
#subnav ul.subMenu2 li{
	float:left;
	width:133px;
	height:19px;
	margin:4px 0 0 4px;
	*margin:4px 0 0 4px;
	_margin:2px 0 0 2px;/*fix the IE6 double margin bug*/
	padding:4px 0 0 15px;
	border:1px solid #CCC;
	background:url(../cmn_images/h1_bg.gif) no-repeat left top;
	}

#subnav ul.subMenu2 li.subMenu2 {
	margin-top:0;
	padding:0;
	height:auto;
	width:148px;
	border-top:none;
	background:none;
	background:url(../cmn_images/h2_bg.gif) repeat-y;
}

#subnav ul.subMenu2 li.subMenu2 ul li{
	float:left;
	margin:0;
	padding:0;
	width:148px;
	height:auto;
	border:none;
	background:url(../cmn_images/dashe.gif) no-repeat left bottom;
}
#subnav ul.subMenu2 li.subMenu2 ul li p{
	background:url(../cmn_images/icon_arr.gif) no-repeat 16px 9px;
	padding: 4px 0 4px 25px;
	margin:0;
}
#subnav ul.subMenu2 li.subMenu2 ul li.nonborder{
	background:none;
}

#subnav ul.subMenu2 li a{
	text-decoration:none;
	font-weight:normal;
	font-size: 12px;
	color:#1065b1;
	}
#subnav ul.subMenu2 li.subMenu2 ul li a:hover{
	text-decoration:none;
	font-size: 12px;
	color:#FF6600;
	}	
/*zjy for subnav end*/


#jobnav{
	width:148px;
	margin:10px 0 0 4px!important;
	margin:0 0 0 4px;
	padding:0;
	}
#mainContent{
	width:574px;
	margin-left:20px;
	}
#introl{
	width:556px;
	height:178px;
	padding:9px 9px 5px 9px;
	background-image:url(../product/images/product_intro_bg.jpg);
	background-repeat:repeat-x;
	}
.subBlock{
	width:180px;
	padding:1px;
	border:1px solid #CCC;
	}

.expand{
	width:571px;
	}
.blockTitle{
	height:26px;
	margin:0;
	background-color:#F2F2F2;
	}
.blockContent{
	padding:12px;
	}
.blockContent img{
	float:none;
	margin:0;
	}
.subTitle{
	padding-left:17px;
	font-weight:bold;
	background:url(../cmn_images/icon_rectangle.gif) no-repeat;
	background-position:left 1px;
	}
.blockContent ul{
	margin:0 0 0 1px;
	padding:0;
	list-style:none;
	}
.blockContent #linkUl li{
	line-height:180%;
	background-image:url(../cmn_images/bg_dashed.gif);
	}
.blockContent #linkUl li a,.blockContent #linkUl li a:link{
	width:535px;
	display:block;
	list-style:none;
	padding-left:12px;
	color:#006699;
	background:url(../cmn_images/icon_triangle.gif) no-repeat;
	}
.blockContent #linkUl li a:hover{
	text-decoration:underline;
	}
.bCnew{
	width:20px;
	float:left;
	margin-left:326px;
	margin-top:-12px;
	z-index:99;
	}
.bCnew01{
	width:20px;
	float:left;
	margin-left:310px;
	margin-top:-12px;
	z-index:99;
	}
.bCnew02{
	width:20px;
	float:left;
	margin-left:330px;
	margin-top:-12px;
	z-index:99;
	}
.bCnew03{
	width:20px;
	float:left;
	margin-left:240px;
	margin-top:-12px;
	z-index:99;
	}
.bCnew04_105{
	width:20px;
	float:left;
	margin-left:105px;
	margin-top:-15px;
	z-index:99;
	}
.pagTop{
	text-align:right;
	margin:10px 0;
	padding-left:495px;
	}
.dashedLine{
	height:1px;
	background-image:url(../cmn_images/bg_dashed_dot.gif);
	}
.rightLink{
	font-weight:normal;
	}
.rightLink a,.rightLink a:hover{
	color:#1065b1;
	font-weight:normal;
	}
.rightLink a:hover{
	color:#1065b1;
	text-decoration:underline;
	}
#co_photo{
	float:left;
	margin:0 4px 15px 4px; 
	width:170px; 
	}
#co_pic{
	float:left;
	border:1px #CCCCCC solid;
	}
#co_photoshadow_l{
	float:left;
	}
#co_photoshadow_d{
	float:left;
	width:160px; 
	}

#navplsvd{
	width:170px;
	}
/*reset the value of subnav beacuse the IE6 double margin bug dosn't exist anymore in this structure*/
#videobtn{
	margin:10px 0 0 10px;
	*margin:10px 0 0 10px;
	_margin:5px 0 0 5px;
	}
/*vediobtn style*/
#sisevbtn{
	float:left;
	margin:20px 38px 0px 2px;
	width:123px;
	}
/*sisevbtn style*/
#jobnav ul li{
	list-style:url(../cmn_images/icon_triangle.gif);
	}
#jobnav a{
	text-decoration:none;
	font-weight:normal;
	font-size: 12px;
	color:#1065b1;
	}
#jobnav a:hover{
	text-decoration:none;
	font-size: 12px;
	color:#FF6600;
	}
.paddingL6{
	padding-left:6px;
	}
#cul_outbox_l{
	float:left; 
	background:#aaddff;
	width:306px;
	padding-left:3px!important;
	padding:2px 0;
	}
.cul_inbox_l{
	background:#FFFFFF;
	float:left;
	width:145px;
	height:85px;
	margin:3px;
	text-align:center;
	padding-top:8px;
	}
#arrow{
	width:80px; 
	float:left;
	padding:160px 0 0 0;
	text-align:center;
	}
#cul_outbox_r{
	float:right;
	background:#aaddff;
	width:150px;
	padding:2px 3px!important;
	padding:2px 0;
	}
.cul_inbox_r{
	float:left;
	width:145px;
	background:#FFFFFF;
	height:85px;
	margin:3px;
	text-align:center;
	padding-top:8px;
	}
/*for co_gm.html*/
.imgRight{
	float:right;
	width:304px;
	padding:5px 15px 8px 8px!important;
	padding:5px 0px 8px 8px;
	}
.imgRightBottom{
	float:right;
	width:200px;
	text-align:right;
	padding:0px 0px 0px 0px!important;
	padding:0px 0px 0px 0px;
	}
/*for news_topics.html*/
.topics_table,
.topics_table tr td{
	border:none;
	vertical-align:top;
	text-align:left;
	}
.topics_table tr td p{
	margin:0px;
	line-height:260%;
	}

.tableTextLeft td{
	text-align:left;
	padding-left:10px;	
	}
.tableTextLeft th{
	text-align:left;
	padding-left:10px;	
	}
/*for table which don't have boder*/
.tableNoboder{
	border:none;
	}
.tableNoboder td,
.tableNoboder th{
	text-align:left;
	border:none;
	}	
/*for forggy.html the table's width is 90%*/
#tableWidth90{
	width:90%;
	border:none;
	}
#tableWidth90 td{
	border:none;
	text-align:left;
	}
/*for customer_appraise.html*/
.tableWidth90{
	width:90%;
	}
/*for services_gaiyo.html*/
.tdlikeLeft{
	width:40px;
	}
.tdlikeRight{
	width:490px;
	}
	
/*for froggy.hrml*/
#Ul li{
	line-height:180%;
	background-image:url(../cmn_images/bg_dashed.gif);
	}
#Ul li a,.blockContent #linkUl li a:link{
	list-style:none;
	padding-left:12px;
	color:#006699;
	background:url(../cmn_images/icon_triangle.gif) no-repeat;
	}
#Ul li a:hover{
	text-decoration:underline;
	}
	
/*for product.html the middle is short*/
.froggyBlock{
	height:230px;
	width:180px;
	padding:1px;
	border:1px solid #CCC;
	}
	
.height{
	height:130px;
	line-height:120%;
	}

/*for sitemap.html*/
dl{
	margin:0;
	padding-top:15px;
	}
	
dt{
	background:url(../cmn_images/icon_rectangle.gif) no-repeat;
	background-position:left 1px!important;
	background-position:left -2px;
	font-weight:bold;
	margin-left:29px;
	padding-left:21px;
	color:#006699;
	}
	
dt a,
dt a:link{
	color:#006699;
	}

dd{
	padding-left:71px;
	}
	
dl dd ul{
	width:234px;
	}
				
dl dd ul li{
	margin-top:13px;
	background:url(../cmn_images/icon_rectangle_s.gif) no-repeat;
	background-position:left 1px;
	padding-left:21px;
	}
	
dl dd ul li ul{
	width:192px;
	}
		
dl dd ul li ul li{
	margin-top:10px;
	background:url(../cmn_images/icon_start.gif) no-repeat;
	}
.end{
	margin-top:10px;
	background:url(../cmn_images/icon_end.gif) no-repeat;
	}

.sitemapLeft,
.sitemapRight{
	float:left;
	}

/*------for job -------------
|    (zjy added 20100311)   |
----------------------------*/
.mt30{ margin-top:30px;}

div#job a:link,div#job a:visited { color: #1065b1;}
div#job a:hover,div#job a:active { color: #1065b1; text-decoration:underline;}
div#job .alginr{ text-align:right;}

div#job table.tblList { line-height:25px; margin-top:10px;}
/*clear border*/
div#job table.tblList th { border-bottom:none;}
div#job table.tblList td { border-top:none;}
div#job table.tblList th,
div#job table.tblList td { border-left:none; border-right:none;}

div#job table.tblList td.title { text-align:left; background:url(../cmn_images/icon_triangle.gif) 5px center no-repeat; padding-left:20px;} 

/*for job area txt*/
.txt_tj{ color:#009ACB;}
.txt_bj{ color:#990002;}
.txt_sz{ color:#989B02;}
.txt_gz{ color:#FF6501;}
.txt_sh{ color:#009865;}
.txt_szhen{ color:#996600;}

.txt_jp{ color:#E07EF2;}

.txt_note{ color:#FD0200; margin-left:10px;}


/*	for job detail	*/
div#job div.jobheader { 
	line-height:30px;
	height:30px;
	border-bottom:#ccc 1px solid; 
}
div#job div.jobheader h2.jobTitle{
	font-size:14px; 
	font-weight:bold; 
	color:#000000;
	float:left;
	width:70%;
	background:url(../cmn_images/icon_rectangle.gif) no-repeat left center;
	padding-left:17px;
}
div#job div.jobheader span.btnback{
	float:right;
	width:20%;
	text-align:right;
	color:#1065B1;
}

div#job div.jobcontent{	margin:3px 0 0 15px; padding-bottom:20px;}
div#job div.jobcontent p.bt{
	font-weight:bold;
	line-height:25px;
	text-indent:15px;
	background:url(../cmn_images/icon_triangle.gif) no-repeat left center;
	border-bottom:#ccc 1px dashed;
	margin-top:20px;
}
div#job div.jobcontent ul.jobcon01{
	list-style-type:circle;
	margin-left:40px;
	line-height:20px;
}
div#job div.jobcontent ul.jobcon02{
	list-style-type:disc;
	margin-left:40px;
	line-height:20px;
}
div#job div.jobcontent div.btnbox{	height:25px; margin:20px 0;}
div#job div.jobcontent div.job_f{ border-top:#ccc 1px dashed; margin-top:20px; padding:5px; height:50px;}
div#job div.jobcontent div.job_f ul.job_fl{	float:left;	width:47%;}
div#job div.jobcontent div.job_f ul.job_fr{	float:right;	width:48%; border-left:#ccc 1px solid; padding-left:15px;}

div#job div.jobcontent a.longtxt{ float:left; width:175px; margin-left:60px; margin-top:-16px;}

.schoolImg {
	clear: both;
}