body, ul, li {
    margin: 0;
    padding: 0;
    font-family: 'Microsoft YaHei UI'
}

#cnblogs_post_body h3:hover {
    transform: rotateX(360deg);
}

*::-moz-selection {
    background: #90EE90;
    color: white;
}

::selection {
    background: #90EE90;
    color: white;
}

#sidebar_categories .catListTitle {
    color: darkblue;
    text-shadow: 3px 2px 1px lightblue, -2px -1px 1px pink; /*rgb(112, 201, 195)*/
}

#sidebar_categories li {
    float: left;
    margin: 3px;
    padding: 3px 5px;
    background-color: #FDFDE2;
    box-shadow: 1px 1px 2px lightgray, -1px -1px 1px white;
    border-radius: 1em;
}

#sidebar_categories ul {
    overflow: hidden;
}

#sidebar_postcategory {
    border-radius: 1.5em;
    background: #fef0de;
}

.important {
    color: red !important;
}

#mysiteLink {
    margin-left: 2em;
    margin-top: 2em;
    line-height: 2.2em;
    text-shadow: /*1px 1px 1px black,*/ 1px 1px 1px black,0px 0px 1px gray;
}

    #mysiteLink > a {
        display: block;
    }

        #mysiteLink > a:hover {
            text-shadow: 1px 1px 1px #CC0000,1px 1px 1px #CC0000,0px 0px 1px gray;
        }

/*公告栏Doge*/
#doge {
    position: absolute;
    /**    font-size: 0.35em;*/
    line-height: 1em;
    color: lightgray;
    display: inline-block;
    min-width: 40em;
    transform: scale(0.35);
    top: -5em;
    right: -13em;
}

    #doge:hover {
        color: #CEAA60;
    }

    #doge::selection {
        background-color: burlywood;
        color: darkgreen;
    }

    #doge::-moz-selection {
        background-color: white;
        color: darkgreen;
    }

@media screen and (min-width: 768px) {
    body {
        background: url("https://7xj7do.com1.z0.glb.clouddn.com/%E8%8F%8A%E8%8A%B1.jpg") fixed center center;
        background: url("https://free-illustrations-ls01.gatag.net/images/lgi01a201312261600.jpg") fixed center center;
    }
}
/*头部*/
#header {
    margin-left: 2em;
}

#Header1_HeaderTitle {
    font-size: xx-large;
    font-weight: bold;
    color: darkorchid;
    font-family: 'Microsoft YaHei UI', Verdana, Geneva, sans-serif;
    text-shadow: 4px 3px 5px black;
    text-decoration: none;
}

#blogTitle h2 {
    text-indent: 1.5em;
    font-size: large;
    font-weight: unset;
    color: red;
    border-bottom: gray thin dashed;
    text-shadow: 1px 1px 1px black;
}

#navList {
    height: 3em;
    width: 45em;
}

    #navList li:hover {
        transform: perspective(500px) rotateY(30deg);
        transform-style: preserve-3d;
    }

    #navList > li {
        float: left;
        list-style: none;
        display: inline-block;
        padding: 0.5em 1em;
        margin: 0 0.5em;
        background-color: cornsilk;
        border: #090 thin solid;
        box-shadow: 2px 2px 2px 2px #999;
        border-radius: 0em 1em 0em 1em;
        transition: background-color 1s;
    }

        #navList > li:hover {
            background-color: green;
        }

        #navList > li > a {
            color: black;
            font-weight: bold;
            text-shadow: 0px 0px 2px #999;
            text-decoration: none;
        }

            #navList > li > a:hover {
                color: white;
            }

.blogStats {
    clear: both;
    margin-top: 1em;
    margin-bottom: 1em;
}

#main {
    width: 1300px;
    margin: auto;
    position: relative;
}
/*文章列表*/
.forFlow {
}

.entrylistTitle {
    font-size: 1.5em;
    color: darkgoldenrod;
}

