/* CSS Document */
body
{
	padding: 0;
	margin: 0;
	background: url(images/main-bg.jpg) 0 0 repeat-x #ecf5ff;
	color: #003366;
	font-size: 12px;
	font-weight: normal;
}
div, p, h1, h2, h3, ul, img
{
	padding: 0px;
	margin: 0px;
}
ul
{
	list-style-type: none;
}
.clr
{
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 0px;
	line-height: 0px;
	float: left;
	display: block;
}
.more
{
	text-align: right;
	padding-right: 10px;
	padding-top:6px;
}
/* TOP PANEL */
#topPan
{
	display: block;
	width: 882px;
	height: 93px;
	margin: 0 auto;
	padding: 0;
}
#topPan img
{
	width: 165px;
	height: 57px;
	display: block;
	float: left;
	padding: 23px 60px 0px 0px;
}
/* Menu Panel */
#topPan ul
{
	display: block;
	width: 657px;
	height: 93px;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}
#topPan ul li
{
	float: left;
	display: inline;
	text-align: center;
}
#topPan ul li a
{
	height: 32px;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	color: #003366;
	background: url(images/menu-bg.gif) 0 0 repeat-x #ecf5ff;
	text-decoration: none;
	margin: 0;
	padding: 61px 16px 0px 16px;
}
#topPan ul li a:hover
{
	height: 32px;
	display: inline-block;
	background: url(images/menu-devider.gif) 0 0 no-repeat #ecf5ff;
	color: #f60;
	text-decoration: none;
	margin: 0;
	padding: 61px 16px 0px 16px;
}
#topPan ul li span
{
	height: 32px;
	display: inline-block;
	font-size: 14px;
	background: url(images/menu-devider1.gif) 0 0 no-repeat #ecf5ff;
	color: #003366;
	font-weight: bold;
	text-decoration: none;
	padding: 61px 16px 0px 16px;
	line-height: 14px;
}
/* /TOP PANEL */
/* BODY PANEL */
#bodyPan
{
	width: 892px;
	margin: 10px auto 0px auto;
	padding: 0px;
	clear: both;
}
/*Left Panel */
#leftPan
{
	width: 228px;
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
}
#leftmemberPan
{
	width: 226px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border: 1px solid #bce0ff;
	background: #fff;
	color: #000;
}
#leftmemberPan h2
{
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	letter-spacing: 5px;
	line-height: 2em;
	text-indent: 1em;
	background-color: #fff;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #bce0ff;
}
/*???*/
#leftmemberPan h2 span
{
	background: #fff;
	color: #3D3C2C;
}
/*/???*/
/*Userlogin*/
#leftPan .form
{
	height: 100px;
	padding: 0px;
	margin: 0px;
	color: #333227;
	font-size: 12px;
}
#leftPan .form label
{
	width: 45px;
	display: block;
	float: left;
	padding: 18px 10px 0 15px;
}
#leftPan .form label.emailpadding
{
	padding: 5px 10px 0 15px;
}
#leftPan .form input
{
	float: left;
	display: block;
	width: 120px;
	height: 16px;
	margin: 14px 0 9px 0;
	border: 1px solid #bde3f1;
}
#leftPan .form input.fieldpadding
{
	margin: 2px 0 9px 0;
}
#leftPango
{
	width: 100%;
	height: 25px;
	float: left;
	border-top: 1px solid #fff;
	background: #aedeed;
	display: block;
	padding: 0;
	margin: 0;
	font-size: 12px;
	color: #FFFFFA;
	line-height: 23px;
	font-weight: bold;
}
#leftPango p.textposition a
{
	float: left;
	padding: 0 0 0 15px;
	margin: 0;
	text-decoration: none;
	color: #FFFFFA;
}
#leftPango p.textposition a:hover
{
	text-decoration: underline;
	background: none;
	color: #f60;
}
#leftPan .form input.gobutton
{
	float: right;
	background: url(images/go.gif) no-repeat 0 0 #63614F;
	border: none;
	width: 45px;
	height: 21px;
	display: block;
	margin: 2px 2px 0px 0px;
	padding: 0px 0px 0px 5px;
	text-decoration: none;
	color: #fff;
	font: 14px/21px "Trebuchet MS" ,Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: left;
}
#leftPango a:hover
{
	background: url(images/arrow4.gif) no-repeat 30px 1px #333229;
	text-decoration: none;
	color: #fff;
}
/*WhatBuy*/
#leftPan ul
{
	width: 218px;
	position: relative;
	top: 5px;
	left: 10px;
	margin: 0;
	clear: both;
}
#leftPan li
{
	width: 210px;
	background: url(images/arrow2.gif) 0 7px no-repeat;
	font-size: 12px;
	padding: 0 0 0 10px;
}
#leftPan li a
{
	width: 210px;
	height: 60px;
	color: #325265;
	text-decoration: none;
	line-height: 24px;
}
#leftPan ul li a:hover
{
	width: 210px;
	height: 60px;
	text-decoration: underline;
	line-height: 24px;
	color: #F60;
}
/*???*/
#leftPan .series
{
	display: block;
	float: left;
	margin: 0px 5px 10px 5px;
	background: #e2f1f5;
	font-size: 12px;
	width: 188px;
	padding: 10px;
	color: #325265;
}
.series a
{
	color: #325265;
	font-weight: bold;
}
.series a:hover
{
	color: #F60;
}
.series span
{
	color: #C00;
}
/*/???*/

