@media only screen and (max-width: 480px) {
	.icon_howto,.icon_howto2{
    width:80px;
  }
  .res1{
    flex: 0 0 100%;
    max-width: 100%;
  }  
  .pd-banner{
      margin-top: 0px;
  }
}
/* @media screen and (min-width:481px) and (max-width: 769px) {
  *{
    color: blue;
  }
}
@media screen and (min-width:770px) and (max-width: 1280px) {
  *{
    color: green;
  }
} */
@media only screen and (max-width: 1160px) {
	#header ul.pc_only{
    display: none;
  }
  #header .mb_only{
    display: block;
  }
  .sub_li:hover{
    background: #fff;
    color: #000;
  }
  .pd-banner{
      margin-top: 0px;
  }
}
@media screen and (max-width: 760px){
  .boxType{
    padding: 3px;
  }
  .col-footer {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-top: 10px;
    text-align: center;
  }
  .table_q li{
    display: inline-block;
    width: 100%;
    float: left;
    text-align: left;
  }
  .table_q .item-res .th,.table_q .item-res .en{
    display: inline-block;
  }
  .pd-banner{
      margin-top: 0px;
  }
}