body{background-color:#fff;}

/*博客最大的几个容器*/
#home {padding: 0px; margin-top:0px; width: 100%;}
#header,#main{     padding: 30px 0px;box-sizing: border-box; position:relative; margin-top:0px}
#header{border-top: 2px solid #ffe894;    
    background: content-box 75% 0% url(https://img2018.cnblogs.com/blog/1635280/201905/1635280-20190503144830464-189205449.jpg) no-repeat;
    background-size: 44em;}

/*博客主标题*/
#blogTitle {padding:0px 15%;}
#blogTitle h1{position: absolute; right: 10%;
background: rgba(100%,100%,100%,95%);
box-shadow: 0 0 30px 10px rgba(100%,100%,100%,100%);}
/*博客主页主标题*/
.postTitle{ border:0;}
/*博文图片大小设置*/
#cnblogs_post_body img {
    border: solid 1px lightgray;
    margin: 0px auto;
    display: block;
    max-width: 75%;
    max-height:500px;
}

/*文章正文*/
#mainContent .forFlow {
    margin-left: 0;
}

#navigator {
    border-bottom: 2px solid #ffb6e2;
    border-top:0;
    height:auto;
    position:relative;
    box-shadow: 0 5px 10px -3px lightgrey;
}

/* 随笔 - 4  文章 - 0  评论 - 12 */
.blogStats{position: absolute;right: 10%;}

#navList a:hover {
    color: #db65ac;
}


#navList {margin-left: 10%;float:none;height:100%;font-size:0px}

#navList a{
    display: inline-block;
    padding:12px 0px;
    font-size:14px;
    width:100%;
    height:auto;
    box-sizing:border-box;
}
#navList li{height:100%;display: inline-block;float:none;margin:0px;width:10%}
#navList li:nth-child(5){display:none;}
#cnblogs_c1,#cnblogs_c2,#ad_t2,#under_post_kb{display:none;}



a:visited,a:link{color:#db65ac;}
.postBody a:hover{color:rgb(168, 115, 253); transition:all 0.2s;}
.postBody a:link, .postBody a:visited, .postBody a:active {text-decoration:none;}

.postTitle a:hover {
    margin-left: 0px;
    text-decoration: none;
}

.postTitle a:link, .postTitle a:visited, .postTitle a:active {
    color:#ff7d7d;
    transition: 1s;
}

#topics .postTitle, .postTitle {
    font-size:2em;
    font-weight: normal;
}

#cnblogs_post_body h3 {
    font-weight:normal;
    font-size: 1.5em;
    line-height: 1.5;
    margin: 10px 0;
    color:#db65ac;
}



#mainContent {
    overflow: hidden;
    margin-right: 15%;
    width: 60%;
    padding: 40px 7%;
    box-shadow: 0px 0px 5px lightgrey;
    border-top: 2px solid #ffe894;
    box-sizing: border-box;
    float:right;
}

#sideBar {
    width: 15%;
    margin-left: 2.5%;
    float:left;    
    box-shadow: 0px 0px 5px lightgrey;
    padding: 1%;
    border-left: 2px solid #ffb6e2;
}
#sideBar h3{color: #666;}
#widget_my_google input[type=button]{position:static;display: block;}
#google_q{width:50%}

@media only screen and (max-width: 767px){
    #mainContent {
        margin-left: 0%;
        width: 100%;
        overflow: hidden;
    }
    #blog_nav_newpost {
        display: block !important;
    }
    #navList a {
        width:100% !important;
    }
    #navList li{width:20%}
    #navList li:nth-child(3) {
        display: none;
    }
    #sideBar {
        position: static;
        margin: 10px auto;
    }
}