@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Fascinate+Inline);
@import url(https://fonts.googleapis.com/css?family=Six+Caps);
@import url(https://fonts.googleapis.com/css?family=Lobster);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
@font-face {
	font-family:"fab";
	src: url(//use.fontawesome.com/releases/v5.3.1/webfonts/fa-brands-400.ttf);
}
@font-face {
	font-family:"far";
	src: url(//use.fontawesome.com/releases/v5.3.1/webfonts/fa-regular-400.ttf);
}
@font-face {
	font-family:"fas";
	src: url(//use.fontawesome.com/releases/v5.3.1/webfonts/fa-solid-900.ttf);
}
body {
	background: #f0f2e6;
	color: #32332e;
	font-family: Source Sans Pro;
	font-size: 17px;
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
}

/*
 * addition
 */

/* header */
#bov-header-nav {
	padding-left: 40px;
	position: absolute;
	top: 320px;
	right: 0;
	left: 0;
	text-align: center;
	text-shadow: 1px 1px 0 #fff;
	z-index: 9;
}
#bov-header-nav a {
	color: #caccc2;
	padding: 0 30px;
	position: relative;
}
#bov-header-nav a:first-child {
	margin-right: 40px;
}
#bov-header-nav a:before {
	font-size: 40px;
	position: absolute;
	top: -50px;
	left: 33px;
}
#bov-miclog:before {
	content: "\f086";
	font-family: far;
}
#bov-about:before {
	content: "\f2bd";
	font-family: far;
}
#bov-header-nav a:hover {
	color: #57594c;
}

/* sidebar */
#bov-sidebar-notice {
	color: #96998a;
	font-size: 15px;
	position: absolute;
bottom: 0;
left: 0;
	text-align: center;
}
#bov-sidebar-notice div {
display: inline-block;
	margin: 0 auto 20px;
	padding-bottom: 50px;
	position: relative;
	width: 240px;
}
#bov-sidebar-notice nav {
	position: absolute;
	bottom: 0;
	left: 0;
}
#bov-info a img {
	position: absolute;
	top: -30px;
	left: 12px;
	width: 30px;
}
#bov-info nav:before {
	background: #96998a;
	content: "\00a0";
	height: 20px;
	position: absolute;
	top: -22px;
	left: 60px;
	width: 1px;
}
#bov-info a {
	width: 55px;
}
#bov-logo {
	margin-right: 15px;
}
#bov-acknowledgement a {
	width: 80px;
}
#bov-sidebar-notice a:before {
	position: absolute;
}
#bov-info a:before {
	font-size: 30px;
	top: -30px;
	left: 12px;
}
#bov-email:before {
	content: "\f0e0";
	font-family: far;
}
#mozilla:before {
	border: 2px solid;
	border-radius: 2px;
	content: "moz://a";
	font-family: Roboto Slab;
	font-size: 13px;
	font-weight: bolder;
	left: 8px;
	padding: 1px 5px 2px;
	top: -27px;
}
#fontawesome:before {
	content: "\f35c";
	font-family: fab;
	font-size: 30px;
	top: -30px;
	left: 25px;
}
#fontcdn:before {
	border: 2px solid;
	border-radius: 3px;
	content: "F";
	font-family: Lobster;
	font-size: 20px;
	left: 25px;
	line-height: 20px;
	padding: 2px 2px 1px 1px;
	text-align: center;
	top: -28px;
	width: 20px;
}

#bov-sidebar-notice a {
	color: #96998a;
	display: inline-block;
	font-size: 13px;
	position: relative;
	text-decoration: underline;
}
#bov-sidebar-notice a:hover {
}

/*
 * Header
 */
#blogTitle {
	color: #57594c;
	padding: 100px 0 100px 40px;
	text-align: center;
}
.title {
	font-family: Fascinate Inline;
	font-size: 60px;
	line-height: 60px;
}
.title a {
	color: #57594c;
}
.subtitle {
	font-family: Six Caps;
	font-size: 30px;
	line-height: 30px;
}

