/* 响应式 */
@media (max-width: 1199px) {
    #sideBar {
        display: none!important;
    }
    #mainContent {
        margin-left: 0!important;
    }
}

/* 动画 */
#Header1_HeaderTitle::before{
        margin-right: 15px;
        display: inline-block;
        content: '';
        height: 20px;
        width: 20px;
        background: #864a76;
        animation: rotate 3800ms linear 500ms infinite alternate;
    }
#Header1_HeaderTitle::after {
        margin-left: 10px;
	content: '<(￣︶￣)>♥(｡￫v￩｡)♥.';
        font-size: 16px;
}

    @keyframes rotate {
        from {
            transform: rotate(0);
        }
        to {
            transform: rotate(360deg);
        }
    }
body {
    color: #314659;
    /* font: 11px/16px Tahoma,Geneva,Arial,Helvetica,sans-serif; */
    text-align: center;
    font-family: Lato, "PingFang SC", "Microsoft YaHei", sans-serif !important;
    font-size: 15px;
    color: #314659;
    background: #fff;
}
#mainContent {
  color: #34495e;
}
#blog_nav_rss {
   display: none!important;
}

#sideBar {
 font-weight: 300;
}

a {
    text-decoration: none !important;
    transition: all 0.3s ease;
}

a:hover {
    /* color: #2D8CF0 !important; */
    color: #f00 !important;
}

#home {
    width: 100%;
    text-align: left;
}

/*1. 头部*/
#header {
    position: fixed;
    top: 0;
    width: 100%;
    min-width: 1040px;
    margin-top: 0px;
    /* background: rgba(245,242,240, .6); */
    background: #f0f0f063;
    box-shadow: 0 3px 6px 0 rgba(40, 51, 67, 0.06);
}

#blogTitle {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    top: 30px;
    height: 60px;
}

#blogTitle h1 {
    position: absolute;
    margin-left: 55px;
}

#blogTitle h1 a {
    color: #4d4d4d;
    text-shadow: none;
    /* font-style: oblique; */
    font-size: 40px;
    font-family: monospace;
}

#blogTitle h2 {
    width: auto;
    float: right;
    margin: 0;
    margin-top: 30px;
    margin-right: 52px;
    font-size: 16px;
    font-family: sans-serif;
    font-style: normal;
    font-weight: lighter;
    text-shadow: none;
    color: #4d4d4d;
}

/*可与blogTitle交换位置*/
#navigator {
    position: relative;
    top: -60px;
    height: 30px;
    margin: 0;
    /* background: rgba(245,242,240, 1); */
    background: #f0f0f0;
}

/* 博客园导航 */
.blogStats {
    position: absolute;
    top: 7px;
    right: 30px;
    margin: 0;
    text-align: center;
    visibility: visible;
}

#navList li {
    float: left;
    height: 30px;
    text-align: center;
}

#navList a {
    width: 80px;
    font-weight: bold;
    text-decoration: none;
    padding: 0;
    margin: 0;
    height: 100%;
    text-align: center;
    line-height: 30px;
    transition: all .3s ease-in-out;
}

#navList a:hover {
    color: #4d4d4d!important;
    /* border-bottom: 1px solid #2D8CF0; */
    border-bottom: 1px solid #f00;
}

#navList a:link,
#navList a:visited,
#navList a:active {
    color: #4d4d4d;
    text-shadow: none;
    font-weight: lighter;
}

#blog_stats {
    color: #4d4d4d;
}

/* 2.主体部分*/
/* main */
#main {
    margin-top: 140px !important;
    width: 1200px;
    margin: 0 auto;
    text-align: left;
    background: #fff;
    padding: 0;
}

#main a {
    text-decoration: none !important;
    transition: all 0.3s ease;
}

#main a:hover {
    /* color: #2D8CF0 !important; */
    color: #f00 !important;
}

#mainContent {
    width: 900px;
    float: left !important;
    padding-left: 15px;
    padding-right: 20px;
    padding-bottom: 10px;
    font-size: 16px;
    margin-left: 275px;
}

#mainContent .forFlow a {
    text-decoration: none !important;
    transition: all 0.3s ease;
}

#mainContent .forFlow a:hover {
    /* color: #2D8CF0 !important; */
    color: #f00 !important;
}

#sideBar {
    /* border-right: 1px solid #eef2f8; */
    margin: 0 25px;
    position: fixed;
    width: 240px;
    max-height: 600px;
    overflow: scroll; /* 超出屏幕的内容也需要看 */
}

#mainContent a:link,
#mainContent a:visited,
#mainContent a:active {
    color: #4d4d4d !important;
    text-decoration: none;
}

.day:first-child {
    margin-top: 5px;
}

.postTitle {
    font-size: 20px !important;
    padding: 0 100px 5px 0;
    border-bottom: none !important;
    border-left: 0px !important;
    color: #4d4d4d;
}

.entrylist {
    margin-left: 20px;
    margin-right: 2em;
}

