body {
    background: #fcfcfc;
    min-height: 100%;
    height: 100%;
    color: #000 !important
}

a {
    transition: all .3s ease !important
}

    a:hover {
        color: #2D8CF0 !important;
        text-decoration: none !important
    }

#ad_c1, #ad_c2, #ad_t2, #author_profile, #bannerbar, #blogCalendar, #blogTitle h2, #comment_form_container p:nth-of-type(3), #comments_pager_top, #div_digg, #homepage_top_pager, #sidebar_imagecategory, #sidebar_postarchive, #sidebar_recentcomments, #sidebar_recentposts, #sidebar_scorerank, #sidebar_search, #sidebar_search .catListTitle, #sidebar_shortcut, #sidebar_topcommentedposts, #tip_comment2, #under_post_kb, #under_post_news, .blogStats, .c_ad_block, .dayTitle, .navbar, .under-comment-nav {
    display: none
}

#home {
    width: 100%;
    height: 100%
}

#header {
    width: 960px;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    border-top: 0;
    background: #fcfcfc;
    opacity: .95;
    border-bottom: 1px #dee2e8 solid;
    padding-bottom: 0;
    display: block;
    height: 60px;
    z-index: 999
}

    #header #blogTitle {
        position: relative;
        height: 60px
    }

        #header #blogTitle h1 {
            font-size: 25px;
            font-family: Georgia;
            width: auto;
            margin-left: 0;
            margin-top: 12px
        }

            #header #blogTitle h1 a {
                color: #000
            }

    #header #navigator {
        height: inherit;
        position: absolute;
        right: 0;
        top: 0;
        background-color: transparent;
        display: inline-block;
        z-index: 999
    }

    #header #navList {
        height: inherit
    }

        #header #navList > li {
            position: relative
        }

            #header #navList > li:hover i {
                width: 100%;
                left: 0
            }

            #header #navList > li > a:active, #header #navList > li > a:link, #header #navList > li > a:visited {
                font-size: 17px;
                padding-top: 0;
                border-right: 0;
                color: #000;
                display: block;
                font-weight: 400;
                width: auto;
                padding: 19px 16px;
                height: inherit;
                -webkit-transition: all .3s;
                transition: all .3s
            }

            #header #navList > li > a:hover {
                background: 0 0
            }

            #header #navList > li > i {
                width: 0;
                height: 4px;
                background-color: #2D8CF0;
                content: "";
                position: absolute;
                left: 50%;
                bottom: 0;
                transition: 1s
            }

        #header #navList .open {
            transform: rotate(180deg) scaleX(-1)
        }

        #header #navList .esa-sub-navs {
            background-color: #fcfcfc;
            position: absolute;
            width: 130px;
            top: 65px;
            left: calc(50% - 65px);
            border-radius: 3px;
            box-shadow: 0 1px 15px rgba(27,31,35,.15);
            display: none;
            padding: 10px
        }

            #header #navList .esa-sub-navs li {
                float: none
            }

                #header #navList .esa-sub-navs li a {
                    font-size: 15px;
                    border-right: 0;
                    color: #000;
                    display: block;
                    width: 100%;
                    font-weight: 400;
                    padding: 10px 0;
                    height: inherit
                }

                    #header #navList .esa-sub-navs li a:hover {
                        background: 0 0;
                        color: #2D8CF0
                    }

#main {
    width: 960px;
    margin: 0 auto;
    min-height: calc(100% - 135px);
    padding: 75px 10px 0 10px;
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-iteration-count: 1;
    -webkit-animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1
}

    #main #mainContent {
        background-color: transparent
    }

        #main #mainContent .forFlow {
            margin: 0 auto;
            margin-left: 0;
            max-width: 960px
        }

#sideBar {
    display: none
}

.catListTitle {
    position: relative;
    text-align: left;
    margin: 15px 0;
    padding-left: 15px;
    font-size: 20px;
    font-weight: 400;
    border-bottom: none
}

    .catListTitle::before {
        content: "\2662";
        color: #000;
        position: absolute;
        top: 1px;
        left: -2px
    }