/*
*navigator
*/
#navigator {
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 9;
}
.blogStats {
	background: #f0f2e6;
	border: 1px solid;
	box-shadow: -1px 1px 0 #fff,
	inset -1px 1px 0 #fff;
	color: #caccc2;
	font-size: 13px;
	padding: 5px 0;
	position: absolute;
	top: -123px;
	right: -73px;
	text-align: center;
	text-shadow: -1px 1px 0 #fff;
	transform: rotate(-90deg);
	width: 200px;
}
#navList {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navList li {
	height: 35px;
	margin: 2px 0 0;
	position: relative;
	width: 55px;
}
.menu {
	background: #262622;
	border-left: 5px solid;
	border-radius: 2px 0 0 2px;
	color: #f0f2e6;
	display: block;
	font-size: 15px;
	height: 15px;
	line-height: 15px;
	padding: 10px 15px 10px 50px;
	position: absolute;
	top: 0;
	right: -60px;
	width: 45px;
}
#blog_nav_sitehome {
	border-color: #7562d9;
}
#blog_nav_myhome {
	color: #218da0;
}
#blog_nav_newpost {
	border-color: #50b361;
}
#blog_nav_contact {
	border-color: #9eb336;
}
#blog_nav_rss {
	border-color: #bf5039;
}
#blog_nav_admin {
	border-color: #bf39a9;
}
#blog_nav_myhome:before {
	content: url("//pic.cnblogs.com/avatar/1491008/20180915202259.png");
	position: absolute;
	top: -73px;
	left: -65px;
	transform: scale(0.13);
}
#blog_nav_sitehome:before,
#blog_nav_newpost:before,
#blog_nav_contact:before,
#blog_nav_rss:before,
#blog_nav_admin:before {
	font-family:"fas";
	font-size: 20px;
	height: 20px;
	position: absolute;
	top: 10px;
	left: 15px;
}
#blog_nav_sitehome:before {
	content: "\f1ea";
}
#blog_nav_newpost:before {
	content: "\f304";
}
#blog_nav_contact:before {
	content: "\f1d8";
}
#blog_nav_rss:before {
	content: "\f09e";
}
#blog_nav_admin:before {
	content: "\f085";
}
.menu:hover {
	right: 0;
}
#blog_nav_sitehome:hover {
	color: #7c67e5;
}
#blog_nav_newpost:hover {
	color:#50b361;
}
#blog_nav_contact:hover {
	color: #9eb336;
}
#blog_nav_rss:hover {
	color: #bf5039;
}
#blog_nav_admin:hover {
	color: #bf39a9;
}

/*
 * Footer
 */
#footer {
color: #57594c;
font-family: Six Caps;
font-size: 20px;
	margin-top: 100px;
padding: 0 55px 10px 40px;
text-align: center;
}


/*
 * SideBar
 */
#sideBar {
	background: #262622;
	color: #f0f2e6;
	font-size: 13px;
	overflow-Y: scroll;
	padding: 20px 40px 20px 20px;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	width: 250px;
	z-index: 9;
}
#sideBar:hover {
	left: 0;
}
#sideBar a {
	color: #2190a6;
}

#sideBarMain {
padding-bottom: 150px;
position: relative;
}
#blog-news {
	margin-bottom: 70px;
}
#profile_block {
	background: repeating-linear-gradient(#f0f2e6, #f0f2e6 19px, #d5d9c3 19px, #d5d9c3 20px);
	color: #2c3308;
	line-height: 20px;
	margin: 0 30px;
	overflow: scroll;
	padding: 20px;
	position: relative;
	width: 100px;
}
#p_b_follow a {
	background: #2190a6;
	color: #f0f2e6;
	display: block;
	font-weight: bolder;
	margin: 5px 0;
	padding: 5px 5px 5px 30px;
	text-align: center;
	position: relative;
}
#p_b_follow a:before {
	content: "\f500";
	font-family: fas;
	position: absolute;
	top: 5px;
	left: 10px;
}
#p_b_follow a:hover {
    background: #bf5039;
}

