img {border : 0;}

@font-face {
    font-family: 'RSU_Regular';
    src: url('../fontface/RSU_Regular.eot');
    src: url('../fontface/RSU_Regular.eot?#iefix') format('embedded-opentype'),
         url('../fontface/RSU_Regular.woff') format('woff'),
         url('../fontface/RSU_Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

a:link {
	color: #605e6b;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #605e6b;
}
a:hover {
	text-decoration: underline;
	color: #FF0000;
}
a:active {
	text-decoration: none;
}

body,td,th {
	font-family: RSU_Regular;
	font-size: 14px;
	color:#605e6b;
	line-height:15px;
}

body {
	margin:0;
	padding:0;
	font-size:100%;
	background-repeat:no-repeat;
	background-position:center top;
}

.slicknav_menu {
	display:none;
}

#content {
    background-image: url("images/bg-desktop.png");
    background-position: center top;
    height: 3210px;
    margin: 0 auto;
    padding: 0 20px;
    width: 960px;
}
#logo{
height:217px;
padding-left:7px;
padding-top:16px;
}
#logo img{
height:203px;
}

#head{
height:235px;
}
#menubox {
    float: left;
    font-size: 24px;
    height: 66px;
    overflow: hidden;
    padding-left: 14px;
    padding-top: 9px;
    width: 750px;
}
#menu li{
list-style:none;
display:inline;
}
#freq{
height:101px;
padding-left:16px;
padding-top:8px;
}
#freq img{
height:74px;
}
#stations{
width:268px;
height:95px;
float:left;
padding-left:496px;
background-image:url(images/stations-bg.png);
}
#stations img{
margin-right:5px;
}
#stnlogo{
width:196px;
height:317px;
float:left;
}
#nowplay{
	width:400px;
	height:56px;
	float:left;
	background-image:url(images/nowplay-bg.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	padding-left:130px;
	padding-top:13px;
	line-height: 23px;
}
#nowsong{
float: left; width: 278px;
}
#nowshare{
float:left;
}
#member{
	width:764px;
	height:65px;
	float:left;
}
#listen{
	width:349px;
	height:82px;
	float:left;
}
/* #listen2{
display:none;
} */
#djslide{
	height:450px;
}
#slide{
	width:545px;
	height:298px;
	float:right;
	margin-top: 12px;
}
#request {
    background-image: url("images/request.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    height: 200px;
    padding-top: 98px;
    width: 545px;
}
#message{
margin-left: 83px; height: 28px; margin-bottom: 20px; font-family: RSU_Regular; font-size: 22px; padding-left: 4px; width: 320px;
}
#request ul{
    list-style:square; margin-top: -5px;
}
#recomnews {
    background-image: url("images/recomnews.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    height: 557px;
    padding-top: 53px;
    width: 545px;
}
.newstn{
float:left; background-repeat:no-repeat; background-size: cover; width:139px; height:78px;
background-position:center;
}
.headline{
float:left; 
padding-left:10px;
font-size:20px;
line-height:20px;
width:362px;
}
.headlinebox{
height: 107px;
}
.whatsnews {
    margin-top: 113px;
}

#latestplaylist {
	background-image: url("images/latestplaylist.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    height: 183px;
    margin-top: 24px;
    width: 521px;
}
#hotspot {
    background-image: url("images/hotspot.png");
    background-repeat: no-repeat;
    float: left;
    height: 274px;
    margin-top: 15px;
    padding-top: 35px;
    width: 537px;
}
#youtube {
    background-image: url("images/youtube.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    height: 340px;
    margin-top: 35px;
    padding-top: 46px;
    width: 536px;
}
.hottubepix {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 76px;
}
.hottubetext {
    font-size: 18px;
    height: 36px;
    line-height: 18px;
    margin-top: 1px;
	padding-top:4px;
    overflow: hidden;
    text-align: center;
}
.hottube {
    float: left;
    height: 120px;
    padding: 10px;
    width: 158px;
}
#ad1{
	float: left;
    height: 135px;
    width: 545px;
}
#ad1 img{
 width: 90%;
}

