/* CSS Document */
@charset "UTF-8";
body {
	margin: 0;
	background-color:#CCCCCC;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
html {overflow-x:hidden;}

html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}/*fix ie bg cache*/

*{
margin:0;
padding:0;
}
.left_menu{

}

/*variable*/
.clear:after{
	height:0;
	visibility:hidden;
	display:block;
	clear:both;
	content:" ";
}
.clear{
	display:inline-block;
}
/* fix IE hack \*/
* html .clear{
	height:1%;
}
.clear{
	display:block;
}
/* end hack*/
.red{
color:#FF0000;
}

#warp{
	margin:0 auto;
	width:980px;
	padding:0 0 20px 0;
	background-color:#FFF;
}
/*--頭部--*/

#warp #top{
	background-image:url(../images/top.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
	width:980px;
	height:82px;
}
#warp #top #top_line_nav{
	margin:3px 0 0 541px;
	width:284px;
	height:18px;	
}
#warp #top #top_line_nav ul{
	padding:0 5px 0 5px;
	width:274px;
	height:18px;
	float:left;
	list-style-type:none;
}
#warp #top #top_line_nav li{
	margin: 0 12px 0 12px;
	width:47px;
	height:18px;
	float:left;
}
#warp #top #top_line_nav li a{
	width:60px;
	height:18px;
	font-family:"冼极";
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
}
#warp #top #top_line_nav li a:hover{
color:#E1F5FF;
}


#warp #nav{
	margin:0;
	width:980px;
	height:35px;
	background:url(../images/menu/bg.jpg);
	background-repeat:no-repeat;
}

.no-button  {
	display: block;
	float: left;
	width: 110px;
	height: 35px;
	margin: 0 6px;
}
.no1 {
	background:url(../images/menu/button_1.jpg);
}
.no1:hover {
	background:url(../images/menu/button_hover_1.jpg);
}
.nolSelected{background:url(../images/menu/button_hover_1.jpg);}
.no2 {
	background:url(../images/menu/button_2.jpg);
}
.no2:hover {
	background:url(../images/menu/button_hover_2.jpg);
}
.no3 {
	background:url(../images/menu/button_3.jpg);
}
.no3:hover {
	background:url(../images/menu/button_hover_3.jpg);
}
.no4 {
	background:url(../images/menu/button_4.jpg);
}
.no4:hover {
	background:url(../images/menu/button_hover_4.jpg);
}
.no5 {
	background:url(../images/menu/button_5.jpg);
}
.no5:hover {
	background:url(../images/menu/button_hover_5.jpg);
}
.no6 {
	background:url(../images/menu/button_6.jpg);
}
.no6:hover {
	background:url(../images/menu/button_hover_6.jpg);
}

.no7 {
	background:url(../images/menu/button_7.jpg);
}
.no7:hover {
	background:url(../images/menu/button_hover_7.jpg);
}

