#slider-mask{width:100%;height:auto;position:relative;overflow:hidden;margin:0 auto}
#slider-mask .slide{width:100%;height:500px;position:relative}
#slider-mask .slide img.slideimg{position:absolute;top:0;left:0}
#slider-mask .slide .text{background:url(dia/tw.png);position:absolute;bottom:30px;left:0;width:100%;z-index:30;overflow:hidden}
#slider-mask .slide .text h2{font:26px"Times New Roman",serif;color:#806B13;text-transform:uppercase;padding:10px 30px 10px 30px;float:left}
#slider-mask .slide .text p{font-size:14px;line-height:120%;padding-bottom:0px;padding-top:18px;color:#000}

#slider-mask .controls{background:url(dia/ts.png);height:17px;position:absolute;top:0;right:0;z-index:33;padding:0 7px}
#slider-mask .controls a{display:block;float:left;outline:0 none}
#slider-mask .controls #prev{padding-right:4px;padding-top:4px}
#slider-mask .controls #next{padding-left:4px;padding-top:4px}
#slider-mask .controls img{display:block}
#slider-mask #controlsimg{float:left;height:13px;padding-top:4px}
#slider-mask #controlsimg a{width:9px;height:9px;display:block;float:left;background:url(dia/sp.png) no-repeat center;margin:0 1px;font-size:0em;text-decoration:none;text-indent:-10000000px}
#slider-mask #controlsimg a:hover,#slider-mask #controlsimg a.active,#slider-mask #controlsimg a.activeSlide{background:url(dia/spa.png) no-repeat center}

@media screen and (max-width:700px) {
  #slider-mask .slide{height:430px}
  }

@media screen and (max-width:600px) {
  #slider-mask .slide{height:370px}
  #slider-mask .slide .text h2{font-size:25px}
  #slider-mask .slide .text p{font-size:12px}
  }

@media screen and (max-width:500px) {
  #slider-mask .slide{height:312px}
  #slider-mask .slide .text h2{font-size:24px}
  #slider-mask .slide .text p{font-size:10px}
}
 
@media screen and (max-width:400px) {
  #slider-mask .slide{height:245px}
  #slider-mask .slide .text h2{font-size:20px}
  #slider-mask .slide .text p{font-size:8px}
  }