* {
	font-family: "Verdana", "Mircosoft JhengHei", "Century Gothic";
}

body {
	margin: 0;
	font-family: "Verdana", "Mircosoft JhengHei", "Century Gothic";
	font-size: 12px;
}

a {
	color: #006699;
	text-decoration: none;
}

a:hover {
	color: #AA66AA;
}

.opacity_a {
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
}

.opacity_a:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

.litegrey1 {
	color: #CCC;
}
.litegrey2 {
	color: #CCC;
}

.withbold {
	font-weight: bold;
}

.boxbg1 {
	background: url('bg1.gif') repeat-y;
}
.boxbg2 {
	background: url('bg2.gif') repeat-y;
}
.boxbg3 {
	background: url('bg3.gif') repeat-y;
}
.boxbg4 {
	background: url('bg4.gif') repeat-y;
}

#leftlinks {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;

	left: 10px;
	top: 300px;
}

#leftlinks li {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;

	height: 24px;
	width: 81px;
}

#rightsideA {
display: block; width: 300px; float: right; overflow: hidden;
}
#rightsideB {
display: block; width: 300px; float: right; overflow: hidden;
}
#rightsideC {
float: right; margin-left: 10px; overflow: hidden;
}
.float-left-block {
float: left; width: 703px;
}


#leftlinks li a {
	display: block;
	height: 24px;
	width: 81px;
	text-decoration: none;
}

#leftlinks .album { background: url('link/album_1.png') no-repeat; }
#leftlinks .artist { background: url('link/artist_1.png') no-repeat; }
#leftlinks .forum { background: url('link/forum_1.png') no-repeat; }
#leftlinks .home { background: url('link/home_1.png') no-repeat; }
#leftlinks .mv { background: url('link/mv_1.png') no-repeat; }
#leftlinks .register { background: url('link/register_1.png') no-repeat; }
#leftlinks .song { background: url('link/song_1.png') no-repeat; }
#leftlinks .upload { background: url('link/upload_1.png') no-repeat; }

#leftlinks .album:hover { background: url('link/album_2.png') no-repeat; }
#leftlinks .artist:hover { background: url('link/artist_2.png') no-repeat; }
#leftlinks .forum:hover { background: url('link/forum_2.png') no-repeat; }
#leftlinks .home:hover { background: url('link/home_2.png') no-repeat; }
#leftlinks .mv:hover { background: url('link/mv_2.png') no-repeat; }
#leftlinks .register:hover { background: url('link/register_2.png') no-repeat; }
#leftlinks .song:hover { background: url('link/song_2.png') no-repeat; }
#leftlinks .upload:hover { background: url('link/upload_2.png') no-repeat; }

#warp {
	display: block;
	width: 1003px;
}

#header {
	display: block;
	width: 1024px;
	height: 131px;
	background: url('./header.gif');

	margin: 0;
	padding: 0;
}

#content {
	display: block;
	width: 1003px;
	height: auto;
	background: url('./content_bg.gif') repeat-y;
}

#contentcontainer {
	display: block;
	width: 1003px;
	min-height: 776px;
	height: auto !important;
	height: 776px;
	background: url('./content_2.gif') no-repeat;
}

#contentcontainerX {
	display: block;
	width: 1003px;
	min-height: 776px;
	height: auto !important;
	height: 776px;
	background: url('./content.gif') no-repeat;
}

#footer {
	display: block;
	clear: both;
	width: 1003px;
	height: 34px;
	background: url('./footer.gif');

	margin: 0;
	padding: 0;
}

#darzz_index {
	display: block;
	position: absolute;
	left: 0;
	top: 70px;
	width:165px;
	height: 175px;
}

.index-album {
	display: block;
	width: 428px;
	height: 100px;
	margin-left: 280px;
}

.chinese-album { 
	background: url('index_lang_chinese.gif') no-repeat;
}
.foriegn-album { 
	background: url('index_lang_foriegn.gif') no-repeat;
}

.index-album .link-to-album {
	display: block;
	width: 428px;
	height: 26px;
	text-decoration: none;
}

.index-album ul {
	display: block;
	width: 428px;
	height: 60px;
	margin: 0;
	padding: 0;
	margin-top: 5px;
}

.index-album li {
	display: block;
	float: left;
	width: 60px;
	height: 60px;
	margin-left: 10px;
}

.index-album img {
	width: 60px;
	height: 60px;
}

.index-artist ul {
	display: block;
	width: 428px;
	height: 90px;
	margin: 0;
	padding: 0;
	margin-top: 5px;
}

.index-artist li {
	display: block;
	float: left;
	width: 90px;
	height: 90px;
	margin-left: 10px;
}

.index-artist li img {
	width: 90px;
	height: 90px;
}

.list-album {
	display: block;
	width: 428px;
	margin-left: 280px;
}

.list-album .link-to-album {
	display: block;
	width: 428px;
	height: 26px;
	text-decoration: none;
}

.list-album ul {
	display: block;
	width: 428px;
	height: 90px;
	margin: 0;
	padding: 0;
	margin-top: 5px;
	margin-bottom: 5px;
}

.list-album li {
	display: block;
	float: left;
	width: 90px;
	height: 90px;
	margin-left: 10px;
}

.list-album img {
	width: 90px;
	height: 90px;
}

/*list-artist*/
.list-artist {
	display: block;
	width: 410px;
	margin-left: 280px;
}

.list-artist .list-top {
	display: block;
	height: 18px;
	border-bottom: 3px solid #000000;
}

