/* = reset css
--------------------------------------------------------------------------------------------------------*/
body,#wrap *,#content *{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;font-size:inherit;font-size:100%;}
fieldset,img{border:0;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
.clearfix:after,#content:after,#topbox:after,#listswrap:after,#topbox:after,#dlistwrap:after{ content:".";display:block;font-size:0;line-height:0;height:0;clear:both;visibility:hidden;} 
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* IE7 hack*/
*+html .clearfix {min-height: 1% ;}

/* = body
--------------------------------------------------------------------------------------------------------*/
#wrap,#content{margin:0 auto; overflow:hidden;}
#wrap{width:802px;content:"."}
#content{ width:802px;}

#wrap strong,#wrap em,#content strong,#content em{font-style:normal;font-weight:normal;}
#wrap ol,#wrap ul,#content ol,#content ul{list-style:none;}

/* = input
--------------------------------------------------------------------------------------------------------*/
input,select{color:#656565;font-family:"宋体",Arial, Helvetica, sans-serif; font-size:12px;background-color:#fff;}
input.width120px{ border:1px solid #D5D5D5; width:120px; }
input.norborder{ border:1px solid #D5D5D5; height:18px; line-height:18px;}

/* = color
--------------------------------------------------------------------------------------------------------*/
.f60{ color:#f60;}
.fF97600{ color:#F97600;}

/* = font
--------------------------------------------------------------------------------------------------------*/
.font14{ font-size:14px;}

/* = margin,padding,others.
--------------------------------------------------------------------------------------------------------*/
.paddingright4{ padding-right:4px;}
.paddingleft5{ padding-left:5px;}
.paddingbottom8{ padding-bottom:8px;}

.hand{ cursor:pointer;}
.relative{ position:relative;}
.absolute{ position:absolute;}

#PORT_scroll{ overflow:hidden; width:710px; margin-top:14px;}

#sltcity{display:block; height:100%; width:40px; padding-right:6px; background:url(arr_down.jpg) no-repeat right center;}
#sltcity:hover{ text-decoration:none;}
#citybox{width:300px; position:absolute; text-align:left; background:#FFEDD2; left:-100px; top:16px; z-index:999;}
.vh{ visibility:hidden;}
.vs{ visibility:visible;}
.citytitle{font-weight:bold; color:#f60; text-indent:1em; height:22px; line-height:22px; font-size:14px;}

/* = main nav bar
--------------------------------------------------------------------------------------------------------*/
ul#mainnavbar{
	background:url(sznavbg.gif) repeat-x 0 -60px;
	height:60px;
	text-align: center;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 80px;
}
ul#mainnavbar li{ float:left; position:relative;z-index:802;}
ul#mainnavbar li a{ color:#fff; text-decoration:none; line-height:43px; display:block; padding:0 13px; float:left;}
ul#mainnavbar li a:hover{ text-decoration:underline;}
ul#mainnavbar li span{ visibility:hidden;position:absolute;display:block;height:22px; top:-9999px; z-index:999; padding-top:6px;}
ul#mainnavbar li strong{ display:block; height:43px; float:left;}
ul#mainnavbar li.curr,ul#mainnavbar li.curr_h{ background:url(sznavbg.gif) repeat-x 0 -120px;}
ul#mainnavbar li.curr strong,ul#mainnavbar li.curr_h strong{background:url(sznavbg.gif) no-repeat 0 -240px;}
ul#mainnavbar li.curr a,ul#mainnavbar li.curr_h a{ color:#000;background:url(sznavbg.gif) no-repeat right -180px;z-index:997; }
ul#mainnavbar li.hover strong{ background:url(sznavbg.gif) no-repeat center 0;}
ul#mainnavbar li.curr span,ul#mainnavbar li.hover span{visibility:visible;top:38px;}
ul#mainnavbar li.curr span a,ul#mainnavbar li.hover span a{ background:none; color:#656565; line-height:18px; display:block; float:left; padding:0 5px;white-space:nowrap;}
ul#mainnavbar li.curr span a:hover,ul#mainnavbar li.hover a:hover{ text-decoration:underline;}
ul#mainnavbar li.curr a:hover{ text-decoration:none;}

ul#mainnavbar li#post span{width:200px; left:-50px;}
ul#mainnavbar li#intro span{width:400px; left:-120px;}
ul#mainnavbar li#serve span{width:400px; left:-40px;}
ul#mainnavbar li#clientserve span{width:600px; right:-270px;}

ul#mainnavbar li#ebusiness span{width:650px; left:-70px;}
ul#mainnavbar li#myehome span{width:400px; left:-65px;}
ul#mainnavbar li#surfing span{width:650px; left:-50px;}
ul#mainnavbar li#onlineshop span{width:500px; left:-100px;}

/* = leftlist
--------------------------------------------------------------------------------------------------------*/
#leftlist .vshow { position:relative; height:36px;}
#leftlist .listtd{color: #6F747C;padding-left: 5px;line-height: 26px; background:url(dian.gif) repeat-x 0 bottom;}
#leftlist .nor{font-weight: bold;line-height: 21px;color:#fff}
#leftlist .vhide .pushcate{position:absolute; left:-9999px; top:-36px; z-index:999;}
#leftlist .vhide a img,#leftlist .vshow a img{ vertical-align:top; display:block;}
#leftlist .vshow .pushcate{position:absolute; left:155px; top:-36px; z-index:999; }
#leftlist a.curr,#leftlist a.nor{ text-decoration:none;}
#leftlist span.curr,#leftlist span.nor{ text-decoration:none;}
#leftlist a.curr{ color: #445A7A;line-height: 21px; display:block; margin:0 5px; height:100%;font-weight:bold;background: url(menu4.gif) #EFF1F6 no-repeat center;}
#leftlist span.curr{ color: #445A7A;line-height: 21px; display:block; margin:0 5px; height:100%;font-weight:bold;background: url(menu4.gif) #EFF1F6 no-repeat center;}
#leftlist a.nor{color: #fff;}
#leftlist span.nor{color: #fff;}

 .dvbdy1 {
	background:#FEFBED;
	font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:12px;
	padding:5px;
	width:200px;
	color: #666666;
	border: 1px solid #FF9900;
 }