body {
    background-color:#FFF;
	color:#444;
	font-family:"Droid Serif",Georgia,"Times New Roman","PingFang SC","Hiragino Sans GB","Source Han Sans CN","WenQuanYi Micro Hei","Microsoft Yahei",serif;
	font-size:88.5%;
}
a {
	color:#3354AA;
	text-decoration:none;
}
a:hover,a:active {
	color:#444;
}
p {
    margin-top: 1.2em;
}
pre,code {
	background:#F3F3F3;
	font-family:Menlo,Monaco,Consolas,"Lucida Console","Courier New",monospace;
	font-size:.92857em;
}
code {
	padding:2px 4px;
	color:#B94A48;
}
pre {
	padding:8px;
	overflow:auto;
	max-height:400px;
}
pre code {
	padding:3px;
	color:#444;
}
blockquote {
	margin:1em 0;
	padding-left:1.5em;
	border-left:4px solid #eee;
	color:#666;
}
table {
	border:1px solid #ddd;
	width:100%;
}
table th,table td {
	padding:5px 10px;
	border:1px solid #eee;
}
table th {
	background:#f3f3f3;
}
h1,h2,h3,h4,h5,h6 {
	font-family:"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","WenQuanYi Micro Hei","Microsoft Yahei",sans-serif;
}
input[type="text"],input[type="email"],input[type="url"],input[type="password"],textarea {
	padding:5px;
	border:1px solid #E9E9E9;
	width:100%;
	border-radius:2px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
    box-sizing:border-box;
    font-size:97%;
}
textarea {
	resize:vertical;
}
.post-meta a,.post-content a,.widget a,.comment-content a {
	border-bottom:1px solid #EEE;
}
.post-meta a:hover,.post-content a:hover,.widget a:hover,.comment-content a:hover {
	border-bottom-color:transparent;
}
.browsehappy {
	padding:8px 0;
	background:#FBE3E4;
	color:#8A1F11;
	text-align:center;
}
.browsehappy a {
	color:#8A1F11;
	text-decoration:underline;
	font-weight:bold;
}
#header {
	padding-top:45px;
	border-bottom:1px solid #EEE;
}
#logo {
	color:#333;
	font-size:2.5em;
}
#logo img {
	max-height:64px;
}
.description {
	margin:.5em 0 0;
	color:#999;
	font-style:italic;
}
#nav-menu {
	margin:38px 0 0;
	padding:0;
}
#nav-menu a {
	display:block;
	margin-right:-1px;
	padding:0 20px;
	border:1px solid #EEE;
	border-bottom:none;
	height:32px;
	line-height:32px;
	color:#444;
	float:left;
}
#nav-menu a:hover,#nav-menu .current {
	background:#F6F6F6;
}
#search {
	position:relative;
    margin-top:20px;
    margin-right: 38px;
}
#search input {
    padding-right:30px;
}
#search button {
	position:absolute;
	right:4px;
	top:2px;
	border:none;
	padding:0;
	width:24px;
	height:24px;
	background:transparent url(img/icon-search.png) no-repeat center center;
	direction:ltr;
	text-indent:-9999em;
}
@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
	#search button {
	background-image:url(img/icon-search@2x.png);
	-webkit-background-size:24px 24px;
	-moz-background-size:24px 24px;
	-o-background-size:24px 24px;
	background-size:24px 24px;
}
}.post {
	padding:10px 0 10px;
	border-bottom:1px solid #EEE;
}