#sidebar_search_box input {
	height: 20px;
	padding: 0;
	outline: none;
}
#sidebar_search_box input[type="text"] {
	margin: 0 5px 0 0;
	width: 120px;
}
#sidebar_search_box input[type="button"] {
	margin: 0 0 0 5px;
	text-align: center;
	width: 60px;
}

#calendar td {
	padding: 5px 0;
	text-align: center;
	width: 20px;
}
#calendar td[colspan="7"] {
	padding: 0;
}
#blogCalendar {
	background: #f0f2e6;
	color: #2c3308;
}
.CalTitle {
	background: #000;
	color: #2190a6;
	font-size: 17px;
}
.CalTitle td {
	padding: 0 0 15px;
}
.CalDayHeader {
	color: #bf5039;
	font-weight: bolder;
	padding: 15px 0;
}
.CalOtherMonthDay {
	color: #babfa3;
}
#blogCalendar > tbody > tr > td > a {
	position: relative;
}
#blogCalendar > tbody > tr > td > a:before {
	border-color: transparent transparent #2190a6;
	border-style: solid;
	border-width: 0 5px 5px;
	content: "\00a0";
	height: 0;
	position: absolute;
	bottom: -4px;
	left: 1px;
	width: 0;
}

#calendar,
.catListPostArchive,
.catListPostCategory,
.catListArticleCategory,
.catListArticleArchive,
.sidebar-block {
	margin-bottom: 100px;
	position: relative;
}
.sidebar-block:after,
.catListPostArchive:after,
.catListPostCategory:after,
.catListArticleCategory:after,
.catListArticleArchive:after {
	border-color: #f0f2e6 transparent;
	border-style: solid;
	border-width: 1px 100px 0;
	content: "\00a0";
	height: 0;
	position: absolute;
	top: -35px;
	left: 0;
}
.catListTitle {
	position: relative;
	text-align: center;
}
.catListTitle:before, #calendar:before {
	font-size: 16px;
	position: absolute;
	top: 2px;
	right: -25px;
}
.newsItem .catListTitle:before {
	content: "\f0a1";
	font-family:"fas";
}
#calendar:before {
	content: "\f073";
	font-family:"far";
}
#sidebar_search .catListTitle:before {
	content: "\f002";
	font-family:"fas";
}
.catListLink .catListTitle:before {
	content: "\f0c1";
	font-family:"fas";
}
.catListEssay .catListTitle:before {
	content: "\f15c";
	font-family:"far";
}
.catListTag .catListTitle:before {
	content: "\f02c";
	font-family:"fas";
}
.catListArticleCategory .catListTitle:before,
.catListPostCategory .catListTitle:before {
	content: "\f1c6";
	font-family:"far";
}
.catListArticleArchive .catListTitle:before,
.catListPostArchive .catListTitle:before {
	content: "\f187";
	font-family:"fas";
}
.catListBlogRank .catListTitle:before {
	content: "\f5c0";
	font-family:"fas";
}
.catListView .catListTitle:before {
	content: "\f530";
	font-family:"fas";
}
.catListFeedback  .catListTitle:before {
	content: "\f530";
	font-family:"fas";
}
.catListFeedback  .catListTitle:before {
	content: "\f573";
	font-family:"fas";
}
.catListView  .catListTitle:before {
	content: "\f005";
	font-family:"fas";
}
.catListComment  .catListTitle:before {
	content: "\f4ad";
	font-family:"fas";
}




/*
 * main body
 */

#mainContent {
	color: #57594c;
	margin: 0 auto;
padding: 0 55px 0 40px;
max-width: 800px;
}

