a{
	color: #C83131;
	text-decoration:none;
	position: relative;
	top:0px;
	transition: 0.1s ease-in-out;
}
a:hover{
	color: #ff4040;
	top: -2px;
}



html,body,code{
	width:90%; height:100%;
	margin:0 auto;
	background: #fff;
	color: #333;
	font-family: Helvetica, Tahoma, Arial, STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
	font-size: 15px;
	font-weight: normal;
	line-height: 1.625em;
}

code{
	font-weight:bold;
	background-color: beige;
}
img{
	width:80%;
	overflow:hidden;
	max-width:400px;
}
#content{
	padding: 10px 10px 20px 10px;
	width: calc(100% - 20px);
	text-align: justify;
	border-radius: 10px;
	margin-bottom: 50px;
}
h2{
	transform: rotate(1deg);
	text-align: center;
	font-weight: bold;
	margin-top:2.5em;
	margin-bottom: 0;
}
p{
	transform: rotate(-0.5deg);
}

h3{
	text-align: center;
	margin-top:1.75em;
	margin-bottom: 0;
	font-weight: normal;
}
#footer{
	transform: rotate(90deg);
	max-width: 550px;
	text-align: center;
	margin-top:80px;
	margin-bottom:80px;
	
	padding-top:80px;
	padding-bottom:80px;
}

li{
	list-style: circle;
}
ul {
  padding-left: 0;
}
@media (max-width: 760px){
	.web10{
		display:none;
	}
}
@media (max-width: 880px){
	#header #nav{
		width: 300px;
		text-align: right;
		top: 24px;
	}
	#header #nav span{
		opacity: 0;
		display: block;
		height: 0px;
	}
	html,body,code{
		width:90%;
	}
}