/* CSS Document */
html{background-image: url(images/bgbg.jpg);
	background-repeat: repeat;}
body{
	font-size: 14px;
	color: #000000;
	margin:0 auto;
	scrollbar-arrow-color: #f8f0d9;
	scrollbar-face-color: #dcdad0;
	scrollbar-base-color:  #f8f0d9;
	scrollbar-3dlight-color: #dcdad0;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color:  #f8f0d9;
	scrollbar-darkshadow-color: #bfe9bc;
	background-position: center top;
	background-image: url(images/headbg.jpg);
	background-position: top center;
	background-repeat:no-repeat; 
}
a, a:link, a:active, a:visited
{
	color: #002f96;
	text-decoration: none;
}
a:hover
{
	color: #ff0000;
	text-decoration: none;
}
.logo{
	width:219px;
	height:121px;
	position: absolute;
	left: 155px;
	top: 3px;
	cursor: pointer;
}
.logo2{
	width:132px;
	height:165px;
	position: absolute;
	left: 129px;
	top: 39px;
	cursor: pointer;
}

/* 页面样式*/
#topic_top{
width:1002px;
height:152px;
margin:0 auto;
background: url(images/misic_top.jpg);
position:relative;
}
#topic_title{
width:1002px;
height:147px;
margin:0 auto;
background: url(images/misic_top2.jpg);
position:relative;
}
#topic_title2{
width:1002px;
height:156px;
margin:0 auto;
background: url(images/luoli_04.jpg);
position:relative;
}
#home_top{
width:1002px;
height:116px;
margin:0 auto;
background: url(images/music_05.jpg);
position:relative;
}
#home_join{
width:1002px;
height:71px;
margin:0 auto;
background: url(images/music_06.jpg);
position:relative;
}
#dh{
width:1002px;
height:160px;
margin:0 auto;}
#menu{ width:1002px;
margin:0 auto;  list-style:none; padding:0; margin: 0;}
#menu li{float:left; list-style:none; padding:0; margin:0 60px 0 0;}
#menu li span { display:none; }
#menu li a {display:block;}
#sub1:hover{ background-position:0px -160px;}
#sub2:hover{ background-position:0px -160px;}
#sub3:hover{ background-position:0px -160px;}
#sub4:hover{ background-position:0px -160px;}
#sub5:hover{ background-position:0px -160px;}
#sub6:hover{ background-position:0px -160px;}
#sub1,#sub2,#sub3,#sub4,#sub5,#sub6,#sub7{ height:160px; width:188px; background:top left no-repeat ;}

#sub1{width:217px;background:url(images/button1.jpg);}
#sub2{background:url(images/button2.jpg);}
#sub3{background:url(images/button3.jpg);}
#sub4{background:url(images/button4.jpg);}
#sub5{width:221px;background:url(images/button5.jpg);}

.topic_link1{
	width:140px;
	height:107px;
	position: absolute;
	left:7px;
	cursor: pointer;
	top: 41px;
}
.topic_link2{
	width:205px;
	height:63px;
	position: absolute;
	left:397px;
	cursor: pointer;
	top: 8px;
}
.topic_link3{
	width:133px;
	height:139px;
	position: absolute;
	left:283px;
	cursor: pointer;
	top: 4px;
}
.topic_link4{
	width:122px;
	height:99px;
	position: absolute;
	left: 362px;
	cursor: pointer;
	top: 159px;
}
.topic_link5{
	width:63px;
	height:53px;
	position: absolute;
	left: 494px;
	cursor: pointer;
	top: 7px;
}
.topic_link6{
	width:137px;
	height:53px;
	position: absolute;
	left: 702px;
	cursor: pointer;
}
.namber{
	width:10px;
	height:27px;
	position: absolute;
	left: 195px;
	top: -1px;
	font-family: Arial, Helvetica, sans-serif, "黑体";
	font-size: 24px;
	font-weight: bold;
	color: #212F20;
}
.name{
	width:207px;
	height:20px;
	position: absolute;
	left:134px;
	top: 147px;
	text-align: center;
}
.music_link2{
	width:364px;
	height:140px;
	position:absolute;
	top:50px;
	left:68px;
	line-height: 150%;
	font-size: 12px;
	text-align: left;
	display:block;
	overflow: scroll; 
	text-overflow:ellipsis;
}

#contentbg{
	width:100%;
	height:1%;
	overflow:hidden;
	background-image: url(images/bgbg.jpg);
	margin: 0 auto;
}
#content{
	width:966px;
	height:1%;
	overflow:hidden;
	padding-left: 36px;
	padding-bottom: 10px;
	padding-top:10px;
	background-image: url(images/bgbg.jpg);
	margin: 0 auto;
}
#musiclist{
	width:876px;
	height:1%;
	overflow:hidden;
	margin:0 auto;
	float:left;
	margin-top:15px;}
