/* global */

.wrapper *{
	margin: 0;
	padding: 0;
	border: 0;
}

.menubar *{
	margin: 0;
	padding: 0;
	border: 0;
}

a {
	text-decoration: none;
	color: #333;
}
.more {
	font-size: 0.9em;
}
.more a {
	color: #3324fe1;
	float: right;
	padding: 10px 0;
}
.more a:hover {
	text-decoration: underline;
}
div {
	overflow: hidden;
}
body {
	font-family: "Microsoft YaHei", Tahoma, Verdana, STHeiTi, simsun, sans-serif;
	font-size: 14.8px;
	color: #333;
}
#maincontainer {
	overflow: hidden;
	width: 980px;
	margin: 0 auto;
}
/*for search box*/

#searchBbs input {
    float: left;
    margin: 25px 0 0 10px;
}

#keyword {
	border:1px solid #CCC;
	color: #666666;
	height: 29px;
	line-height:29px;
	width: 224px;
	padding-left: 10px;
}
#searchBbs input {
	float:left;
	margin: 25px 0 0 10px;
}
#searchBbs {
	float:right;
}
/* header */
#header {
	overflow: hidden;
	margin-bottom: 15px;
}
#header #topnav {
	overflow: hidden;
	background: url(/images/bg_topnav.gif) repeat-x;
	width: 978px;
	border: 1px solid #ccc;
	border-top: 0;
	height: 30px;
	line-height: 30px;
	margin-bottom: 12px;
	font-size: 0.9em;
}
#header .wrapper {
	overflow: hidden;
	height: 62px;
	margin-bottom: 10px;
}
#header .menubar {
	overflow: hidden;
	height: 38px;
}
.menubar ul {
	margin-left: 5px;
	list-style: none;
}
.menubar ul a {
	color: #fff;
}
.menubar ul li {
	float: left;
	overflow: hidden;
	text-align: center;
	padding: 10px 15px;
	font-size: 15px;
}
.menubar ul li.selected a {
	color: #000;
}
#topbar {
	width:485px;
}
/* header: topnav */
#topnav .mobilelinks {
	float: left;
	width: 120px;
	padding-left: 15px;
	padding-bottom: 5px;
}
#topnav .mobilelinks span {
	display: block;
	float: left;
	padding-right: 4px;
	margin-top: -1px;
}
#topnav .mobilelinks img {
	float: left;
	padding-top: 6px;
}
#topnav .sharelinks {
	float: left;
	width: 100px;
}
#topnav .sharelinks img {
	padding-top: 6px;
}
#topnav img {
	margin: 0 4px;
}
#topnav .quicklinks {
	float: right;
	width: 700px;
}
#topnav .quicklinks span {
	float: left;
	margin-left: 5px;
	display: block;
    *padding-top: 0;
	_padding-top: 4px;
}
#topnav .quicklinks .bar_two span {
	margin-left: 0;
}
#topnav .quicklinks span.login {
	background: url(/images/dividingline.gif) no-repeat center right;
}
.bar_one span a {
	color:#333;
	text-decoration:none;
}
.bar_one span a:hover {
	color:red;
	text-decoration:underline
}
.bar_one span.user {
	margin-right:5px;
 *padding-bottom: 4px;
}