/*
#warp #nav{
	margin:0;
	width:980px;
	height:35px;
	background:url(../images/menu/bg.jpg);
	background-repeat:no-repeat;
}
#warp #nav ul{
	width:885px;
	height:35px;
	background-repeat:no-repeat;
	padding:0 0 0 95px;
	overflow: hidden;
	margin:0 0 0 0;
}

#warp #nav ul li{
    width:82px;
	height:35px;
	float:left;
	border:0px;
	list-style-type:none;
	margin:0 40px 0 0;
}
#warp #nav ul li a{
	width:82px;
	height:35px;
	color:#FFF;
	text-decoration:none;
	display:block;
	background-repeat:no-repeat;
}
#warp #nav ul li a img{ border:0px;}
#warp #nav ul li a.no1{background-position:-95px 0;background:url(../images/menu/button_hover_1.jpg);}
#warp #nav ul li a.no2{background-position:-222px 0;}
#warp #nav ul li a.no3{background-position:-347px 0;}
#warp #nav ul li a.no4{background-position:-473px 0;}
#warp #nav ul li a.no5{background-position:-600px 0;}
#warp #nav ul li a.no6{background-position:-718px 0;}
#warp #nav ul li a.no7{background-position:-832px 0; margin:0;}


#index #warp #nav ul li a.no1{background-position:-95px -30px; }
#about #warp #nav ul li a.no2{background-position:-222px -30px;}
#soft #warp #nav ul li a.no3{background-position:-347px -30px;}
#build #warp #nav ul li a.no4{background-position:-473px -30px;}
#servies #warp #nav ul li a.no5{background-position:-600px -30px;}
#success #warp #nav ul li a.no6{background-position:-718px -30px;}
#contact #warp #nav ul li a.no7{background-position:-832px -30px; margin:0;}

#warp #nav ul li a.no_1{background-position:-95px -30px;}
#warp #nav ul li a.no_2{background-position:-222px -30px;}
#warp #nav ul li a.no_3{background-position:-347px -30px;}
#warp #nav ul li a.no_4{background-position:-473px -30px;}
#warp #nav ul li a.no_5{background-position:-600px -30px;}
#warp #nav ul li a.no_6{background-position:-718px -30px;}
#warp #nav ul li a.no_7{background-position:-832px -30px;}

#warp #nav ul li a.no1:hover{background-position:-95px -30px;}
#warp #nav ul li a.no2:hover{background-position:-222px -30px;}
#warp #nav ul li a.no3:hover{background-position:-347px -30px;}
#warp #nav ul li a.no4:hover{background-position:-473px -30px;}
#warp #nav ul li a.no5:hover{background-position:-600px -30px;}
#warp #nav ul li a.no6:hover{background-position:-718px -30px;}
#warp #nav ul li a.no7:hover{background-position:-832px -30px;}

#warp #nav ul li a.no1:active{background-position:-95px -60px;}
#warp #nav ul li a.no2:active{background-position:-222px -60px;}
#warp #nav ul li a.no3:active{background-position:-347px -60px;}
#warp #nav ul li a.no4:active{background-position:-473px -60px;}
#warp #nav ul li a.no5:active{background-position:-600px -60px;}
#warp #nav ul li a.no6:active{background-position:-718px -60px;}
#warp #nav ul li a.no7:active{background-position:-832px -60px;}

*/
#warp #banner{
	margin:0 auto;
	background-image:url(../images/banner.jpg);
	background-repeat:no-repeat;
	width:980px;
	height:301px;
}
#warp #intro{
	margin:26px 0 0 0;
	background:#FFFFFF;
	width:980px;
	height:154px;
	background-image:url(../images/005.gif);
	background-repeat:no-repeat;
	background-position:0 1px;
}

#warp #intro #job{
margin:0 ;
float:left;
height:149px;
}
#warp #intro #job ul{
margin:0 ;
list-style-type:none;
}
#warp #intro #job ul li{
	margin:0 ;
	float:left;
	
}
#warp #intro #job ul li img{
border:0;
}
/* 右邊1、2、3文字*/
#warp #intro #jobList{
margin:0;
width:480px;
height:149px;
float:right;
}
#warp #intro #jobList ul{
margin:0;
}
#warp #intro #jobList li{
/*height:35px;*/
margin:5px 0;
/*width:480px;*/
font-family:"冼极";
font-size:12px;
color:#2F7B00;
line-height:130%;
list-style-type:none;
}
#warp #intro #jobList li img{
float:left;
margin:0 7px 0 0;
}

#warp #proCase{
	margin:0 0 2px 0;
	padding:0 0 1px 0;
	width:980px;
	height:226px;
	border-bottom:1px solid #CCC;
}
#case{
	margin:0;
	background-image:url(../images/case.png);
	background-repeat:no-repeat;
	width:803px;
	height:226px;
	float:left;
	overflow: hidden;
}
#case li{
float:left;
}
#linkWeb{
	margin:0;
	background-image:url(../images/link.jpg);
	background-repeat:no-repeat;
	width:177px;
	height:226px;
	float:right;
}
#linkWeb ul{	
	width :117px;
	height:140px;
}
#linkWeb li{
	margin:0 14px;
	height:35px;
	width:117px;
	background:#006666;	
	float:left;
	list-style-type:none;
}
#linkWeb li a{
	width:117px;
	height:35px;
	text-decoration:none;
	display:block;
	color:#FFFFFF;
}
#linkWeb li a img{
	border:0;
	width:117px;
	height:35px;
}