#content_home{
	width:916px;
	height:1%;
	overflow:hidden;
	padding-bottom:10px;
	padding-top:0px;
	margin:0 auto;
}
#content_footer{
	width:924px;
	background-color:#D1F0CF;
	height:1%;
	overflow:hidden;
	padding-left: 25px;
	padding-bottom:10px;
	margin:0 auto;
	padding-top:30px;
}
.join{
	width:107px;
	height:20px;
	position: absolute;
	text-align:center;
	left: 116px;
	top: 671px;
	color:#fff;
	font: bold 16px/18px "宋体";
	}
 a.join:link，a.join:active, a.join:visited {
	color:#004012;
	font: bold 16px/18px "宋体";
}
.vote{
	width:111px;
	height:28px;
	position: absolute;
	background:url(images/vote.jpg) no-repeat;
	left: 285px;
	cursor: pointer;
	text-align: center;
	top: 668px;
	}
#topicfoot{
	width:1002px;
	height:167px;
	text-align: center;
	background-image: url(images/music_footer.jpg);
	background-repeat: no-repeat;
	font-size:12px;
	color:#07290e;
	padding-top:115px;
	margin: 0 auto;
	clear:both;
}
#musicshow{
	width:458px;
	height:709px;
	background:url(images/music_showbg.jpg) no-repeat;
	float:left;
	position:relative;
}
#show{
width:272px;
height:342px;
float:left;
margin-bottom:10px;
margin-top:12px;
}
#topic{
	width:220px;
	height:148px;
	float:left;
	margin-top:6px;
	text-align: left;
	padding-top: 5px;
	padding-left: 25px;
	padding-right: 10px;
	padding-bottom: 5px;
}
.vote_button{
	width:91px;
	height:86px;
	position: absolute;
	left:283px;
	cursor: pointer;
	top: 492px;
}
#topshow{
width:942px;
height:163px;
background:url(images/topshow_bg.jpg) repeat-x;
padding-left:60px;
margin:0 auto;
}
#home_showbg{
	width:174px;
	height:151px;
	background:url(images/home_showbg.jpg) no-repeat;
	float:left;
	padding-top:12px;
	padding-left:12px;
	margin-right:48px;
	position:relative;
}
#homeshowphoto{
width:160px;
height:114px;
}
.homeshowvote{
	width:87px;
	height:26px;
	position: absolute;
	left:79px;
	top: 133px;
	font-size: 12px;
	font-weight: bold;
	color: #ff0000;
	text-align:center;
	}
#homecontent{
	width:949px;
    height:1%;
    overflow:hidden;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#homecontent_title{
	width:430px;
	height:92px;
	margin-left: 271px;		
}
#homecontent_top{
width:949px;
height:9px;
background:url(images/homecon_top.jpg) no-repeat;
margin:0 auto;
padding-bottom:0px;
font-size:0px;
}

#jointitle{
width:605px;
height:96px;
background:url(images/title2.jpg) no-repeat;
margin:0 auto;}
#join_top{
width:735px;
height:226px;
background:url(images/jointop.jpg) no-repeat;
margin:0 auto;}
#content_join{
width:655px;
height:420px;
background:url(images/joincon.jpg) no-repeat;
margin:0 auto;
padding-left:80px;
padding-top:8px;
}
#joinbg{
width:735px;
height:510px;
padding-top:15px;
background:url(images/joinbg.jpg) no-repeat;
margin:0 auto;}

#joinbutton{
	width:735px;
	height:123px;
	background:url(images/joinbotton.jpg) no-repeat;
	margin:0 auto;
	padding-top:10px;
	text-align:center;
	vertical-align: bottom;
	padding-bottom:40px;
}
#jsh{
	width:877px;
	height:1%;
	overflow:hidden;
	background:url(images/hdjs.jpg) no-repeat;
	margin:0 auto;
	padding-top: 14px;
	padding-left: 65px;
	padding-right:60px;
}