#taglist_title, .PostListTitle, .entrylistTitle, .myposts_title, .thumbTitle {
    padding-bottom: 3px;
    padding-right: 10px;
    width: 100%;
    text-align: left;
    border-bottom: 0 !important;
    font-size: 20px !important;
    font-weight: 400;
    margin-top: 15px
}

#myposts {
    margin-left: 0
}

    #myposts .PostList {
        font-size: 14px;
        font-weight: 400;
        border-bottom: 1px solid #dee2e8;
        padding: 5px 0 9px 0;
        margin-right: 0
    }

    #myposts .pager:first-of-type {
        display: none
    }

    #myposts a:link, #myposts a:visited {
        color: #000
    }

    #myposts .postDesc2 {
        color: inherit
    }

.day, .entrylistItem {
    width: auto;
    border-bottom: 1px solid #dee2e8;
    padding: 10px 0 15px 0;
    text-align: justify
}

    .day .postSeparator, .entrylistItem .postSeparator {
        margin-top: 15px;
        margin-bottom: 25px;
        border-top: 1px solid #dee2e8
    }

    .day .postTitle, .entrylist .entrylistPosttitle {
        font-size: 25px;
        font-weight: 700;
        font-family: inherit;
        padding-left: 0;
        border-bottom: none
    }

        .day .postTitle a, .entrylist .entrylistPosttitle a {
            color: #000
        }

    .day .postCon, .entrylist .entrylistPostSummary {
        font-size: 16px;
        font-weight: 400;
        font-family: inherit;
        padding-left: 0
    }

        .day .postCon .c_b_p_desc img, .entrylist .entrylistPostSummary .c_b_p_desc img {
            height: 100px;
            margin-left: 10px
        }

        .day .postCon .c_b_p_desc a, .entrylist .entrylistPostSummary .c_b_p_desc a {
            border: 1px solid;
            border-radius: 3px;
            padding: 2px 9px;
            font-size: 13px;
            margin-top: 10px;
            text-decoration: none;
            display: table;
            color: #000;
            border-color: #000
        }

            .day .postCon .c_b_p_desc a:after, .entrylist .entrylistPostSummary .c_b_p_desc a:after {
                content: " »"
            }

            .day .postCon .c_b_p_desc a:hover, .entrylist .entrylistPostSummary .c_b_p_desc a:hover {
                color: #2D8CF0 !important;
                border: 1px solid #2D8CF0
            }

    .day .postDesc, .entrylist .entrylistItemPostDesc, .post .postDesc {
        font-size: 13px;
        font-weight: 400;
        padding-right: 0 !important;
        color: #000 !important
    }

        .day .postDesc a, .entrylist .entrylistItemPostDesc a, .post .postDesc a {
            color: #000
        }

.entrylistDescription {
    color: #000;
    font-size: 13px;
    font-weight: 400;
    padding-right: 0
}

#topics .postTitle {
    font-size: 25px;
    text-align: center；
    border-bottom: none
}

    #topics .postTitle a {
        color: #000
    }

