/*==============================================
       All pages content
*/

/*
       All page content except for footer
*/

#content {
	position: relative;
	width:770px;
	height: auto  !important;
	height: 100%;
	min-height: 100%;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	margin-top: 0px;
}

/*
      Header part include header/logo /banner
*/

#header{
	width:770px;
	height:auto;
	line-height:normal;
	float: right;
}


#headerImg {
  clear:both;
  padding:0;
  width:764px;
  height:185px;
  background:#CCC;
  border:3px solid #CCC;
}

#headerImg img {
  width:762px;
  height:185px;
}

/*
   导航
*/
#navigation{
	position:relative;
	/*background:url(../image/navBg.gif);*/
  border-bottom:1px solid #ccc;
	display:block;
	width:767px;
	padding-left:3px;
	padding-top:10px;
	height:18px;
	margin-top:0;
	text-align:left;
	overflow: hidden;
}

#navigation .nav_main {
  float:left;
  margin:1px;
  text-align:center;
}

/*
    三栏排版
*/

/*
   左边栏
*/
#leftcolumn{
  float:left;
  position:relative;
  margin-left:0;
  padding:0;
  width:153px;
  border-top:1px solid #ccc;
}

#leftcolumn img {
  margin-left:15px;
}

/*
  中间栏
*/

#midcolumn{
  float:left;
  margin-left:9px;
  position:relative;
  display:block;
  width:435px;
  border-top:1px solid #ccc;
}

#midcolumn p{
  margin:0 0.5em 0 1.5em;
  line-height:1.5;
  margin-bottom:1em;
}

/*
  右边栏
*/

#rightcolumn{
  float:right;
  position:relative;
  display:block;
  width:163px;
}

#rightcolumn p{
  margin:0 0.5em 0 1em;
  line-height:1.5;
}
/*
  两栏排版
*/

/*
  main，right
*/

#page_2col {
  clear:both;
  float:left;
  width:770px;
  margin-top:5px;
  text-align:left; 
  background:url(../image/page_bg_2col.gif) repeat-y right top;
}

#page_btm_2col {
  width:770px;
  clear:both;
  margin-top:-12px;
  height:2px;
  background:url(../image/page_bg_btm_2col.gif) no-repeat right bottom;
}

#maincolumn {
  margin-right:1px;
  float:right;
  position:relative;
  display:block;
  width:605px;
  border-top:1px solid #CCC;
}

#maincolumn p{
  margin:0 0.5em 0 1.5em;
  line-height:1.5;
  margin-bottom:1em;
}

#maincolumn h4 {
  width:582px;
}

/*==============================================
  软件下载
================================================*/
#page_soft {
  clear:both;
  float:left;
  width:770px;
  margin-top:5px;
  text-align:left; 
}

#page_soft p{
  margin:0 0.5em 0.5em 1.5em;
  line-height:1.5;
}

#leftSoft{
  float:left;
  position:relative;
  margin-left:0;
  padding:0;
  width:530px;
}

#rightSoft{
  float:right;
  position:relative;
  margin-left:0;
  padding:0;
  width:230px;
}

#rightSoft h5 {
    margin:5px 0 0.5em 8px;
}


/*
      Page Content
*/

#page {
  clear:both;
  float:left;
  width:770px;
  margin-top:5px;
  text-align:left; 
  background:url(../image/page_bg.gif) repeat-y right top;
}

#page_btm {
  width:770px;
  clear:both;
  position:relative;
  margin-top:-12px;
  height:2px;
  background:url(../image/page_bg_btm.gif) no-repeat right bottom;
}

/*
      Footer
*/
#footer{
  clear:both;
  width:770px;
  height:5em;
  margin:5px auto 0;
}




/*
   上面图片下面字
*/




/*
  Generic display
*/


.list {
  margin:0;
  list-style:none;
}
.list ul{
  clear:both;
  margin:0;
  padding:0;
}

.list ul li {
  margin:0;
  padding:0;
  width:100%;
  list-style:none;
}

.list ul li a {
  margin:0;
  padding:0;
}

.block {
  display:block;
}

.position {
  position:relative;
}

.clear {
  clear:both;
}

.floatLeft {
  float:left;
}

.floatRight {
  float:right;
  background:#F3F4F6;
}

.marginLeft10 {
  margin-left:10%;
}
.marginRight {
  margin-right: 3%;
}
.marginTop {
  margin-top:0;
}
.marginAuto {
  margin:0 auto 0;
}
.paddingLeft {
  padding-left: 3%;
}

.paddingRight5 {
  padding-right: 5px;
}

.paddingTop10 {
  padding-top:10px;
}  

.padding105510 {
  padding:10px 5px 5px 10px;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}

.alignTop {
  vertical-align: top;
}

.alignCenter {
  text-align:center;
}

.alignMiddle {
  vertical-align: middle;
}

.alignBottom {
  vertical-align: bottom;
}


.width100 {
  width:100%;
}

.width40 {
  max-width:200px;
  width:40%;
}

.width90 {
  width:90%;
}

.left2em {
  margin-left:2em;
}

.margin-btm{
  margin-bottom:20px;
}


/*
   段落显示  font color
*/
.ColorDarkBlue {
  color:#004477; 
}

.ColorRed {
  color:#5A6F7F;
}

/*
   段落显示  p
*/

.b {
  font:600 12px "宋体", Arial, System;
}

.download {
  color:#003399;
  text-decoration:underline;
}

.indent {
  text-indent:2em;
}

.BgWhite {
  background:#FFF;
}
