.post-content img,pre {
	max-width: 100%;
}

.archive, .category {
        text-transform: uppercase;
}

pre,textarea {
	overflow: auto;
}

.alert a,a,h1,header a {
	text-decoration: none;
}

#footer,.center {
	text-align: center;
}

.post-item,ol.comment-list {
	list-style: none;
}

.alert a,.comment-head,cite.fn {
	font-weight: 700;
}

* {
	padding: 0;
	margin: 0;
	border: none;
	outline: 0;
}

body {
/*   font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; */
    font-family: "微軟正黑體","Droid Serif","Times New Roman","PingFang SC","Hiragino Sans GB","Source Han Sans CN","WenQuanYi Micro Hei","Microsoft Yahei",serif, Source Han Serif CN VF, sans-serif; 
    /* font-family: Baskerville, "Times New Roman", "Liberation Serif",STFangsong, FangSong, FangSong_GB2312, "CWTEX\-F", serif; //  Georgia, "Nimbus Roman No9 L", "Songti SC", "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif CN", STSong, "AR PL New Sung", "AR PL SungtiL GB", NSimSun, SimSun, "TW\-Sung", "WenQuanYi Bitmap Song", "AR PL UMing CN", "AR PL UMing HK", "AR PL UMing TW", "AR PL UMing TW MBE", PMingLiU, MingLiU, serif; */
	font-size: 16px;
	color: #39434d;
	letter-spacing: .3px;
}

#container {
	max-width: 90%;
	width: 900px;
	margin: 2em auto;
	display: block;
	padding: 5%;
}

header {
	padding: .3em 0;
	border-bottom: 1px solid #d8dadc;
}

h1 {
	font-size: 1.7em;
}

header a {
	color: #0e1a26;
}

header a:hover {
	color: #32393f;
}

a {
	color: #747677;
}

a.img,a.img:hover {
	border: 0!important;
}

.slash {
	padding: 0 8px;
}

#footer a:hover,.post a:hover {
	color: #32393f;
	border-bottom: 1px solid #32393f;
}

ul.post-list {
	padding: .7em 0;
}

li {
	padding: .2em 0;
}

.post-meta {
	margin: 1em 0 0;
}

.post-meta,.post-meta a {
	color: #8796a3;
}

p {
	margin: 1em 0;
	line-height: 1.7;
}

h3 {
	margin: 1em 0 .7em;
}

h4 {
	font-size: 1.1em;
	margin: 1em 0 .7em;
}

blockquote {
	background-color: #e9f5fa;
	color: #3e4246;
	border-left: 4px solid #71797f;
	padding-left: 1em;
	margin: .7em 0;
	padding-right: 5px;
}

.post-content {
	text-align: justify;
}

.post-content img {
	border-radius: 12px;
}

.post-content a {
	border-bottom: 0px solid #747677;
}

.post-content hr {
	margin: 1em auto;
	width: 100px;
	border: 1px solid #b2bcc4;
	border-width: 2px 0 0;
}

.post-content ul {
	padding: 0 2em;
	margin: .7em 0;
}

.post-content li {
	padding: 0;
}

code,kbd,tt,var {
	font-size: .92857em;
	font-family: "Lucida Console",Consolas,"DejaVu Sans Mono",monospace;
	color: #c13;
	padding: 2px 6px;
	background: #f3f3f0;
	word-break: break-word;
	border-radius: 10px;
}

pre {
	background: #f3f3f0;
	font-size: 15px;
	margin-bottom: .5em;
	padding: 1em;
	border-radius: 10px;
}

pre code {
	padding: 0;
	border-radius: 10px;
}

.pagenav a {
	padding: 0 5px;
}

.pagenav a:hover {
	border-radius: 10px;
	background-color: #32393f;
	color: #fff;
}

#footer {
	margin-top: 2em;
	font-size: 14px;
}

nav a {
	margin: 0 5px;
}

.license {
	font-size: 12px;
}

input,textarea {
	padding: 5px 0;
	font-family: inherit;
	font-size: 15px;
}

input:not([type=button]):not([type=submit]),textarea {
	border-bottom: 1px solid #d8dadc;
}

textarea {
	width: 100%;
	height: auto;
	resize: vertical;
}

input:not([type=button]):not([type=submit]):focus,textarea:focus {
	border-bottom: 1px solid #a4a9ad;
}

input#author,input#mail,input#url {
	width: 32.8%;
}

input.button,input.submit {
	color: #fff;
	padding: 5px;
	background-color: #575d61;
	text-transform: uppercase;
}

