@charset "utf-8";
/*响应式*/
@media (min-width:1024px) and (max-width:1260px) {
	.container {
		max-width: 900px;
	}
	.link-content > ul > li {
		width: 12rem;
   		height: 7rem;
	}
	.about-bg {
		width: 22rem;
	}
	.about-content {
		margin-right: 22rem;
	}
	
}
@media (min-width:768px) and (max-width:1023px) {
	.container {
		max-width: 900px;
	}
	.link-content > ul > li {
		width: 12rem;
   		height: 7rem;
	}
	.about-bg {
		width: 22rem;
	}
	.about-content {
		margin-right: 22rem;
	}
	#secondary {
		display: none;
	}
	#main,#page-links,.cat-sec,#page-tags,#timefile  {
		width: auto;
		display: block;
	}
	.site-name,.site-search,.he-nav {
		margin-left: 5%;
		margin-right: 5%;
	} 
}
@media (min-width:480px) and (max-width:767px) {
	.container {
		max-width: 900px;
	}
	.post-meta > .author-i1,.post-meta > .comment-i4 {
		display: none;
	}
	.link-content > ul {
		text-align: center;
	}
	.link-content > ul > li {
		width: 80%;
	    height: 7.5rem;
	}
	.link-content > ul > li > img {
		transform: translate(-50%,-65%) rotate(0);
	}
	.about-d {
		height: auto;
	}
	.about-bg {
		width: 100%;
		height: 12.5rem;
		background-size: cover;
		background-position: 0;
	}
	.about-content {
		margin-right: 0;
	}
	#secondary {
		display: none;
	}
	#main,#page-links,.cat-sec,#page-tags,#timefile  {
		width: auto;
		display: block;
	}
	.site-name,.site-search,.he-nav {
		margin-left: 5%;
		margin-right: 5%;
	} 
	#nav-menu > a:nth-child(3),#nav-menu > a:nth-child(4) {
		display: none;
	}
	.form-url,.form-author,.form-email {
		float: none;
		width: auto;
	}
	.form-textarea > #textarea {
		width: 96%;
	}
	.form-submit {
		padding-right: 1%;
	}
}
@media (min-width:320px) and (max-width:479px) {
	.container {
		max-width: 900px;
	}
	#header {
		padding-top: 1rem;
	}
	#nav-menu > a {
	    padding: .9rem 1.1rem .8rem;
	    margin-left: 1.2rem;
	}
	.sr-only {
		display: none;
	}
	.post-meta > .author-i1,.post-meta > .comment-i4 {
		display: none;
	}
	#main, #page-links, .cat-sec, #page-tags, #timefile {
		padding: .5rem;
	}
	.post > .post-meta {
		font-size: .8rem;
	}	
	.link-content > ul {
		text-align: center;
	}
	.link-content > ul > li {
		width: 80%;
	}
	.about-d, .about-address {
	    margin-left: .5rem;
	    margin-right: .5rem;
	}
	.about-d {
		height: auto;
	}
	.about-bg {
		width: 100%;
		height: 12.5rem;
		background-size: cover;
		background-position: 0;
	}
	.about-content {
		margin-right: 0;
		padding: 1rem;
	}
	.about-address {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	#secondary {
		display: none;
	}
	#main,#page-links,.cat-sec,#page-tags,#timefile  {
		width: auto;
		display: block;
	}
	.site-name,.site-search,.he-nav {
		margin-left: 2%;
		margin-right: 2%;
	} 
	#nav-menu > a:nth-child(3),#nav-menu > a:nth-child(4) {
		display: none;
	}
	.form-url,.form-author,.form-email {
		float: none;
		width: auto;
	}
	.form-textarea > #textarea {
		width: 93%;
	}
	.form-submit {
		padding-right: 1%;
	}
	#footer {
		font-size: .8rem;
	}
}
@media (min-width:0px) and (max-width:319px) {
	html:before {
		content: "您当前的设备分辨率过低无法访问该页面，请更换至合适的分辨率设备进行浏览！";
		font-size: xx-large;
		font-weight: bolder;
		color: white;
	}
	body {
		display: none;
	}
}