#map{

    width:980px;
    height:430px;
   
    margin-top:25px;
       background: #efefef;
      padding:10px;
      position:relative;
       border-radius: 3px;

}
.detail_pro h3{

  text-transform:uppercase
}
#map ul {
    list-style: none;
  width: 280px;
  height: 379px;
  border-radius: 3px;
  float: left;
  position: absolute;
  top: 62px;
}
#map ul  li {

    padding:10px  10px 10px 10px;
    margin-bottom:2px;
    color:#777;
    cursor: pointer;
    font-family:arial;
    line-height:20px;

   

    width: 237px;

}
#map ul  li:hover{
    background:#d8d8d8;
    border-radius:3px;
}
#map  h2{
    color:#777;
     text-transform:uppercase;
     padding:10px  10px 10px 30px;
     background: url(../images/2cham.png) no-repeat;
     background-position:5px 5px;
     border-bottom:2px solid #777;
     position:absolute;
     
     
    width: 236px;
     margin:auto;
     margin-bottom:10px;
     font-weight: normal;
    left: 12px;}
#map ul  li.active{
     background:#d8d8d8;
     border-radius:3px;
      box-shadow: 1px 1px 2px 2px #ccc;
}
#map ul  li p{

      font-weight:bold;
      font-size:16px;
      padding-bottom:5px
}
#map div#hide{
 display:none

}
#map div{

    float: right;
    

    width: 687px;
    
    color: #000;

    height: 429px;

}
#map div#map_left{

    width: 280px;
    height: 430px;
   
    background: #e6e7e7;
    box-shadow: 1px 1px 2px 2px #ccc;
    border-radius: 3px;
    float:left
} 
table  td{

    font-size:14px;
    font-family:arial;
    vertical-align: top;
    text-align:left;
    color:#333;
    
}
td input{

    width:350px;
    

    padding: 4px;
    margin-left:10px;
    

    margin-bottom: 7px;
}
 td textarea {
  margin-left: 10px;
  width: 350px;
  height: 100px;
}
td input#send {
  background: #fff;
  border: 1px solid #ccc;
}
 td input.submit {
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
td input#clear {
  background: #A52A2A;
  color: #fff;
  border: none;
}