.list-artist .link-to-artist {
	display: block;
	float: left;
	width: 82px;
	height: 18px;
	text-decoration: none;
}
/*list-artist list-options*/
.list-artist .list-options {
	border: 1px solid #999;
	border-width: 0 1px 0 1px;
	height: 80px;
	padding: 4px;
}

.list-artist .list-options ul {
	display: block;
	height: 20px;
	padding: 0;
	margin: 0;
	border: 1px solid #CCCCCC;
}
.list-artist .list-options ul.left {
	float: left;
	margin-top: 20px;
	padding-left: 10px;
	width: 370px;
}
.list-artist .list-options ul.right {
	float: right;
	padding-right: 10px;
	width: 180px;
	margin-top: 10px;
}
.list-artist .list-options li {
	display: block;
	float: left;
	font-size: 13px;
	line-height: 20px;
}
.list-artist .list-options ul.right li {
	margin-left: 10px;
}
.list-artist .list-options ul.left li {
	margin-right: 10px;
}

/*list-artist list-content*/
.list-artist .list-content {
	display: block;
	border: 1px solid #999;
	border-top: none;
}
.list-artist .list-content ul {
	display: block;
	clear: both;
	width: 428px;
	height: 40px;
	margin: 0;
	padding: 0;
	margin-top: 5px;
	margin-bottom: 5px;
}

.list-artist .list-content li {
	display: block;
	float: left;
	width: 105px;
	height: 50px;
	margin-left: 10px;
}

.list-artist .list-content img {
	width: 90px;
	height: 90px;
}

 .list-artist .list-content .title { 
	display: block;
	clear: both;
	font-size: 30px;
	margin-left: 10px;
}

.artist-chinese {
	background: url('singer_01.gif');
}

.artist-foriegn {
	background: url('singer_02.gif');
}

/* top-album */
.topalbum {
	display: block;
	margin-left: 280px;
	margin-bottom: 10px;
	width: 422px;
}
.topalbum h1 {
	display: block;
	width: 422px;
	height: 54px;
	background: url('topalbums.gif') no-repeat;

	margin: 0;
	padding: 0;
}
.topalbum ul {
	display: block;
	width: 422px;
	height: 150px;

	margin: 0;
	padding: 0;
}
.topalbum li {
	display: block;
	list-style: none;
	float: left;
	width: 90px;
	margin-left: 12px;
}

.topalbum a img {
	width: 90px;
	height: 90px;
}

/* page-nav */
.page-nav {
	display: block;
	width: 413px;
	height: 20px;
	background: url('boxbottom.gif') repeat-x;
	margin-left: 280px;
	margin-top: 10px;
	padding: 0 4px;

	color: #FFF;
}

.page-nav .dzmulti a {
	color: #FFF;
	margin-left: 5px;
	font-family: Helvetica;
}

.page-nav .dzmulti strong {
	color: #FFF;
	margin-left: 5px;
	font-family: Helvetica;
	color: yellow;
}

.simplebox {
	display: block;
	margin-left: 280px;
	padding-top: 50px;
}

#userbox {
	display: block;
	position: absolute;
	left : 90px;
	top: 265px;
}

#userbox .boxtitle {
	display: block;
	width: 129px;
	height: 26px;
	background: url('userbox_title.gif') no-repeat;
}

#userbox .username {
	display: block;
	width: 61px;
	height: 14px;
	background: url('userbox_username.gif') no-repeat;
}

#userbox .password {
	display: block;
	width: 61px;
	height: 14px;
	background: url('userbox_pw.gif') no-repeat;
}

#userbox .boxcontent {
	display: block;
	color: #FFF;
}

#userbox .boxcontent a {
	color: yellow;
	text-decoration: none;
}

#userbox form {
	display: block;
	margin: 0;
	padding: 0;
}

#album-chinese, #album-foriegn, #album-all, #artist-chinese, #artist-foriegn, #artist-group , #artist-all {
	margin-bottom: 20px;
}

#album-chinese a {
	display: block;
	width: 288px;
	height: 67px;

	background: url('album_select.gif') no-repeat;
}

#album-chinese a:hover {
	display: block;
	width: 288px;
	height: 67px;

	background-position: 0 -67px;
}

#album-foriegn a {
	display: block;
	width: 288px;
	height: 67px;

	background: url('album_select.gif') no-repeat 0 -134px;
}

#album-foriegn a:hover {
	display: block;
	width: 288px;
	height: 67px;

	background-position: 0 -201px;
}

#album-all a {
	display: block;
	width: 288px;
	height: 67px;

	background: url('album_select.gif') no-repeat 0 -268px;
}

#album-all a:hover {
	display: block;
	width: 288px;
	height: 67px;

	background-position: 0 -335px;
}

#artist-chinese a {
	display: block;
	width: 288px;
	height: 67px;

	background: url('singer_select.gif') no-repeat;
}

#artist-chinese a:hover {
	display: block;
	width: 288px;
	height: 67px;

	background-position: 0 -67px;
}

#artist-foriegn a {
	display: block;
	width: 288px;
	height: 67px;

	background: url('singer_select.gif') no-repeat 0 -134px;
}

#artist-foriegn a:hover {
	display: block;
	width: 288px;
	height: 67px;

	background-position: 0 -201px;
}

#artist-all a {
	display: block;
	width: 288px;
	height: 67px;

	background: url('singer_select.gif') no-repeat 0 -268px;
}

#artist-all a:hover {
	display: block;
	width: 288px;
	height: 67px;

	background-position: 0 -335px;
}

#artist-group a {
	display: block;
	width: 288px;
	height: 67px;

	background: url('singer_select.gif') no-repeat 0 -402px;
}

#artist-group a:hover {
	display: block;
	width: 288px;
	height: 67px;

	background-position: 0 -469px;
}