/*media query*/
@media only screen and (min-width: 768px) and (max-width: 979px) {
   .wrapper, .footer{width:700px; background:none}
   .ltPan, .rtPan{float:none; width:100%; display:block; background:#fff}
   .ltPan{background:#fff}
   .rtPan{background:url(../images/bgrtPan.png) repeat;}
   .ltThumb{display:none} 
}


@media only screen and (max-width: 767px) {
   
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
   .wrapper, .footer{width:400px; background:none}
   .ltPan, .rtPan{float:none; width:100%; display:block; background:#fff}
   .ltPan{background:#fff}
   .rtPan{background:url(../images/bgrtPan.png) repeat;}
   .ltThumb{display:none} 
   .banImg{height:100px}
   .footTop{padding:18px 5px}
   .footTop .flLeft, .footTop .flRight, .serHold .flLeft, .serHold .flRight {float:left; margin-right:5px; padding:4px 10px; font-size:11px}
   .hmContent h1{font-size:22px; line-height:22px}
}

@media only screen and (min-width: 100px) and (max-width: 480px) {
   .wrapper, .footer{width:320px; background:none}
   .ltPan, .rtPan{float:none; width:100%; display:block; background:#fff}
   .ltPan{background:#fff}
   .rtPan{background:url(../images/bgrtPan.png) repeat;}
   .ltThumb{display:none} 
   .banImg{height:80px}
   .footTop{padding:4px 5px}
   .footTop .flLeft, .footTop .flRight, .serHold .flLeft, .serHold .flRight {float:none; width:180px; margin-bottom:5px; padding:4px 0; text-align:center; font-size:10px}
   .hmContent h1{font-size:20px; line-height:20px}
   .footBottom {padding:30px 5px 5px 15px}
}