body { font-family: "Open Sans", "Noto Serif SC"; }

/* Boxes */
#home {
	display: flex;
	flex-direction: column;
	height: 100vh;
}
#main {
	flex-grow: 1;
	overflow: auto;
}
#footer {
	display: none;
}
/* Header */
#blogTitle {
	/*padding: 24px 24px 16px 24px;*/
	border-bottom: 1px solid #ddd;

}

/*#navigator {
	padding-left: 24px;
	padding-right: 12px;
}
*/
#navList li { margin-left:inherit; }

/* Article */
.forFlow {
	margin-top: 12px;
}
.postTitle, #cnblogs_post_body h1, #cnblogs_post_body h2 {
	font-size: 22px;
	top: 0px;
	z-index: 1;
	color: #666;
	background-color: white;
	padding: 0.3em 0em 0.3em 0.5em;
	margin: 0em -0.5em;
}

/*#cnblogs_post_body > :not(h1, h2) {
	z-index: -2;
}*/


#cnblogs_post_body h1 {
	border-bottom: 1px solid #ddd;
	position: sticky;
	top: 0;
}
#cnblogs_post_body h2 {
	top: 47.2px;
	/*font-size: 16px;
	font-weight: normal;*/
}

.postBody {
	font-size: 16px;
}

/* Hide Ads */
mjx-container:not([display]) {
	display: inline;
	overflow-x: auto;
	overflow-y: hidden;
}
#navigator, #vip_tip, .navbar > nav .navbar-left > :not(:first-child), #cnblogs_ch, #under_post_card2, #commentform_title, #comment_form_container > p:nth-child(7), .postCon, .day .postDesc, div.under-post-card:nth-child(1) {
	display: none;
}

/* Footer */
/*.author_avatar {
	border: 1px solid #ddd;
	border-radius: 3px;
}*/

/* Fix Mobile SideBar */
#sideBar {
	position: relative;
	width: 600px;
	border-left: none;
	padding: 0;
	top: inherit;
	right: inherit;
	margin: 20px 50px 0 50px;
	max-width: 100%;
}
/*#sideBar {
	opacity: 0;
	background-color: white;
}
#sideBar:hover {
	opacity: 1;
}*/
#mainContent {
	margin-right: inherit;
}

/* Other Optimizations */
a { color: #666; }
i { font-family: palatino; padding: 0 3px 0 0; }
li { margin-left: -0.5em; margin-right: calc(20px - 0.5em);}
ul,ol { margin-top: 0em; }