/*
author:林妙琼

*/
*{
    margin :0px;
    padding:0px;
    }
body {

    font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	color: #557788;
	background-image:url(../images/bg.jpg);
background-repeat:repeat-x;
margin :0px;
    padding:0px;
}
.phone h2{
	font-size : 22px;
	color:#000000;/*#8CB1F7*/
	margin-top: 5px;
	margin-right:20px;	float: right;
}
.top 
{
	color:#000000;
	}

.top a:link{text-decoration: none;
color:#000000;
margin-top: 5px;
}
.top a:visited {text-decoration: none;
	color: #000000;
}
.top a:hover{text-decoration: none;
	color: #e04300;
}

p{
font-size:13px;}
/********body************/
.body{
position:relative;
background-color:#FFFFFF;
width:1000px;

margin:auto;
border-right: 5px solid #c1c4b2;
border-bottom:5px solid #c1c4b2;
border-left:5px solid #c1c4b2;
	top: 0px;
	left: 0px;
}
/********header************/

div.a
{margin :0px;
 padding:0px;
 
 		}
div.logo { margin-left:0px;
padding-bottom:5px;
margin-bottom:10px;
padding-top:20px;

margin-right:0px;
background-color:#FFFFFF;



	}
div.phone{

right:10px; margin:30px 10px 30px 30px; position:absolute; top:40px;
color:Black;

}
div.ph{left:350px; margin:30px; position:absolute; top:20px;
}
.ad{
margin-left:10px;
position:absolute;
top:3px;
float:right;
left:250px;
}
.ddl
{RIGHT: -4px; MARGIN-right:20px; POSITION: absolute; TOP: 1px; TEXT-ALIGN: center
	
	}
	.ddl a{text-decoration:none;
	       color: #557788;
	       
	       }
	
	
.header-right{

RIGHT: -4px; MARGIN: 20px; POSITION: absolute; TOP: 20px; TEXT-ALIGN: center
}
/********************/
div.daohan{ background-image:url(../images/button1_bg.jpg);
background-repeat: repeat-x;
width:100%;
margin-top:30px;

}
#navigation{
	margin:0px; padding:0px;
	list-style-type:none;
	height:32px;
	font-size:16px;
	font-weight:bolder;
}
#navigation li{


	text-align:center; width:140px; height:32px;
	background:url(../images/button1.jpg) repeat-x;
	float:right;	
}
#navigation li a{
	padding:10px 0px 10px 0px;
	text-decoration:none;
	display:block;
}
#navigation li a:link, #navigation li a:visited{color:#148305;}
#navigation li a:hover{
	color:#FFFFFF;
	background:url(../images/button2.jpg) no-repeat;
	
}

/********main************/
div.main{
margin:10px 10px 10px 10px;
}

#pageNav{
	
	width:170px;
	padding: 0px;
	background:url(../images/banner1_bg.jpg) repeat-x;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: small Verdana,sans-serif;
	 FLOAT: left;
	 
}


#category{
	margin: 0px;
	padding-top: 2px ;
	border-top:2px #4fa800;
	background:url(../images/banner1_bg.jpg) repeat-x;

}

h3.category-right {
	padding: 9px 0px 2px 9px;
	border-bottom: 1px solid #cccccc;
	color:#e00404;
}
#category a{
margin-top:8px;
}

#category a:link
{
   text-decoration: none;
   display: block;
	border-top: 1px solid;
	border-bottom:1px solid;
	border-left:3px  solid;
	background-color:#FFFFFF;
	
	font-weight: bold;
	padding: 7px 0px 7px 10px;
	color: #21536a;
	 BORDER-LEFT-COLOR: #c1c4b2; BORDER-BOTTOM-COLOR:#4fa800; BORDER-TOP-COLOR: #4fa800; BORDER-RIGHT-COLOR: #c1c4b2;
}
 #category a:visited {
 text-decoration: none;
	display: block;
	border-top: 1px solid;
	border-bottom:1px solid;
	border-left:2px solid;
	border-right:2px solid;
		background-color:#FFFFFF;
	font-weight: bold;
	padding: 5px 0px 5px 10px;
	color: #21536A;
	 BORDER-LEFT-COLOR: #c1c4b2; BORDER-BOTTOM-COLOR:#4fa800; BORDER-TOP-COLOR: #4fa800; BORDER-RIGHT-COLOR: #c1c4b2;
}

#category a:hover{
	
	background-color: #ffffff;
	background-image: none;
	font-weight: bold;
	border-left:8px solid;
	text-decoration: none;
	border-top: 1px solid;
	border-bottom:1px ;
color: #4fa800;
	BORDER-LEFT-COLOR: #049FDC; BORDER-BOTTOM-COLOR:#c1c4b2; BORDER-TOP-COLOR: #c1c4b2; BORDER-RIGHT-COLOR: #049FDC;

}


