@charset "UTF-8"; /* Set the encoding of the style sheet to Unicode UTF-8 */
/* Small only */
@media screen and (max-width: 39.9375em) {
	body {
		background-color: #032936;
		background-image: url('images/pattern.png');
		background-repeat: repeat;
		background-position: center top;
	}
	div.info {
		padding: 0.6em;
		text-align: center;
		background-color: #e6e6fa;
	}
	div.info address {
		font-size: 1.2em;
		font-weight: bold;
	}
}
/* Medium and up */
@media screen and (min-width: 40em) {
	body {
		background-color: #032936;
		background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/e/e6/深圳湾创新科技中心.jpg/1280px-深圳湾创新科技中心.jpg');
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
	}
	div.btns {
		position: relative;
		top: 45px;
		width: 45px;
		height: 45px;
		padding: 10px;
		background: rgba(0, 0, 0, 0.4);
		opacity: 0.6;
		z-index: 11;
	}
	div.btns:hover {
		opacity: 0.9;
	}
	div#panel {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 25%;
		font-family: 'Inconsolata', serif;
		z-index: 1001;
		background-color: black;
		color: white;
		opacity: 0.9;
	}
	div#curiosity {
		margin-top: 100px;
	}
	div#curiosity li {
		height: 200px;
		color: white;
	}
	div h1 {
		margin: 0 50px;
		color: #8a8a8a;
	}
	div.math {
		margin: 0 50px;
		color: #00ff00;
	}
	div.news {
		width: 40vw;
		position: fixed;
		right: 1vw;
		top: 1vh;
	}
	div.btc {
		position: fixed;
		right: 2vw;
		top: 4vh;
		opacity: 0.1;
	}
	div.btc:hover {
		opacity: 1;
	}
}