.content [id ^= "dh-green"] {
    background-color: #bcffbc !important;
}
.content [id ^= "dh-lightblue"] {
    background-color: #bcddff !important;
}
.content [id ^= "dh-orange"] {
    background-color: #ffddbc !important;
}
.content [id ^= "dh-red"] {
    background-color: #ffbcbc !important;
}
.content ol {
    counter-reset: p-cnt;
    list-style: none;
}
.content ol > li {
    position: relative;
}
.content ol > li::after {
    counter-increment: p-cnt;
    content: '(' counter(p-cnt) ')';
    position: absolute;
    top: 0;
    left: -2.5em;
    display: block;
    min-width: 2em;
    text-align: right;
}
.content .list-no-mark ul,
.content .list-no-mark ol {
    list-style: none;
}
.content blockquote {
    clear: both;
    padding: 0.75em 1em;
    border: 1px solid #b2c3cc;
    background-color: #f3f9ff;
}
.content blockquote p:first-child {
    margin-top: 0;
}
.content blockquote p:last-child {
    margin-bottom: 0;
}
.content table {
    margin-top: 1em;
    margin-bottom: 1em;
    border-collapse: collapse;
}
.content table thead th {
    padding: 4px 8px;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
}
.content table tbody td {
    padding: 4px 8px;
    background-color: #fff;
    border: 1px solid #ccc;
}
.content .img2col div {
    float: left;
    width: 48.3334%;
}
.content .img2col div:first-child {
    margin-right: 3.3334%;
}
.content .img3col div {
    float: left;
    width: 31.1112%;
    margin-left: 3.3334%;
}
.content .img3col div:first-child {
    margin-left: 0;
}
.content .img2col div p,
.content .img3col div p {
    margin-top: 4px;
}
