#home {
    margin: 0 auto;
    max-width:calc(1000px - (30px * 2));
    width:calc(1000px - (30px * 2));

}
#main {
    max-width:calc(100vw - (30px * 2));
    margin: 30px auto;

}

@media screen and (max-width: 1259px) {
    #home {
        width:100%!important
    }
}

@media screen and (max-width: 640px) {
    #home {
        max-width:calc(100vw - (8px * 2))!important;
    }

    #main {
    max-width:calc(100vw - (10px * 2));
    margin: 30px auto;

}
}

html,body,h1,h2,h3,h4,h5,h6,p,blockquote,hr,dl,dd,ol,ul,figure,div,span{margin:0;padding:0;}
body{font:400 16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
color:#111;
background-color:#fdfdfd;
-webkit-text-size-adjust:100%;
-webkit-font-feature-settings:"kern" 1;
-moz-font-feature-settings:"kern" 1;
-o-font-feature-settings:"kern" 1;
font-feature-settings:"kern" 1;
font-kerning:normal;
display:flex;
min-height:100vh;
flex-direction:column}

a{color:#2a7ae2;text-decoration:none}
a:visited{color:#1756a9}
a:hover{color:#111;  
text-decoration: underline;text-decoration-skip: ink;}



a.vertical-middle>*{
    vertical-align:bottom;
}

.post{padding:.75rem;}
.postTitle,.postTitle2{font-size:24px; line-height: 48px;}
.postTilte2 span{display: block;line-height: 48px;height:48px;}


.postCon{display:none;}

.postDesc {background:none;line-height:2.5;margin-bottom: 30px;color:#666;}

.postDesc a:nth-child(2){display: none;}
.postDesc a:nth-child(6){display: none;}
.postDesc a:nth-child(7){display: none;}


body.has-navbar {margin-top: 0px;}
#top_nav,#lnkBlogLogo,#sideBar,.blogStats,.post-view-count,.post-comment-count,.post-digg-count,#cnblogs_ch,#cnblogs_c1,
#under_post_card1,#under_post_card2,.dayTitle,#comment_nav,#author_profile,#div_digg,#comment_form_container,#blog_post_info{display:none;}
#mainContent .forFlow {margin-left: 0;}

#topics .postTitle {border: none;}
    .postBody{padding:20px 0px;}
#header {
    border-bottom: none; 
    padding-bottom: 0px; 
    border-top: 5px solid #424242;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
    min-height: 55.95px;
}
#blogTitle {   
    margin-bottom: 0;
    float: left;
}

.headermaintitle{font-size: 30px;
    font-weight: 300;
    line-height: 54px;
    letter-spacing: -1px;}



#navigator {
   float: right;
   line-height: 54px;
}

#navList>li {
list-style: none;
float: left;
font-size: 17px ;
}


#navList a {
    display: block;
    width: 5em;
    height: 40px;
    line-height: 40px;
    float: left;
    text-align: center;
    padding-top: 8px;
    border-right: 0;
}



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

.postBody p{
    text-align: justify;
}
#post_next_prev {
    padding:20px 0px
    line-height: 1.8;
    font-size: 16px;
}

#footer {text-align: center;font-size:14px;color:#ccc;}