#dj{
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: contain;
	width:415px;
	height:450px;
	float:right;
	margin-top: -84px;
}
#djname{
padding-top: 340px; padding-left: 29px; padding-right: 29px; font-size: 41px; line-height: 25px;
}
#gallery {
    background-image: url("images/gallery-bg.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    float: right;
    margin-top: -300px;
    width: 408px;
    height: 390px;
	padding-top:60px;
	padding-left:7px;
}
#gallery li {
    float: left;
    height: 114px;
    list-style-type: none;
    width: 114px;
}
#gallery img{
width:94px;
height:94px;
}
#homeright {
    float: right;
    margin-right: -10px;
    width: 370px;
}
#homeleft{
width:370px; float:left; margin-left: 5px;
}
#chart {
    background-image: url("images/chart.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
    float: right;
    height: 532px;
    padding-left: 12px;
    padding-top: 43px;
    width: 346px;
}
#chart .position {
    float: left;
    padding-top: 55px;
    text-align: center;
    width: 32px;
}
#chart .pix{
float:left; width:100px;
}
#chart .pix img {
    height: 82px;
    width: 82px;
}
#chart .chartsong {
    height: 93px;
}
#chart .position img{
width:25px;
height:21px;
}
#interview {
    background-image: url("images/interview.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
    float: right;
    height: 450px;
    padding-top: 7px;
    width: 415px;
}
#interviewbox{
height:128px;
}
#interviewpix{
float:left; width:189px; margin-left:4px; margin-right:3px; height:115px; background-size: cover; background-position:center top;
}
#interviewtitle{
float: left; padding-top: 30px; width: 189px;
}
.interviewbox {
    height: 96px;
    padding-left: 38px;
}
.interviewpix{
float:left; width:144px; height:87px; background-size: cover; background-position:center top;
}
.interviewtitle{
float: left; padding-left: 7px; width: 207px;
}
#fbad {
    float: right;
/*    height: 450px;*/
    width: 415px;
	text-align:center;
}
.ad2 {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100px;
    margin-top: 12px;
}
#footer{
    height: 75px;
}
.btnback{
display:none;
}
#footer-t {
    background-image: url("images/main-footer.png");
    background-size: cover;
    height: 300px;
    margin-top: -100px;
}
#footer2 {
    margin: 0 auto;
	width:768px;
}
#footer2 .pix {
    float: left;
    padding-left: 17px;
}
.sitemap {
    float: right;
    font-size: 16px;
    width: 144px;
}
#share {
    height: 43px;
    padding-left: 27px;
}
#sitemap {
    height: 126px;
}

#content2{
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
	background-color:#FFF;
}
.login{
	background-image: url("images/bg-login.png");
    background-repeat: no-repeat;
    float: right;
    height: 42px;
    padding-top: 12px;
	padding-left: 9px; 
    width: 395px;
}
#txtlogin{
	float:left; padding-left:16px; padding-top:24px; width:47px;
}
#fieldlogin{
float:left; padding-top:17px; width:181px;
}
.loginform{
	height: 12px;
    width: 67px;
}
#submitlogin{
float:left; padding-top:23px; width:47px;
}
#loginregister{
border-left: 1px solid #a2a5a8;
    float: left;
    margin-top: 17px;
    padding-left: 8px;
}
.social{
	float: right;
    padding-right: 13px;
    padding-top: 7px;
	padding-left:5px;
    text-align: right;
}
.social img{
	margin-left:5px;
}
.btnmore{
height:17px;
}
#player{
width:125px; overflow:hidden; float:left;
}

@media screen and (max-width: 999px) {
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
    display: block;
    position: fixed;
    width: 100%;
	z-index: 11;
	}
#content {
width: 768px;
/*height:4900px;
*/
margin: 0 auto;
padding: 45px 0 0;
background-image:none;
}
#logo{
height:267px;
padding-left:40px;
padding-top:37px;
}
#logo img{
height:255px;
}

#head{
height:304px;
}
#freq{
height:181px;
padding-left:52px;
padding-top:19px;
}
#freq img{
height:92px;
}
#stations{
width:365px;
height:90px;
float:left;
padding-left:67px;
padding-top:20px;
background-image:url(images/stations-bg-t.png);
}
#stations img{
width:80px;
height:80px;
margin-right:9px;
}
#stnlogo{
width:336px;
height:454px;
float:left;
}
#nowplay {
    background-image: url("images/nowplay-bg-t.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    float: left;
    font-size: 26px;
    height: 130px;
    line-height: 52px;
    padding-left: 18px;
    padding-top: 70px;
    width: 414px;
}
#sharesong{
	height: 25px; 
	float:left; 
	width:100px;
}
#addplaylist{
	float:left;
	margin-top:4px;
}

#menubox{
display:none;
}
#member{
display:none;
}
/* #listen{
display:none;
} */
/* #listen2 {
    display: inherit;
    float: left;
    height: 82px;
    margin-top: 18px;
    width: 349px;
} */

