* {
            margin: 0;
            padding: 0;
        }

        ul,
        li {
            list-style: none;
        }
img{
vertical-align:top;border:none
}
a{
text-decoration: none;
            color: #6a6a6a;
}
       html { overflow-x: hidden; overflow-y: auto; }
        #header {
            width: 100vw;
            height: 100vh;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: 50%;
            /*background-image: url('https://images.cnblogs.com/cnblogs_com/wupeixuan/1186798/o_wallhaven-lm2762.jpg');*/
        }

        #blogTitle {
            text-align: center;
            padding-top: 100vh;
            box-sizing: border-box;
        }

         #lnkBlogLogo {
            display: none;
        }

        #blogTitle h1 #Header1_HeaderTitle {
            margin: 20px auto 0;
            color: #fff !important;
            font-size: 26px;
            line-height: 30px;
            font-weight: bold;
            text-decoration: none;
        }

        #blogTitle h1:hover {
            color: olive;
        }

        #navigator {
            height: 54px;
            width: 63%;
            margin: 50px auto;
            border-top: 1px solid #ededed;
            border-bottom: 1px solid #ededed;
        }

        #navList li,
        #navList li a,
        .blogStats span {
            float: left;
            width: 100px;
            height: 54px;
            line-height: 54px;
            text-align: center;
            text-decoration: none;
            color: #6a6a6a;
        }

        #navList a:hover {
            background-color: gray;
            color: #fff;
            transform: rotate(10deg);
            transition: all 0.3s ease;
        }

        .blogStats {
            float: right;
        }

        #main {
            width: 65%;
            margin: 200px auto 0;
        }

        #mainContent {
            min-height: 200px;
            padding: 0 0 10px 0;
            *padding-top: 10px;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            overflow: hidden;
            float: left;
            width: 100%;
        }

        #mainContent .forFlow {
            float: none;
            width: auto;
        }
.blogStats {
            display: none;
        }
        .day {
            background-color: #f1f1f1;
            /* background: url('https://images.cnblogs.com/cnblogs_com/wupeixuan/1186798/o_wallhaven-lm2762.jpg'); */
            padding: 30px 20px;
            border-radius: 10px;
            transition: all 0.5s ease;
            min-height: 10px;
            margin: 0 10px 20px;
        }

        .day:hover {
            box-shadow: -5px 5px 5px rgb(189, 187, 187);
        }

        .day a {
            text-decoration: none;
            color: #21759b;
        }

        .postTitle {
            border-left: 3px solid #21759b;
            margin-bottom: 10px;
            font-size: 20px;
            float: right;
            width: 100%;
            clear: both;
        }

        .postTitle2 {
            padding-left: 10px;
        }

        .dayTitle {
            display: none;
        }

        .postCon {
            float: right;
            line-height: 1.5em;
            width: 100%;
            clear: both;
            padding: 10px 0;
        }

        .c_b_p_desc {
            font-size: 14px;
            line-height: 1.7;
        }

        .clear {
            clear: both;
        }

        .postDesc {
            font-size: 13px;
            background: url(images/posted_time.png) no-repeat 0 1px;
            color: #757575;
            float: left;
            width: 100%;
            clear: both;
            text-align: left;
            padding-left: 20px;
            padding-right: 5px;
            margin-top: 20px;
            line-height: 1.5;
        }

       #footer {
            width: 100%;
            height: 200px;
            background: url('https://images.cnblogs.com/cnblogs_com/wupeixuan/1186798/o_wallhaven-lm2762.jpg');
            text-align: center;
            font-size: 30px;
            color: #fff;
            line-height: 200px;
        }
        #poweredby {
            display: none;
        }

        #sideBar {
            font-size: 12px;
        }

        #sideBar {
            margin-top: -15px;
            width: 230px;
            min-height: 200px;
            padding: 0 0 0 5px;
            float: right;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .newsItem,
        .catListEssay,
        .catListLink,
        .catListNoteBook,
        .catListTag,
        .catListPostCategory,
        .catListPostArchive,
        .catListImageCategory,
        .catListArticleArchive,
        .catListView,
        .catListFeedback,
        .mySearch,
        .catListComment,
        .catListBlogRank,
        .catList,
        .catListArticleCategory {
            background: #fff;
            margin-bottom: 35px;
            word-wrap: break-word;
        }

        #blog-calendar {
            width: 228px;
            padding-bottom: 5px;
            margin-bottom: 35px;
            box-shadow: 0 1px 3px #ccc;
            border: 1px solid #ededed;
        }

        #sidebar_search,
        #sidebar_search,
        #sidebar_shortcut,
        #sidebar_postarchive,
        #blog-calendar {
            display: none;
        }

        #sideBar h3 {
            font-size: 14px;
        }

        .catListTitle {
            opacity: 0;
        }

        .catListTitle {
            font-weight: bold;
            line-height: 1.2;
            font-size: 110%;
            margin-top: 15px;
            margin-bottom: 10px;
            text-align: left;
        }

        .catListComment {
            line-height: 1.5em;
        }

        #sideBarMain li {
            line-height: 1.8;
        }

        #sideBar a {
            color: #757575;
        }

        #sideBarMain li {
            line-height: 1.8;
        }

        .recent_comment_body {
            white-space: pre-wrap;
            word-wrap: break-word;
        }

        .recent_comment_author {
            text-align: right;
            margin-right: 4px;
        }

        .Cal {
            border: none;
            color: #666;
        }

        .Cal {
            width: 100%;
        }

        table {
            border-collapse: collapse;
            border-spacing: 0;
        }

        #blog-calendar td {
            font-size: 12px;
            font-family: "Comic Sans MS";
        }

        #blog-calendar .CalTitle {
            background: #6293bb;
            width: 100%;
            height: 25px;
            text-align: center;
            font-size: 14px;
            font-weight: bold;
            padding: 5px 0;
            color: #fff;
        }

        .CalTitle td {
            background: #f8f8f8 !important;
            border: 0 !important;
            color: #5e5f63;
            font-family: "Comic Sans MS";
        }

        #blog-calendar .CalDayHeader {
            background: #f8f8f8;
            font-weight: 100;
            color: #5e5f63;
        }

        .CalWeekendDay {
            padding-top: 4px;
            padding-bottom: 4px;
        }

        .CalOtherMonthDay {
            color: #ccc;
            padding-top: 4px;
            padding-bottom: 4px;
        }

        .CalTodayDay {
            background: #3671a5 !important;
            color: #fff !important;
            font-weight: bold;
        }

        .CalTodayDay a {
            color: #fff !important;
            text-decoration: none;
        }
        .cb_post_title_url{
           color: #21759b;
        }