#topics .postBody {
    font-weight: 400;
    font-size: 20px;
    padding: 10px 0;
    line-height: 1.75;
    color: #000;
    border-bottom: 1px solid #dee2e8
}

    #topics .postBody a:active, #topics .postBody a:link, #topics .postBody a:visited {
        color: #2D8CF0;
        text-decoration: none
    }

    #topics .postBody h1 {
        font-size: 32px !important;
        color: #000
    }

        #topics .postBody h1 a:not([class=esa-anchor]) {
            color: inherit !important;
            text-decoration: underline
        }

    #topics .postBody h2 {
        font-size: 28px !important;
        color: #000
    }

        #topics .postBody h2 a:not([class=esa-anchor]) {
            color: inherit !important;
            text-decoration: underline
        }

    #topics .postBody h3 {
        font-size: 24px !important;
        color: #000
    }

        #topics .postBody h3 a:not([class=esa-anchor]) {
            color: inherit !important;
            text-decoration: underline
        }

    #topics .postBody h4 {
        font-size: 20px !important;
        color: #000
    }

        #topics .postBody h4 a:not([class=esa-anchor]) {
            color: inherit !important;
            text-decoration: underline
        }

    #topics .postBody h5 {
        font-size: 17px !important;
        color: #000
    }

        #topics .postBody h5 a:not([class=esa-anchor]) {
            color: inherit !important;
            text-decoration: underline
        }

    #topics .postBody h6 {
        font-size: 16px !important;
        color: #000
    }

        #topics .postBody h6 a:not([class=esa-anchor]) {
            color: inherit !important;
            text-decoration: underline
        }

    #topics .postBody p {
        margin: 13px auto
    }

    #topics .postBody hr {
        border-left: none;
        border-right: none;
        border-top: none;
        border-bottom: 1px solid #dee2e8
    }

    #topics .postBody blockquote {
        border: none;
        color: #000;
        margin: 20px 0;
        padding: 0 0 0 10px;
        min-height: 20px;
        background: 0 0;
        line-height: inherit;
        border-left: 4px solid #dde5f1
    }

    #topics .postBody em {
        padding-right: 3px
    }

    #topics .postBody strong {
        margin: 0 3px;
        font-weight: 900
    }

    #topics .postBody img {
        max-width: 960px !important;
        display: block;
        margin: 15px 0 30px 0;
        border-radius: 3px;
        box-shadow: 0 1px 15px rgba(27,31,35,.15),0 0 1px rgba(106,115,125,.35)
    }

    #topics .postBody ol li, #topics .postBody ul li {
        margin: 3px 0;
        font-size: 16px;
        color: #000
    }

        #topics .postBody ol li p, #topics .postBody ul li p {
            margin: 0 !important
        }

    #topics .postBody table {
        font-size: 13px;
        border-collapse: collapse;
        border-spacing: 0;
        empty-cells: show;
        border: 1px solid #eef2f8;
        width: 100%;
        margin: 13px 0
    }

        #topics .postBody table th {
            font-family: inherit;
            font-size: inherit;
            background: #f7f7f7 !important;
            white-space: nowrap;
            font-weight: 600;
            border: 1px solid #eef2f8 !important;
            padding: 8px 16px !important
        }

        #topics .postBody table td {
            border: 1px solid #eef2f8 !important;
            padding: 8px 16px !important
        }

        #topics .postBody h1 code, #topics .postBody h2 code, #topics .postBody h3 code, #topics .postBody h4 code, #topics .postBody h5 code, #topics .postBody h6 code, #topics .postBody li code, #topics .postBody p code, #topics .postBody table code {
            color: #000;
            line-height: 1;
            font-family: consolas !important;
            vertical-align: middle;
            margin: 0 3px;
            background: #f2f4f5 !important;
            font-size: 14px !important;
            padding: .2em .3em !important;
            border-radius: 3px !important;
            border: 1px solid #eee !important
        }

    #topics .postBody #BlogPostCategory {
        font-size: 14px;
        margin-bottom: 0
    }

        #topics .postBody #BlogPostCategory a {
            margin-left: 5px
        }

    #topics .postBody #EntryTag {
        font-size: 14px;
        color: #000
    }

        #topics .postBody #EntryTag a {
            color: #2D8CF0
        }

    #topics .postBody #post_next_prev {
        font-size: 13px
    }

.cnblogs_code {
    background-color: #f2f4f5;
    padding-left: 1em;
    padding-right: 1em;
    border: none !important;
    border-radius: 3px !important;
    font-family: Lucida Console,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace !important
}

    .cnblogs_code div {
        background-color: transparent;
        color: #656c73
    }

    .cnblogs_code img {
        margin: 0 !important
    }

    .cnblogs_code pre {
        color: #656c73;
        font-family: inherit !important
    }

        .cnblogs_code pre span {
            font-family: inherit !important;
            color: inherit !important
        }

    .cnblogs_code textarea {
        font-family: inherit !important;
        padding: 5px;
        border: 1px solid #3e4c42;
        color: #c5d4ef;
        background-color: #282c34
    }

        .cnblogs_code textarea:focus {
            outline: 0
        }

    .cnblogs_code .code_img_closed, .cnblogs_code .code_img_opened {
        display: none !important
    }

    .cnblogs_code .cnblogs_code_toolbar {
        width: 20px
    }

        .cnblogs_code .cnblogs_code_toolbar span {
            padding-right: 0
        }

        .cnblogs_code .cnblogs_code_toolbar a:link img {
            background-color: transparent !important
        }

    .cnblogs_code .cnblogs_code_collapse {
        color: #656c73;
        border: 1px solid #989fa6;
        border-radius: 2px;
        background-color: transparent;
        display: inline-block;
        cursor: pointer;
        padding: 5px 5px 2px 5px
    }