/*底部*/
#warp #bottom{
	width:980px;
	background:#E7E8E4;
	color:#666;
}
#warp #bottom #submenu{
width:40%;
float:left;
height:51px;
}
#warp #bottom #submenu p{
background-color:none;
margin:5px 20px;
font-family:"Arial";
font-size:11px;
color:#999;
line-height:150%;
}
#warp #bottom #submenu p a{
margin:0 10px;
font-family:"Arial";
font-size:11px;
color:#999;
text-decoration:none;
}
#warp #bottom #submenu p a:hover{
}
#warp #bottom #aboutus{
width:55%;
float:right;
padding:5px 0 0 10px;
}
#warp #bottom #aboutus p{
	line-height:150%;
	font-family:"冼极";
	font-size:12px;
}
#warp #bottom #aboutus p span{
	font-family:"冼极";
	font-size:11px;
	letter-spacing: 1px;
}
/*成功案例*/
#warp #banner_case{
	margin:0 auto;
	background-image:url(../images/banner_case.jpg);
	background-repeat:no-repeat;
	width:980px;
	height:143px;
}
#warp #nav_case{
	margin:16px 15px;
	background-image:url(../images/nav.jpg);
	background-repeat:no-repeat;
	padding:0 10px;
	height:43px;
}
#warp #nav_case .img{
	position:relative;
	background:url(../images/about.jpg) no-repeat;
	height:20px;
	padding-top:23px;
	text-align:right;
	color:#999;
}

#warp #content{
	margin:0 25px 16px;
	background:#FFFFFF;
}
/*左邊菜單欄*/
#warp #content #left_page{
margin:0;
float:left;
background:#FFFFFF;
}
#warp #content #left_page #left_m{

}
#warp #content #left_page #left_m li{
	margin:1px 0;
	text-align:center;
	list-style-type:none;
	background:#E2E6E8;
	width:195px;
}

#warp #content #left_page #left_m li a{
	color:#666;
	text-decoration:none;
	display:block;
	height:1%;
	line-height:30px;
}
#warp #content #left_page #left_m li a:hover{
color:#000000;
font-size:14px;
font-weight:bolder;
	
}
/*內容*/
#warp #content #case_list{
margin:0;
width:700px;
float:right;
background:#FFFFFF;
}
#warp #content #case_list .case_c li{
	margin:0 6px 10px;
	width:219px;
	float:left;
	list-style-type:none;
	border-bottom:1px #E3E3E3 dashed;
	display:inline;
}
#warp #content #case_list .case_c li .pic{

height:150px;
background-image:url(../images/pic_bor.jpg);
background-repeat:no-repeat;
}
#warp #content #case_list .case_c li .tle{
	background:#EAEAEA;
	text-align:center;
	font-family:"宋体";
	font-size:12px;
	line-height:25px;
}
#warp #content #case_list .case_c li p a{
margin:7px 0 0 0 ;
	font-family:"宋体";
	font-size:12px;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
}
#warp #content #case_list .case_c li p a img{
border:0;
height:139px;
width:194px;
}
/**網站建設（built.html）**/

#warp #content #b_list{	
	margin:20px auto;
	width:718px;
}
#warp #content #b_list li{
	list-style-type:none;
	float:left;
	width:357px;
	border:1px #ccc solid;
	border-width:0 1px 1px 0;
}
#warp #content #b_list li dl{
	color:#666;
	padding:20px 0;
	line-height:22px;
	float:left;
	display:inline;
	height:220px;
}
#warp #content #b_list li dl dt{
font-family:"冼极";
font-size:14px;
color:#000;
font-weight:bold;
}
#warp #content #b_list li dd.img{
float:left;
margin:0 5px;
background-image:none;
text-indent:0px;
}
#warp #content #b_list li dd.but{
background-image:none;
text-indent:0px;
text-align:right;
padding:0 30px;
}
#warp #content #b_list button{
margin:0; padding:0; background: none; border: 0; cursor: pointer;
}

/***********聯繫我們（contact.html）***********/
#warp #content .pp{
font-family:"宋体";
font-size:12px;

padding:0 27px 0 10px;
line-height:27px;
color:#666;
}

#warp #content dl{
	float:left;
	margin-right:6px;
	display:inline;
}

#warp #content dd{
	/*padding-left:2em;*/
}

#warp #content .de{
	background:url(../images/007.jpg) no-repeat 0 0;
	padding:30px 0 4px 50px; 
	border-bottom:1px #000 solid;
	color:#1B57A5;
	font-size:14px;
}
/**軟件系統（softwareSys.html）*/
#warp #content #sys_list{	
	margin:20px 0;
}
#warp #content #sys_list li{
	margin-bottom:20px;
	border-bottom:1px #CCC dashed;
	list-style-type:none;

	padding:10px 40px;
	position:relative;
}
#warp #content #sys_list li dl dt{
font-family:"冼极";
font-size:14px;
color:#FF6600;
font-weight:bold;
text-decoration:none;
}