#leftPan #ourblog{ float:left; width:228px; height:62px; position:relative; margin:17px 0 10px 0; background:url(images/icon1-nor.gif) 0 0 no-repeat;}
#leftPan #ourblog h2{width:90px; height:10px; background:#fff; display:block; position:absolute; left:0px; top:0px; margin:14px 0 5px 70px; font-size:14px; color:#CC0000; z-index:1; text-transform:uppercase;}
#leftPan #ourblog p{width:90px; height:10px; display:block; position:absolute; font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif;; color:#2E5000; background:#fff; margin:34px 0 0 70px; z-index:1; }
#leftPan #ourblog a{text-decoration:none; display:block; width:237px; height:62px;}
#leftPan #ourblog a:hover{text-decoration:none; background:url(images/icon1-hover.gif) no-repeat 0 0;}

#leftPan #possib{ float:left; width:237px; height:62px; position:relative; margin:0 0 0 0; background:url(images/icon2-nor.gif) 0 0 no-repeat;}
#leftPan #possib h2{width:90px; height:10px; background:#fff; display:block; position:absolute; left:0px; top:0px; margin:14px 0 5px 70px; font-size:14px; ; color:#CC0000; z-index:1; text-transform:uppercase;}
#leftPan #possib p{width:103px; height:10px; display:block; position:absolute; font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2E5000; background:#fff; margin:34px 0 0 70px; z-index:1; }
#leftPan #possib a{text-decoration:none; display:block; width:237px; height:62px;}
#leftPan #possib a:hover{text-decoration:none; background:url(images/icon2-hover.gif) no-repeat 0 0;}

#leftPan #solution{ float:left; width:237px; height:62px; position:relative; margin:10px 0 0 0; background:url(images/icon3-nor.gif) 0 0 no-repeat;}
#leftPan #solution h2{width:90px; height:10px; background:#fff; display:block; position:absolute; left:0px; top:0px; margin:14px 0 5px 70px; font-size:14px; ; color:#CC0000; z-index:1; text-transform:uppercase;}
#leftPan #solution p{width:103px; height:10px; display:block; position:absolute; font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2E5000; background:#fff; margin:34px 0 0 70px; z-index:1; }
#leftPan #solution a{text-decoration:none; display:block; width:237px; height:62px;}
#leftPan #solution a:hover{text-decoration:none; background:url(images/icon3-hover.gif) no-repeat 0 0;}


/*WebService*/