.post-title {
	margin:.85em 0;
	font-size:1.3em;
}
.post-meta {
	/* margin-top:-0.5em; */
	padding:0;
	color:#999;
	font-size:.92857em;
}
.post-meta li {
	display:inline-block;
	margin:0 8px 0 0;
	padding-left:12px;
	border-left:1px solid #EEE;
}
.post-meta li:first-child {
	margin-left:0;
	padding-left:0;
	border:none;
}
.post .tags {
	clear:both;
}
.post-near {
	list-style:none;
	margin:30px 0;
	padding:0;
	color:#999;
}
.post-near li {
	margin:10px 0;
}
.post-info {
    overflow:hidden;
    margin-top: 35px;
    padding:25px 20px 15px 0px;
    white-space:nowrap;
    text-overflow:ellipsis;
    border-top: 1px solid #EEE;
}
.archive-title {
	margin:1em 0 -1em;
	padding-top:20px;
	color:#999;
	font-size:1em;
}
.more {
	text-align:center;
}
.more a {
	border:none;
}
.protected .text {
	width:50%;
}
.page-navigator {
	list-style:none;
	margin:25px 0;
	padding:0;
	text-align:center;
}
.page-navigator li {
	display:inline-block;
	margin:0 4px;
}
.page-navigator a {
	display:inline-block;
	padding:0 10px;
	height:30px;
	line-height:30px;
}
.page-navigator a:hover {
	background:#EEE;
	text-decoration:none;
}
.page-navigator .current a {
	color:#444;
	background:#EEE;
}
#comments {
	padding-top:30px;
}
.comment-list,.comment-list ol {
	list-style:none;
	margin:0;
	padding:0;
}
.comment-list li {
	padding:14px;
	margin-top:10px;
	border:1px solid #EEE;
}
.comment-list li.comment-level-odd {
	background:#F6F6F3;
}
.comment-list li.comment-level-even {
	background:#FFF;
}
.comment-list li.comment-by-author {
	background:#FFF9E8;
}
.comment-list li .comment-reply {
	text-align:right;
	font-size:.92857em;
}
.comment-meta a {
	color:#999;
	font-size:.92857em;
}
.comment-author {
	display:block;
	margin-bottom:3px;
	color:#444;
}
.comment-author .avatar {
	float:left;
	margin-right:10px;
}
.comment-author cite {
	font-weight:bold;
	font-style:normal;
}
.comment-list .respond {
	margin-top:15px;
	border-top:1px solid #EEE;
}
.respond .cancel-comment-reply {
	float:right;
	margin-top:15px;
	font-size:.92857em;
}
#comment-form label {
	display:block;
	margin-bottom:.5em;
	font-weight:bold;
}
#comment-form .required:after {
	content:" *";
	color:#C00;
}
#secondary {
    padding-top:15px;
    padding-left: 2.0%;
    padding-right: 5.2%;
	word-wrap:break-word;
}
.widget {
	margin-bottom:42px;
}
.widget-list {
	list-style:none;
	padding:0;
}
.widget-list li {
	margin:5px 0;
	line-height:1.6;
}
.widget-list li ul {
	margin-left:15px;
}
#footer {
	padding:3em 0;
	line-height:1.5;
	text-align:center;
	color:#999;
}
.error-page {
	margin-top:100px;
	margin-bottom:100px;
}
.post-content,.comment-content {
	line-height:1.7;
	word-wrap:break-word;
}
.post-content h2,.comment-content h2 {
	font-size:1.28571em;
}
.post-content img,.comment-content img,.post-content video,.comment-content video {
	max-width:100%;
}
.post-content a img,.comment-content a img {
	background:#FFF;
	position:relative;
	bottom:-4px;
}
.post-content hr,.comment-content hr {
	margin:2em auto;
	width:100px;
	border:1px solid #E9E9E9;
	border-width:2px 0 0 0;
}
.aligncenter,div.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.alignleft {
	float:left;
}
.alignright {
	float:right;
}
img.alignleft {
	margin:0 15px 0 0;
}
img.alignright {
	margin:0 0 0 15px;
}
.logo-div {
    display:inline-block;
}
@media(max-width:767px) {
	body {
	font-size:14px;
    }
    #nav-menu a {
        float:none;
        display:inline-block;
        margin:0 -2px;
    }
    .post {
        padding:10px 7.5px 10px 7.5px;
    }
    .directory-content {
        display:none
    }
    .post-meta li {
        margin-top:8px;
    }
    .post-title {
        margin-bottom:.55em
    }
}

@media(max-width:768px) {
	#header,.post-title,.post-meta {
    	text-align:center;
    }
}
@media(min-width:769px) {
    .logo-img-div {
        margin-right: 15px;
    }
}
@media(min-width:1200px) {
	.container {
	    max-width:1080px;
    }
}
.hidden {
	display:none!important;
	visibility:hidden;
}
.sr-only {
	border:0;
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px;
}
.sr-only.focusable:active,.sr-only.focusable:focus {
	clip:auto;
	height:auto;
	margin:0;
	overflow:visible;
	position:static;
	width:auto;
}
.invisible {
	visibility:hidden;
}
.title-color {
    color: #585858;
}
.widget-title {
    margin-block-end: 16px;
}

/*
 * 侧边栏目录样式
 */
.directory-content {
    /* position:relative; */
    z-index:0;
    max-width:320px;
}
#directory {
    z-index:0;
    display:inline-block;
    text-align:left;
}
#directory li,#directory ul {
    margin:0;
    padding-left:0;
    list-style:none
}
#directory>ul {
    position:relative;
    border-left:1px solid #ddd
}
#directory>ul>li::before {
    position:relative;
    top:0;
    left:-3px;
    display:inline-block;
    width:6px;
    height:6px;
    content:'';
    border-radius:50%;
    /* background-color: #EB5055; */
    background-color: #00a4ff;
}
/* 一级目录 */
#directory ul li a {
    line-height: 1.6;
    border-bottom: 0px;
    font-weight: 450;
    display:inline-table;
    margin: 3px 0 3px 8px;
    /* white-space:nowrap; */
    color: #444444;
    white-space: nowrap;
}
/* 二级目录 */
#directory ul li ul li a {
    font-weight: 400;
    font-size: 14px;
    margin: 0 0 0 25px;
    color: #5a5959;
}
/* 三级目录 */
#directory ul li ul li ul li a {
    margin-left:35px;
    color: #666666;
}
#directory a:hover {
    color:#00a4ff
}
#widget-directory {
    display: none;
}
.dir-check {
    color:#00a4ff !important;
}