@charset "utf-8";
/* CSS Document */
/*--banner--*/
#banner{
	height:350px;
}
#images{
    width:740px;
	float:left;
}
#contact{
   width:250px;
   height:350px;
   float:right;
   background:url(../images/bg_02.gif) repeat-y top right;
}
#help{
  margin:40px auto 0px auto;
  background:url(../images/help.gif) no-repeat top left;
  height:135px;
}
#helponline{
	height:23px;
	padding:8px 0px 0px 32px;
}
#helponline a{
	color:#333;
}
.ws{
	height:22px; 
	padding:3px 0px 0px 120px;
}
.ws a{
	font-weight:bold;
	color:#FFFFFF;
}
.ws a:visited,.ws a:link,.ws a:hover {
	font-weight:bold;
	color:#FFFFFF;
}
#phone{
  margin:15px auto;
}
/*--business--*/
#business{
    width:96%;
	height:230px;
	margin:5px auto 0px auto;
	background:url(../images/bg_03.gif) repeat-x top left;
}
#protectweb #title{
	background:url(../images/1.gif) no-repeat top left;
	height:45px;
	padding:10px 0px 0px 50px;
	font-size:14px;
	font-weight:bold;
	color:#000;
}
#seoweb #title{
	background:url(../images/2.gif) no-repeat top left;
	height:45px;
	padding:10px 0px 0px 50px;
	font-size:14px;
	font-weight:bold;
	color:#000;
}
#protectsoft #title{
	background:url(../images/3.gif) no-repeat top left;
	height:45px;
	padding:10px 0px 0px 50px;
	font-size:14px;
	font-weight:bold;
	color:#000;
}
#protectweb,#seoweb,#protectsoft{
    width:302px;
	height:230px;
	float:left;
}
.line{
    width:22px;
	height:230px;
	float:left;
	background:url(../images/line.gif) no-repeat left;
}

/*--start update 2010-01-12--*/
.service_txt{
	width:275px;
	height:40px;
	line-height:1.6em;
	margin-left:10px;
	color:#717171;
	overflow:hidden;
	text-overflow:ellipsis;
}
#service_txt{
	height:55px;
}
.details{
	color:#FF0000;
}
.details a,.details a:link,.details a:visited,.details a:hover,.details a:active{
	color:#FF0000;
	letter-spacing:0.1em;text-decoration: none;
}
.web_service{
	width:119px;
	height:30px;
	padding-top:5px;
	padding-left:16px;
	float:left;
	font-size:14px;
	font-weight:bold;
}
#service_sub_01 a:hover,#service_sub_02 a:hover,#service_sub_03 a:hover,#service_sub_04 a:hover,.soft_server a:hover{
	color:#000;
}
#service_sub_01,#service_sub_02{
	height:25px;
	margin-top:30px;
	margin-bottom:10px;
}
#service_sub_01,#service_sub_03{	
    margin-right:5px;
	margin-left:10px;
}
#service_sub_01 a,#service_sub_03 a,.soft_server a{
	color:#608701;
}
#service_sub_02 a,#service_sub_04 a{
	color:#007c9f;
}
#service_sub_01{
	background:url(../images/protectweb_01.gif) no-repeat top left;
}
#service_sub_02{
	background:url(../images/protectweb_02.gif) no-repeat top left;
}
#service_sub_03{
	background:url(../images/protectweb_03.gif) no-repeat top left;
}
#service_sub_04{
	background:url(../images/protectweb_04.gif) no-repeat top left;
}
.soft_server{
	width:255px;
	padding-left:30px;
	height:50px;
	margin-left:6px;
}
.soft_server a{
	font-size:14px;
	font-weight:bold;
}
#seo_01,#soft_01{
	height:29px;
	padding-top:21px;
	margin-top:15px;
	margin-bottom:5px;
}
#seo_02,#soft_02{
	height:33px;
	padding-top:17px;
}
#seo_01{
	background:url(../images/seo_01.gif) no-repeat top left;
}
#seo_02{
	background:url(../images/seo_02.gif) no-repeat top left;
}
#soft_01{
	background:url(../images/soft_01.gif) no-repeat top left;
}
#soft_02{
	background:url(../images/soft_02.gif) no-repeat top left;
}
/*--end update 2010-01-12--*/


.book{
   float:left;
}
.txt{
   height:auto;
   float:right;
   line-height:2em;
   width:62%; color:#000000;
}
.txt ul{
	list-style-type:none;
	margin:10px auto ;
	padding:5px;
}
.txt ul li{
	float:left;
	padding:0px 0px 0px 20px;
	background:url(../images/icon_01.gif) no-repeat center left;
}
.protectweb li{
	width:50px;
}

.seoweb li,.protectsoft li{
	width:90px;
}

.protectweb li a,.protectweb li a:visited,.seoweb li a,.seoweb li a:visited,.protectsoft li a,.protectsoft li a:visited{
	color:#000000;
}
/*--completed--*/
#completed{
	height:320px;
	float:left;
	width:100%;
}
#completed .title{
	width:100px; 
	height:30px;
	float:left; 
	background:url(../images/icon_02.jpg) no-repeat top left;
	padding:20px 0px 0px 50px;
	font-size:14px; 
	font-weight:bold;color:#666;
}
#news{
	width:40%;
	height:320px;
	float:left;
}
#cases{
	width:584px;
	height:320px;
	float:left;
}
#morenews,#morecases{
	height:50px;
	background: url(../images/bg_news.jpg) repeat-x top left;
}
#morenews .more,#morecases .more{
	float:right;
	width:42px;
}
#morenews .more{
	float:right;
	padding:20px 0px 0px 0px; 
	margin-right:15px;
}
#morecases .more{
	float:right; 
	padding:20px 0px 0px 0px;
	margin-right:30px;
}
.newscontent li,.newscontent li a,.newscontent li a:visited{
	padding:0px 0px 5px 0px; color:#000000;
}
#blank{
	height:100px;
	border-right-style:solid;
	border-right-width:1px; 
	border-right-color:#CCCCCC;
}
#left{
	width:19%;
	height:255px;
	float:left;
}
#a1,#a2,#a3{ border-right-style:solid; border-right-color:#CCCCCC; border-right-width:1px;}
#left ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
	float:right;
}
#left ul li{
	margin:0px;
	padding:0px;
	width:100%;
	
}
#left a{
	display:block;
	text-align:center;
	line-height:40px;
}
#left a:hover{
	background:url(../images/case_button.jpg) no-repeat bottom right;
}
#right{
	width:80%;
	height:255px;
	float:left;
}
#one,#two,#three,#four{
	float:left;
	width:45%;
	height:100px;
}
#one,#three{
	padding-left:10px;
}
#three,#four{
	padding-top:10px;
}
#right p img{
	float:left;
}
#right .img{
	float:left;
}
#right .txt{
	width:50px;
	float:right;
}
/*--friendlink--*/
#friendlink{
	height:70px;
	background:url(../images/icon_03.gif) no-repeat 10px 10px;
}
.friendlink{
	margin:15px auto auto 50px;
	font-size:14px;
	font-weight:bold;
}
#friendlink ul{
	list-style-type:none;
	margin:0px;
}
#friendlink ul li{
	padding:0px 13px 0px 25px;
	float:left;
}
#friendlink a{
	text-decoration:underline;
	color:#000;
}
/* three undisplay */
#d1,#d2,#d3{
	display:none;
}