.github-corner svg {
    fill: #2D8CF0
}

#footer {
    border-top: 1px solid #dee2e8;
    font-size: 13px;
    font-weight: 400;
    margin: 10px 0 0 0;
    padding: 10px 0
}

    #footer .esa-copyright a {
        color: #000
    }

.cnblogs-markdown pre {
    white-space: pre !important;
    position: relative !important
}

#taglist_main {
    margin-top: 0
}

    #taglist_main table {
        width: 100%;
        border-collapse: separate !important;
        border-spacing: 10px
    }

        #taglist_main table tr td {
            font-size: 14px;
            padding: 5px;
            font-weight: 400;
            height: 19px;
            line-height: 20px;
            text-align: center;
            border: 1px solid #dee2e8;
            border-radius: 2px;
            color: #000
        }

            #taglist_main table tr td:hover {
                color: #2D8CF0 !important;
                border: 1px solid #2D8CF0;
                text-decoration: none
            }

.topicListFooter {
    margin-right: 0
}

#nav_next_page, .pager {
    margin-right: 0;
    color: #000
}

    #nav_next_page a, .pager a {
        padding: 3px 7px;
        border: 1px solid #000;
        border-radius: 2px;
        margin: 0 3px;
        text-decoration: none;
        color: inherit;
        transition: border .2s ease-in-out,color .2s ease-in-out
    }

        #nav_next_page a:hover, .pager a:hover {
            color: #2D8CF0;
            border: 1px solid #2D8CF0
        }

    .pager span.current {
        padding: 3px 7px;
        border: 1px solid #2D8CF0;
        border-radius: 4px;
        font-family: Monospaced Number;
        margin: 0 3px;
        text-decoration: none;
        background-color: #2D8CF0
    }

.esa-clipboard-button {
    font-size: 12px;
    cursor: pointer;
    position: absolute;
    right: 13px;
    top: 10px;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.1);
    color: #000;
    padding: 0 6px;
    border-radius: 5px
}

.esa-toolbar {
    position: fixed;
    display: grid;
    z-index: 999;
    bottom: 30px;
    right: 30px;
    opacity: .5
}

    .esa-toolbar .esa-toolbar-contents, .esa-toolbar .esa-toolbar-follow, .esa-toolbar .esa-toolbar-gotop {
        height: 45px;
        width: 45px;
        font-weight: 400;
        position: relative;
        outline: 0;
        cursor: pointer;
        border: 1px solid transparent;
        transition: color .2s linear,background-color .2s linear,border .2s linear,box-shadow .2s linear;
        margin-top: 5px;
        border-color: #dee2e8;
        background-color: #fcfcfc;
        background-position: center;
        background-repeat: no-repeat
    }

        .esa-toolbar .esa-toolbar-contents:hover, .esa-toolbar .esa-toolbar-follow:hover, .esa-toolbar .esa-toolbar-gotop:hover {
            color: #2D8CF0;
            border-color: #2D8CF0
        }

    .esa-toolbar .fa {
        font-size: 22px
    }

.esa-follow-button {
    z-index: 999;
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    height: 45px;
    width: 45px;
    font-weight: 400;
    outline: 0;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 12px;
    border-radius: 50px;
    color: #515a6e;
    background-color: #fff;
    border-color: #dcdee2
}

    .esa-follow-button:hover {
        color: #2D8CF0;
        border-color: #2D8CF0;
        background-color: #fff
    }

.esa-toolbar-contents {
    display: none
}

.esa-mobile-menu {
    display: none;
    position: fixed;
    top: 7px;
    right: 15px;
    z-index: 941113;
    font-size: 1.5em;
    cursor: pointer;
    color: #7f7f7f
}

    .esa-mobile-menu:after {
        content: "\2630";
        font-size: 1.5em;
        font-family: fontello
    }

.esa-search-btn {
    display: block;
    padding: 14px 0;
    cursor: pointer
}

.esa-search-close {
    display: none;
    padding: 14px 0;
    cursor: pointer
}

