.wrapper{
   width: 80%;
   margin: 0 auto;
}
.header{
   float: left;
   width: 100%;
   background-color: #fff;
   border-bottom:1px solid #cfcfcf;
   border-top:2px solid #cfcfcf;
   margin-top:1px;
  height:50px;
  
}

.wrapmiddle{
   float: left;
   width: 100%;
   background-color: #fff
}
.middle{
  margin-right:161px;
   margin-left:168px;

   background-color: #fff;
   padding:10px 0
   
}
.left{
   float: left;
    width: 158px;
   margin-left: -100%;
   background-color: #fff;
   
}
.right{
   float: left;
   width: 151px;
   margin-left: -151px;
   background-color: #fff;
   
}
.footer{
   float: left;
   width: 100%;
   height:60px;
   background-color: #f4f4f4;
   text-align:center
}
body {
   padding: 0px;
   margin: 0px;
   color:#444;
   background-color: #556677;
   font-family:sans-serif,Verdana
}
h2{margin:0}
.mg2{margin-top:10px;margin-left:185px;color:#555}
.js,.syntx{margin:10px;border:1px solid #cfcfcf;width:85%;padding:5px}
#wrp,h4,h2,.hm{margin-left:10px}

p{margin:10px 5px 10px 10px; font-size:14px}
.js{font-size:14px}
.ver {font: bold 14px  sans-serif,Verdana;}
.ver  a {display: block; 
   padding: 3px 10px; margin: 0 0 1px;  
   text-decoration: none; 
   color:#444;
   background: #fff;
   border-left: 5px solid #eeeffb;}
   
.ver  a:hover {color: #411;
   border-left: 5px solid #eee;
   background:#f1f8ff;
   color:#c00000
   }
 .hm{float:left}
   .hm a {display: block; font: bold 14px  sans-serif,Verdana;
   padding: 5px 0px; margin: 0 0 1px;  
   text-decoration: none; color:#444;
  cursor: default; 
   }
   h2 a,p a,li a{color:#444;text-decoration: none;color:blue}
   .footer a{color:#000;text-decoration: none; font: bold 14px sans-serif,Verdana;}
  .hm a:hover, h2 a:hover,.footer a:hover,p a:hover,li a:hover{text-decoration: underline;color:#c00000}
a.active{color:#c00000}
a.active:hover{color:#000}
.par{font-weight:bold}
.cobtn{margin:10px;}