body {
	font-family:微软雅黑;
	background:url(http://acg.iimoe.com/index.php/api/index/acg)no-repeat center center fixed;
}

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

.mdui-typo-title {
	padding-left:5%;
	font-weight:bold;
}

#index-view {
	width:100%;
	padding-bottom:0px;
	min-height:350px;
	margin-bottom:20px;
	background: rgba(255, 64, 129, 0.35) !important;
}


audio {
	width:100%;
}

.bgm {
	width:80%;
	max-width:600px;
	min-width:220px;
	margin:30px auto 0px;
	border-left:20px solid #FF4081;
	border-right:20px solid #FF4081;
	border-radius:200px;
}

.music-name {
	width:100px;
	padding-left:10px;
	border-radius:200px;
}

.content {
	width:80%;
	max-width:1000px;
	min-width:300px;
	margin:0px auto 0px;
}

.left-box {
	position:relative;
}

.right-box {
	float:right;
}

.top-logo {
	width:150px;
	height:150px;
	margin-top:60px;
	border-radius:200px;
	border:10px solid #fff;
	transition:1s all;
}

.right-box .top-logo:hover {
	transform: rotate(360deg);
}

.mdui-btn {
	font-weight:bold !important;
}

.content .mdui-btn{
	margin:10px;
	width:100px;
}

.header-banner {
	font-size:2.3em;
	text-align:left;
	line-height:50px;
	padding-top:50px;
	font-weight:bold !important;
}

.header-text {
	width:300px;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:20px;
	line-height:30px;
}


.info-card {
	width:95%;
	min-height:300px;
	border-left:10px solid #ff4081;
	border-right:10px solid #ff4081;
	margin:0px auto 0px;
	background-color:#fff;
	opacity:0.7;
	padding-top:10px;
	padding-bottom:10px;
}

.info-title {
	text-align:Center;
	width:100%;
	font-weight:bold;
	font-size:1.5em;
	line-height:25px;
	color:#ff4081;
}

.info-card  .mdui-divider {
	width:70%;
	height:1px;
	min-width:200px;
	margin-bottom:15px;
}

.info-text {
	width:70%;
	min-width:200px;
	margin:0px auto 0px;
	text-align:left;
	color:#ff4081;
	line-height:25px;
}

footer {
	width:100%;
	background:#424242;
	color:#9e9e9e;
	line-height:25px;
	font-weight:bold;
}

.footer-text {
	width:50%;
	min-width:250px;
	margin:20px auto 0;
}

.mdui-divider {
	width:60%;
	min-width:300px;
	margin:15px auto 20px !important;
}

.footer-copyright {
	margin:0px auto 0;
	text-align:center;
	font-size:1.1em;
	padding-bottom:20px;
}