@charset "utf-8";
/* CSS Document */
body {
	font-family: Tahoma, Geneva, sans-serif;
	background : -moz-linear-gradient(99% 75% 89deg, #FFFFFF, #d9e024  100%);
	background : -webkit-gradient(linear, 100% 0%, 100% 85%, from(#d9e024), to(#FFFFFF));
	margin:0;
	padding:0;
	
}
a {
	text-decoration:none;	
}
main {
	margin: 0 auto;
	width: 907px;
	background-color:#FFF;
}
#gallery { list-style:none;}
#gallery li { float:left; padding:20px 10px;}
#menuhead { color:#FFF;}
#menuhead a { color:#FFF;}
.bg-grad {
	background:-moz-linear-gradient(99% 66% 89deg, #FFFFFF, #d9e024  100%);
	background : -webkit-gradient(linear, 100% 0%, 100% 85%, from(#d9e024), to(#FFFFFF));
	 } 
.whatis1{
   height:80px;
   width: 150px;
   float:left;
}
.whatis2{
   height:80px;	
   margin-top:0px;
   width:160px; 
   float:left;
   word-wrap:break-word;
}
.center-content {
	background-color: #CCFF99;
	overflow: hidden;
}
.style7 {
	font-size: 14px;
	color:#FFF;
}
.style10 {
	font-size: 36px
}
.style12 {
	color: #FFFFFF
}
.style13 {
	color: #666666
}
.style14 {
	font-size: 10px
}
.bg-white {
	background-color: white;
	overflow: hidden;
}

#detail_news { width:100%; background-color:#FFF; padding:15px 20px }
#detail_news img{ max-width: 867px;}
#sign_box {
	width: 300px;
	background-color: #fff;
	border: solid 20px #fff;
	padding: 8px;
	position: absolute;
	display: none;
	z-index: 99;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	background:url(../images/live-radio.png) top no-repeat; height: 216px; width:540px;
}
.sign_in {
	background-color: #FFFFFF;
	border: solid 1px #5ea0c1;
	padding: 6px;
}
#main {
	height: 500px;
}
#bloctv {
	margin: 15px 40px 0 auto;
	width: 465px;
	height: 389px;
	float: right;
	border: 20px solid #FFF;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

#tbchart { color:#FFF; background-color:#000; border:4px solid #FFF; font-size:20px; font-family:"MS Serif", "New York", serif;  }
#tbchart th{ padding:10px; border-bottom:4px solid #FFF; border-right:4px solid #FFF; text-align:center;  }
#tbchart td { border-bottom:4px solid #FFF; border-right:4px solid #FFF; }
.thums { list-style:none;  margin: 0 auto; padding: 0;  position: absolute; bottom:0px; width:909px;}
.thums li { float:left; }
#dj88{ background-color:#000; width:909px; height:328px;  background:url(../images/DJ-88.jpg) top center no-repeat; text-align:center; position:relative; }
#dj93{ background-color:#000; width:909px; height:328px;  background:url(../images/DJ-fM93.jpg) top center no-repeat; text-align:center; position:relative; }
.djin {
  bottom: 10px;
  z-index: 0;
  animation: move 10s linear infinite alternate; 
  transform: scale(1.1);
 
}


/*   ////////////////////// popup   */
#container{
  width:960px;
  margin:auto;
  padding:20px;
}

#hover{
  position:fixed;
  background:#000;
  width:100%;
  height:100%;
  opacity: .6
}

.popup{
  position:fixed;
  width:909px;
  height:auto;
  background:#fff;
  left:38%;
  top:40%;
  border-radius:5px;
  padding:25px ;
  margin-left:-320px; /* width/2 + padding-left */
  margin-top:-150px; /* height/2 + padding-top */
  text-align:center;
  box-shadow:0 0 10px 0 #000;
  display: none;
  z-index:99999;
 
}
.popup img { max-width:100%}

.close{
  position:absolute;
  background:black;
  color:white;
  right:-15px;
  top:-15px;
  border-radius:50%;
  width:30px;
  height:30px;
  line-height:30px;
  text-align:center;
  font-size:8px;
  font-weight:bold;
  font-family:'Arial Black', Arial, sans-serif;
  cursor:pointer;
  box-shadow:0 0 10px 0 #000;
}

/* end  popup*/

.listdj { float:left;  margin:0 auto;}
.clearboth { clear:both;}


#back-top {
	position: fixed;
	bottom: -10px;
	/*margin-left: -150px;*/
	right:10px;
}
#back-top a {
	width: 64px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 64px;
	height: 64px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(../up-arrow-icon.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
}
#thumb { list-style:none; margin:20px 0px; padding:0px; text-align:center; font-size:14px; width:909px; float:left;}
#thumb li {float:left; width:205px; margin:10px; border:1px solid #CCC; word-wrap:break-word; padding:5px 7px;}
#thumb li a{ text-decoration:none; color:#000;}
#thumb li a:hover { text-decoration:underline;}
.bd { border-bottom: 1px solid #666;}


.img-zoom {
    
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}
 
.transition {
    -webkit-transform: scale(1.2); 
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.top5 {  width:350px; margin-top:120px; padding-left:16px; float:left; }
.top5 div div a { color:#333; text-decoration:none; }
.top5 div div a:hover { color:#333; text-decoration:underline; }


.songtop5 {  width:325px; margin-top:120px; float:right; }
.songtop5 div div a { color:#333; text-decoration:none; }
.songtop5 div div a:hover { color:#333; text-decoration:underline; }