.foot-oldblog{
 text-align:center;
}

#githubHref{
    position: fixed;
    top: 0;
    right: 0;
    width: 70px;
    z-index:1000;
}
a[href="#top"],#under_post_news{ display:none }
#main a {
    box-shadow: 0 1px 3px #fff;
    border: 0;
    background: transparent;
    color:#148cd4;
}
#main a:hover {
    background: transparent;
}

#githubHref div{
    border-top: 70px solid #ffffff;
    border-left: 70px solid transparent;
}
#githubHref svg{
    transform: rotate(45deg);
    z-index: 2000;
    position: absolute;
    right: 5px;
    top: 5px;
}
#scrollToTop{
    position: fixed;
    right: 0;
    bottom: 100px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 25px;
    margin-right: 30px;
    color: #8e8989;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(100, 100, 100, 0.3);
    background-color: #fff;
    z-index: 2020;
    border-radius: 4px;
}
.comment_btn,#commentbox_opt a,input[type="button"]:not(.btn_my_zzk){
    border: 1px solid #0e90ff;
    background-color: #fff;
    border-radius: 3px;
    color: #0e90ff;
    box-shadow: 0px 0px 1px #0e90ff;
    cursor: pointer;
}
.comment_btn:hover,#commentbox_opt a:hover,input[type="button"]:hover{
    background-color:#0e90ff;
    color:#fff;
    text-decoration:none;
}
#commentbox_opt a{    
    padding: 0 10px;
    margin-left: 10px;
}
li{
    margin:5px 0px;
}
a{
    display: inline-block; 
    text-decoration:none!important;
    position:relative;
}

a:not(.postTitle2):after{
          content: '';
          width: 0;
          position: absolute;
          bottom: 0px;
          left: 50%;
          right: 0;
          height: 1px;
          transition: all .5s;
}
a:not(.postTitle2):not(#githubHref):not(.entrylistItemTitle):hover:after{
          background-color: #409eff;
          width: 50%;
          transform: scaleX(2) translate(-25%);
}
#home{
    box-shadow: 0 4px 6px rgba(100, 100, 100, 0.3);
    z-index: 2000;
    position: relative;
}
textarea:focus,input:focus{
    border-color: #99baca!important;
    outline: 0;
    color: #666;
}
textarea{max-width:100%}

#tbCommentAuthor{border:0!important}

.day .c_b_p_desc a{color:#4d95e6}

#div_digg{
    position: fixed;
    right: 0;
    bottom: 0;
    background-color: #fff;
    padding: 10px 10px 0 10px;
}
#clickCanvas{
    z-index:0;
    position: fixed;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #efefef;
    margin: 3.2em 0;
    padding: 0;
}
iframe{border:0}
#cnblogs_post_body blockquote{
    margin-bottom: 40px;
    box-sizing: border-box;
    padding: 0 0 0 1.6em;
    border: 0;
    border-left: #4a4a4a 0.4em solid;
   background: #fff;
}
#cnblogs_post_body .hljs{
    max-height: 300px;
    overflow: auto;
    border: 1px solid #E3EDF3;
}
.hljs-keyword, .hljs-selector-tag, .hljs-built_in, .hljs-name, .hljs-tag {
        color: #CC7833;
}
.hljs-string, .hljs-title, .hljs-section, .hljs-literal, .hljs-template-tag, .hljs-template-variable, .hljs-type, .hljs-addition {
   color: #a31515;
}
.hljs-attr,.hljs-attribute {
    color: #bf3a62;
}
.hljs-comment, .hljs-quote, .hljs-variable {
    color: #11b111;
}
.hljs-deletion, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-meta {
    color: #28aad0;
}
.cnblogs-markdown code, .cnblogs-post-body code{
    border-color:#fff!important;
}
#ad_t2,#cnblogs_c1,#cnblogs_c2,#under_post_kb{
    display:none
}
/*top*/
#header{
    display:none
}
@media screen and (max-width: 767px) {
    ul.navMenu {
        width: auto;
        min-width:0;
    }
}
.navMenu{
    z-index: 3000;
    position: relative;
    width: 65%;
    margin: 0 auto;
    padding: 0 30px;
    background-color: #fff;
    color: #222;
    font-size: 14px;
    margin-top: 50px;
    min-width: 950px;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}
div#home{
    margin-top: 0;
}
.navMenu .dropdown-content{
    width: 100%;
    background-color: #fff;
    overflow: hidden;
    box-sizing: border-box;
    height: 0;
    margin-top:10px;
    position: absolute;
    box-shadow: 0px 0px 2px 0px rgba(148, 142, 142, 0.74);
    transition: all .5s;
    border: 1px;
    text-align: left;
}
.navMenu .dropdown-content i{font-size: 12px;}
.navMenu>li{ display: inline-block; width: 100px; margin:0; text-align:center; padding: 10px 0; position: relative; z-index: 1999;cursor: context-menu;}
.navMenu i{ margin-right:5px}
.navMenu>li li{
    margin: 0;
    padding: 5px;
}
.navMenu .category:hover .dropdown-content{height:150px}
.navMenu .vue:hover .dropdown-content{height:180px}
.navMenu .canvas:hover .dropdown-content{height:180px}
.navMenu .webapp:hover .dropdown-content{height:90px}
.navMenu .react:hover .dropdown-content{height:124px}

.navMenu .vue .dropdown-content{ width: 226px}
.navMenu .canvas .dropdown-content{ width: 185px}
.navMenu .webapp .dropdown-content{width: 275px;}
.navMenu .react .dropdown-content{width: 200px;}


.menu_h2{
  font-size: 16px;
}
.menu_h3{
font-size: 14px;margin-left: 10px;display: block;
}
.menu_ul{
    box-shadow: rgb(167 162 162) 0px 0px 3px;
     background-color: #fff;
    color: #666;
    padding: 10px;border-radius: 4px;
    transform-origin: 20px 100%;
    transition: transform 0.3s ease 0s;
    max-height: 300px;
    overflow: auto;
}
.menu_container{
  position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 2001;
}

.menu_btn{
 text-align: center;
    font-size: 18px;
    margin-right: 30px;
    color: rgb(142, 137, 137);
    cursor: pointer;
    box-shadow: rgb(100 100 100 / 30%) 0px 4px 6px;
    background-color: rgb(255, 255, 255);
    z-index: 9999;
    border-radius: 4px;
    padding: 5px;
    margin: 0;
    border: 0;
    margin-top: 2px;
}
.medium-zoom-overlay{
    z-index: 2021;
}

.medium-zoom-image.medium-zoom-image--opened{
    z-index: 2021;
}

#bannerbar{
display: none;
}

#cnblogs_post_body h2{
   border-bottom: 1px double rgba(0,0,0,.1);
    margin: 2.5rem 0 1rem;
    padding-bottom: .5rem;
}

.code-fullscreen-overlay{
    z-index: 3000;
}