@charset "utf-8";
body{
	background:#8B877B;
}
body, p{
	margin:0px;
}
img{
	border:3px solid #4C4B44;
}
a{
	color:#FFF;
}
#body {
	background:url(img/bg_body.gif) repeat-y;
	margin:0px auto;
	padding:0px 20px;
	width:765px;
}
#main{
	background:url(img/bg_main.gif);
	color:#FFFFFF;
	font-size:12px;
}
.summary #main, .contact #main, .getajob #main{
	padding:17px;
}
.contact ul{
	list-style:none;
	margin:12px 0px;
	_margin:20px 0px auto 40px;
	padding-left:20px;
	_padding:0px;
}
.contact #main li{
	float:left;
	height:16px;
	width:340px;
}
.contact .summary	div{
	float:left;
	_margin:20px 0px 10px 20px;
	padding:12px 0px 10px 20px;
	_padding:0px;
	width:340px
}
.contact .summary{
	height:190px;
}
#map{
	padding:10px 0px;
	position:relative;
	text-align:right;
}
#map .small{
	left:0px;
	_left:-235px;
	position:absolute;
	top:62px;
}
.getajob ul{
	margin:10px auto;
	padding:0px 10px 0px 15px;
	width:660px;
}
.getajob .summary	div{
	margin:20px auto 0px 20px;
}
.getajob .job{
	background:url(img/title_job.gif) no-repeat;
	height:300px;
	margin:10px auto 0px;
	padding:30px 10px;
	position:relative;
}
.job a span{
	display:none;
}
.job a:hover{
	background:none;
}
.job a:active{
	color:#FFA100;
}
.job a:hover span{
	z-index:99;
}
.job a:hover span,.job a:active span,.job a:focus span{
	background:#4C4A43;
	color:#FFF;
	display:block;
	height:260px;
	padding:40px 30px;
	position:absolute;
	right:0px;
	text-decoration:none;
	top:0;
	width:360px;
}
#main h1{
	background:#4C4A43 no-repeat left top;
	height:43px;
	margin:0px;
}
#main .summary{
	background:#5C5A51;
	padding-bottom:25px;
}
#main .summary h1{
	background-image:url(img/title_summary.gif); 
}
#main .summary p{
	margin:11px 20px 3px;
	text-indent:2em;
}
#main .business{
	background:url(img/title_business.gif) no-repeat;
	height:195px;
	line-height:95px;
	margin:25px 320px 0px 0px;
	padding-top:40px;
}
#main .business a{
	float:left;
	margin:10px 0px 0px 20px;
	text-align:center;	
	width:170px;
}
.summary .link{
	background:url(img/title_link.gif) no-repeat;
	padding:40px 0px 0px;
	text-align:center;
}
.product .list{
	background:url(img/product/bg_left_product.gif) no-repeat left 247px;
	float:left;
	height:578px;
	width:206px;
}
.product .list div{
	background:url(img/product/bg_left_product.gif) no-repeat left -331px;
	padding:7px 0px;
}
.product .list a{
	background:no-repeat;
	display:block;
	height:30px
}
.news .list{
	background:url(img/news/bg_left_news.gif) no-repeat left 0px;
	float:left;
	height:578px;
	width:206px;
}
.list a.willcom{
	background-image:url(img/product/a_willcom_off.gif);
}
.list a.cmcc{
	background-image:url(img/product/a_cmcc_off.gif);
}
.list a.fetion{
	background-image:url(img/product/a_fetion_off.gif);
}
.list a.dcd{
	background-image:url(img/product/a_dcd_off.gif);
}
.list a.solution{
	background-image:url(img/product/a_solution_off.gif);
}
.list a.btcam{
	background-image:url(img/product/a_btcam_off.gif);
}
.list a.unimusic{
	background-image:url(img/product/a_unimusic_off.gif);
}
.list a.software{
	background-image:url(img/product/a_software_off.gif);
}
.list a.imolife{
	background-image:url(img/product/a_imolife_off.gif);
}
.willcom a.willcom{
	background-image:url(img/product/a_willcom_on.gif);
}
.cmcc a.cmcc{
	background-image:url(img/product/a_cmcc_on.gif);
}
.fetion a.fetion{
	background-image:url(img/product/a_fetion_on.gif);
}
.dcd a.dcd{
	background-image:url(img/product/a_dcd_on.gif);
}
.solution a.solution{
	background-image:url(img/product/a_solution_on.gif);
}
.btcam a.btcam{
	background-image:url(img/product/a_btcam_on.gif);
}
.unimusic a.unimusic{
	background-image:url(img/product/a_unimusic_on.gif);
}
.software a.software{
	background-image:url(img/product/a_software_on.gif);
}
.imolife a.imolife{
	background-image:url(img/product/a_imolife_on.gif);
}
.list a.willcom:hover{
	background-image:url(img/product/a_willcom_hover.gif);
}
.list a.cmcc:hover{
	background-image:url(img/product/a_cmcc_hover.gif);
}
.list a.fetion:hover{
	background-image:url(img/product/a_fetion_hover.gif);
}
.list a.dcd:hover{
	background-image:url(img/product/a_dcd_hover.gif);
}
.list a.solution:hover{
	background-image:url(img/product/a_solution_hover.gif);
}
.list a.btcam:hover{
	background-image:url(img/product/a_btcam_hover.gif);
}
.list a.unimusic:hover{
	background-image:url(img/product/a_unimusic_hover.gif);
}
.list a.software:hover{
	background-image:url(img/product/a_software_hover.gif);
}
.list a.imolife:hover{
	background-image:url(img/product/a_imolife_hover.gif);
}
#product{
	background:no-repeat 10px 15px;
	margin-left:206px;
	padding:40px 17px 0px 5px;
}
#news{
	background:no-repeat 10px 15px;
	margin-left:206px;
	padding:20px 17px 0px 5px;
}
.willcom #product{
	background-image:url(img/product/title_willcom.gif);	
}
.cmcc #product{
	background-image:url(img/product/title_cmcc.gif);	
}
.fetion #product{
	background-image:url(img/product/title_fetion.gif);	
}
.dcd #product{
	background-image:url(img/product/title_dcd.gif);	
}
.solution #product{
	background-image:url(img/product/title_solution.gif);	
}
.btcam #product{
	background-image:url(img/product/title_btcam.gif);	
}
.unimusic #product{
	background-image:url(img/product/title_unimusic.gif);	
}
.software #product{
	background-image:url(img/product/title_software.gif);	
}
.imolife #product{
	background-image:url(img/product/title_imolife.gif);	
}
.h{
	background:no-repeat top left;
	clear:right;
	margin-top:10px;
	padding-top:20px;
	text-align:center;
}
.btcam ul, .imolife ul{
	background-position:center top;
	list-style:none;
	margin:auto;
	padding-left:0px;
}
ul.h li{
	float:left;
	list-style:none;
	width:160px;
	text-align:center;
}
.btcam .pc li{
	width:250px;
}
.unimusic ul{
	margin:0px auto;
	padding:0px;
}
#product .border{
	border-top:2px solid #a6a68c;
	height:516px;
	padding:10px 5px;
}
#news .border2{
	height:558px;
}
#product img{
	margin:5px;
}
.pim{
	background-image:url(img/product/title_pim.gif);
	text-align:left;
}
.fetion ul{
	_margin:20px;
}
.fetion li{
	margin-top:10px;
}
.mcc{
	background-image:url(img/product/title_mcc.gif);
}
.csl{
	background-image:url(img/product/title_csl.gif);
	float:left;
	width:160px;
}
.st{
	background-image:url(img/product/title_st.gif);
	margin-left:185px;
}
.mb{
	background-image:url(img/product/title_mc.gif);
}
.pc{
	background-image:url(img/product/title_pc.gif);
}
.emailwzd{
	background-image:url(img/product/title_emailwzd.gif);
}
.smsplug{
	background-image:url(img/product/title_smsplug.gif);
}
.firewall{
	background-image:url(img/product/title_firewall.gif);
}
.emailwzd, .smsplug, .firewall{
	clear:none;
	text-align:left;
}
.emailwzd ul, .firewall ul, .smsplug ul{
	list-style:square;
	margin:0px;
	padding:5px 5px 10px 20px;
}
#product .smsplug img{
	margin:2px;
}
.load{
	background-image:url(img/product/title_load.gif);
	padding-top:10px;
}
.snd{
	background-image:url(img/product/title_2nd.gif);
	padding-top:15px;
}