.esa-search-box {
    display: none;
    position: fixed;
    top: 61px;
    height: auto;
    padding: 10px 0;
    background-color: #fcfcfc;
    width: 960px;
    text-align: center;
    border-bottom: 1px #dee2e8 solid;
    z-index: 999
}

    .esa-search-box .input_my_zzk {
        color: #000;
        background-color: #fcfcfc;
        border: solid 1px #dee2e8;
        width: 45%;
        height: 32px;
        padding: 0 7px;
        border-right: none;
        font-size: 16px;
        font-weight: 400;
        border-radius: 2px 0 0 2px;
        outline: 0;
        background-color: #fff
    }

    .esa-search-box .btn_my_zzk {
        height: 34px;
        font-size: 14px;
        font-weight: 400;
        margin-left: -5px;
        background-color: #2D8CF0;
        border: none;
        color: #fff;
        cursor: pointer;
        width: 75px;
        outline: 0
    }

.esa-catalog {
    position: fixed;
    top: 120px;
    right: 1px;
    width: auto;
    height: auto;
    z-index: 1000
}

.esa-catalog-title {
    cursor: move;
    padding-left: 12px;
    width: 100%;
    height: 35px;
    line-height: 36px;
    border-bottom: 1px solid #dee2e8;
    font-size: 12px;
    font-weight: 600;
    color: #000
}

    .esa-catalog-title:before {
        content: "\2632";
        margin-right: 5px
    }

.esa-catalog-close {
    position: absolute;
    right: 15px;
    top: 10px;
    cursor: pointer
}

.esa-catalog-contents {
    overflow: hidden;
    display: none;
    color: #000;
    border: 1px solid #dee2e8;
    min-width: 150px;
    opacity: 1;
    font-size: inherit;
    font-weight: 400;
    background-color: #fff;
    z-index: 19941112
}

    .esa-catalog-contents ul {
        padding: 10px 15px;
        max-height: 350px;
        overflow-y: auto
    }

        .esa-catalog-contents ul li {
            margin-top: 5px;
            max-width: 160px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            cursor: pointer;
            color: #000
        }

            .esa-catalog-contents ul li code {
                font-family: inherit
            }

            .esa-catalog-contents ul li a:hover {
                color: #2D8CF0;
                text-decoration: none
            }

            .esa-catalog-contents ul li .level1 {
                margin-left: 0
            }

            .esa-catalog-contents ul li .level2 {
                margin-left: 10px
            }

            .esa-catalog-contents ul li .level3 {
                margin-left: 26px
            }

.esa-anchor {
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    margin-left: 8px
}

.esa-layer {
    position: fixed;
    top: 70px;
    text-align: center;
    line-height: 25px;
    font-size: 15px;
    font-family: inherit;
    width: 100%;
    display: none;
    z-index: 9999999
}

.esa-layer-content {
    position: relative;
    background: rgba(0,0,0,.7);
    max-width: 250px;
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 5px;
    color: #e0e0e0;
    display: inline-block
}

.feedbackItem .feedbackListSubtitle {
    color: transparent
}

    .feedbackItem .feedbackListSubtitle .sendMsg2This {
        background: 0 0;
        padding-left: 0;
        font-size: 15px
    }

        .feedbackItem .feedbackListSubtitle .sendMsg2This::before {
            content: "✉️"
        }

.feedbackItem a {
    color: #000
}

.feedbackItem .louzhu {
    background: #2D8CF0 !important;
    color: #fff;
    border-radius: 2px;
    margin: 0 2px;
    padding: 0 6px 2px 6px !important
}

.feedbackItem .comment_date {
    color: #666
}

.feedbackItem .comment_quote {
    border: 1px dashed #2D8CF0;
    border-radius: 3px
}

#comment_nav {
    visibility: hidden
}

