/*
Theme Name: LIHJ.net
Author: LI H.J.
Version: Dec 2025 v4.1
*/

/* Content Protection on Mobile Devices
--------------------------------------------- */
body {
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-touch-callout: none;
}

/* Reset
--------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	border: 0;
	outline: 0;
	background: transparent;
	}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}

/* General Structure and Styles
--------------------------------------------- */
body {
	color: #4C4C4C;
	text-shadow: 0 0 1px #eee;
	background-color: #fff;
	font-family: 'MyFont-Play', Eurostile, 'Droid Serif', Tahoma, 'Andale Mono', Arial, 'PingFang SC Light', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Microsoft YaHei', Sans-serif;
	}
#wrap {
	max-width: 960px;
	margin: 30px auto 0 auto;
	padding: 0 30px 0 30px;
	z-index: 0;
	}
#sidebar {
	width: 180px;
	margin: 0 0 60px 60px;
	float: left;
	position: fixed;
	text-align: right;
	}
#main {
	width: 75%;
	margin-top: 0;
	float: right;
	}
#content {
	width: 62.5%;
	margin: 0 0 20px 0;
	padding: 0 0 0 60px;
	float: left;
	font-size: 14px;
	}
#footer {
	width: 70%;
	float: right;
	padding: 0 0 30px 0;
	clear: both;
	font-size: 12px;
	color: #b6b6b6;
	overflow: hidden;
	}
sup {
	font-size: 80%;
	vertical-align: super;
	line-height: 0;
	}
hr {
	margin-bottom: 10px;
	}

/* Alignment
--------------------------------------------- */
.alignleft {
	display: inline;
	float: left;
	margin-right: 10px;
	}
.alignright {
	display: inline;
	float: right;
	margin-left: 10px;
	}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
img.alignleft, img.alignright, img.aligncenter {
	margin-bottom: 1px;
	}

/* Headings
--------------------------------------------- */
#content .post h1 {
	padding: 0 0 20px 0;
	font-size: 22px;
	line-height: 28px;
	}
#content h2 {
	padding: 0 0 20px 0;
	font-size: 18px;
	line-height: 26px;
	letter-spacing: 0.03em;
	font-weight: 700;
	}
#content h3 {
	padding: 10px 0 12px 0;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.03em;
	}
#content h4 {
	padding: 20px 0 10px 0;
	font-size: 15px;
	line-height: 21px;
	letter-spacing: 0.03em;
	}
#content h5 {
	padding: 16px 0 8px 0;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.03em;
	}
#content h6 {
	padding: 10px 0 5px 0;
	font-size: 13px;
	line-height: 19px;
	letter-spacing: 0.03em;
	}

/* Links
--------------------------------------------- */
#content h2 a {
	color: #4C4C4C;
	}
a, #content h2 a:hover{
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}
/* --- Link Colors --- */
a, ul.sidebar a {
	color: #88C34B;
	}
ul.sidebar a, p.meta a, p.logged-in-as a, a.post-edit-link, #footer a {
	color: #999;
	}
#content h2 a:hover, ul.sidebar a:hover, p.meta a:hover, a.post-edit-link:hover, #footer a:hover {
	color: #88C34B;
	}

/* Lists
--------------------------------------------- */
#content ul, #content .post ul {
	padding: 20px 0 0 25px;
	}
#content ul li, #content .post ul li {
	padding: 0 0 20px 0;
	line-height: 21px;
	list-style: square !important;
	}
#content ol, #content .post ol {
	padding: 20px 0 0 30px;
	}
#content ol li, #content .post ol li {
	padding: 0 0 20px 0;
	line-height: 21px;
	list-style: decimal;
	}
#content ol ol li, #content .post ol li ol li {
	list-style: upper-alpha !important;
	}
#content ol ol ol li, #content .post ol li ol ol li{
	list-style: lower-roman !important;
	}

/* Sidebar
--------------------------------------------- */
ul.sidebar {
	font-size: 12px;
	}
ul.sidebar li.widget-container, ul.sidebar li.pagenav, ul.sidebar li.categories {
	margin: 0 0 30px 0;
	padding: 0 0 10px 0;
	border-bottom: 0;
	overflow: hidden;
	line-height: 23px;
	}
ul.sidebar h3.widget-title {
	padding: 0 0 5px 0;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	}
/* --- Logo --- */
#sidebar .logo {
	margin: 0 0 30px 0;
	overflow: hidden;
	}
#sidebar .logo h1 {
	padding: 5px 0 0 0;
	font-size: 30px;
	line-height: 35px;
	}
#sidebar .logo h1 a:hover {
	text-decoration: none;
	}
#sidebar .logo p {
	font-style: italic;
	font-size: 13px;
	}