#djslide{
 height: 445px;
}
#slide {
    height: 246px;
    margin-left: 16px;
    margin-right: -16px;
    width: 450px;
}
#dj{
    height: 390px;
    width: 318px;
	margin-top: 0px;
}
#galleryrecom{
/*height:3000px;*/
height: 2570px;
}
#gallery{
	background-image:url(images/gallery-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
	background-position: left top;
	width:390px;
	height:410px;
	float:right;
	margin-top: 32px;
}
#recomnews{
	width:348px;
	background-image:url(images/recomnews.png);
 background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    height: 400px;
	float:right;
	margin-top: 35px;
	padding-top: 30px;
}
.newstn {
    height: 57px;
    width: 110px;
}
.headline {
    font-size: 16px;
    line-height: 17px;
    width: 214px;
}
.headlinebox {
    height: 74px;
}
.whatsnews {
    margin-top: 56px;
}

#latestplaylist{
	background-image: url("images/latestplaylist.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    float: right;
    height: 163px;
/*    margin-right: 10px;*/
    width: 365px;
}
#ad1{
text-align:center;
	width:768px;
	float:inherit;
}
#request{
	background-image: url("images/request.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
/*    height: 430px;*/
    height: 250px;
	width:768px;
	float:inherit;
	padding-top:150px;
}
#gallery{
	padding-left: 6px;
    padding-top: 53px;
}
#gallery li {
    float: left;
    height: 108px;
    list-style-type: none;
    width: 109px;
}
#gallery img {
    height: 88px;
    width: 88px;
}
#chart {
    background-image: url("images/chart.png");
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 3px;
    width: inherit;
}
#hotspot {
    height: 450px;
    width: 366px;
}
#hotspottext{
    height: 35px;
}

#chart .pix {
    float: left;
    width: 100px;
}
#chart .text {
    float: left;
    width: 210px;
}
#chart .chartsong {
    height: 100px;
}
#chart .pix img {
    height: 87px;
    width: 87px;
}
#interview {
    background-image: url("images/interview.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
/*    height: 800px;*/
    margin-top: 10px;
    width: inherit;
	padding-top: 6px;
}
.interviewbox {
    height: 87px;
    padding-left: 32px;
}
#interviewbox {
    height: 110px;
}
#interviewpix {
    background-position: center top;
    background-size: cover;
    float: left;
    height: 101px;
    margin-left: 4px;
    margin-right: 3px;
    width: 170px;
}
.interviewpix {
    background-position: center top;
    background-size: cover;
    float: left;
    height: 80px;
    width: 125px;
}
.interviewtitle {
    float: left;
    padding-left: 7px;
    width: 195px;
}
#youtube {
    background-image: url("images/youtube-t.png");
    background-repeat: no-repeat;
    background-size: contain;
    height: 480px;
    width: inherit;
}
.hottube {
    float: left;
    height: 117px;
    padding: 10px;
    width: 163px;
}
#homeright{
width:370px; float:right; margin-right: 5px;
}
#homeleft{
width:370px; float:left; margin-left: 5px;
}
.btnmore{
height:17px;
}
.slicknav_nav a {
    height: 25px;
}
#player {
    float: left;
    overflow: hidden;
    padding-top: 36px;
    width: 233px;
}
#fbad{
width: 380px;
}
#btnback{
width:30%;
}
#footer{
/*    background-image: url("images/footer.png");
    background-position: center center;
    background-size: cover;
    height: 300px;*/
}
.btnback{
    margin-top: 15px;
    text-align: center;
}
#footer-t{
    margin-top: 120px;
}
}

@media screen and (max-width: 767px) {
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
#content {
width: 320px;
/*height: 3300px;
padding: 0px;*/
margin: 0 auto;
background-image:none;
}
#logo{
height:105px;
padding-left:16px;
padding-top:15px;
}
#logo img{
height:105px;
}

#head{
height:174px;
}
#freq{
height:39px;
padding-left:22px;
padding-top:15px;
}
#freq img{
height:36px;
}