#ad_t2,
#ad_text_under_commentbox,
#opt_under_post,
#under_post_news,
#under_post_kb,
.c_ad_block,
.articles #blog_post_info_block,
.articles #MySignature,
.articles .postDesc,
.articles .feedback_area_title {
	display: none;
}


/*
 * home page
 */
.day {
	padding: 100px 0 0 30px;
	position: relative;
}
.day:first-child {
margin-top: 100px;
}
.day:before {
background: #caccc2;
box-shadow: 1px 1px 0 #fff;
content: "\00a0";
position: absolute;
top: 80px;
bottom: -10px;
left: 10px;
width: 2px;
}

.dayTitle {
font-size: 15px;
position: absolute;
top: 60px;
left: 30px;
text-shadow: -1px 1px 0 #fff;
}
.dayTitle a {
color: #caccc2;
	position: relative;
}
.dayTitle a:hover {
color: #57594c;
}
.dayTitle a:before {
	content: "\f073";
	font-family: fas;
font-size: 20px;
	position: absolute;
	bottom: 2px;
	left: -25px;
}
#homepage1_HomePageDays_ctl00_ImageLink:before {
	content: "\f08d";
}
.day .postDesc {
color: #caccc2;
font-size: 13px;
margin-bottom: 50px;
	position: relative;
text-shadow: -1px 1px 0 #fff;
}
.day .postDesc:before {
border-right: 2px solid #caccc2;
border-bottom: 2px solid #caccc2;
box-shadow: 1px 1px 0 #fff;
content: "\00a0";
height: 10px;
position: absolute;
bottom: -10px;
left: -20px;
width: 40px;
}
.day .postDesc a {
	color: #caccc2;
	margin-left: 5px;
	position: relative;
}

.day .postTitle {
font-size: 25px;
font-weight: bolder;
position: relative;
}


.day .postTitle a {
color: #57594c;
}
.day .postCon {
margin: 20px 0;
}
.day a:hover {
}
.day .postCon a {
}
.c_b_p_desc_readmore {
	display: block;
font-size: 15px;
	margin: 5px 25px;
	position: relative;
width: 60px;
}
.c_b_p_desc_readmore:before {
	content: "[ \f4d5";
	font-family: fab;
	position: absolute;
	top: 0;
	left: -25px;
}
.c_b_p_desc_readmore:after {
	content: "...... ]";
	position: absolute;
	top: 0;
	right: -35px;
}

/*
 * post page
 */
#post_detail {
	margin: 100px 0 0;
}
.post {
	padding: 30px 0;
	position: relative;
}
.post .postTitle {
	font-size: 25px;
}
#cnblogs_post_body {
	padding: 20px 0;
	position: relative;
}
#cnblogs_post_body:before {
	content: "\00a0";
	height: 10px;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}
#cnblogs_post_body p {
	line-height: 30px;
	margin: 30px 0;
}
#cnblogs_post_body p img {
	box-shadow: 0 0 4px #000;
	display: block;
	margin: 0 auto;
}
#cnblogs_post_body p img+span {
	display: block;
	text-align: center;
}
#cnblogs_post_body a {
	color: #bf5039;
}
#cnblogs_post_body a:hover {
	color: #2190a6;
}
.post .postDesc {
	position: absolute;
	bottom: 300px;
	right: 0;
}

#BlogPostCategory,
#EntryTag {
	display: inline-block;
	font-size: 13px;
}
#BlogPostCategory {
	margin-left: 30px;
	position: relative;
}
#BlogPostCategory:before {
	content: "\f02c";
	font-family: "fas";
	font-size: 15px;
	position: absolute;
	top: 0;
	left: -25px;
}
#EntryTag {
	margin-left: 5px;
}