#sidebar .logo img {
	max-width: 100%;
	margin: 0;
	padding: 0;
	}
/* --- Widgets --- */
ul.sidebar h3 {
	letter-spacing: 0.1em;
	}
ul.sidebar li {
	line-height: 1.9em;
	letter-spacing: 0.04em;
	}
ul.sidebar li.cat-item {
	line-height: 23px;
	}
ul.sidebar li.copr {
	letter-spacing: 0;
	color: #c9c9c9;
	font-family: 'MyFont-KellySlab', 'Droid Serif', Tahoma, Arial, serif;
	}
#sidebar li#custom_html-6 h3 {
	display: none;
	}

/* Posts
--------------------------------------------- */
#content .post {
	padding: 0 0 1px 0;
	margin: 0 0 30px 0;
	border-bottom: 1px dotted #DEDEDE;
	}
#content .post p {
	padding: 0 0 15px 0;
	font-size: 14px;
	line-height: 1.6em;
	text-align: justify;
	text-justify: auto;
	overflow-wrap: break-word;
	letter-spacing: 0.035em;
	color: #3c3c3c;
	font-family: 'LXGW WenKai', Palatino, 'Palatino Linotype', 'Droid Serif', Georgia, 'Times New Roman', 'Source Han Sans CN', 'PingFang SC Light', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Microsoft YaHei', NSimsun, serif;
	}
#content a.more-link {
	font-family: 'MyFont-MateSC', Palatino, 'Palatino Linotype', 'Droid Serif', Georgia, Sans-serif;
	letter-spacing: 0.04em;
	}
#content .post p.meta {
	margin: 0;
	padding: 0 3px 5px 0;
	font-size: 12px;
	line-height: 1.4em;
	clear: both;
	text-align: right;
	letter-spacing: 0;
	}
#content .post p.meta span {
	padding: 0;
	font-style: italic;
	color: #999;
	letter-spacing: 0;
	}
a.post-edit-link {
	font-size: 12px;
	font-style: normal;
	}
#content p.next {
	float: left;
	font-size: 14px;
	margin-bottom: 15px;
	padding-top: 10px;
	padding-right: 10px;
	}
#content p.previous {
	float: right;
	font-size: 14px;
	padding-top: 10px;
	}
#content .postnav {
	margin-top: -10px;
	padding-bottom: 38px !important;
	line-height: 0;
	}
/* Posts Style Format
--------------------------------------------- */
#content .post p small {
	font-size: 13px;
	}
#content blockquote {
	margin: 0 0 20px 0;
	padding: 16px;
	background-color: #f7f7f7;
	border-left: 6px solid #b4b4b4;
	overflow-wrap: break-word;
	font-style: normal;
	line-height: 1.5em;
	}
#content blockquote p {
	padding: 0 !important;
	}
#content blockquote p cite {
	padding: 5px 0 0 0;
	font-size: 12px;
	font-weight: bold;
	}
#content address {
	padding: 0 0 20px 0;
	line-height: 20px;
	}
#content pre {
	padding: 0 0 20px 0;
	}
#content table {
	margin: 10px 0 30px 0;
	}
#content table tr {
	border-bottom: 1px solid #DEDEDE;
	}
#content table tr th {
	padding: 10px 20px 10px 20px;
	border-top: 1px solid #DEDEDE;
	border-left: 1px solid #DEDEDE;
	border-right: 1px solid #DEDEDE;
	}
#content table tr td {
	padding: 10px 20px 10px 20px;
	border-left: 1px solid #DEDEDE;
	border-right: 1px solid #DEDEDE;
	}
#content img {
	max-width: 100%;
	height: auto;
	}
#content img.wp-post-image {
	margin: 5px 15px 5px 0 !important;
	padding: 0;
	float: left;
	}
#content img.wp-smiley {
	display: inline;
	}
#content img.alignleft {
	margin: 5px 10px 10px 0;
	}
#content img.alignright {
	margin: 5px 0 5px 10px;
	}
#content img.alignnone {
	margin: 5px 0 5px 0;
	}
#content .wp-caption {
	max-width: 100%;
	display: block;
	}
#content p.wp-caption-text, .gallery-caption {
	font-size: 13px;
	line-height: 18px;
	padding: 4px 0 16px 0;
	text-align: center;
	font-family: 'LXGW WenKai', Palatino, 'Palatino Linotype', 'Droid Serif', Georgia, 'Times New Roman', 'Source Han Sans CN', 'PingFang SC Light', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Microsoft YaHei', NSimsun, serif;
	}
#content object, #content embed, #content iframe {	
	display: block;
	max-width: 100%;
	margin: 3px 0 10px 0;
	}
#content p.notfound {
	margin-left: 12px;
	}
