/* CSS Document */

/* base */
* { margin: 0; padding: 0; }

body { min-width: 1000px; background: #e8ecef url(bg.png) 0 0 no-repeat; font: 12px/1.5 Arial, Helvetica, "微软雅黑"; color: #415055; }

h1 { font-size: 180%; }
h2 { font-size: 130%; }
h3 { font-size: 115%; }
h4, h5, h6 { font-size: 100%; }

a:link, a:visited { color: #003399; text-decoration: none; }
a:hover, a:active { color: #e3000f; text-decoration: underline; }

img { border: 0; }

.noscript { padding: 10px 0; background: #ffd; text-align: center; }

.super { vertical-align: super; font-size: 70%; }
.sub { vertical-align: sub; font-size: 70%; }

.fb { font-weight: bold; }
.fi { font-style: italic; }

.float-left { float: left; display: inline; }
.float-right { float: right; display: inline; }

.tleft { text-align: left; }
.tright { text-align: right; }
.tcenter { text-align: center; }
.vmiddle { vertical-align: middle; }

/* Clear Fix */
.clearfix:after { content: "."; display: block; font-size: 0; line-height: 0; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; zoom: 1; }
/* Hide from IE Mac */
.clearfix { display: block; }

/* common */
#wrapper { margin: 25px; }
#header { width: 100%; height: 56px; }
#leftframe { position: absolute; width: 170px; }
#middleframe {
	margin-left: 190px;
	margin-right: 190px;
	border: 1px solid #c2c8cc;
	-moz-box-shadow: 0 2px 4px #c2c8cc;
	-webkit-box-shadow: 0 2px 4px #c2c8cc;
	box-shadow: 0 2px 4px #c2c8cc;
	min-height: 650px;
	background: #fff;
}
#middleframe h2 {
	margin: 20px 20px 0;
	border-bottom: 1px solid #eee;
	padding: 0 0 5px 0;
	color: #e3000f;
}
#middleframe .content {
	padding: 20px;
}
#rightframe {
	position: absolute;
	top: 81px;
	right: 25px;
	width: 180px;
	border: 1px solid #c2c8cc;
	-moz-box-shadow: 0 2px 4px #c2c8cc;
	-webkit-box-shadow: 0 2px 4px #c2c8cc;
	box-shadow: 0 2px 4px #c2c8cc;
	background: #fff;
}

/* NAVIGATION */
#nav {
	font-weight: 500;
}
#nav ul {
	list-style: none;
}
#nav ul.accordion li {
	float: none;
}
#nav ul.accordion a {
	position: relative;
	margin-bottom: 1px;
	display: block;
	line-height: 21px;
	padding: 0 0 0 10px;
	color: #000000;
	text-decoration: none;
	border: 1px solid #d8dee4;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: url(mainmenu_bg.png) 0 0 repeat-x;
}
#nav ul.accordion a:hover {
	color: #e3000f;
}
#nav ul.accordion li a.active {
	color: #000000;
	font-weight: bold;
}
#nav ul.accordion ul a {
	border: 0;
	border-bottom: 1px solid #d8dee4;
	color: #666666;
	padding-left: 16px;
	background: url(main_menu2_icon.png) left center no-repeat;
}
#nav ul.accordion ul li a.active {
	border-bottom: 1px solid #e3000f;
	color: #e3000f;
	font-weight: bold;
	background: url(main_menu2_selected_icon.png) left center no-repeat;
}

#cs-search { border-bottom: 1px solid #d8dee4; height: 155px; padding: 10px; background: url(bbc_bg.png) 0 0 repeat-x; }

.box { border: 1px solid #d8dee4; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
	.box h4 { border-bottom: 1px solid #d8dee4; line-height: 21px; padding-left: 10px; background: url(box_title_bg.png) 0 0 repeat-x; }
	.box .content { padding: 5px 10px; background: #f0f2f4; }

#site-search { margin-top: 10px; }
	.searchbox { border: 1px solid #bec8d2; width: 120px; height: 19px; line-height: 19px; padding-left: 15px; background: #fff url(searchbox_bg.png) 0 0 no-repeat; }

#logo-wall { padding: 15px; }
	#logo-wall dt { margin-bottom: 15px; text-align: center; }

#footer { margin-left: 190px; padding: 10px 0 25px; line-height: 47px; color: #788791; }