.feedbackItem .feedbackCon {
    background: 0 0;
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #dee2e8
}

    .feedbackItem .feedbackCon .esa-comment-avatar {
        float: left
    }

        .feedbackItem .feedbackCon .esa-comment-avatar img {
            border-radius: 50%;
            transition: all .5s ease-out;
            -webkit-transition: all .6s ease-out;
            -moz-transition: all .5s ease-out;
            -ms-transition: all .5s ease-out;
            -o-transition: all .5s ease-out
        }

            .feedbackItem .feedbackCon .esa-comment-avatar img:hover {
                -webkit-transform: rotateZ(360deg);
                -moz-transform: rotateZ(360deg);
                -ms-transform: rotateZ(360deg);
                -o-transform: rotateZ(360deg);
                transform: rotateZ(360deg)
            }

    .feedbackItem .feedbackCon .blog_comment_body {
        font-size: 14px;
        font-weight: 400;
        border-radius: 3px;
        padding: 10px;
        margin-left: 55px;
        color: #000;
        background-color: rgba(193,193,193,.2)
    }

        .feedbackItem .feedbackCon .blog_comment_body a {
            color: #2D8CF0
        }

        .feedbackItem .feedbackCon .blog_comment_body img {
            border-radius: 3px
        }

    .feedbackItem .feedbackCon .comment_vote {
        margin-top: 12px
    }

.feedback_area_title {
    border-bottom: 1px solid #dee2e8;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 400;
    padding-left: 0;
    padding-bottom: 5px
}

.commentform #commentform_title {
    background-image: none;
    padding-left: 0;
    font-size: 20px
}

.commentform #tip_comment {
    color: #f37f7f !important;
    margin: 15px 0;
    display: block
}

.commentform .commentbox_title {
    border-bottom: 1px solid #dee2e8;
    font-size: 14px;
    font-weight: 400
}

    .commentform .commentbox_title .commentbox_title_left .commentbox_tab.active, .commentform .commentbox_title .commentbox_title_left .commentbox_tab:hover {
        border-bottom: 2px solid #2D8CF0;
        color: #2D8CF0
    }

    .commentform .commentbox_title .commentbox_title_right .comment_svg:hover, .commentform .commentbox_title .commentbox_title_right .comment_svg_stroke:hover {
        fill: #2D8CF0
    }

.commentform .comment_textarea {
    width: 100%;
    border: 1px solid #dee2e8;
    background-color: transparent;
    color: #000
}

    .commentform .comment_textarea:focus {
        outline: 0
    }

    .commentform .comment_textarea:hover {
        border-color: #2D8CF0
    }

.commentform #tbCommentBody {
    color: #000;
    background-color: transparent
}

.commentform .feedbackCon {
    border-bottom: 1px solid #dee2e8;
    background: 0 0;
    padding: 0
}

.commentform .comment_preview p {
    font-size: 15px;
    font-weight: 400
}

.commentform #commentbox_opt {
    display: block
}

    .commentform #commentbox_opt a {
        color: #000
    }

.commentform #btn_comment_submit {
    width: auto;
    height: auto;
    border-width: 0;
    cursor: pointer;
    color: #fff;
    background-color: #2D8CF0;
    border-color: #2D8CF0;
    font-weight: 400;
    user-select: none;
    padding: 5px 20px;
    font-size: 12px;
    border-radius: 5px;
    outline: 0;
    transition: all .3s
}

    .commentform #btn_comment_submit:hover {
        opacity: .7
    }

.commentform .comment_my_posted > img {
    display: none
}

.commentform .comment_my_posted > a b {
    font-size: 16px;
    font-weight: 400
}

.commentform .bq_post_comment {
    margin-top: 5px;
    font-size: 13px;
    display: block;
    color: #000;
    background-color: rgba(193,193,193,.2);
    border: none;
    border-radius: 3px
}

@keyframes octocat-wave {
    0%,100% {
        transform: rotate(0)
    }

    20%,60% {
        transform: rotate(-25deg)
    }

    40%,80% {
        transform: rotate(10deg)
    }
}

::-webkit-scrollbar {
    width: 3px;
    height: 3px
}

::-webkit-scrollbar-thumb {
    border-radius: 1px;
    box-shadow: inset 0 0 5px #000;
    background: #000
}

::-webkit-scrollbar-track {
    background: 0 0;
    border-radius: 1px
}

::-moz-selection, ::selection {
    color: #2D8CF0
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@media screen and (min-width:768px) and (max-width:980px) {
    #blog-comments-placeholder, #comment_form {
        padding: 10px;
        margin-left: 0
    }
}