.day, .entrylistItem {
    background-color: #FDFDE2;
    margin: 2em;
    padding: 0.5em;
    padding-bottom: 2em;
    border: yellow thin solid;
    box-shadow: 2px 2px 2px 2px #999;
    border-radius: 0 2em 0 0;
    width: 750px;
    transition: all 0.5s;
}

    .day:hover {
        border: thin solid black;
        background-color: white;
    }

.dayTitle {
    float: right;
}

    .dayTitle > a {
        color: gray;
        text-decoration: none;
    }

.postTitle, .entrylistPosttitle {
    font-size: large;
    font-weight: bold;
    border-bottom: gray thin solid;
    font-family: "微软雅黑";
}

    .postTitle > a, .entrylistPosttitle > a {
        text-decoration: none;
        /*text-shadow: 0 0 2px #999;*/
        color: green;
        transition: all 0.2s;
    }

        .postTitle > a:hover {
            color: orange;
        }

            .postTitle > a:hover::before {
                content: "《";
                position: absolute;
                margin-left: -1em;
            }

            .postTitle > a:hover::after {
                content: "》";
            }

.postCon, .entrylistPostSummary {
    text-indent: 2em;
    margin-top: 1em;
    font-size: 0.9em;
}

.c_b_p_desc_readmore {
    color: red;
}

    .c_b_p_desc_readmore:hover {
        color: green;
    }

.postDesc, .entrylistItemPostDesc {
    float: right;
    color: gray;
    font-size: 0.8em;
}
/*上一页，下一页*/
.topicListFooter {
    width: 650px;
    margin-left: 2em;
    height: 25px;
}
/*页码*/
.pager {
    background: #FDFDE2;
    padding: 0.7em;
    border-radius: 1em;
}

    .pager:hover {
        background: white;
    }

    .pager > a:hover {
        color: white;
        background: #2e6ab1;
    }

#nav_next_page > a {
    text-decoration: none;
    background-color: #FDFDE2;
    margin-bottom: 2em;
    padding: 0.5em 2em;
    box-shadow: 1px 1px 2px 2px #999;
    border-radius: 0.5em 2em 2em 0.5em;
    float: right;
}

    #nav_next_page > a:hover {
        color: white;
        background-color: green;
    }

#footer {
    text-align: center;
    font-family: "微软雅黑", Verdana, Geneva, sans-serif;
}

.blogStats {
    text-shadow: -1px -1px 1px white,2px 2px 2px white;
}
/*右边栏*/
#sideBar {
    position: absolute;
    top: 0;
    right: 2em;
    width: 400px;
}
/*公告栏*/
.newsItem, .sidebar-block {
    background-color: antiquewhite;
    padding: 0.5em 0.5em 1em 1em;
    // border: thin solid #FF0;
    box-shadow: 0px 0px 5px 0px #999;
    margin-bottom: 2em;
    transition: 0.3s;
}

.newsItem {
    background: #CCFF80;
}
/*+加关注按钮*/
#p_b_follow, #author_profile_follow {
    margin: 1em;
}

    #p_b_follow > a, #author_profile_follow > a {
        background-color: orange;
        border-radius: 0.5em;
        padding: 0 1em;
        box-shadow: 0px 0px 15px green;
        color: white !important;
        font-size: large;
        font-weight: bold;
        text-decoration: none;
    }

        #p_b_follow > a:hover, #author_profile_follow > a:hover {
            background-color: #d820e4;
            text-decoration: none;
            color: white !important;
        }

.newsItem:hover, .sidebar-block:hover {
    background: white;
}

#sideBar li {
    list-style: none;
}

#sideBar a {
    font-family: "微软雅黑";
    text-decoration: none;
    color: blue;
}

    #sideBar a:hover {
        color: green;
    }

#RecentCommentsBlock {
    font-size: small;
}
/*博文详情*/
#topics, #blog-comments-placeholder, #comment_form_container {
    width: 820px;
    background-color: #fffaeb;
    padding: 0.5em 0.5em 3em 1em;
    border: thin solid #FF0;
    box-shadow: 0px 0px 5px 0px #999;
    margin-bottom: 2em;
}

