/* common */
body {
	font-size:16px;
	margin:0;
	padding:0;
}
p {
	padding:0;
	margin:4px;
}
#main {
	margin:0 auto;
	width:882px;
}

.on_editable { background-color: #ffb; }
.editable { min-height:20px; }

/* Clear Fix */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hide from IE Mac */ .clearfix {display:block;} /* End hide from IE Mac */
/* end of clearfix */

/* navigation bar */
#navi {
	position:relative;
	width:882px;
	height:49px;
	background:url(img/navi.gif) no-repeat #0f3153;
	overflow:hidden;
	border-bottom:1px solid #fff;
}
#navi a {
	color:#fff;
	text-decoration:none;
}
#navi a:hover {
	text-decoration:underline;
}
#navi b {
	color:#f63;
}
#navi-link {
	width:520px;
	height:49px;
	line-height:50px;
	float:left;
	color:#fff;
}
#quick-bar {
	position:absolute;
	left:525px;
	top:0;
	width:145px;
	padding:7px 0;
	color:#ff0;
}
#card {
	position:absolute;
	right:1px;
	top:0;
	height:49px;
	width:200px;
	line-height:50px;
	color:#fff;
	font-size:14px;
}
#gongshang {text-align:center; margin-top:2em; }

/* banner and menu*/
#banner {
	width:880px;
	height:200px;
	border:1px solid #fff;
	border-top:none;
	overflow:hidden;
	background-color:#f00;
}
#menu {
	width:880px;
	height:53px;
	overflow:hidden;
	border:1px solid #fff;
	border-top:none;
}
#menu a {
	text-decoration:none;
	float:left;
	height:53px;
	line-height:60px;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-weight:bold;
}
#menu a:hover {
	color:#ff0;
	text-decoration:underline;
}
#menu a.menu-1 { width:219px; background:url(img/menu-1.gif) no-repeat #f00; border-right:1px solid #fff; }
#menu a.menu-2 { width:219px; background:url(img/menu-2.gif) no-repeat #f00; border-right:1px solid #fff; }
#menu a.menu-3 { width:219px; background:url(img/menu-3.gif) no-repeat #f00; border-right:1px solid #fff; }
#menu a.menu-4 { width:219px; background:url(img/menu-4.gif) no-repeat #f00; }

/* content */
#content {
	width:880px;
	min-height:200px;
	margin:0 1px;
	background-color:#eaf2f9;
}
#content h2 { padding:0; margin:5px; color:#c00; }
/* left sidebar */
#left {
	padding:10px 0;
	width:218px;
	float:left;
}
#left img.title {
	margin:10px;
	display:block;
	text-align:left;
	border:none;
}
#left img.pic {
	width:170px;
	border:1px solid #ccc;
	padding:5px;
	margin:10px auto;
}

#left p {
	margin:7px 10px;
	text-align:left;
	display:block;
}
#left div.card {
	background:url(img/card.gif) no-repeat left top;
	width:202px;
	height:86px;
	margin:10px auto;
	line-height:34px;
	padding-top:1px;
}
#left div.card p {
	/*margin-left:30px;*/
}
#left div.hr {
	margin:0 10px 20px;
	height:10px;
	border-bottom:1px solid #C1D1E0;
}
#mid {
	float:left;
	width:439px;
	margin-left:1px;
	background-color:#fff;
	height:460px;
	padding-top:10px;
	/*line-height:1.3em;*/
}
#mid a { text-decoration:none; }
#mid a:hover { text-decoration:underline; }
#mid div.hr {
	margin:0 10px 10px;
	height:27px;
	line-height:30px;
	padding:0 5px;
	border-bottom:1px solid #23588D;
}
#mid div.hr a {
	text-decoration:none;
	color:#fff;
	background:url(img/tab-red.gif) no-repeat top right;
	height:27px;
	width:80px;
	float:right;
}
#upper img {
	height:100px;
	border:1px solid #ccc;
	padding:3px;
	margin:10px 10px 3px;
}
#lower {
	margin:0 10px;
	text-align:left;
}
#right {
	width:220px;
	float:right;
	padding:10px 0;
}
#mid-right {
	width:660px;
	overflow:hidden;
	float:right;
	padding:25px 0 10px;
	min-height:320px;
	background-color:#fff;
	border-right:1px solid #eaf2f9;
	text-align:left;
}
#mid-right h3 {
	margin:20px;
}
#mid-right p {
	margin:5px 10px 5px 30px;
}


/* footer */
#footer {
	color:#fff;
	text-align:right; 
	font-size:12px;
}
#footer a {
	color:#fff;
	text-decoration:none;
}
#footer a:hover { text-decoration:underline; }
#first-line {
	padding:0 30px;
	background-color:#0f3153;
	height:30px;
	line-height:30px;
}
#second-line {
	padding:0 30px;
	background-color:#1d4d7c;
	height:30px;
	line-height:30px;
}

#news { margin:0 10px; padding:0; width:640px; overflow:hidden; }
#news li { list-style:none; margin:0 0 10px 0; padding:0; }
#news li h3 { margin:5px 0; padding:0; font-size:18px; }
#news li p { margin-left:20px; }

div.fulltext p { margin:20px 5px 10px 20px!important; }

#contact { font-size:18px; }