#stations{
display:none;
}
/*#stations{
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    height: 38px;
    padding-left: 29px;
    padding-top: 30px;
    width: 153px;
}
#stations img{
width:35px;
height:35px;
margin-right:3px;
}*/
#stnlogo{
width:137px;
height:174px;
float:left;
}
#nowplay{
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    font-size: 14px;
    height: 57px;
    line-height: 22px;
    padding-left: 8px;
    padding-top: 35px;
    width: 175px;
}
#nowsong{
float: left; padding: 0px;
width:172px;
overflow:hidden;
white-space:nowrap;
}
#nowshare{
display:none;
}
#menubox{
display:none;
}
#member{
display:none;
}
/* #listen2 {
    float: left;
    height: 38px;
    padding-top: 30px;
    width: 183px;
}
#listen2 img{
height:39px;
} */
#slide{
	width:320px;
	height:139px;
	margin:inherit;
	margin-top: 23px;
}
#dj{
	width:320px;
	height: 338px;
}
#djname{
padding-top: 235px;
}
#djslide{
	height: 617px;
}
#galleryrecom {
/*    height: 3470px;*/
    height: 3780px;
}
#gallery {
    float: inherit;
    height: 302px;
    margin-top: -46px;
    padding-top: 38px;
	padding-left:inherit;
    width: 320px;
}
#gallery li {
    float: left;
    height: 88px;
    list-style-type: none;
    width: 87px;
}
#gallery img{
width:70px;
height:70px;
}
#recomnews {
    float: inherit;
    height: 343px;
    margin: 0 6px;
    padding-top: 27px;
    width: 308px;
}

.newstn {
    height: 50px;
    width: 84px;
}
.headline {
    font-size: 16px;
    line-height: 17px;
    width: 214px;
}
.headlinebox{
height: 65px;
}
.whatsnews{
margin-top:48px;
}
#latestplaylist{
	width:320px;
    height: 106px;
	margin-top: 45px;
	margin-bottom: 17px;
	float:inherit;
}
#ad1{
width:320px;
}
#ad1 img{
	width:100%;
}
#request {
    height: 125px;
    margin-bottom: 7px;
    overflow: hidden;
    padding-top: 57px;
    width: 320px;
}
#message{
    font-family: RSU;
    font-size: 16px;
    height: 24px;
    width: 166px;
	margin:0px;
    margin-left: 75px;
	padding:0px;
}
#request ul{
    list-style: square outside none;
    margin-top: 8px;
}

#chart {
    background-position: center top;
    height: 424px;
    padding-top: 38px;
    width: 320px;
	float:inherit;
}
#chart .position {
    padding-left: 8px;
    padding-top: 52px;
    width: 26px;
}
#chart .pix {
    width: 80px;
}
#chart .pix img{
width:74px;
height:74px;
}
#chart .text {
    float: left;
    margin-top: 5px;
    width: 196px;
}
#chart .chartsong{
height:83px;
}
#chart .position img {
    height: 15px;
    width: 18px;
}
#interview{
    height: 336px;
    margin-top: 14px;
    padding-top: 7px;
    width: 320px;
	float:inherit;
}
#interviewbox{
height: 96px;
}
#interviewpix{
    height: 84px;
    margin-left: 4px;
    margin-right: 3px;
    width: 133px;
}
#interviewtitle{
    padding-top: 30px;
    width: 168px;
}
.interviewbox{
    height: 75px;
}

.interviewpix{
    height: 71px;
    margin-left: 4px;
    margin-right: 3px;
    width: 99px;
}
.interviewtitle{
    width: 168px;
}

#youtube {
    height: 440px;
    margin: 0 5px;
    padding-top: 24px;
    width: 310px;
	background-position: center top;
	float:inherit;
}
#hotspot {
    background-color: #fff;
    background-position: 7px top;
    float: inherit;
    height: 441px;
    padding: 29px 7px 22px;
    width: 306px;
}
.hottubepix {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 76px;
}
.hottubetext {
    font-size: 18px;
    height: 36px;
    line-height: 18px;
    margin-top: 1px;
	padding-top:4px;
    overflow: hidden;
    text-align: center;
}
.hottube {
    float: left;
    height: 117px;
    padding: 10px;
    width: 133px;
}
#fbad{
	width:320px;
	text-align:center;
	float:inherit;
	margin-top:10px;
	display:inherit;
}
.ad2 {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100px;
    margin-top: 12px;
}
#footer{
    background-image: url("images/footer.png");
    background-position: center center;
    background-size: cover;
    height: 200px;
}
#footer-t{
display:none;
}

#page {
    color: #db6500;
    font-size: 25px;
    height: 29px;
    margin-left: 6px;
    margin-top: 10px;
}
#picture{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 147px;
}
#topic {
    color: #000000;
    font-size: 21px;
    margin: 10px;
}

#detail {
    color: #000000;
    margin: 10px;
}
h1 {
    line-height: 25px;
}
#homeright{
width:320px;
margin:inherit;
}
#homeleft{
width:320px;
margin:inherit;
}
.slicknav_nav a {
    height: inherit;
}
#player{
    width: 115px;
	padding-top:0px;
}
}

/* body {
-moz-filter: grayscale(100%);
-webkit-filter: grayscale(100%);
filter: gray; /* IE6-9 
filter: grayscale(100%);
} */