.dcs th 
{
    background: #f6f0dd;
    padding:0 10px;

 }
 .dcs th {
     width: 20%;
     vertical-align: middle;
     
 }
 table {
     width: 100%;
     border-collapse: separate;
     border-spacing: 5px;
     color:black;
 }
 table th{
     font-weight:normal;
 }
 .dcs td{
     padding:1% 2%;
     width: 32%;
 }
.bx-viewport li img
{
    margin: 0 auto;
}
.dcs{
    margin-top: 20px;
}
.level-detail
{
    padding-top: 50px;
}
.head-titleBox h2 span{
    background:none;
    font-weight:bold;
    padding-top:10px;
}
.mainContent{
    font-size:120%;
    line-height:1.9em;
}
.cate span, .cate small{
    border:2px solid white;
}
@media screen and (max-width: 780px){

table {
    display: block;
    width: 100%;
}
.dcs th 
{
    width: 100%;
    display: block;
    padding: 10px 0;

}
 .dcs td{
     width: 95%;
     display: block;
     text-align: center;
     margin: 5%;
     padding: 0;
 }
  .dcs tbody{
      display: block;
  }
.dcs tr
{
    display:block;
}
.level-detail
{
    padding-top:10px;
}
}