#blog-comments-placeholder {
    margin-bottom: 0;
}
/*博文*/
#cnblogs_post_body {
    font-family: "微软雅黑";
    line-height: 1.8;
}
    /*博文小标题*/
    #cnblogs_post_body h3 {
        background-color: lightcyan;
        padding: 0.5em;
        text-shadow: 0px 0px 5px white;
        transition: all 0.5s;
    }

        #cnblogs_post_body h3:hover {
            background-color: #e7e7be;
        }

    #cnblogs_post_body p {
        transition: all 0.5s;
    }

        #cnblogs_post_body p:hover {
            background-color: lightgreen;
        }

#author_profile_info {
    padding: 0.5em;
    transition: all 0.5s;
}

    #author_profile_info:hover {
        background: white none repeat scroll 0% 0%;
    }
/*顶、关注、收藏*/
#green_channel {
    width: 100%;
    transition: all 0.5s;
}

    #green_channel:hover {
        font-size: large;
    }
/*赞&反*/
#div_digg {
    width: inherit;
    border: green thin dashed;
    background-color: white;
    padding: 1.5em;
    box-shadow: 5px 5px 5px gray;
    border-radius: 0.5em;
    transition: all 0.5s;
}

    #div_digg:hover {
        box-shadow: 0px 0px 1em lightskyblue;
        border: solid thin black;
    }
    /*赞成*/
    #div_digg .diggit {
        background-position: center center;
        padding: 1em;
        border-radius: 5em;
        background-color: green;
        box-shadow: 0px 0px 1em lightgreen;
        cursor: crosshair;
    }
    /*反对*/
    #div_digg .buryit {
        background-position: center center;
        padding: 1em;
        border-radius: 5em;
        background-color: gray;
        box-shadow: 0px 0px 1em lightgray;
        cursor: crosshair;
    }

        #div_digg .diggit:hover, #div_digg .buryit:hover {
            outline: 1px solid red;
        }

    #div_digg > .clear::after {
        font-family: FangSong;
        content: "支持我吧";
        margin-top: 1.5em;
        display: inline-block;
        color: black;
        text-shadow: 0 0 10px black;
    }
/*评论*/
.feedback_area_title {
    color: #008000;
    font-weight: bold;
    font-size: x-large;
    text-shadow: 0 0 1px yellow;
    border-bottom: thin solid green;
    margin-bottom: 2em;
}

    .feedback_area_title::after {
        font-family: FangSong;
        content: "请留言";
        color: gray;
        font-size: 0.8em;
        margin-left: 2em;
    }

.feedbackManage {
    float: right;
}

    .feedbackManage a {
        color: gray;
    }

        .feedbackManage a:hover {
            color: green;
        }

.feedbackItem {
    border: thin dashed gray;
    margin-bottom: 1em;
    padding: 10px;
    transition: 0.2s;
}

    .feedbackItem:hover {
        background: lightgoldenrodyellow;
    }

    .feedbackItem a {
        text-decoration: none;
    }

    .feedbackItem .layer {
        color: gray;
    }

    .feedbackItem .comment_date {
        color: green;
    }

.blog_comment_body {
    margin-top: 10px;
    color: #444;
    font-family: serif;
}

#commentform_title {
    text-shadow: 0px 0px 2px lightgreen;
    font-size: large;
    font-weight: bold;
}

    #commentform_title::after {
        font-family: FangSong;
        //content: "返回";
        color: gray;
        font-size: 0.8em;
        margin-left: 2em;
    }

#comment_form_container {
    transition: all 0.2s;
}
#comments_pager_top {
    display:block;
}
#comment_form_container:hover {
    box-shadow: 0px 0px 2em darkgray;
    border: thin solid black;
    background-color: rgb(238, 255, 238);
}

#EntryTag, #BlogPostCategory {
    margin-top: 0px !important;
    border: 1px dashed rgb(192, 192, 192);
    padding: 0.5em;
    padding-left: 20px;
}

    #EntryTag, #BlogPostCategory a {
        color: orange;
    }

        #EntryTag, #BlogPostCategory a:hover {
            color: #C00;
        }

