.fn-readme-container *{
    line-height:2.2;
}
a
{
    text-decoration:none;
}

html, body
{
    background:#f0f0f0;
    height:100%;
    overflow:visible;
    font-size: 12px;
    color: #555;
}

.help-head
{
    height: 60px;
    background: #fff;
    box-shadow: 0px 5px 20px #ddd;
    position: fixed;
    width: 100%;
    z-index: 100;
    padding: 0 20px;
}

.headerLogo
{
    float: left;
    height: 30px;
    width:auto;
    margin-top: 15px;
}

.help-top-title
{
    float: left;
    line-height: 20px;
    margin-top: 20px;
    border-left: solid 1px #ccc;
    margin-left: 10px;
    padding-left: 10px;
    font-size: 18px;
    color: #999;
}

.top-place-holder{
    position: absolute;
    display: block;
    width: 100%;
    height: 60px;
    top: -60px;
}
.backHome
{    
    display: inline-block;
    padding: 4px 12px;
    margin-top: 7px;
    vertical-align: middle;
    font-size: 14px;
    float: right;
    color:white!important;
}

.help-left
{
    width:300px;
    height: 100%;
    float:left;
    padding-top: 60px;
    background: #fff;
}
.help-left a
{
    color:#333;
}

.help-right
{
    width:calc(100% - 300px);
    margin-top: 60px;
    height: calc(100% - 60px);
    overflow-x: hidden;
    overflow-y:scroll;
    float: right;
    padding-bottom: 50px;
}


@media (max-width: 1199px){
    .help-left{
        display: none;
    }
    .help-right{
        width: 100%;
    }
}


.help-menu
{
    height:100%;
    overflow-y:auto;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.help-container{
    width: 100%;
    max-width: 1000px;
    height: auto;
    margin: 20px auto;

}

.help-menu .help-title
{
    font-size:16px ;
    font-weight:normal ;
    counter-increment:menuTitle;
    counter-reset:menuSubTitle;
    padding-left:30px;
    border-left: solid 5px transparent;
    text-decoration:none!important
}

.menu-link{
    display: block;
}

.help-menu .help-title::before
{
    content:counter(menuTitle)'. ';
    width:28px;
    display:inline-block;
}


.help-menu .help-subtitle
{
    font-size:14px ;
    font-weight:normal ;
    padding-left:60px;
    counter-increment:menuSubTitle;
    border-left: solid 5px transparent;
}

.help-menu .help-subtitle::before
{
    content:counter(menuTitle)'.'counter(menuSubTitle)' ';
    width:36px;
    display:inline-block;
}

.help-menu .help-title:hover,
.help-menu .help-title[active],
.help-menu .help-subtitle:hover,
.help-menu .help-subtitle[active]{
    border-color: var(--styleColor);
    background: rgba(10,10,10,0.02);
    text-decoration: none;
}


.help-section
{
    counter-increment: title;
    counter-reset: subtitle;
    box-shadow: 5px 5px 40px #ccc;
    background: #fff;
    padding: 60px;
    min-height: calc(100% - 120px);
}

.help-title
{
    font-size:36px;
    line-height: 48px;
    height: 48px;
    font-weight: 500;
}

/* .help-title::before
{
    content:counter(title)'. ';
    width:28px;
    display:inline-block;
} */

.help-step::before{
    content:counter(step)'. ';
    width:22px;
    display:inline-block;
}

.help-step{
    counter-increment: step;
    font-size: 1.5rem;
    line-height: 3;
}

.help-summary
{
    background: #fafafa;
    padding: 15px;
    margin: 10px;
    margin-top: 20px;
    color: #666;
    font-size: 1.2rem;
}

.help-detail
{
    color:#333;
}

.help-subtitle
{
    font-size:2rem;
    line-height: 40px;
    counter-increment:subtitle;
    counter-reset:step;
    height: 40px;
}

.help-subtitle::before
{
    content:counter(title)'.'counter(subtitle)' ';
    width:48px;
    display:inline-block;
}

.help-content
{
    font-size:1.3rem;
    margin:20px 0;
}
.help-table
{
    border:1px solid #999;
    font-size: 1.2rem;
}

.help-table th
{
    border:1px solid #999;
    background:#eee;
    color:#333;
    padding:2px 10px;
    text-align: center;
}

.help-table td
{
    border:1px solid #999;
    margin-top: 10px;
    padding:2px 10px;
}
.chapter-edit{
    margin-left:10px;
    font-size: 1.2rem;
    float: right;
}

.keyword-highlight{
    color: #333;
    border-bottom: dotted 1px #999;
}

.keyword-highlight:hover{
    color: var(--styleColor);
}

.help-container ul li{
    list-style:inside;
}

.add-img-container img{
    width:100%;
    height:100%;
}


.help-container img{
    margin: 1rem 0;
    max-width: 100%;
    box-shadow: 5px 5px 25px #f0f0f0;
}

.help-container p
{
    /* margin: 10px 0; */
}

.help-container .help-container-title
{
    font-size: 1.4rem;
    font-weight: bold;
}

.help-container .CodeMirror{
    border: 1px solid #ccc;
    background: #fcfcfc;
    font-size: 1.2rem;
    font-family: inherit;
}

.help-table .title-group{
    width:20%;
}

.help-table .title-field{
    width:20%;
}

.help-table .title-memo{
    width:60%;
}

.help-remark{
    background: rgb(203, 220, 236);
    padding: 10px 20px;
    border-radius: 10px;
    margin: 10px 0;
}

.help-image-border{
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.2);
}