.entrylistPostSummary {
    padding-left: 0;
    margin-left: 0; 
    margin-top: 10px;
    margin-bottom: 15px;
    padding: 15px 0;
    width: 100%;
    background: #f0f0f063;
    border-radius: 6px;
}

/* 分类 */
.entrylistTitle {
    padding-top: 5px;
    padding-left: 0;
    padding-bottom: 3px;
    padding-right: 10px;
    width: 100%;
    color: #314659;
    text-align: left;
    border-bottom: 0!important;
    font-size: 23px;
    font-weight: 300;
}

.entrylistPosttitle {
    font-size: 20px !important;
    padding: 0 100px 5px 0;
    border-bottom: none !important;
    border-left: 0px !important;
    color: #4d4d4d;
}

.entrylistPosttitle a {
    margin-left: 0;
}

/* 博客detail */
/* .postBody { */
    /* background: #f0f0f063; */
/* } */

#cnblogs_post_body code{
    /* background: #f0f0f063!important; */
    /* margin: 0 20px!important; */
}

.dayTitle {
    display: none;
}

.postCon {
    margin-top: 10px;
    margin-bottom: 15px;
    padding: 15px 0;
    width: 100%;
    background: #f0f0f063;
    border-radius: 6px;
}

.postDesc {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    font-size: 13px;
}

.entrylistItemPostDesc {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    font-size: 13px;
}

.c_b_p_desc {
    line-height: 27px;
}

/* 阅读更多 */
#mainContent .forFlow .c_b_p_desc a:link,
#mainContent .forFlow .c_b_p_desc a:visited,
#mainContent .forFlow .c_b_p_desc a:active {
    border: 1px solid;
    border-radius: 3px;
    padding: 2px 9px;
    font-size: 13px;
    margin-top: 10px;
    display: table;
    border-color: #314659;
    background: none;
    line-height: 20px;
}

#mainContent .forFlow .c_b_p_desc a:hover {
    /* border-color: #2D8CF0; */
    border-color: #f00;
}

/* sideBar */
#sideBar li {
    padding: 0 10px;
    margin: 7.5px 0;
}

#sideBarMain {
    font-size: 15px;
    margin-top: 0;
}

.catListEssay h3,
.catListLink h3,
.catListNoteBook h3,
.catListTag h3,
.catListPostCategory h3,
.catListPostArchive h3,
.catListArticleArchive h3,
.catListImageCategory h3,
.mySearch h3,
.catListComment h3,
.catListView h3,
.catListFeedback h3,
#blog-sidecolumn .catListTitle {
    font-size: 20px;
    font-weight: 300;
    text-align: left;
    padding: 5px 25px;
    background: none !important;
    border-bottom: none;
    border: none;
}

#blog-sidecolumn .catList ul,
#blog-sidecolumn .catListBlogRank ul,
#blog-sidecolumn .catListArticleCategory ul {
    margin-left: 10px;
}

/* 公告 */
.newsItem {
    margin-bottom: 0;
}

.newsItem .catListTitle {
    display: none;
}

#blog-news {
    margin-left: 25px;
}

#sidebar_categories li {
    height: 40px;
    line-height: 40px;
    margin: 0;
    transition: all 0.1s ease-in-out;
}

#sidebar_categories li:hover {
    margin-left: 10px;
    background-color: #f7f7f7;
    border-radius: 5px;
    margin: 0 5px;
    font-size: 17px;
}

/* 日历 */
#blog-calendar {
    display: none !important;
}

/* 搜索框 */
#sidebar_search {
    display: none !important;
}

.catListEssay {
    display: none !important;
}

#sidebar_postarchive {
    display: none !important;
}

#sidebar_scorerank {
    display: none !important;
}

#sidebar_shortcut {
    display: none !important;
}

/* 3.上下分页器 */
.topicListFooter {
    padding-right: 20px;
    font-size: 12px;
    color: #4d4d4d;
    margin-top: 10px;
    margin-bottom: 10px;
}

.topicListFooter a {
    padding: 3px 7px;
    border: 1px solid #dcdee2;
    border-radius: 4px;
    font-family: Monospaced Number;
    margin: 0 3px;
    text-decoration: none;
    color: #515a6e;
    transition: border .2s ease-in-out, color .2s ease-in-out;
}

.topicListFooter a:hover {
    border: 1px solid #f00;
}

#footer {
    display: none;
    font-family: Lato, "PingFang SC", "Microsoft YaHei", sans-serif !important;
    font-size: 12px;
    font-weight: 300px;
    color: rgb(49, 70, 89);
    border-top: 1px solid #eef2f8 !important;
}

/* #footer::after {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAB+UlEQ…7hmhiQK1lr7wDoOufuFiqvBmwKMKloYR9sRWjLVbRd2F/t8awZAq/aHAAAAABJRU5ErkJggg==);
} */

/* scroll 显示效果 */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 3px;
    border-right: 2px solid #f5f5f5;
}