#idDOC {
    font-size: 20px;
    counter-reset: h1no;
    overflow-y:auto;
}

#idDOC .keyword{
    color: #33E;
}

#idDOC h1 {
    /* list-style-type: none; */
    /* font-size: 50px; */
    font-family: 'Times New Roman', Times, serif;
    font-size: 40px;
    font-weight: bold;
    display: block;
    margin: 20px 0 20px 20px;
    counter-reset: h2no;
}

#idDOC h1 span:hover {
    cursor: pointer;
    /* list-style-type: none; */
    color: #33A;
}

#idDOC h1 span:before {
    counter-increment: h1no;
    content: counter(h1no)".  ";
    /* font-size: 30px; */
}

#idDOC h2 {
    /* list-style-type: none; */
    /* font-size: 40px; */
    font-size: 35px;
    font-family: 'Times New Roman', Times, serif;
    font-weight: bold;
    display: block;
    margin: 10px 0 10px 30px;
    counter-reset: h3no;
}

#idDOC h2 span:hover {
    cursor: pointer;
    /* list-style-type: none; */
    color: #33A;
}

#idDOC h2 span:before {
    counter-increment: h2no;
    content: counter(h1no)"."counter(h2no)".    ";
    /* font-size: 30px; */
}

#idDOC h3 {
    /* list-style-type: none; */
    font-size: 30px;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    font-weight:lighter;
    font-style: italic;
    display: block;
    margin: 20px 0 10px 30px;
    counter-reset: h4no;
}

#idDOC h3 span:hover {
    cursor: pointer;
    /* list-style-type: none; */
    color: #33A;
}

#idDOC h3 span:before {
    counter-increment: h3no;
    content: counter(h1no)"."counter(h2no)"."counter(h3no)".    ";
    /* font-size: 30px; */
}

#idDOC p {
    /* font-size: 25px; */
    font-size: 20px;
    font-family: 'Times New Roman', Times, serif;
    display: block;
    margin: 10px 0 10px 0px;
}
#idDOC p:before {
    white-space: pre;
    content: "  ";
}
.keyword-PRE{
    color:#AAA;
}

.tbl,.tbl th,.tbl td{
    border:1px solid #000;
    background: #FFF;
}
.tbl td li{
    list-style-type:none;
}