#blog_post_info {
	padding-bottom: 100px;
	width: 300px;
}
#green_channel {
	border: none;
	height: 40px;
	margin: 0 0 40px 0;
	padding: 0;
	position: relative;
	width: 300px;
}
#green_channel a {
	background: none;
	display: block;
	float: left;
}
#green_channel #green_channel_digg,
#green_channel #green_channel_follow,
#green_channel #green_channel_favorite {
	border-radius: 2px;
	box-shadow: none;
	line-height: 18px;
	margin: 0 2px 0 0;
	padding: 10px 15px;
}
#green_channel #green_channel_weibo,
#green_channel #green_channel_wechat {
	padding: 0;
	margin: 7px 0 0 12px;
}
#green_channel #green_channel_weibo img,
#green_channel #green_channel_wechat img {
	margin: 0;
}

#author_profile {
	width: 130px;
}
#div_digg {
	float: left;
	width: 100px;
	margin: 0 0 0 70px;
}
.diggnum,
.burynum {
	color: #f0f2e6;
}
.comment_digg,
.comment_bury,
.diggit,
.buryit {
	border-radius: 2px;
	color: #f0f2e6;
	margin: 0;
	padding: 0;
	position: relative;
}
.comment_digg,
.diggit {
	background: #2190a6;
}
.comment_bury,
.buryit {
	background: #bf5039;
}
.diggit:before,
.buryit:before {
	font-family: "fas";
	font-size: 24px;
	position: absolute;
	bottom: 3px;
	left: 13px;
}
.comment_digg:before,
.diggit:before {
	content: "\f164";
}
.comment_bury:before,
.buryit:before {
	content: "\f165";
}

#comment_form {
	position: relative;
}
#comment_nav {
	height: 240px;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 60px;
}
#comment_nav a {
	color: #bf5039;
	display: block;
	font-size: 13px;
	padding-top: 45px;
	position: absolute;
	top: 0;
	right: 0;
	text-align: left;
	width: 60px;
}
#comment_nav a+a {
	top: 80px;
}
#comment_nav a:last-child {
	top: 160px;
}
#comment_nav a:before {
	content: "\f2f9";
	font-family: fas;
	font-size: 40px;
	position: absolute;
	top: 0;
	left: 15px;
}
#comment_nav a:last-child:before {
	content: "\f102";
	left: 23px;
}
#comment_nav a:after {
	content: "\f4ad";
	font-family: fas;
	font-size: 13px;
	position: absolute;
	right: 11px;
	bottom: 29px;
}
#comment_nav a:last-child:after {
	content: "";
}
#comment_nav a+a:after {
	content: "\f1ea";
}
#comment_form_container {
	border: 1px solid;
	margin-right: 150px;
}
#tbCommentAuthor {
	background: none;
	border: none;
	margin: 0 0 0 20px;
	position: relative;
	width: 100px;
}
.commentbox_main {
	position: relative;
}
.commentbox_main:before {
	border-bottom: 1px solid;
	content: "\00a0";
	height: 0;
	position: absolute;
	right: 0;
	top: -20px;
	left: 50px;
}
#comment_form_container textarea {
	width: 100%;
}
#comment_form_container input {
	text-align: center;
}
#blog-comments-placeholder {
	margin: 30px 0;
}
.feedbackItem {
	margin-left: 70px;
	position: relative;
}
.comment_vote {
	font-size: 13px;
	position: absolute;
	top: 0;
	left: -70px;
	text-align: center;
	width: 50px;
}
.comment_vote a {
	display: block;
	height: 18px;
	margin: 5px 0;
	padding: 22px 0 0;
	position: relative;
}
.comment_vote a:before {
	font-family: "fas";
	font-size: 20px;
	position: absolute;
	top: 0;
	left: 7px;
}

/*
 * article page
 */
.articles #post_detail {
	margin: 0;
}
.articles .postTitle {
	font-size: 30px;
}
.articles #cnblogs_post_body {
	padding: 0;
}
.articles #cnblogs_post_body p {
	font-size: 15px;
	margin: 0;
}
.articles .feedbackItem {
	background: #fff;
	border: 1px solid;
	font-size: 15px;
	margin: 0 0 50px 70px;
}