/************* relatedLinks styles **************/

.relatedLinks{
float:left;
	margin: 0px;
	padding: 0px 0px 5px 5px;

}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
	color:#e00404;
}

.relatedLinks a{
	display: block; 
}
.relatedLinks img{
border:0px;

}
.relatedLinks a{
margin-top:10px;


}
/********************/
.category{
	margin: 0px;
	padding-top: 2px ;
	border-top:2px #4fa800;


}

h3.category-right1 {
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
	color:#e00404;
}
.category a{
margin-top:8px;
}

.category a:link
{
   text-decoration: none;
   display: block;
	border-top: 1px solid;
	border-bottom:1px solid;
	border-left:3px  solid;
	background-color:#FFFFFF;
	
	font-weight: bold;
	padding: 7px 0px 7px 10px;
	color: #21536a;
	 BORDER-LEFT-COLOR: #c1c4b2; BORDER-BOTTOM-COLOR:#4fa800; BORDER-TOP-COLOR: #4fa800; BORDER-RIGHT-COLOR: #c1c4b2;
}
 .category a:visited {
 text-decoration: none;
	display: block;
	border-top: 1px solid;
	border-bottom:1px solid;
	border-left:2px solid;
	border-right:2px solid;
		background-color:#FFFFFF;
	font-weight: bold;
	padding: 5px 0px 5px 10px;
	color: #21536A;
	 BORDER-LEFT-COLOR: #c1c4b2; BORDER-BOTTOM-COLOR:#4fa800; BORDER-TOP-COLOR: #4fa800; BORDER-RIGHT-COLOR: #c1c4b2;
}

.category a:hover{
	
	background-color: #ffffff;
	background-image: none;
	font-weight: bold;
	border-left:8px solid;
	text-decoration: none;
	border-top: 1px solid;
	 border-bottom:1px ;
   color: #4fa800;
	BORDER-LEFT-COLOR: #049FDC; BORDER-BOTTOM-COLOR:#c1c4b2; BORDER-TOP-COLOR: #c1c4b2; BORDER-RIGHT-COLOR: #049FDC;

}


/********  inner  ************/
.inner
{  margin-right:0px;
	float:right;
	width: 200px;
	padding-top:10px;
	}
	
	
/****************
.preamble-img {
width: 200px;
background:url(../images//2_01.gif);
background-repeat:no-repeat;
background-position:top left;		
}

jiao-img {
padding-bottom:0px;
line-height:27px;
	padding-left:10px;
	
background:url(../images//2_02.gif) no-repeat top right;
}
.conn-img{
background:url(../images//2_03.gif) repeat-y top right;}
.foot-img{
background:url(../images//2_04.gif) no-repeat  bottom left;}
.foot-img p{
background:url(../images//2_05.gif) no-repeat bottom right;}
ul.p-img {	
	font-size :13px;
	padding-bottom:2px;
}
ul.p2 {	
	font-size : 13px;
	padding-bottom:2px;
	padding-left:25px;
	padding-right:15px;
	margin:5px;
}
p.why{
padding-right:10px;
	padding-bottom:30px;
	padding-left:20px;
	padding-top:10px;
}




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

/********************/
.preamble-left {
width: 200px;
background:url(../images/2_01.gif);
background-repeat:no-repeat;
background-position:top left;		
}
h3 img{
padding-bottom:0px;
position:relative;
top:-10px;
}
h3.jiao-left {
	font-size: 16px;
	line-height:27px;
	padding-left:10px;
	
background:url(../images/2_02.gif) no-repeat top right;
}
.preamble-left1 {
width: 200px;
background:url(../images/2_01.gif);
background-repeat:no-repeat;
background-position:top left;		
}
h4 img{
padding-bottom:0px;
position:relative;
top:-10px;
}
h4.jiao-left {
	font-size: 16px;
	line-height:27px;
	padding-left:10px;
	
background:url(../images/2_02.gif) no-repeat top right;
}
.conn4{
background:url(../images/2_03.gif) repeat-y  top right;}
conn4
{ border:0px;
	
	}
.foot4{
background:url(../images/2_04.gif) no-repeat  bottom left;}
.foot4 p{
background:url(../images/2_05.gif) no-repeat bottom right;}
ul.p2 {	
	font-size : 13px;
	padding-bottom:2px;
	padding-left:25px;
	padding-right:10px;
	margin:5px;
}
p.why{
padding-right:10px;
	padding-bottom:20px;
	padding-left:10px;
	padding-top:10px;
}




/********************/
#banner1{
margin:10px;
display:block;
width:560px;
float:left;

}
.round1
{
background:url(../images/round_left_top.gif);
background-repeat:no-repeat;
background-position:top left;
	}