.sub-list{
    display: none;
}

.help-menu i.fa {
    line-height: 32px;
    cursor: pointer;
}

.help-menu a.tree-open {
    width: 20px;
    float: left;
}

.search-high-light{
    background:var(--styleColor);
    color:white;
}

.search-high-light.current{
    background:var(--styleColorLight);
}

.help-top-search{
    display:inline;
    float: right;
    margin: 7px 20px;
    width: 300px;
    position: relative;
}
.help-top-search input{
    border-radius: 8px;
    border:solid 2px #eee;
    background: #eee;
    outline: none;
    padding: 4px 10px;
    float:left;
    width: 100%;
}

.help-top-search-result {
    position: absolute;
    top: 40px;
    right: 0;
    background: #fff;
    width: 500px;
    max-height: 400px;
    overflow: auto;
    box-shadow: 5px 5px 25px #ccc;
    border-radius: 10px;
    padding: 10px;
    display: none;
}

.help-search-result{
    padding: 10px;
    cursor: pointer;
}

.help-search-result:hover{
    background: #fafafa;
}

.help-search-title {
    font-size: 1.3rem;
    font-weight: 500;
}

.help-top-search input:focus{
    background: #fff;
}

.help-search-updown{
    float:right;
    display:none;
    margin-right:20px;
    padding: 4px;
}

.attribute-key{
    background: #ddd;
    font-size: 1rem;
    padding: 0 10px;
    border: solid 1px #999;
}

.attribute-value{
    background: #f9f9f9;
    font-size: 1rem;
    padding: 0 10px;
    border: solid 1px #999;
}

.exportPDF{
    display: inline-block;
    padding: 4px 12px;
    margin-top: 7px;
    vertical-align: middle;
    font-size: 1.2rem;
    float: right;
    color: white!important;
    margin-right: 10px;
}

.markdown pre{
    padding: 0px;
    border-radius: 8px;
}

.chapter-prev{
    float: left;
}
.chapter-prev::before{
    content: "<";
    margin: 0 5px;
}

.chapter-next{
    float: right;
}
.chapter-next::after{
    content: ">";
    margin: 0 5px;
}

.help-nav{
    padding: 1rem 0;
    font-size: 1.1rem;
}

.help-footer {
    padding: 1rem 0;
    font-size: 1.3rem;
}

.help-nav .path {
    color: #999;
}

table {
    background: #fff;
    border: solid 1px #ddd;
    margin-bottom: 1.25rem;
    table-layout: auto;
    font-size: 1.2rem;
}

table caption {
    background: transparent;
    color: #222;
    font-weight: bold
}

table thead {
    background: #F5F5F5
}

table thead tr th,table thead tr td {
    color: #222;
    font-weight: bold;
    padding: 0.5rem 0.625rem 0.625rem
}

table tfoot {
    background: #F5F5F5
}

table tfoot tr th,table tfoot tr td {
    color: #222;
    font-weight: bold;
    padding: 0.5rem 0.625rem 0.625rem
}

table tr th,table tr td {
    color: #222;
    padding: 0.5625rem 0.625rem;
    text-align: left
}

table tr.even,table tr.alt,table tr:nth-of-type(even) {
    background: #F9F9F9
}

table thead tr th,table tfoot tr th,table tfoot tr td,table tbody tr th,table tbody tr td,table tr td {
    display: table-cell;
    line-height: 1.125rem
}

pre code{
    white-space: unset;
}

pre{
    border: unset;
}

blockquote {
    background: #fafafa;
    font-size: 1.2rem;
    border-radius: 8px;
}