@media only screen and (max-width:767px) {
    #home {
        font-size: 12px !important
    }

    #mainContent .forFlow {
        padding-top: 15px
    }

    #sideBar, .esa-catalog, .postDesc {
        display: none
    }

    .postBody {
        padding: 0 !important
    }

    #main {
        margin-top: 60px;
        padding: 0 15px !important
    }

    #topics .postTitle {
        padding-left: 0 !important;
        padding-top: 10px
    }

    #cnblogs_post_body table {
        display: table !important
    }

    #cnblogs_post_body img {
        width: 100%;
        box-shadow: 0 0 10px #c4c4c4;
        max-width: none !important
    }

    #comment_nav, #commentbox_main {
        margin: 0
    }

    #comment_form {
        padding: 5px;
        margin-left: 0
    }

    .esa-mobile-menu {
        display: block
    }

    .forFlow {
        margin-right: 0;
        margin-left: 0 !important
    }

    #header {
        width: auto
    }

        #header #navigator {
            display: none;
            width: 100%;
            margin-top: 60px
        }

    #navList {
        width: inherit
    }

        #navList li {
            float: none
        }

            #navList li #blog_nav_tags {
                display: block !important
            }

        #navList a:active, #navList a:link, #navList a:visited {
            width: 100%;
            background-color: #2c3e50;
            color: #fff !important;
            padding: 15px 0
        }

        #navList a:hover {
            color: #2D8CF0;
            background-color: #2c3e50 !important
        }

    .feedbackItem .feedbackManage {
        width: auto
    }

    .github-corner {
        display: none
    }
}

[data-tips] {
    overflow: hidden
}

    [data-tips]:hover {
        overflow: visible
    }

    [data-tips]::after, [data-tips]::before {
        position: absolute;
        transition: all .3s;
        transform: translate3d(-50%,0,0);
        opacity: 0;
        left: 37px;
        z-index: 10
    }

    [data-tips]::before {
        content: attr(data-tips);
        border-radius: 6px;
        background-color: rgba(100,100,100,.8);
        color: #fff;
        height: 24px;
        line-height: 24px;
        padding: 0 6px;
        font-size: 12px;
        white-space: nowrap;
        top: 55px;
        left: 50%
    }

    [data-tips]::after {
        content: "";
        top: 45px;
        border: 5px solid #333;
        border-color: transparent transparent rgba(100,100,100,.8) transparent;
        left: 50%
    }

    [data-tips]:hover::after, [data-tips]:hover::before {
        opacity: 1
    }

    [data-tips]:hover::after, [data-tips]:hover::before {
        transform: translate3d(-50%,-7px,0)
    }

::-moz-selection, ::selection {
    background-color: #2D8CF0;
    color: #e1e1e1
}

#green_channel {
    border: 0;
    font-size: 12px;
    width: 100% !important;
    display: inline-block;
    margin-bottom: 60px
}

#btn_comment_submit, a#green_channel_digg, a#green_channel_follow {
    color: #fff;
    margin: 10px auto auto;
    width: 80px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 2px;
    border-radius: 3px;
    position: relative;
    background-image: none
}

a#green_channel_favorite, a#green_channel_wechat, a#green_channel_weibo {
    display: none
}

#green_channel #green_channel_digg {
    background-color: #18b566;
    border-color: #18b566
}

    #green_channel #green_channel_digg:hover {
        background-color: #47cb89;
        border-color: #47cb89
    }

#green_channel #green_channel_follow {
    margin-left: 25px;
    background-color: #ed4014;
    border-color: #ed4014
}

    #green_channel #green_channel_follow:hover {
        background-color: #f16643;
        border-color: #f16643
    }

.fa {
    display: "contents"
}

#blog_nav_admin {
    display: none !important
}

.postCon a {
    display: none !important
}

.postDesc {
    opacity: .5
}

    .postDesc .post-comment-count, .postDesc .post-digg-count, .postDesc .post-view-count {
        display: none
    }

    .postDesc a {
        display: none
    }

.cnblogs-markdown .hljs {
    display: block;
    color: #333;
    overflow-x: auto;
    background: #F2F4F5 !important;
    border: none !important;
    font-family: Consolas,Monaco,'Andale Mono',monospace !important;
    padding: 1em !important;
    font-size: 14px !important
}