#leftPan #jihuo ,#leftPan #leyu,#leftPan #free
{
	padding: 0px;
	width: 207px;
	height: 64px;
	position: relative;
	margin: 10px auto 10px auto;	
	text-align: center;
}
#leftPan #jihuo
{
	
	background: url(images/btn-jihuo.gif) 0 0 no-repeat;
}
#leftPan #jihuo a
{
	text-decoration: none;
	display: block;
	width: 207px;
	height: 64px;
}
#leftPan #jihuo a:hover
{
	text-decoration: none;
	background: url(images/btn-jihuo2.gif) no-repeat 0 0;
}
#leftPan #leyu
{
	background: url(images/btn-leyu.gif) 0 0 no-repeat;
}
#leftPan #leyu a
{
	text-decoration: none;
	display: block;
	width: 207px;
	height: 64px;
}
#leftPan #leyu a:hover
{
	text-decoration: none;
	background: url(images/btn-leyu2.gif) no-repeat 0 0;
}
#leftPan #free
{
	background: url(images/btn-free.gif) 0 0 no-repeat;
}
#leftPan #free a
{
	text-decoration: none;
	display: block;
	width: 207px;
	height: 64px;
}
#leftPan #free a:hover
{
	text-decoration: none;
	background: url(images/btn-free2.gif) no-repeat 0 0;
}
/*/Left Panel */
/*Right Panel */
#rightPan
{
	padding: 0px;
	width: 640px;
	display: block;
	float: left;
	margin-left: 10px;
	color: #3D3C2C;
}
#rightbodyPan{ width:640px;  color:#3D3C2C;}

#news{
	display:block;
	float:left;
	background:#FFF;
	border:1px solid #bce0ff;
	width:419px;
	padding:10px;}
	#news h2{
		font-size:14px;
		padding:0px 0px 10px 0px;}
	
	#news ul{width:409px; height:92px; position:relative; top:5px; left:0px; margin:0;}
	#news li{width:409px; background:url(images/arrow2.gif) 0 7px no-repeat; font-size:12px; padding:0 0 0 10px;}
	#news li a{width:320px; display:inline; float:left;height:26px; color:#325265; text-decoration:none; line-height:24px;}
	#news ul li a:hover{width:320px;display:inline; float:left; height:26px;  text-decoration:underline; line-height:24px; color:#F60;}
	#news ul li span{ color:#999; width:80px; text-align:right; display:inline; float:left;}

#twoversion{
	display:block;
	float:right;}
	
#twoversion a img
{
	border-style: none;
	margin: 0px;
	padding: 0px;
}

.intro{
	display:block;
	float:left;
	height:20px;
	line-height:20px;
	clear:both;}

.vdorec4{
	display:block;
	float:left;
	width:288px;
	margin:10px 10px;
	line-height:150%;}
	.vdorec4 a{
		color:#333;
		font-weight:bold;
		text-decoration:underline;}
		.vdorec4 a:hover{
		color:#f60;}
.singlerecvdo{
	display:block;
	float:left;
	width:59px;
	margin-right:8px;}
.vdorec3topic{
	display:block;
	float:left;
	width:220px;}

#faq{
	display:block;
	float:left;
	width:637px;
	border:1px solid #a0d8e8;
	margin-top:17px;
	background:#FFF;}
.faqtit{
	display:block;
	float:left;
	width:635px;
	border-bottom:1px solid #a0d8e8;
	background:#f0f9fc;}
.faqtext{
	display:block;
	float:left;
	width:200px;
	padding-left:10px;
	padding-top:8px;
	padding-bottom:8px;}
	.faqtext h2{
		font-size:14px;}
.search{
	display:block;
	width:400px;
	float:left;
	text-align:right;
	padding-top:5px;}
.search input{
	border:1px solid #bde3f1;}
.search img{ border:0px;}
#faq ul{width:605px; display:block; float:left;margin:5px;}
#faq li{width:270px;display:block; float:left; background:url(images/arrow2.gif) 0 7px no-repeat; font-size:14px; padding:0 10px 0 10px;}
#faq li a{width:270px;display:block; float:left; height:25px; color:#325265; text-decoration:none; line-height:24px;}
#faq ul li a:hover{width:270px;display:block; float:left; height:25px;  text-decoration:underline; line-height:24px; color:#F60;}


.jihuo{
	display:block;
	padding-left:10px;
	padding-bottom:10px;}

/* /BODY PANEL */

/* FOOTER PANEL */
.bottom{
	width:100%;
	background:#d9eef9;
	padding:30px 0px;
	display:block;
	margin-top:15px;
	border-top:2px solid #fff;
	clear:both;}
	
.copyright{
	display:block;
	width:100%;
	text-align:center;
	line-height:200%;}