/*生成博客目录的CSS*/
/*启用导航后的配套样式*/
.maincontent_has_naviagte{
	margin:2.3em 10em 0 5em;
}

/*保证添加固定导航后锚点显示正常，只需要这三个样式。
h1,h2,h3,h4,h5{
	margin-top:-2em;
	padding-top:2em;
	z-index:2;
}*/
#maincontent{
	/*margin-right: 400px;
    //margin-left: 30px;
	//border-right:1px gray dotted;*/
}
/*强制段内换行。*/
#maincontent p{
	word-break:break-all;
}
#cataloglist de div {
    text-align: center;
    font-size: 1.5em;
}
/*图片自动随边框绽放*/


#navi_bottom{
	border-top:1px solid #ccc3c3;
}
#navi_bottom div div {
	display: inline-block;
    text-align: center;
	margin-right:5em;
	width: 93.2%;
	color:#bfc4c7;
	}
/* img{
 width:auto;
 height:auto;
 max-width:100%;
 max-height:100%;
}*/

/*
#sideBar{
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    text-align:left;
    position:fixed;/*将div的位置固定到距离top:50px，right:0px的位置，这样div就会处在最右边的位置，距离顶部50px*/
    top:0px;
    right:40px;
    width: auto;
    height: auto; 
}
*/
#sideBarTab div.catalogtitle {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    margin-top: 3.2em;
    text-indent: unset;
    background: #ffffff00;
    border-right: none;
    text-align: center;
    /* background: #f5f5f500; */
    width: 8.5em;
    max-width: 10.5em;
    height: 2.6em;
    /* height: 9.5em; */
    /* height: 80px; */
    background-image: url(list.gif);
    background-size: 8.5em;
    background-repeat: no-repeat;
}
#sideBarTab{
    float:left;
    /*width:30px; 
    border:1px solid #d0c1c1;*/
    border-right:none;
    text-align:center;
    background:#f5f5f500;
}


#tab-summary{
  font-family: helvetica, arial;
  min-height: calc(100vh - 330px);
  font-size: 0.8em;
}
/*#tab-summary{
	clear:both;
    float:left;
    overflow:auto; 
    overflow-x:hidden !important;
   padding: 10px 10px 10px 10px; 
	 
	 margin-right:10px;
	 margin-bottom:10px;
    min-height:108px;
    max-height:680px;
    border:1px solid #d0c1c1;
    border-right:none; 
     background:#fffab6;
     background-image: url(./treebg.jpg);
}*/
#tab-summary dl{
    margin:0 0.2em 0 0;
    padding:0;
}

#tab-summary dt a{
    /*h1*/
    margin-top:5px;
    margin-left:1px;
    font-weight: 700;
    color:#fb0000;  
    display:block;/*h1需要添加此属性，使用a标签对齐*/
}

#tab-summary dd {
   margin-left: 0.1em;
   display:block;/*h2需要添加此属性，使用a标签对齐*/
}
#tab-summary dd a{
   /*h2*/
   cursor: pointer;
   color:#3ac716;
   margin-left: 1em;
}
#tab-summary de a{
    /*h3*/
    cursor: pointer;
    margin-left: 2em;
    color:#5dabff;
    display:block;/*h3需要添加此属性，使用a标签对齐*/
}
#tab-summary df a{
    /*h3*/
    cursor: pointer;
    margin-left: 2.8em;
    color:#9e9e9e;
    display:block;/*h4需要添加此属性,使用a标签对齐*/
}

#tab-summary dd:hover, #tab-summary dt:hover {
    color:#A7995A;
  /*  font-weight:bold;*/
}
/*
#page-wrapper h1  {
    font-size: x-large;
    padding: 2.5em 0 0 0;
    margin-top: -2.5em;
    margin-bottom: 0.5em;
}

#page-wrapper h2  {
    /font-size: large;
    padding: 3.7em 0 0 0;
    margin-top: -2.5em;
    margin-bottom: 0.5em;
    font-style: normal;
}


#page-wrapper h3 {
    //font-size: x-large;
    padding: 3.7em 0 0 0;
    margin-top: -2.5em;
    margin-bottom: 0.5em;
    color: #6b6b6b;
    background: #123e6700;
}
*/

h1 a, h2 a, h3 a, h4 a {
    color: #ffffff;
    position: relative;
    top: -50px;
}

h1 span, h2 span, h3 span, h4 span {
    padding-bottom: 9px;
    margin: 40px 0 20px;
}
dz{

    color: #ad6868;
    padding-top: 1em;
    text-align: center;
    margin-top: 1em;
    height: 1em;

}

dt , dd, de, df{


    overflow: hidden;
    // white-space: nowrap;
    text-overflow: ellipsis;
}
.md-toc{

    display: none;
}
.centered{
text-align: center;
font-size: 0.8em!important;

}
.centered a:hover{
  color: #ffffff;
  text-decoration: none;
}
#write h1,#write h2,#write h3{
font-weight: normal;
font-style: normal;
}
#write h3{
color: #5dabff;

    background: #fdfdfd;
border-bottom: 1px solid #eee;
}
#write h2{
color: #116149;
    background: #f9fbfa;
}
#write h1{
color: #fb0000;
    background: #eeeeee;
border-bottom: 1px solid #d0cccc;
}
body.typora-export {
   padding-left: 0!important;
   padding-right: 0!important;
}

/*移动设备适配*/
@media (max-width: 768px) {
    #sidebar {
        display:none;
    }
    
    #page-wrapper {
        max-width: calc(100vw );
        margin-left: 0px;
    }
}