html
{
    margin: 0;
    /* setting border: 0 hoses ie6 win window inner well border */
    padding: 0;
}
body
{
   margin: 0;
   /* setting border: 0 hoses ie5 win window inner well border */
   padding: 0;
   font-family:Tahoma,"Trebuchet MS",verdana,helvetica,arial,sans-serif;
   font-size:12px;
   min-width:780px;
   color:#333;
  /* background:#eee; */
   background: transparent url("/images/bg.gif");
   text-align:center;
}
form,input
{
   margin:0;
   padding:0;
}

/* link style*/
a {color:#0082ff;text-decoration:none;}
a img{ border:0; }
a:link{  text-decoration:none; }
a:visited{ text-decoration:none; }
a:hover{ text-decoration:none; background:#bbd0f9;}
a:active{ text-decoration:none;}
a:link, a:visited { color: #3f658c; }
a:hover, a:active { color: #996; }

a.help:link,
a.help:visited {
    border: 1px solid #8faebe;
    padding: 0 3px;
    color: #8faebe;
    font-size: 12px;
    text-decoration: none;
}

a.help:hover,
a.help:active {
  color: #fff;
  border-color: #3f658c;
  background-color: #3f658c;
}
a.inblog
{
  padding-right: 12px;
  background: url("/images/link-icon.png") no-repeat right;
}

/* end of link*/

#index_bar{ padding:1px 0 0 0; margin:0; text-align:right;}
#index_bar ul { margin: 0 5px ; padding: 0 5px 0 8px; }
#index_bar li { display: inline; padding: 0 0 0 5px; margin: 0; white-space: nowrap; }
#index_bar li a { text-decoration: none; padding-left :5px;border-left: #bbd0f9 1px solid; }
#index_bar ul li:hover a {  text-decoration: underline; }
#index_bar #user_name,#index_bar ul .info {  padding: 0 0 0 16px;  background: transparent url("/images/arr.gif") top left no-repeat;}

.jinghua{  background: url("/images/good.gif") no-repeat top;}

.en {font-family:Verdana,Arial,Helvetica,sans-serif; }
.reply {
      background: #fec;
      padding: 15px;
      margin-bottom: 1em;
      text-align: left;
      border: #d4d0c8 1px dashed; 
}
.tips { color: #f60; margin-left: 10px;}

#container {
                width: 937px;
                margin: 0 auto;
                text-align: center;
}

b.rtop, b.rbottom{display:block;background: #0FF}
b.rtop b, b.rbottom b{display:block;height: 1px; overflow: hidden; background: #9BD1FA}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

#esbody {
                width: 937px;
                margin: 15px auto;
                text-align: center;
        }
        #esbody h2 {  margin-top: 0px  }
        #esbody p {  margin-top: 0px  }

        hr.hide {display: none }

        .thispic {
          float: right;
          background: #6097cf;
          margin: 45px 5px 5px 5px;
          width: 380px;
          line-height: 0px;
          height: auto;
        }

        .thispic img { border:0; }
        .thispic ul {
                float: right;
                width: auto;
                bottom: 0;
                right: 0;
                margin-top: 5px;
                list-style: none;
        }
        .thispic li {
                float: right;
                padding: 8px;
                margin: 0 1px 0 0;
        }
        .thispic ul a {
                float: left;
                padding: 10px 4px 4px 4px;
                color: #fff;
                text-decoration: none;
        }
        .thispic ul li:hover a { color:#f60; text-decoration: underline;  background:#6097cf;}



        .download:before {
                line-height: 0.1;
                font-size: 1px;
                margin: -15px -15px 0 -15px;
                height: 15px;
                display: block;
                border: none;
                content: url("../images/download_tl.gif");
        }
        .download {
                width: 380px;
                background: #C4EFA1 url("../images/download_back.gif") top right no-repeat;
                padding: 15px 45px 15px 15px;
                margin-bottom: 0.5em;
        }
        .download h3,
        .download h3 :link,
        .download h3 :visited,
        .download h3 :link:active,
        .download h3 :visited:active {
                color: #1d9101;   font-size: 18px;
        }

        .download h3 :link:hover, .download h3 :visited:hover {
                color: #156b01;  font-size: 18px;
        }

        .download li {
                padding: 0;
                margin: 4px;


        }
        .download ul {
                margin-top: 0;
                margin-bottom: 0;
                padding-bottom: 0;
        }
        .other a:link, .other a:visited { color: #666; }
        .download .other a:hover { color: #000; }
        .download:after {
                display: block;
                padding-top: 15px;
                line-height: 0.1;
                font-size: 1px;
                content:  url("../images/download_bl.gif");
                margin: -10px -45px -15px -15px;
                height: 8px;
                background: transparent url("../images/download_br.gif") scroll no-repeat bottom right ;
        }

       .esinfo:before {
                line-height: 0.1;
                font-size: 1px;
                background: transparent url("../images/esinfo_tr.gif") no-repeat top right;
                margin: -15px -15px 0 -15px;
                height: 15px;
                display: block;
                border: none;
                content: url("../images/esinfo_tl.gif");
        }
        .esinfo {
                background: #e4ecec url("../images/esinfo_back.gif") right repeat-y;
                padding: 15px;
                margin-bottom: 1em;
                z-index: 100;
                text-align: left;
        }
        .esinfo h2 {
                font-size: 18px;
                margin-bottom: 0px;
         }
        .esinfo p {
                color: #333333;
                margin: 4px;
                padding: 0px;
                font-size: 12px;
         }
        .esinfo ul {
                padding-top: 0;
                margin-top: 0;

        }

        .esinfo li {
                padding: 0;
                margin: 4px;
                list-style-image: url("../images/arr.gif");
        }

        .esinfo:after {
                display: block;
                clear: both;
                padding-top: 15px;
                line-height: 0.1;
                font-size: 1px;
                content:  url("../images/esinfo_bl.gif");
                margin: -15px;
                height: 8px;
                background: transparent url("../images/esinfo_br.gif") scroll no-repeat bottom right ;
        }

        .esinfo h2, .esinfo h3, .esinfo h4, .esinfo h5 {
                border: none;
                margin-top: 0;
        }
#header {
    background: #6097cf url("../images/header_bl.gif") bottom left no-repeat;
    position: relative;
    height: 66px;
    padding:  0;
    margin: 10px 0;

}
#ignored {}

/********************************/
#header  a { color: #fff;}
#header h1 {
   position: absolute;
   top: 0;
   left: 0;
   margin: 0;
   font-size: 2px;
   background: transparent url("../images/header_tl.gif") no-repeat;
   height: 50px;
   z-index: 100; /* above the ul */
}
#header h1 a {
   display: block;
   width: 110px;
   height: 50px;
   margin: 10px;
   background: transparent url("../images/logo.gif") no-repeat;
   text-indent: -700em;
   text-decoration: none;
}

#header h3 {
   position: absolute;
   top: 15px;
   left: 120px;
   margin: 0px;
   color: #fff;
   font-size: 22pt;
   font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
   text-decoration: none;
   font-weight: bold;  
}

#header h2 {
   position: absolute;
   top: 0;
   right: 0;
   margin: 0;
   padding: 10px 15px 0 0;
   background: transparent url("../images/header_tr.gif") top right no-repeat;
   z-index: 100;
   font-weight: normal;
   font-size: 12px;
   color: #fff;
}


#header h2 a {
   margin-left: 10px;
}
#header ul {
   width: auto;
   /* background: #f097cf ; */
   position: absolute;
   bottom: 0;
   right: 0;
   margin: 0;
   padding: 0 15px 0 0;
   list-style: none;
   background: transparent url("../images/header_br.gif") no-repeat bottom right;
   z-index: 90; /* below the h1 */
}
#header li {
   float: right;
   padding: 0 4px;
   margin: 0 1px 0 0;
}
#header ul a {
  float: left;
  padding:2px 3px ;
  color: #fff;
  text-decoration: none;
  border: 1px solid #6097cf;
}


#header ul .notice a {
 border: 1px solid #fff;
 text-decoration: none;
 font-weight:bold;

}

#header h2 a:hover
{
  background: #6097cf;
  text-decoration: underline;
}
#header ul li a:hover
{
  border:1px solid #fff;
  background: #6097cf;
  text-decoration: underline;
}

#foot {
  width: 720px;
  margin: 10px auto;
  text-align: center;

}

#foot h4 {
  font-weight: normal;
  margin: 5px;
  font-size: 12px;
}

#foot ul {
  margin: 0 0 1em 0;
  padding: 0;
  border-bottom: 1px dashed #6097cf;
}

#foot li {
  display: inline;
  padding: 0 20px 0 0;
  margin: 0;
  white-space: nowrap;
}

#foot  a {
  text-decoration: none;
}
#foot ul li:hover a {  text-decoration: underline; }