.round1 h3{
padding:10px 5px 10px 35px;
background:url(../images/round_right_top.gif) no-repeat top right;}
.conn1{
background:url(../images/round_right_middle.gif) repeat-y  top right;}
p{
padding:10px 5px 10px 15px;}
.foot1{
background:url(../images/round_left_bottom.gif) no-repeat  bottom left;}
.foot1 p{
background:url(../images/round_right_bottom.gif) no-repeat bottom right;}
/********************

#banner{
margin:3px 10px 10px 10px;
display:block;
width:560px;

float:left;

}
.round
{
background:url(../images/4_01.gif);
background-repeat:no-repeat;
background-position:top left;
	}
.round h3{
padding:5px 5px 3px 5px;
background:url(../images/4_02.gif) no-repeat top right;}
.conn{
background:url(../images/4_03.gif) repeat-y  top right;}
.conn img{
padding:0px;
margin:10px 10px 10px 10px;

}
.span-img{
margin-left:10px;
}
p{
padding:10px 5px 10px 15px;}
.foot{
background:url(../images/4_05.gif) no-repeat  bottom left;}
.foot p{
background:url(../images/4_04.gif) no-repeat bottom right;}

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



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

#banner{
margin:3px 10px 10px 10px;
display:block;
width:570px;

float:left;

}
.round
{

	}
.round h3{
padding:5px 5px 3px 5px;
}
.conn{
}
.conn img{
padding:0px;
margin:10px 10px 10px 10px;

}
.span-img{
margin-left:10px;
}
p{
padding:10px 5px 10px 15px;}
.foot{
}
.foot p{
}

/********************/
#banner2{
margin:10px;
display:block;
width:560px;
float:left;

}
.round2
{
background:url(../images/round_left_top.gif);
background-repeat:no-repeat;
background-position:top left;
	}
.round2 h3{
padding:10px 5px 10px 35px;
background:url(../images/round_right_top.gif) no-repeat top right;}
.conn2{
background:url(../images/round_right_middle.gif) repeat-y  top right;}
b
{ color:red;
  font-size:larger;
	}

p 
{	
padding:10px 10px 10px 15px;}
.foot2{
background:url(../images/round_left_bottom.gif) no-repeat  bottom left;}
.foot2 p{
background:url(../images/round_right_bottom.gif) no-repeat bottom right;}




#banner3{
margin:10px;
display:block;
width:275px;
float:left;

}
.round3
{
background:url(../images/2_01.gif);
background-repeat:no-repeat;
background-position:top left;
	}
.round3 h3{
padding:10px 5px 10px 35px;
background:url(../images/2_02.gif) no-repeat top right;}
.conn3{
background:url(../images/2_03.gif) repeat-y  top right;}
p{
padding:10px 5px 10px 15px;}
.foot3{
background:url(../images/2_04.gif) no-repeat  bottom left;}
.foot3 p{
background:url(../images/2_05.gif) no-repeat bottom right;}





#banner4{
margin:5px;
display:block;
width:200px;
float:right;

}
.round4
{
background:url(../images/2_01.gif);
background-repeat:no-repeat;
background-position:top left;
	}
.round4 h3{
padding:1px 5px 6px 35px;
background:url(../images/2_02.gif) no-repeat top right;}
.conn4{
background:url(../images/2_03.gif) repeat-y  top right;}
p{
padding:5px 5px 8px 15px;}
.foot4{
background:url(../images/2_04.gif) no-repeat  bottom left;}
.foot4 p{
background:url(../images/2_05.gif) no-repeat bottom right;}
.back9{
margin-left:5px;
padding-left:3px;

}

/********************/
.footer
{
clear:both;

padding-top:30px;
position:relative;
bottom:0px;

	left: 0px;
}
.footer p{
padding:0px;
margin:0px;}
.footer img
{

padding:0px;
margin-bottom:0px;
margin-top:0px;
margin-left:10px;
}
	.f1
	{
	padding:0px;
	margin:0px;
	border-top:5px solid #c1c4b2;
	width:100%;
		
		}
		.f3{
		font-size:22px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bolder;
		color:#0089db;
		}
		
		
		.f2{
		
		text-align:right;
	
		color:#FF0000;
		
		}

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

#last
{
	margin:0px;
	padding:0px;
}
div.btn1{
	background:url(../images/button1_bg.jpg) repeat-x;
	width:100%;
}
.nav1{
	margin:0px; padding:0px;
	list-style-type:none;
	height:32px;
	font-size:14px;
	font-weight:bolder;
	
}
.nav1 li{

	text-align:center; width:140px; height:32px;
	background:url(../images/button1.jpg) repeat-x;
	float:right;	
}
.nav1 li a{
	padding:0px;
	text-decoration:none;
	display:block;
}
.nav1 li a:link, #nav li a:visited{color:#148305;}
.nav1 li a:hover{
	color:#FFFFFF;
	background:url(../images/button2.jpg) no-repeat;
}
/********************/