table{width:auto;border-collapse:collapse;border-spacing:0;}
@media all and (max-width:980px){#site{width:740px;}
.head{width:740px;margin:0;}
#logo{background:url(../img/logo-klein.png) no-repeat left top;width:300px;height:37px;margin-bottom:10px;}
#logo A{width:320px;height:40px;}
#allcont{margin:0 5% 10% 5%;}
#cont{margin:30px 0 0 0;}
#logo{margin-bottom:20px;margin:0 auto;float:inherit;}
.nav{margin:20px auto;float:inherit;width:390px;}
.nav LI A{margin:0 0 0 10px;}
#banner{width:100%;overflow:hidden;height:auto;}
#banner IMG{max-width:100%;height:auto;}
.marqueetoleft{width:740px;margin:10px auto 0;margin-left:-37px;}
.audioplayer-box{bottom:20px;}
.rbox .audioplayer-box, .lbox .audioplayer-box{width:280px;}
.lbox, .rbox{width:280px;}
.lbox{margin-right:60px;}
.lbox div.jp-audio div.jp-type-single div.jp-progress,
.rbox div.jp-audio div.jp-type-single div.jp-progress{width:230px;}
.lbox div.jp-seek-bar,
.rbox div.jp-seek-bar{background:url("../img/playericons.png") 0 -238px repeat-x;width:230px;}
.lbox IMG, .rbox IMG{width:320px;}
}
@media all and (max-width:500px){#banner .audioplayer-box{display:none;}
}
@media all and (max-width:760px){#site{width:480px;max-width:500px;margin:0 auto 40px;}
.head{width:480px;margin-bottom:30px;}
.nav{display:none;margin:0;width:inherit;}
.nav LI{float:inherit;background-color:#E9E8ED;margin-top:1px;text-align:center;}
.nav LI A, .nav LI.last A{margin:0;padding:8px 15px;}
.open_nav{display:inherit;margin:15px 0 0 0;}
.open_nav P{padding:0;}
.open_nav A{display:block;height:45px;line-height:45px;color:#626262;font-size:18px;text-decoration:none;background-color:#E8E8E8;}
.marqueetoleft{width:480px;margin-left:-24px;}
#banner .audioplayer-box{display:none;}
.foot{text-align:center;}
#footnav{margin:0;float:inherit;display:block;}
.rbox .audioplayer-box, .lbox .audioplayer-box{width:380px;}
.lbox, .rbox{width:380px;}
.lbox div.jp-audio div.jp-type-single div.jp-progress,
.rbox div.jp-audio div.jp-type-single div.jp-progress{width:330px;}
.lbox div.jp-seek-bar,
.rbox div.jp-seek-bar{background:url("../img/playericons.png") 0 -202px repeat-x;}
.lbox IMG, .rbox IMG{width:420px;}
}
@media all and (max-width:470px){BODY{background:none;}
#site{width:100%;border-radius:none;-webkit-border-radius:none;-moz-border-radius:none;-o-border-radius:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;}
.head{width:100%;margin-bottom:30px;}
#banner{display:none;}
.marqueetoleft{width:112%;margin-left:-6%;border-left:none;border-right:none;}
.foot{font-size:11px;padding:10px 0;}
#footnav{width:280px;}
.rbox .audioplayer-box, .lbox .audioplayer-box{width:240px;}
.lbox, .rbox{width:240px;}
.lbox{margin-right:0;}
.lbox div.jp-audio div.jp-type-single div.jp-progress,
.rbox div.jp-audio div.jp-type-single div.jp-progress{width:190px;}
.lbox div.jp-seek-bar,
.rbox div.jp-seek-bar{background:url("../img/playericons.png") 0 -274px repeat-x;width:190px;}
.lbox IMG, .rbox IMG{width:280px;}
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:192dpi){#logo{background:url(../img/logo2x.png) no-repeat left top;background-size:420px 53px;}
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5) and (max-width:980px), only screen and (-o-min-device-pixel-ratio:1.5) and (max-width:980px), only screen and (min--moz-device-pixel-ratio:1.5) and (max-width:980px), only screen and (min-device-pixel-ratio:1.5) and (max-width:980px), only screen and (min-resolution:192dpi) and (max-width:980px){#logo{background:url(../img/logo-klein2x.png) no-repeat left top;background-size:300px 37px;}
}