#content .sticky h3.sticky-label  {
	font-size: 10.5px;
	font-weight: normal;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 2px;
	}

/* Footer
--------------------------------------------- */
#footer p {
	line-height: 19px;
	}

/* Archives 
--------------------------------------------- */
h1.archive {
	margin: 0 0 25px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #DEDEDE;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	letter-spacing: 0.1em;
	}
h1.archive strong {
	font-style: normal;
	text-transform: uppercase;
	}

/* Responsiveness
--------------------------------------------- */
@media screen and (max-width: 870px) {
	#wrap {
		max-width: 870px;
		margin: 25px auto 0 auto;
		padding: 0 15px 0 15px;
		overflow: hidden;
		}
	#sidebar {
		width: 150px;
		margin: 0 0 20px 5px;
		position: absolute;
		}
	#sidebar li#custom_html-6 h3 {
		display: none;
		}
	#main {
		width: 80%;
		float: right;
		overflow: hidden;
		}
	#content {
		width: 80%;
		margin: 0 0 30px 0;
		padding: 0 0 0 60px;
		}
	}
@media screen and (max-width: 560px) {
	#wrap {
		min-width: 300px;
		max-width: 560px;
		margin: 0 auto 0 auto;
		padding: 0 10px 0 10px;
		overflow: hidden;
		}
	#sidebar {
		position: static;
		margin: 0;
		width: 100%;
		}
	#sidebar .logo {
		position: fixed;
		width: 100%;
		background: #fff;
		padding: 10px 0 2px 0;
		text-align: center;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		border-bottom: #dedede 1px solid;
		}
	#sidebar ul.sidebar {
		margin-top: 55px;
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
		display: inline-block;
		vertical-align: top;
		border-bottom: #dedede 1px solid;
		}
	#sidebar ul.sidebar li.widget-container {
		width: 33.33%;
		display: inherit;
		vertical-align: inherit;
		line-height: 1em;
		margin: 0 0 -11px 0;
		padding: 0;
		}
	#sidebar li#custom_html-6 h3 {
		display: inherit;
		}
	#sidebar li.copr {
		position: fixed;
		bottom: 0;
		width: 100%;
		background: #fff;
		padding: 10px 0 10px 0;
		text-align: center;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		border-top: #dedede 1px solid;
		}
	#sidebar li {
		line-height: 1.5em;
		}
	#main {
		width: auto;
		padding: 0;
		float: none;
		clear: both;
		}
	#content {
		width: auto;
		margin: 0 0 50px 0;
		padding: 0;
		float: none;
		clear: both;
		}
	#content h2 {
		padding: 0 0 20px 0;
		font-size: 17px;
		line-height: 24px;
		}
	#content img.wp-post-image {
		width: 100px;
		margin: 3px 10px 5px 0 !important;
		}
	#content .wp-pagenavi a.smaller, #content .wp-pagenavi a.larger, #content .wp-pagenavi a.first, #content .wp-pagenavi a.last {
		display: none;
		}
	#content .wp-pagenavi a, #content .wp-pagenavi span {
		padding: 0 6px;
		}
	#footer {
		width: 100%;
		float: none;
		}
	}

/* FLOATS CLEARING
--------------------------------------------- */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	}
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
	}

/* qTip
--------------------------------------------- */
#qTip {
	border: #abab98 1px solid;
	display: none;
	font-size: 12px;
	z-index: 1000;
	background: #fefeda;
	color: #5f5f52;
	line-height: 16px;
	font-family: 'LXGW WenKai', 'Tahoma';
	position: absolute;
	text-align: left;
	padding: 2px;
	margin-top: 0;
	}

/* Plugin Styles
--------------------------------------------- */
/* --- WP-PageNavi --- */
.wp-pagenavi {
	clear: both;
	text-align: center;
	padding-bottom: 10px;
	}
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	margin: 2px 3px;
	padding: 0 3px 0 3PX;
	}
.wp-pagenavi a:hover {
	color: #4a8210;
	}
.wp-pagenavi a.last {
	padding: 0;
	}
.wp-pagenavi span.current {
	font-weight: bold;
	}

/* --- Media Gallery --- */
.gallery {
	padding-bottom: 15px;
	margin-left: -2px !important;
	margin-right: -2px !important;
}
.gallery-item {
	margin-top: 0 !important;
}
.gallery-item img {
	box-sizing: border-box;
    border-left: 2px solid #fff !important;
    border-right: 2px solid #fff !important;
    border-top: 1px solid #fff !important;
    border-bottom: none !important;
}
.gallery-columns-3 .gallery-item {
	width: 33.33% !important;
}
.wp-video {
	padding-bottom: 15px;
	margin: auto;
}
div.wp-caption.aligncenter	{
	text-align: center;
}