#warp #content #sys_list li dd{
}
#warp #content #sys_list li dd.img{
float:left;
margin:0 77px 0 0;
background-image:none;
text-indent:0px;
}
#warp #content #sys_list li dd.but{
background-image:none;
text-indent:0px;
text-align:right;
padding:0 30px;
}
#warp #content #sys_list button{
margin:0; padding:0; background: none; border: 0; cursor: pointer;
}
/*************關於我們*/
#warp #content #about_con{
float:right;
width:680px;
margin:0 auto;
}
#warp #content #about_con #div1 .right_img{
float:right;
width:186px;
height:130px;
margin-left:5px;
background:url(../images/200911news/r1_c1.jpg);
}

#warp #content #about_con #div1 .img_left{
display:inline;
}

#warp #content #about_con #div1 .img_left p{
text-indent:2em;
line-height:1.8em;
margin-bottom:20px;
}
#warp #content #about_con #div1 .img_left dd{
text-indent:2em;
line-height:1.8em;
margin-bottom:20px;
}
#warp #content #about_con #div1 .img_left a{
color:#003366;
}

#warp #content #about_con #div2 .right_img{
float:right;
width:242px;
height:452px;
background:url(../images/200911news/r2_c2.jpg);
}
#warp #content #about_con #div2 .img_left dd
{width:420px;}
#warp #content #about_con #div3 img{

}

/*****網絡服務******/
#warp #content #s_list{
	width:730px;
	margin:20px auto 30px;
}
#warp #content #s_list li{
margin:0 0 0 15px;
width:165px;
float:left;
list-style-type:none;
display:inline;
} 
#warp #content #s_list dl{
width:165px;
height:324px;
background-image:url(../images/s_con.jpg);
background-repeat:no-repeat;
float:none;
display:block;
margin:0;
font-family:"冼极";
font-size:12px;
color:#666666;
line-height:150%;
}

#warp #content#  #s_list dl dt{
margin:3px 0 0 0; 
font-family:"冼极";
font-size:18px;
color:#2A5080;
font-weight:bold;
}

#warp #content  #s_list dd{
	margin:3px 3px 0 0; 
	color:#666666;
}

#warp #content  #s_list dl.s_blue dd{
	background-image:url(../images/001.jpg);
	background-repeat:no-repeat;
	background-position:7px center;
	white-space: nowrap;
	text-indent:19px;
}
#warp #content  #s_list dl.s_red dd{
	background-image:url(../images/002.jpg);
	background-repeat:no-repeat;
	background-position:7px center;
	white-space: nowrap;
	text-indent:19px;
}
#warp #content  #s_list dl.s_green dd{
	background:url(../images/003.jpg) no-repeat 7px 5px;
	padding-left:19px;
}
#warp #content  #s_list dl.s_orange dd{
	background-image:url(../images/004.jpg);
	background-repeat:no-repeat;
	background-position:7px center;
	white-space: nowrap;
	text-indent:19px;
}
#warp #content  #s_list dl dd.but{
margin:20px 0 0 65px;
background-image:none;
text-indent:0;
text-align:center;
text-align:right;
padding:0 30px;
}

.linkhref{
	margin:2px;
	border:1px #ccc solid;
	text-align:center;
	line-height:24px;
}

.linkhref a{
	color:#666;
	text-decoration:none;
	margin-left:5px;
}

.list_pic1{ float:left; width:300px;list-style-type:none;margin-left:10px; margin-top:20px;}
.list_pic1 li{ width:280px;margin:10px 0px 0px 0px;}
.list_pic1 li img{}
.list_pic1 li a img{ border:0px;}
.list_pic1 li span{ height:20px; line-height:22px; display:inline;margin-left:5px; color:#003366}

.list_pic2{ float:left; width:150px; list-style-type:none; margin-top:20px;}
.list_pic2 li{ width:150px; margin:10px 0px 0px 0px;}
.list_pic2 li img{}
.list_pic2 li a img{ border:0px;}
.list_pic2 li span{ height:20px; line-height:22px; display:inline;margin-left:5px; color:#003366}

.list_pic3{ width:150px; margin-left:500px;list-style-type:none;margin-top:20px;}
.list_pic3 li{ width:150px; margin:10px 0px 0px 0px; }
.list_pic3 li img{}
.list_pic3 li a img{ border:0px;}
.list_pic3 li span{ height:20px; line-height:22px; display:inline;margin-left:5px; color:#003366}

#wrap dl{
margin:0 auto;
width:670px;
border:1px solid #ddd;
margin-bottom:8px;
padding:8px;
}

#wrap dl dd img{
float:left;
width:204px;
border:1px solid #ccc;
}

#wrap dl dd p{
float:left;
width:430px;
margin-left:20px;
margin-top:8px;
color:#003366;
text-indent:2em;
}