.dam_name  {
  margin:0;
  font-size:20px; font-weight:500;
  color:#0087AE;
  text-align:center;
}

#suii_rep{
  min-height:200px;
}
#suii_rep .dam{
  width:50%; height:auto;
  margin:10px auto 30px; padding:0;
  float:left;
}
#suii_rep .dam .dam_inner{
  width:400px; margin:0 auto;
}
#suii_rep .dam:first-child{ /* margin-right:13px; */ }
#suii_rep .dam .dam_data{
  clear:both;
  margin-top:10px; padding:5px;
  width:100%; height:auto;
  background-color:#E3EFF6;
  border-radius:3px;
  text-align:center;
  color:#0087AE;
  font-size:90%;
}
.data_date { font-size:120%; }
.data_sep  { color:#FFF; }
.data_quant,
.data_per  {
  display:inline-block;
  width:60px;
  margin:5px; padding:3px 5px;
  background:#FFF;
  border-radius:3px;
  text-align:right;
  color:#333;
  font-size:120%;
}
.data_quant{  }
.data_per  {  }

#suii_rep .dam .dam_pict{
  width:100%; height:200px;
  background:url('../img/dam_condition/dam_bg.png') no-repeat;
  overflow:hidden;
  position:relative;
}
#suii_rep .dam .dam_pict div{
  position:absolute;
}
.dam_water{
  width:334px; height:123px;
  background:url('../img/dam_condition/dam_water.png') no-repeat;
  margin:82px 0 0 2px;
}
.dam_front{
  width:400px; height:200px;
  background:url('../img/dam_condition/dam_front.png') no-repeat;
}
#dam_s .dam_ch{
  width:87px; height:100px;
  top:-50px;
  background:url('../img/dam_condition/fox_anime.gif') no-repeat;
  margin-left:100px;
}
#dam_k .dam_ch{
  width:40px; height:94px;
  top:-47px;
  background:url('../img/dam_condition/kab_anime.gif') no-repeat;
  margin-left:100px;
}



@media( max-width:1019px ){
  #suii_rep .dam{ float:none; }
}
@media( max-width:481px ){
  #suii_rep{ }
  #suii_rep .dam{ width:100%; }
  #suii_rep .dam .dam_inner{ width:320px; }
  #suii_rep .dam .dam_data{ width:100%; background-size:contain; }
  #suii_rep .dam .dam_pict{ width:100%; }
  #suii_rep .dam:last-child .dam_name{ margin-top:20px; }
  #suii_rep .dam .dam_pict{ background-position-x:-15px; }
  #suii_rep .dam .dam_pict .dam_front{ margin-left:-15px; }
  #suii_rep .dam .dam_data,
  .data_date { font-size:10px; }
  .data_sep  { display:none; }
  .data_quant,
  .data_per  {
    width:50px;
    margin:3px; padding:3px 3px;
    font-size:10px;
  }
}
@media( max-width:321px ){
  #suii_rep .dam .dam_inner{ width:290px; }
  #suii_rep .dam .dam_pict{ background-position-x:-30px; }
  #suii_rep .dam .dam_pict .dam_front{ margin-left:-30px; }

}