input.button:hover,input.submit:hover {
	background-color: #7c8184;
}

.alert {
	margin: 1em 0;
	padding: 4px 8px;
	border-radius: 0;
}

.alert a {
	border: 0;
}

.alert>p,.alert>ul {
	margin-bottom: 0;
}

.alert>p+p {
	margin-top: 5px;
}

.success {
	color: #159756;
	border: 1px solid #159756;
}

.info {
	color: #1d6fee;
	border: 1px solid #1d6fee;
}

.warning {
	color: #fdba2c;
	border: 1px solid #fdba2c;
}

.danger {
	color: #da4733;
	border: 1px solid #da4733;
}

#comments a:hover {
	color: #32393f;
	border-bottom: 1px solid #32393f;
}

.comment-head {
	font-size: 1.17em;
	font-style: italic;
	margin: 1.5em 0 0;
}

li.comment-parent {
	padding: .5em 0;
	border-top: 1px dashed #ddd;
}

li.comment-child {
	padding: 0;
}

p.comment-user-info {
	margin-bottom: .5em;
}

cite.fn {
	font-style: normal;
}

span.comment-author cite,span.comment-author cite a {
	color: #444b50;
}

span.author cite,span.author cite a {
	color: #506986;
}

span.user cite,span.user cite a {
	color: #455a64;
}

.comment-list p {
	display: inline;
}

.comment-list p.comment-user-info {
	display: block;
	margin-bottom: .5em;
}

.comment-children {
	margin-left: 1.5em;
}

.comment-meta {
	font-size: 14px;
}

.cancel-comment-reply a,.comment-reply a {
	font-size: 14px;
	font-style: normal;
	padding: 0 5px;
}

.cancel-comment-reply a:hover,.comment-reply a:hover {
	background-color: #32393f;
	color: #fff!important;
}

.comment-button {
	text-align: right;
	display: block!important;
	margin-bottom: 1em!important;
}

@media screen and (max-width:768px) {
	input#author,input#mail,input#url {
		width: 100%;
	}

	input#author,input#mail {
		margin-bottom: .5em;
	}
}

@media (prefers-color-scheme:dark) {
	body {
		background-color: #212121;
		color: #f0f2f4;
	}

	header {
		padding: .3em 0;
		border-bottom: 1px solid #798086;
	}

	header a {
		color: #dae6f1;
	}

	header a:hover {
		color: #b8c0c7;
	}

	a {
		color: #cbcdcd;
	}

	#footer a:hover,.post a:hover {
		color: #f1f2f4;
		border-bottom: 1px solid #f1f2f4;
	}

	.post-meta,.post-meta a {
		color: #a9b3bc;
	}

	blockquote {
		padding-right: 5px;
		color: #bbbfc3;
		border-left: 4px solid #aeb3b7;
	}

	.post-content a {
		border-bottom: 1px solid #cbcdcd;
	}

	.post-content hr {
		border: 1px solid #434d56;
	}

	code,kbd,tt,var {
		color: #f5899d;
		background: #39392d;
	}

	pre {
		background: #39392d;
	}

	.pagenav a:hover {
		background-color: #f1f2f4;
		color: #333;
	}

	input:not([type=button]):not([type=submit]),textarea {
		color: #fff;
		background-color: #212121;
		border-bottom: 1px solid #798086;
	}

	input:not([type=button]):not([type=submit]):focus,textarea:focus {
		border-bottom: 1px solid #c9cccf;
	}

	input.button,input.submit {
		color: #212121;
		background-color: #bcc0c2;
	}

	input.button:hover,input.submit:hover {
		background-color: #a3a6a8;
	}

	.success {
		color: #62eaa6;
		border: 1px solid #62eaa6;
	}

	.info {
		color: #88b4f6;
		border: 1px solid #88b4f6;
	}

	.warning {
		color: #fed681;
		border: 1px solid #fed681;
	}

	.danger {
		color: #e78c7e;
		border: 1px solid #e78c7e;
	}

	#comments a:hover {
		color: #f1f2f4;
		border-bottom: 1px solid #f1f2f4;
	}

	li.comment-parent {
		border-top: 1px dashed #555;
	}

	span.comment-author cite,span.comment-author cite a {
		color: #acb4b9;
	}

	span.author cite,span.author cite a {
		color: #9fb1c6;
	}

	span.user cite,span.user cite a {
		color: #96acb6;
	}

	.cancel-comment-reply a:hover,.comment-reply a:hover {
		background-color: #f1f2f4;
		color: #333!important;
	}
}