#player{
width:450px;
height:342px;
background:url(images/player.jpg) no-repeat;
float:left;
position:relative;
}
.mediaplayer{
	width:357px;
	height:49px;
	margin:0 auto;
	position: absolute;
	left: 594px;
	cursor: pointer;
	top: 767px;
	text-align: center;
}
.mediaplayer_topic{
	width:340px;
	height:198px;
	position: absolute;
	left: 66px;
	cursor: pointer;
	top: 99px;
}
.join_mm{
	width:216px;
	height:21px;
	position: absolute;
	left: 122px;
	cursor: pointer;
	top: 309px;
}
#pic{
	width:300px;
	height:233px;
	text-align:center;
	background-color:#7da793;
	float:left;
	margin-top: 62px;
	margin-left: 54px;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#rule{
	width:623px;
	height:169px;
	background:url(images/rule.jpg) no-repeat;
	padding-top: 135px;
	padding-right: 70px;
	padding-bottom: 10px;
	padding-left: 72px;
	margin: 0 auto;
	clear:both;
	
}
#jp_top{
width:808px;
height:20px;
background:url(images/jptop1.jpg) no-repeat;
margin:0 auto;
}
#jp_con{
width:808px;
height:239px;
background-color:#7eae8b;
margin:0 auto;
text-align:center;
}
#jp_foot{
	width:808px;
	height:23px;
	background:url(images/jpbotton.jpg) no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}

/* 字体样式*/

.word_b {
	padding-left: 8px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #8F1007;
	font-weight: bold;
	color: #8B0305;
	font-size: 14px;
}
.word_vi {
	color: #000000;
	text-indent: 30px;
	line-height:120%;
}
.word_zhushi{
	font-family: "宋体";
	font-size: 14px;
	line-height: 20px;
	color: #FF0000;
}
.title {
	color: #FF0000;
	font-size: 14px;
	font-weight: bold;
}
.join_shm{
	font-size: 16px;
	background-color: #ffffff;
	border: 1px solid #002b90;
	padding: 1px;
}
.skill_j {
	font-size: 16px;
	background-color: #FFFF00;
	border: 1px dotted #84A6A5;
	padding: 1px;
	color: #000000;
}
.skill_m {
	font-size: 14px;
	background-color: #FFA54A;
	color: #660000;
}
.skill_s {
	font-size: 16px;
	background-color: #0099FF;
	border: 1px dotted #84A6A5;
	padding: 1px;
	color: #000000;
}
.skill_h {
	font-size: 16px;
	background-color: #FF0033;
	border: 1px dotted #84A6A5;
	padding: 1px;
	color: #000000;
}
.skill_t {
	font-size: 16px;
	background-color: #663366;
	border: 1px dotted #84A6A5;
	padding: 1px;
	color: #000000;
}
.rw {
	font-size: 14px;
	color: #ff0000;
	font-weight: bold;
	border-left-width: 4px;
	border-left-style: double;
	border-left-color: #ff0000;
	padding-left: 4px;
	margin-left: 5px;
}
.rw_th_w {
	width:20%;
	vertical-align: top;
	text-align: center;
	font-weight: bold;
	color: #CCCCCC;
}
a.links:link
{color:ffffff;
font-size:12px;
font-weight:bold;}
img{ border:0;}
.main{ width:1100px; height:620px; clear:both; position:relative;}
.main ul{ list-style-type:none; position:absolute; left:-100px; z-index:10; overflow-x:hidden}
.main li{ float:left; width:501px; height:auto;}
.mu_top{ width:501px; height:199px; background:url(images/mu_top.jpg) no-repeat;}
.mu_top p{ text-align:center; padding-top:170px;}
.mu_middle{ width:501px; height:208px; background:url(images/mu_middle.jpg) no-repeat; position:relative;}
.mu_bottom{ width:431px; height:96px; background:url(images/mu_bottom.jpg) no-repeat; position:relative; padding:35px 0 0 70px;}
.mu_bottom embed{height:30px;}
.mu_num{ width:234px; height:65px; background:url(images/mu_num.jpg) no-repeat; color:#FFFFFF; float:left; vertical-align:bottom; text-indent:120px; font-size:16px; font-weight:bold}
.mu_num span{ position:relative; top:30px;}
.mu_votes{ margin-left:50px;}
.main_page{ margin-left:250px; font-family:Arial, Helvetica, sans-serif;}
#pagination-digg li          { border:0; margin:0; padding:0; font-size:11px; list-style:none; /* savers */ float:left; }
#pagination-digg a           { border:solid 1px #00FF00; margin-right:2px; }
#pagination-digg .previous-off,
#pagination-digg .next-off   { border:solid 1px #DEDEDE; color:#888888; display:block; float:left; font-weight:bold; margin-right:2px; padding:3px 4px; }
#pagination-digg .next a,
#pagination-digg .previous a { font-weight:bold; }	
#pagination-digg .active     { background:#2e6ab1; color:#FFFFFF; font-weight:bold; display:block; float:left; padding:4px 6px; /* savers */ margin-right:2px; }
#pagination-digg a:link, 
#pagination-digg a:visited   { color:#0e509e; display:block; float:left; padding:3px 6px; text-decoration:none; }
#pagination-digg a:hover     { border:solid 1px #0e509e; }
.mu_in{ margin-top:21px;}