#post_next_prev {
    line-height: 1.8;
    background-color: #FDFDE2;
    border: thin solid #FF0;
    box-shadow: 2px 2px 2px 2px #999;
    display: inline-block;
    padding: 1em;
    font-size: 0.8em;
    transition: all 0.5s;
}

    #post_next_prev:hover {
        background-color: white;
    }

    #post_next_prev a {
        color: green;
    }

        #post_next_prev a:hover {
            color: #CC0000;
        }

#BlogPostCategory, #comment_nav {
    margin 0;
    background-color: antiquewhite
}

#comment_nav {
    width: 830px;
    padding: 0.5em;
}

    #comment_nav a {
        text-decoration: none;
        color: blue;
    }

        #comment_nav a:hover {
            color: orange;
        }

        #comment_nav a:last-child {
            color: blue;
        }

/*刚提交的评论*/
#divCommentShow {
    background: rgba(255, 255, 255, 0.5);
    margin-top: 1em;
    width: 856px;
}

    #divCommentShow blockquote {
        border-radius: 30px 0 0 0;
    }

#matrixBG {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.8;
}

.Cal {
    background-color: antiquewhite;
    color: black
}

.catListPostCategory {
    background-color: antiquewhite;
    color: red
}
/*隐藏不想看见的块*/
#EntryTag, sidebar_topdiggedposts, digg_tips, site_nav_under, opt_under_post, google_ad_c1, google_ad_c2, under_post_kb, HistoryToday {
    display: none
}

#ad_t2 {
    display: none
}

#cnblogs_c1 {
    display: none
}

#cnblogs_c2 {
    display: none
}

#under_post_news {
    display: none
}

#sidebar_toptags, sidebar_recentcomments, sidebar_topcommentedposts {
    display: none
}

#sidebar_recentcomments {
    display: none
}

#sidebar_topcommentedposts {
    display: none
}

#kb_block {
    display: none
}

/*状态字体*/
#blog_stats {
    font-family: FangSong;
    color: red;
    height: 3em;
    width: 45em;
}
/*手机端*/
@media screen and (max-width: 768px) {
    #main, #mainContent {
        width: 100%;
    }

    #sideBar, body > a, .postDesc a, #homepage_top_pager {
        display: none;
    }

    #blogTitle a {
        font-size: 30px;
    }

    #blogTitle h2 {
        font-size: 16px;
    }

    #header {
        height: 180px;
    }

    #home {
        background-image: none;
    }

    .postTitle {
        width: 90%;
        font-size: 22px;
    }

    .postCon {
        width: 90%;
        font-size: 16px;
        padding-left: 0;
    }

    .day {
        width: 90%;
        margin: 2%;
    }

    .postDesc {
        width: 90%;
        font-size: 12px;
    }

    #home {
        background-color: #68BCCA;
    }

    #mainContent.forFlow {
        margin: 4px 0 0 0;
    }

    .postBody {
        width: 90%;
    }

    #blogTitle {
        left: 0;
    }

    #mainContent .postBody {
        width: 90%;
    }

    .post {
        padding: 2%;
    }

    #header {
        // background: url(https://images.cnblogs.com/cnblogs_com/lvdabao/507840/o_face-monkey-128.png) top right no-repeat;
        background: url(https://img3.3lian.com/2013/c4/84/d/56.jpg) top right no-repeat;
        background-size: 46px;
    }

    #navigator a {
        width: 90%;
        padding: 0;
    }

    .topicListFooter {
        width: 100%;
        text-align: center;
        padding: 0;
        height: 40px;
    }

        .topicListFooter a:link {
            font-size: 12px;
        }

    #navList {
        width: 100%;
        padding: 0
    }

        #navlist > li {
            padding: 0.1em;
        }

            #navlist > li > a {
                color: green;
                font-weight: bold;
            }

    #topics {
        width: 90%;
    }

    #comment_nav {
        width: 90%;
    }

    #comment_form_container {
        width: 88%;
    }
}