#post-directory-module {
	z-index: 999;
}

.post-directory {
	font-size: 14px;
	background: #fff;
	overflow: hidden;
	width: 300px;
	padding-bottom: 1em;
	border: 1px solid #efefef;
	color: #999;
}

.post-directory ul,
.post-directory ol {
	padding-left: 1.5em;
	list-style: none;
}

.post-directory strong {
	border-left: 5px solid #999;
	padding: 2px 5px 2px 15px;
}

.post-directory a {
	text-decoration: none;
	color: #bababa;
}

.post-directory a:hover,
.post-directory a:active,
.post-directory a.on {
	color: #4183c4;
}

.posts-list {
	line-height: 2;
	color: #555;
	list-style-type: disc;
}

.posts-list::before {
/*    content: " ";*/
	position: absolute;
	left: 0;
	top: 12px;
	width: 6px;
	height: 6px;
	margin-left: -4px;
	background: #bbb;
	border-radius: 50%;
	border: 1px solid #fff;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
	transition-delay: 0s;
	transition-property: background;
}

.posts-list-item {
	border-bottom: 1px dashed #ccc;
	margin: 10px;
	padding: 0;
}

.posts-list-item a {
	font-size: 16px;
	font-weight: normal;
	font-family: Lato, "PingFang SC", "Microsoft YaHei", sans-serif;
	line-height: inherit;
	color: #666;
}

.posts-list-meta {
	font-size: 12px;
	font-family: Lato, "PingFang SC", "Microsoft YaHei", sans-serif;
	line-height: 2;
	color: #555;
	background: #fff;
}

.list-group {
	padding-left: 0;
	margin-bottom: 20px;
}

.list-group-item {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid #ddd;
}

.list-group-item:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.list-group-item:last-child {
	margin-bottom: 0;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.list-group-item>.badge {
	float: right;
}

.badge {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #777;
	border-radius: 10px;
}

.pager {
	padding-left: 0;
	margin: 20px 0;
	text-align: center;
	list-style: none;
}

.pager li {
	display: inline;
}

.pager li > a,
.pager li > span {
	display: inline-block;
	padding: 5px 14px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
	text-decoration: none;
	background-color: #eee;
}

.pager .next > a,
.pager .next > span {
	float: right;
}

.pager .previous > a,
.pager .previous > span {
	float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
}

.pager li {
	width: 48%;
}

.pager li.next {
	float: right;
}

.pager li.previous {
	float: left;
}

.pager li > a {
	width: 100%;
}

.pager li > a > span {
	color: #808080;
	font-weight: normal;
	letter-spacing: 0.5px;
}

.pager {
	margin: 20px 0 0 !important;
	padding: 0px !important;
}

.pager li > a,
.pager li > span {
  /* Hux learn from
     *     TypeIsBeautiful,
     *     [This Post](http://zhuanlan.zhihu.com/ibuick/20186806) etc.
     */
	font-family: -apple-system, "Helvetica Neue", "Arial", "PingFang SC", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "Microsoft JhengHei", "Source Han Sans SC", "Noto Sans CJK SC", "Source Han Sans CN", "Noto Sans SC", "Source Han Sans TC", "Noto Sans CJK TC", "WenQuanYi Micro Hei", SimSun, sans-serif;
	line-height: 1.7;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 1px;
	padding: 10px;
	background-color: white;
	border-radius: 0;
}

@media only screen and (min-width: 768px) {
	.pager li > a,
  .pager li > span {
		font-size: 14px;
		padding: 15px 25px;
	}
}

.pager li > a {
	color: #404040;
}

.pager li > a:hover,
.pager li > a:focus {
	color: white;
	background-color: #0085a1;
	border: 1px solid #0085a1;
}

.pager li > a:hover > span,
.pager li > a:focus > span {
	color: white;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
	color: #808080;
	background-color: #404040;
	cursor: not-allowed;
}