.bar_two span.username {
	margin-right:5px;
	_margin-right: 0;
}
.bar_two span.username a {
	color:red;
}
.bar_one input.box {
	width:80px;
	height:18px;
	line-height:18px;
	border: 1px solid #ddd;
}
.bar_one input.btn {
	float: left;
	font-size:12px;
	background: url(/images/btn_login.gif) no-repeat;
	width:55px;
	height:22px;
	line-height: 22px;
	margin-left: 8px;
	margin-top: 4px;
	border: 0 none;
}
.bar_one input.text {
	width:80px;
	font-size:12px;
	margin-left: 5px;
}
.bar_one input.password {
	width:80px;
	height:14px;
	font-size:13px
}
#login_out_box, #login_in_box {
	font-size:13px;
	background:url(/images/bg_topnav.gif);
	font-family: "Microsoft YaHei", Tahoma, Verdana, STHeiTi, simsun, sans-serif;
	padding:0 3px;
	border:0;
}
#login_in_box {
	height: 30px;
	line-height:30px;
}
#login_out_box .bar_one {
	padding: 0 10px;
	_padding: 0;
	float:right;
}
#login_in_box .bar_one {
	padding: 0 15px;
	padding-left: 0;
	_padding-right: 0;
	float:right;
	vertical-align: middle;
}
#login_in_box .bar_two {
	padding: 0 10px;
	padding-right: 0;
	float:right;
}
#login_in_box .bar_one span {
	display: block;
	float: left;
	vertical-align: middle;
	_padding-bottom: 4px;
}
/* header: wrapper */
#header .wrapper .logo {
	float: left;
	width: 251px;
	height: 58px;
	background: url(/images/logo_wxc_wide.gif) no-repeat;
}
#header .wrapper .logo span.name {
	float: right;
	width: 36px;
	font-size: 1.2em;
	line-height: 20px;
	padding-top: 7px;
}
#header .wrapper .logo img {
	width: 193px;
	height: 62px;
}
#header .wrapper .searchbox {
	float: right;
	width: 224px;
	height: 24px;
	border: 1px solid #ccc;
	padding-top: 6px;
	padding-left: 10px;
	margin: 25px 10px 0 0;
	color: #ccc;
}
#header .wrapper .button {
	float: right;
	width: 84px;
	padding-top: 25px;
}
#header .wrapper .button img {
	width: 84px;
	height: 32px;
}
/* header: mainmenu */
#mainmenu {
	background: url(/images/bg_menubar.jpg) repeat-x;
}
#mainmenu ul li.selected {
	background: url(/images/bg_mainmenu_selected.gif) no-repeat center bottom;
}
#mainmenu ul li.last {
	background: none;
}
/* header: submenu */
#submenu {
	background: #fff;
	border-bottom: 1px solid #cbcbcb;
	vertical-align: middle;
}
#submenu a {
	color: #7b686a;
}
#submenu ul li {
	background: url(/images/bg_submenuline.gif) no-repeat right bottom;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
}
#submenu ul li.newgroup {
	background: none;
}
#submenu ul li.newgroup a {
	color: #F00;
}
#submenu ul li.selected a {
	color: #21364b;
}
/* footer */
#footer {
	clear: left;
	overflow: hidden;
	text-align: center;
	margin-bottom: 15px;
	border-top: 1px solid #ddd;
	font-size: 0.9em;
}
#footer .info {
	clear: both;
	overflow: hidden;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
	margin-top: 5px;
}
#footer .info span {
	color: #00F;
}
#footer .info span.url {
	color: #609;
}
#footnav ul {
	overflow: hidden;
	margin-left: 190px;
	list-style: none;
}
#footnav ul li {
	float: left;
	padding: 0 15px;
	font-family: Arial, Helvetica, sans-serif;
	border-right: 1px solid #999;
	text-align: center;
	hieght: 14px;
	line-height: 14px;
	margin: 10px 0;
}
#footnav ul li.last {
	border: none;
}
#footnav ul li.selected a {
	color: #609;
}
#footnav a {
	color: #00f;
}
/* breadcrumbs */
#breadcrumbs {
  float: left;
  width: 500px;
  padding: 10px 0;
  font-size: 0.9em;
}
#breadcrumbs span {
  color: #00f;
}
#breadcrumbs span a {
  color: #03f;
}
#breadcrumbs span a:hover {
  color: #f00;
  text-decoration: underline;
}
#breadcrumbs img {
  padding: 0 8px;
  width: 8px;
  height: 8px;
}
/* maincontent */
.maincontent {
	float: left;
	overflow: hidden;
	width: 340px;
	margin-right: 20px;
}
.maincontent .block {
	float: left;
	overflow: hidden;
	width: 340px;
	margin-bottom: 10px;
}
.maincontent .title {
	background: url(/images/title_shadow_340x10.gif) no-repeat bottom center;
}
.maincontent .title .info {
	background: url(/images/bg_title.gif) repeat-x;
	border: 1px solid #ccc;
	border-top: none;
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
	font-size: 1.1em;
}
.maincontent .title h3 {
	background: url(/images/bg_arrow_down.gif) no-repeat top left 32px;
	color: #3a6837;
}
.maincontent .title h3 span.date {
	padding-left: 125px;
	background: none;
}
.maincontent .wrapper {
	overflow: hidden;
}
.maincontent .wrapper ul {
	margin-left: 15px;
}
.maincontent .wrapper ul li {
	padding: 3px 0;
	white-space: nowrap;
}
.maincontent .wrapper a {
	color: #1B4279;
}
.maincontent .wrapper a:hover {
	color: #f00;
}
.maincontent .wrapper p {
	padding: 5px;
}
.maincontent .wrapper p a {
	float: right;
}
.maincontent .col {
	float: left;
	width: 325px;
	overflow: hidden;
	margin-right: 15px;
}
.maincontent .col .title {
	background: url(/images/title_shadow_325x10.gif) no-repeat center bottom;
	height: 40px;
	font-size: 1.1em;
	color: #366531;
}
.maincontent .col .title h4 {
	background: url(/images/bg_h4_02.gif) repeat-x;
	height: 29px;
	line-height: 29px;
}
.maincontent .col .title h4 span {
	background: #fff;
	margin-left: 10px;
	padding: 0 5px;
}
.maincontent .col .wrapper {
	width: 325px;
}
.maincontent .col .wrapper ul li {
	padding: 5px 0;
	border-bottom: 1px dotted #ddd;
}
.maincontent .col .wrapper .banner {
	border-bottom: 0;
	margin-bottom: 0;
}
.maincontent .last {
	margin-right: 0;
}
/* sidebar */
.sidebar {
	float: left;
	overflow: hidden;
	width: 300px;
	font-size: 0.9em;
}
.sidebar .title {
	background: url(/images/title_shadow_290x10.gif) no-repeat center bottom;
	margin-bottom: 5px;
}
.sidebar h4 {
	background: url(/images/bg_title.jpg) repeat-x;
	color: #930;
	border: 1px solid #ddd;
	height: 22px;
	padding-left: 10px;
	padding: 6px;
	font-size: 1.1em;
}
.sidebar .banners img {
	margin-bottom: 14px;
}
.sidebar .block {
	overflow: hidden;
	width: 288px;
	border: 1px solid #ccc;
	padding: 5px;
	margin-bottom: 15px;
}
.sidebar .wrapper {
	overflow: hidden;
	padding: 5px 5px 0 10px;
	margin-bottom: 10px;
}
.sidebar .wrapper ul {
	list-style: none;
	float: left;
	width: 270px;
}
.sidebar .wrapper ul li {
	padding: 5px 0;
	border-bottom: 1px dotted #ccc;
	white-space: nowrap;
	overflow: hidden;
}
.sidebar .wrapper ul.name {
	float: left;
	width: 120px;
	margin-right: 15px;
	white-space: nowrap;
	overflow: hidden;
	margin-left: 5px;
	list-style: none;
}
.sidebar .wrapper ul.last {
	margin-right: 0;
}
.sidebar .wrapper ul li a:hover {
	color: #f00;
}
.sidebar .wrapper span {
	padding-right: 12px;
	line-height: 22px;
}
.sidebar .wrapper span a:hover {
	text-decoration: underline;
}
.sidebar .more {
	margin-top: -15px;
}
/* Style library */
#sponsors {
	padding: 0;
	border: 0;
	width: 300px;
}
#sponsors img {
	height: 250px;
}
.imagetitle_left {
	float: left;
	overflow: hidden;
	padding: 8px 0;
	border-bottom: 1px solid #ccc;
}
.imagetitle_left .image {
	float: left;
	width: 80px;
	height: 50px;
	padding: 3px;
	border: 1px solid #ccc;
	margin-right: 6px;
}
.imagetitle_left img {
	width: 80px;
}
.imagetitle_left .title {
	float: right;
	width: 190px;
	background: none;
	border: none;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 1.1em;
}
.imagetitle_left .title a {
	color: #0259ba;
}
.imagetitle_left .title a:hover {
	text-decoration: underline;
}
.imagetitle_left .summary {
	float: left;
	width: 190px;
	margin: 0;
}
.imageitem {
	float: left;
	overflow: hidden;
	width: 300px;
	margin-right: 20px;
	margin-top: -3px;
}
.imageitem .titleimage {
	padding-bottom: 12px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 12px;
}
.imageitem .titleimage .title {
	width: 300px;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 12px;
}
.imageitem .titleimage .image {
	width: 300px;
	height: 200px;
}
.imageitem .titleimage img {
	width: 300px;
}
.imageitem .imagetitle {
	overflow: hidden;
	padding-bottom: 12px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 12px;
}
.imageitem .imagetitle .image {
	width: 300px;
	height: 200px;
}
.imageitem .imagetitle img {
	width: 300px;
}
.imageitem .imagetitle .title {
	width: 300px;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 12px;
}
.slideshow {
	float: left;
	margin-bottom: 20px;
}
.slideshow .image {
	width: 300px;
	height: 200px;
	background: url(../data/finance/slideshow_01.jpg) no-repeat top left;
	margin-bottom: 8px;
	_margin-bottom: -8px;
}
.slideshow .image p {
	height: 40px;
	padding-top: 175px;
	margin: 0 5px;
	white-space: nowrap;
}
.slideshow .image p a {
	color: #fff;
}
.slideshow .slide {
	padding-left: 105px;
}
.slideshow .slide span {
	margin-right: 10px;
}
#recommendposts, #news {
	float: left;
	width: 300px;
	overflow: hidden;
}
#recommendposts .title, #news .title {
	height: 50px;
}
#recommendposts .info, #news .info {
	background: url(/images/bg_title.gif) repeat-x;
	border: 1px solid #ccc;
	border-top: none;
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
	font-size: 1.1em;
}
#recommendposts h3, #news h3 {
	background: url(/images/bg_arrow_down.gif) no-repeat top left 32px;
}
#recommendposts .wrapper, #news .wrapper {
	width: 300px;
}
#recommendposts .wrapper li, #news .wrapper li {
	height: 24px;
	line-height: 24px;
	border-bottom: 1px dotted #ccc;
}
#recommendposts .wrapper li a:hover, #news .wrapper li a:hover {
	color: #f00;
}
#recommendposts {
	width: 300px;
}
#recommendposts .title {
	background: url(/images/title_shadow_290x10.gif) no-repeat bottom center;
}
#recommendposts .title .info {
	background: url(/images/bg_title_noselected.gif) repeat-x;
	padding: 0;
	_line-height: 34px;
}
#recommendposts .title ul {
	list-style: none;
	margin: 0;
}
#recommendposts .title ul li {
	float: left;
}
#recommendposts .title ul li h3 {
	background: none;
	padding: 0 13px;
	color: #ccc;
}
#recommendposts .title ul li.selected {
	background: url(/images/bg_title_selected.gif) no-repeat;
}
#recommendposts .title ul li.selected h3 {
	color: #3a6837;
}
#recommendposts p {
	padding: 5px 0;
	font-size: 0.9em;
}
#recommendposts p a {
	color: #324fe1;
}
#news {
	width: 340px;
}
#news .title {
	background: url(/images/title_shadow_340x10.gif) no-repeat bottom center;
}
#news .wrapper {
	width: 340px;
}
#news p {
	padding: 5px 0;
	font-size: 0.9em;
}
#news p a {
	color: #324fe1;
}
#areasponsors {
	float: left;
	width: 665px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
}
#areasponsors h4 {
	color: #266785;
	font-size: 1.3em;
	padding: 5px 0;
	border-bottom: 2px solid #eee;
	margin-bottom: 15px;
}
#areasponsors .imagetitle {
	float: left;
	width: 83px;
	overflow: hidden;
	padding-bottom: 10px;
	border: 0;
	margin-right: 14px;
}
#areasponsors .imagetitle .image {
	width: 79px;
	height: 80px;
	padding: 1px;
	border: 1px solid #ccc;
}
#areasponsors .imagetitle img {
	width: 79px;
}
#areasponsors .imagetitle .title {
	width: 79px;
	height: 24px;
	line-height: 24px;
	font-size: 1em;
	font-weight: normal;
	white-space: nowrap;
	background: none;
}
#areasponsors .last {
	margin-right: 0;
}
#guide {
	float: left;
	width: 978px;
	overflow: hidden;
	border: 1px solid #ccc;
	border-top: 0;
	margin-top: 10px;
	margin-bottom: 20px;
}
#guide .title {
	background: none;
	height: 50px;
}
#guide .title .info {
	background: url(/images/bg_title.gif) repeat-x;
	border-bottom: 1px solid #ccc;
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
	font-size: 1.1em;
}
#guide .title h3 {
	background: url(/images/bg_arrow_down.gif) no-repeat top left 32px;
	color: #3a6837;
}
#guide .title h3 span.date {
	padding-left: 125px;
	background: none;
}
#guide .search {
	width: 978px;
	padding: 20px 190px 30px;
	border-bottom: 1px solid #ccc;
}
#guide .search input[type="text"] {
	width: 500px;
	height: 30px;
	border: 1px solid #ccc;
	margin-right: 10px;
}
#guide .search input[type="image"] {
	vertical-align: middle;
	_vertical-align: top;
}
#guide .item {
	float: left;
	width: 243px;
	height: 260px;
	border-right: 1px solid #ccc;
	font-size: 0.9em;
}
#guide .item ul {
	list-style: none;
	padding: 20px 10px;
	overflow: hidden;
	width: 210px;
}
#guide .item ul li {
	background: url(/images/icon_point.gif) no-repeat center left;
	padding-left: 15px;
	line-height: 20px;
	white-space: nowrap;
}
#guide .item ul li a {
	color: #999;
}
#guide .last {
	width: 246px;
	border: none;
}
.search-form {
	float: right;
}
.search-form input {
	float: left;
	margin: 20px 0 0 12px;
}