/* styles.css */
body {
	background-image:url(../../static/image/sf.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	font-size: 0px !important;
	font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, sans-serif;
}
a {
	text-decoration: none;
	color: inherit;
}
.mdui-card-primary-subtitle {
	text-align: center;
}
.mdui-card-primary-title {
	font-size: 20pt;
	letter-spacing: 2pt;
	font-weight: bold;
	text-align: center;
}
.mdui-card {
	background: rgba(255, 255, 255, 0.3) !important;
	transition: background 0.5s;
	border-radius: 8px;
	backdrop-filter: blur(5px);
	box-shadow: 0px 0px 20px 6px rgba(0, 0, 0, 0.12),
		0px 0px 20px 6px rgba(0, 0, 0, 0.12);
}
.mdui-card-header {height:auto;padding-bottom:0}
.mdui-card-content {padding:16px 16px 13px}
.mdui-btn {
	min-width:0;
	margin-bottom:4px;
	border-radius:8px;
	background-color:#ffffff40;
}
.mdui-btn:hover {background-color:#ffffff80}
.br{color:white;background-color:#bf0000;}
.br:hover{color:white;background-color:#e60000}
.bg{color:white;background-color:#3d993d;}
.bg:hover{color:white;background-color:#4dbf4d}
.bb{color:white;background-color:#0070bf;}
.bb:hover{color:white;background-color:#0096ff;}
.bp{color:white;background-color:#a800a8}
.bp:hover{color:white;background-color:#cc00cc}
/*@keyframes rotate { //logo旋转
	from { transform: rotate(0deg); } to { transform: rotate(360deg); } }*/
#image-container img {
	animation: rotate 5s linear infinite; /* 5秒内完成一次360度旋转 */
	display: block; /*防止图片底部有间隙 */
	margin: 0 auto; /*居中显示 */
	max-width: 100%; /*图片最大宽度为容器宽度*/
	height: auto; /*高度自适应*/
}
#back-to-top {
	position:fixed;
	bottom:20px;
	right:20px;
	background-color:#333;
	color:white;
	padding:12px 20px;
	text-decoration:none;
	display:none;
}