@charset "UTF-8";
@import "gecko.css";
/*------------------------------------
  Coder: gecko
  Date : 2010/2/23
------------------------------------*/
/*
 *  common
 */
html {
  background:#fff url("../images/index_bg_html.jpg") repeat-y top center;
  font-size:12px;
}
/*
 *  wrap
 */
#wrap {
  width: 896px;
  padding: 0px 10px;
  margin: 0px auto 0px auto;
  background: url("../images/index_bg_wrap.jpg") no-repeat top center;
}
/*
 * header
 */
#header {
  position:relative;
  height: 214px;
}
#header #h_1,#header #h_2,#header #h_3,#header #h_4,
#header #h_5,#header #h_6,#header #h_link {
  position:absolute;
  display:block;
}
#header #h_1 {top:45px;left:0px;}
#header #h_2 {top:0px;left:0px;}
#header #h_3 {top:183px;left:0px;}
#header #h_4 {top:92px;right:0px;}
#header #h_5 {top:130px;right:0px;}
#header #h_6 {top:167px;right:0px;}
/* link */
#header #h_link {top:0px;right:0px;}
/*
 * con
 */
#con_wrap {
  width: 831px;
  margin: 0px auto 0px auto;
}
  #con_body {
    width: 831px;
    margin: 0px 0px 0px 0px;
    background: url("../images/index_bg_con_middle.png") repeat-y top left;
  }
    #con {
      position:relative;
      width: 751px;
      padding: 50px 50px 50px;
      background: url("../images/index_bg_con_top.png") no-repeat top left;
    }
    /*
     * article
     */
    .article {
      position:relative;
      width: 370px;
      margin: 17px 0px 37px 0px;
      padding: 0px 0px 27px 0px;
      background: url("../images/index_bg_article_bottom.png") no-repeat bottom left;
      z-index:1;
    }
      .article h2{
        position:absolute;
        top:-17px;
      }
      .article_body {
        padding: 40px 0px 0px 0px;
        background: url("../images/index_bg_article_middle.png") repeat-y top left;
      }
        .article_con{
          overflow: hidden;
          padding: 0px 15px 0 10px;
        }
      .caution {
        width: 370px;
      }
      /* human */
      #human {
        position:absolute;
        top:0;
        right:30px;
        z-index:2;
      }
.copy{
  position:relative;
  top:-5px;
  left:1px;
  width: 916px;
  height: 53px;
  margin: 0px auto 0px auto;
  text-indent: -9999pt;
  background: url("../images/index_img_footer.png") no-repeat top left;
}

/*
 *  fuxx IE7
 */
#con_wrap { /margin-left:35px;}
#con {
  /padding-top:67px;
  /padding-bottom:80px;
}
.copy { /left:4px;}


/*
 *  fuxx IE6
 */
* html #con_wrap { margin-left:35px;}
* html .copy { left:4px;}