@charset "UTF-8";
/* CSS Document */

html {
	background-image:url(../img/brick.gif);
	background-repeat:repeat;
	background-color:white;
	font-family:STKaiti, KaiTi, KaiTi_GB2312;
	color:#600;
}

#wrapper {
	width:100%;
	margin:auto;
	
}

.navi {
	width:100%;
	height:auto;
}

#topbanner1, #topbanner2, #topbanner3 {
	background-image:url(../img/title-m.jpg);
	width:100%;
	height:75px;
	margin-top:0;
}

#dlm {
	max-width:80%;
	margin:auto;
}

.navitem {
	background-image:url(../img/plate.png);
	width: 160px;
	height:50px;
	float:left;
	margin-top:3px;
}

.navi a {
	color:white;
}

.navi a:hover {
	color:#FFFF33;
}

#main {
	margin-top:15px;
	background-color:white;
}

#intro {
	margin:15px;
}
	
#intro img {
	display:none;
}



#illustrate {
	width:100%;
	height:!important;
	margin:auto;
}

#illustrate img {
	max-width:100%;
	margin:auto;
}

#player {
	width:100%;
	height:!important;
	margin:0;
}

#desc {
	padding:5px;
}

.related {
	clear:both;
}

.relatedsub {
	float:left;
	height:auto;
	width:auto;
	margin:5px;
	padding:5px;
	border:1px solid black;
	background-color:#CCFFFF;
}

.relatedsub p {
	padding:0;
	margin:0;
}

.relatedsub:hover {
	background-color:#00FFFF;
}

.vpic {
	max-width:80%;
	margin:auto;
	margin-top:20px;
	
}

.hpic {
	max-width:80%;
	margin:auto;
	margin-top:20px;
}

.hpic img {
	width:100%;
	max-width:420px;
	height:!important;
}

.vpic img {
	width:60%;
	max-width:280px;
	height:!important;
	margin:auto;
}


.picsub {
	background-color:#CFF;
	font-size:1.2em;
	width:100%;
	margin:auto;
	display:block;
}

.picsub p {
	margin:2px;
	padding:3px;
}

#footer {
	text-align:center;
	color:white;
}