#page_begin_html{
width: 100%;
height:100vh;
margin: 0 0;
    padding: 0;
}
       #page_begin_html img{
            width: 100%;
                height: 100vh;
    max-height: 100vh;
margin: -1px 0 -1px 0;
        }
/* advertise */
#site_nav_under,#ad_under_post_holder,#under_post_news,#google_ad_c2,#under_post_kb{
width:0;
height:0;
display:none;
overflow:hidden;
} 
.menu-button {
    position: fixed;
    z-index: 1000;
    margin: 1em;
    padding: 0;
    width: 100px;
    height: 35px;
    text-indent: 2.5em;
    background: 0 0;
    top: 10px;
    left: 10px;
    outline: 0;
    cursor: pointer;
    color: #fff;
    border: 1px solid rgba(255,255,255,.6);
    border-radius: 3px;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 35px;
    padding-right: 13px;
    text-align: center;
}
#canvas{
    position: absolute;
    left: 0;
    top: -500px;
    z-index: 33;
    background: transparent;
}
.main-header {
    display: table;
    width: 100%;
    height: 100vh;
    max-height: 100vh;
    text-align: center;
    background-size: cover;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 998;
    box-shadow: 0 1px 2px rgba(150,150,150,.7);
}
.vertical {
            display: table-cell;
            vertical-align: middle;
            width: 100%;
        }

        .inner {
            position: relative;
            width: 80%;
            max-width: 800px;
            margin: 0 auto;
            padding: 10px;
        }

        .page-title {
            font-size: 5rem;
        }

        .page-title,
        .sb-title {
            margin: 10px 0 10px 0;
            letter-spacing: -1px;
            font-weight: 700;
            font-family: "Open Sans", sans-serif;
            color: #fff;
            font-family: 'Playball', cursive;
            animation: fade-in-down 1s both;
            
            animation-delay: .5s;
            text-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
        }

        .page-description {
            margin: 0;
            font-size: 2rem;
            line-height: 1.5em;
            font-weight: 400;
            letter-spacing: .01rem;
            font-family: "Merriweather", "Open Sans", "Microsoft Jhenghei", "Microsoft Yahei", sans-seri;
            color: rgba(255, 255, 255, 0.8);
          
            animation: fade-in-down .9s both;
          
            animation-delay: .3s;
            text-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
            display: none;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 10;
            overflow: hidden;
        }
#profile_block,#blog-calendar{display:none !important}
.cnblogs-markdown code, .cnblogs-post-body code {
    border: 5px dotted #C6E2FF !important;
}