#product .more{
	background:url(img/bg_more.gif) no-repeat right 5px;
	color:#FFA100;
	float:right;
	margin-right:20px;
	padding-top:3px;
	padding-right:12px;
	padding-left:1px;
	text-decoration:none;
}
#product .willcommore{
	background:url(img/bg_more.gif) no-repeat right 5px;
	color:#FFA100;
	margin-right:20px;
	padding-top:1px;
	padding-right:12px;
	padding-left:1px;
	text-decoration:none;
}
.partner #main{
	padding:50px 0px;
	text-align:center;
} 
.partner img{
	margin:10px;
}
.job a{
	line-height:20px;
}
.job .suojin{
	text-indent:26px;
	margin-top:5px;
}
.job .request{
	margin:5px 0 0 22px;
}
#logo{
	background:url(img/bg_logo.jpg) no-repeat;
	height:128px;
}
#logo span{
	float:right;
	color:#FFFFFF;
	font:bold 11px Arial, Helvetica, sans-serif;
	margin-right:10px;
	margin-top:3px;
}
#logo span a{
	color:#FFA100;
	text-decoration:none;
}
#logo span a:hover{
	text-decoration:underline;
}
#nav{
	height:33px;
}
#nav a{
	background:no-repeat;
	float:left;
	height:33px;
	width:153px;
}
#nav .summary{
	background-image:url(img/a_summary_off.gif);
}
#nav .product{
	background-image:url(img/a_product_off.gif);
}
#nav .partner{
	background-image:url(img/a_partner_off.gif);
}
#nav .getajob{
	background-image:url(img/a_getajob_off.gif);
}
#nav .contact{
	background-image:url(img/a_contact_off.gif);
}
.product #nav .product{
	background-image:url(img/a_product_on.gif);
}
.partner #nav .partner{
	background-image:url(img/a_partner_on.gif);
}
.getajob #nav .getajob{
	background-image:url(img/a_getajob_on.gif);
}
.contact #nav .contact{
	background-image:url(img/a_contact_on.gif);
}
.summary #nav .summary{
	background-image:url(img/a_summary_on.gif);
}
#nav .product:hover{
	background-image:url(img/a_product_hover.gif);
}
#nav .partner:hover{
	background-image:url(img/a_partner_hover.gif);
}
#nav .getajob:hover{
	background-image:url(img/a_getajob_hover.gif);
}
#nav .contact:hover{
	background-image:url(img/a_contact_hover.gif);
}
#nav .summary:hover{
	background-image:url(img/a_summary_hover.gif);
}

#footer{
	background:url(img/bg_footer.jpg) repeat-y;
	clear:both;
	padding-top:10px;
}
#footer p{
	background:url(img/bg_footer_p.jpg) repeat-x;
	color:#A6A68C;
	font-size:12px;
	height:41px;
	padding-top:10px;
	text-align:center;
}