/*!
 * This file is part of the DITA Open Toolkit project.
 *
 * Copyright 2018 ZTE Corporation
 *
 * See the accompanying LICENSE file for applicable license.
 */
.parentlink>.links,
ul>li,
ol>li {
    margin: 6pt 0
}

body,
section,
div.p,
p,
figure,
table,
.refbody,
.refsyn,
.abstract,
.example,
.image[data-placement="break"],
.shortdesc,
ul,
ol {
    margin: 5px 0
}

.refsyn>.title,
.example>.title,
.shortdesc>.title,
body .topictitle,
section>.title,
div.tab-head>.title,
figure figcaption,
.note .notetitle,
.note .note--title,
table caption,
div.tasklabel,
.abstract>.title,
.title {
    font-weight: bold
}

.refsyn>.title,
.example>.title,
.shortdesc>.title {
    background-color: #d8d8d8;
    padding: 3pt 5pt 3pt 2pt
}

html {
    font-family: Arial, "微软雅黑", "宋体", monospace
}

body {
    margin-bottom: 3em;
    line-height: 1.45;
    break-before: page;
    margin-left: calc(25pt + 5px);
    width: calc(95% - 25pt - 5px)
}

body .topictitle {
    color: #008ed3;
    line-height: 1.1;
    margin-top: 1.5em;
    margin-bottom: 1em
}

a[href] {
    color: #008ed3
}

section {
    border: solid transparent 0.75px
}

.body[data-type="tab"] section {
    padding: 2pt 8pt 8pt 8pt
}

section>.title {
    background-color: #d8d8d8;
    padding: 3pt 5pt 3pt 2pt
}

section.actived {
    border-left: solid #d8d8d8 0.75px;
    border-bottom: solid #d8d8d8 0.75px;
    border-right: solid #d8d8d8 0.75px
}

section.invisible {
    display: none
}

div.body[data-type="fold"]>section {
    padding: 0;
    border: none
}

div.body[data-type="fold"]>section>.title:first-child {
    padding-left: 11px;
    cursor: default
}

div.body[data-type="fold"]>section>.title:first-child:not([collapsed]) {
    background-color: #858585;
    color: #fff
}

div.body[data-type="fold"]>section>.title:first-child::before {
    margin-right: 0.5em;
    content: url("images/fold.png")
}

div.body[data-type="fold"]>section>.title:first-child[collapsed]::before {
    content: url("images/unfold.png")
}

div.tab-head {
    display: flex;
    margin-top: 8pt;
    margin-bottom: -9pt;
    border-bottom: solid #d8d8d8 0.75px
}

div.tab-head>.title {
    margin-bottom: -1pt;
    padding: 5px 20px 9px 20px;
    border-top: solid transparent 3px;
    border-left: solid transparent 0.75px;
    border-right: solid transparent 0.75px;
    border-bottom: solid transparent 0.75px;
    cursor: default
}

div.tab-head>.title.actived {
    border-top: solid #1384c5 3px;
    border-left: solid #d8d8d8 0.75px;
    border-right: solid #d8d8d8 0.75px;
    border-bottom: solid #fff 0.75px
}

div.tab-head>.title.hidden {
    display: none
}

.bold {
    font-weight: bold
}

.bolditalic {
    font-style: italic;
    font-weight: bold
}

.italic {
    font-style: italic
}

.underlined {
    text-decoration: underline
}

.defkwd {
    font-weight: bold;
    text-decoration: underline
}

figure figcaption {
    margin-top: 1.5em;
    margin-bottom: 1em
}

.note {
    margin-bottom: 1em;
    margin-top: 1em;
    padding-left: 10px;
    border: thin #c1c1c1 solid;
    border-top: none
}

.note .notetitle,
.note .note--title {
    margin-left: -11px;
    margin-right: -1px;
    padding: 2px 5px;
    background-color: #c2d1eb
}

.note .notetitle:before,
.note .note--title:before {
    content: url(images/note.png)
}

.note-caution .note--title {
    background-color: #f2cdcd
}

.note-caution .note--title:before {
    content: url("images/danger.png")
}

.note-danger .note--title {
    background-color: #f2cdcd
}

.note-danger .note--title:before {
    content: url("images/danger.png")
}

.note-notice .note--title {
    background-color: #f3d9a6
}

.note-notice .note--title:before {
    content: url("images/notice.png")
}

.note-warning .note--title {
    background-color: #f2cdcd
}

.note-warning .note--title:before {
    content: url("images/danger.png")
}

table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    border: #7f7f80 solid 0.75px;
    text-align: left;
    word-wrap: break-word
}

table caption {
    text-align: left;
    margin-top: 0.5em;
    margin-bottom: 0.5em
}

table thead {
    color: #fff
}

table thead tr:first-child>th {
    border-top-color: #1384c5
}

table thead th {
    background-color: #1384c5;
    border: #fff solid 0.75px;
    padding: 5pt 7pt
}

table thead th:first-child {
    border-left-color: #1384c5
}

table thead th:last-child {
    border-right-color: #1384c5
}

table tbody th,
table tbody td {
    padding: 5pt 7pt;
    border: #7f7f80 solid 0.75px
}

table tbody th>*:first-child,
table tbody td>*:first-child {
    margin-top: 0
}

table tbody th>*:last-child,
table tbody td>*:last-child {
    margin-bottom: 0
}

table th:not([valign]),
table td:not([valign]) {
    vertical-align: top
}

div.termabbr {
    margin-top: 0.7em;
    color: #4181cf;
    font-weight: bold;
    font-size: 11pt
}

div.termfull {
    margin: 0;
    line-height: 1.45
}

div.termfull>span {
    margin-left: 10pt;
    font-weight: normal
}

.codeph {
    font-family: monospace
}

.kwd {
    font-weight: bold
}

.parmname {
    font-style: italic
}

.var {
    font-style: italic
}

.refsyn>.title {
    margin-top: 1em
}

.refsyn>.title:first-child {
    padding: 3pt 5pt 3pt 2pt
}

.cmdname {
    font-weight: bold
}

.filepath {
    font-style: italic
}

.systemoutput {
    font-family: Arial, "微软雅黑", "宋体", monospace
}

.userinput {
    font-family: Arial, "微软雅黑", "宋体", monospace;
    font-style: italic
}

div.tasklabel {
    margin-top: 1em;
    padding: 3pt 5pt 3pt 2pt;
    background-color: #d8d8d8
}

.abstract>.title {
    margin-top: 1em;
    padding: 3pt 5pt 3pt 2pt;
    background-color: #d8d8d8
}

.abstract:empty {
    margin: 0
}

.image[data-placement="break"] {
    display: block
}

nav {
    line-height: 1
}

.navtitle {
    margin-top: 2em;
    color: #008ed3;
    font-size: 12pt;
    font-weight: bold
}

pre {
    background-color: #373838
}

.searchtitle {
    display: none
}

.sectiondiv,
.stepsection {
    margin-top: 15pt;
    margin-bottom: 5pt
}

.sectiondiv>.body,
.stepsection>.body {
    padding: 3pt 5pt 3pt 2pt;
    font-weight: bold;
    background-color: #e0e0e0
}

.gxref {
    text-decoration: none;
    color: #008ED3
}

.screen {
    padding: 5px;
    background-color: #dfdfdf
}

html[lang="chs"] .menucascade::before {
    content: "【";
    font-family: "微软雅黑", "宋体", monospace;
    font-weight: bold
}

html[lang="chs"] .menucascade::after {
    content: "】";
    font-family: "微软雅黑", "宋体", monospace;
    font-weight: bold
}

.menucascade>abbr {
    text-decoration: none;
    font-family: "宋体", Arial, monospace;
    font-weight: bold
}

.shortcut {
    text-decoration: underline
}

.uicontrol {
    font-weight: bold
}

.wintitle {
    font-weight: bold
}

.numcharref {
    color: #639;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

.parameterentity {
    color: #639;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

.textentity {
    color: #639;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

.xmlatt {
    color: #639;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

.xmlelement {
    color: #639;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

.xmlnsname {
    color: #639;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

.xmlpi {
    color: #639;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

.frame-top {
    border-top: solid 1px;
    border-right: 0;
    border-bottom: 0;
    border-left: 0
}

.frame-bottom {
    border-top: 0;
    border-right: 0;
    border-bottom: solid 1px;
    border-left: 0
}

.frame-topbot {
    border-top: solid 1px;
    border-right: 0;
    border-bottom: solid 1px;
    border-left: 0
}

.frame-all {
    border: solid 1px
}

.frame-sides {
    border-top: 0;
    border-left: solid 1px;
    border-right: solid 1px;
    border-bottom: 0
}

.frame-none {
    border: 0
}

.scale-50 {
    font-size: 50%
}

.scale-60 {
    font-size: 60%
}

.scale-70 {
    font-size: 70%
}

.scale-80 {
    font-size: 80%
}

.scale-90 {
    font-size: 90%
}

.scale-100 {
    font-size: 100%
}

.scale-110 {
    font-size: 110%
}

.scale-120 {
    font-size: 120%
}

.scale-140 {
    font-size: 140%
}

.scale-160 {
    font-size: 160%
}

.scale-180 {
    font-size: 180%
}

.scale-200 {
    font-size: 200%
}

.expanse-page,
.expanse-spread {
    width: 100%
}

.parentlink>.links>a {
    margin-left: 1em
}

.olchildlink {
    margin-bottom: 1em;
    margin-top: 1em
}

.linklist {
    margin-bottom: 1em
}

ul.linklist {
    margin-top: 0;
    list-style-type: none;
    padding-left: 0
}

li.linklist {
    margin-top: 0;
    margin-bottom: 0
}

.linklistwithchild {
    margin-bottom: 1em;
    margin-left: 1.5em
}

.sublinklist {
    margin-bottom: 1em;
    margin-left: 1.5em
}

.relconcepts {
    margin-bottom: 1em;
    margin-top: 1em
}

.reltasks {
    margin-bottom: 1em;
    margin-top: 1em
}

.relref {
    margin-bottom: 1em;
    margin-top: 1em
}

.relinfo {
    margin-bottom: 1em;
    margin-top: 1em
}

.breadcrumb {
    font-size: smaller;
    margin-bottom: 1em
}

ul,
ol {
    padding: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

ul ul,
ol ul,
ul ol,
ol ol {
    margin-top: 0
}

ul>li,
ol>li {
    align-items: baseline
}

ul>li:not(.topicref),
ol>li:not(.topicref) {
    display: table-row
}

ul>li.sect1,
ol>li.sect1 {
    margin-left: 1.5em
}

ul>li.sect2,
ol>li.sect2 {
    margin-left: 1.5em
}

ul>li.sect3,
ol>li.sect3 {
    margin-left: 1.5em
}

ul>li.sect4,
ol>li.sect4 {
    margin-left: 1.5em
}

ul>li.sect5,
ol>li.sect5 {
    margin-left: 1.5em
}

ul>li>li:last-child,
ol>li>li:last-child {
    margin-bottom: 0
}

ul>li>.prefix,
ol>li>.prefix {
    display: table-cell;
    width: 2em;
    overflow-wrap: normal;
    word-wrap: normal
}

ul>li>.prefix:before,
ol>li>.prefix:before {
    padding: 0 6px
}

ul>li>.body,
ol>li>.body {
    display: table-cell
}

ul[data-level]>li {
    list-style-type: none
}

ul[data-level="1"]>li>.prefix {
    color: #5d5e5e;
    font-family: "宋体", Arial
}

ul[data-level="1"]>li>.prefix::before {
    content: "■"
}

ul[data-level="2"]>li>.prefix {
    font-family: "宋体", Arial
}

ul[data-level="2"]>li>.prefix::before {
    content: "→"
}

ul[data-level="3"]>li>.prefix {
    font-family: "宋体", Arial
}

ul[data-level="3"]>li>.prefix::before {
    content: "♦"
}

ul[data-level="4"]>li>.prefix {
    font-family: "宋体", Arial
}

ul[data-level="4"]>li>.prefix::before {
    content: "◊"
}

ul[data-level="5"]>li>.prefix {
    font-family: "宋体", Arial
}

ul[data-level="5"]>li>.prefix::before {
    content: "⇒"
}

ul.ullinks {
    margin-left: 1em
}

ul.ullinks>li {
    color: #008ed3
}

ul.ullinks>li>.prefix {
    color: #008ed3;
    font-family: "宋体", Arial
}

ul.ullinks>li>.prefix::before {
    content: "■"
}

ul.bnl {
    color: #655f56
}

ul.bnl[data-level="1"] {
    counter-reset: bnli
}

ul.bnl[data-level="1"]>li>.prefix {
    font-family: Arial
}

ul.bnl[data-level="1"]>li>.prefix::before {
    content: "■"
}

ol {
    display: table
}

ol[data-level]>li {
    list-style-type: none
}

ol[data-level="1"] {
    counter-reset: ol-li-1
}

ol[data-level="1"]>li>.prefix {
    font-family: Arial
}

ol[data-level="1"]>li>.prefix::before {
    content: counter(ol-li-1, decimal) "";
    counter-increment: ol-li-1;
    background-color: #d8d8d8
}

ol[data-level="1"].bunch>li>.prefix {
    position: relative;
    margin-left: -1px;
    padding: 3px 4px 3px 8px;
    color: #fff
}

ol[data-level="1"].bunch>li>.prefix::before {
    background-color: transparent;
    padding: 0
}

ol[data-level="1"].bunch>li>.prefix::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    content: "";
    border-radius: 100%;
    background-color: #1384c5;
    z-index: -1
}

ol[data-level="2"] {
    counter-reset: ol-li-2
}

ol[data-level="2"]>li>.prefix {
    font-family: Arial
}

ol[data-level="2"]>li>.prefix::before {
    content: counter(ol-li-2, lower-latin) ".";
    counter-increment: ol-li-2
}

ol[data-level="2"].bunch>li>.prefix {
    position: relative;
    margin-left: -1px;
    padding: 3px 4px 3px 8px;
    color: #fff
}

ol[data-level="2"].bunch>li>.prefix::before {
    background-color: transparent;
    padding: 0
}

ol[data-level="2"].bunch>li>.prefix::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    content: "";
    border-radius: 100%;
    background-color: #1384c5;
    z-index: -1
}

ol[data-level="3"] {
    counter-reset: ol-li-3
}

ol[data-level="3"]>li>.prefix {
    font-family: Arial
}

ol[data-level="3"]>li>.prefix::before {
    content: counter(ol-li-3, lower-roman) ".";
    counter-increment: ol-li-3
}

ol[data-level="3"].bunch>li>.prefix {
    position: relative;
    margin-left: -1px;
    padding: 3px 4px 3px 8px;
    color: #fff
}

ol[data-level="3"].bunch>li>.prefix::before {
    background-color: transparent;
    padding: 0
}

ol[data-level="3"].bunch>li>.prefix::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    content: "";
    border-radius: 100%;
    background-color: #1384c5;
    z-index: -1
}

ol[data-level="4"] {
    counter-reset: ol-li-4
}

ol[data-level="4"]>li>.prefix {
    font-family: Arial
}

ol[data-level="4"]>li>.prefix::before {
    content: counter(ol-li-4, decimal) ")";
    counter-increment: ol-li-4
}

ol[data-level="4"].bunch>li>.prefix {
    position: relative;
    margin-left: -1px;
    padding: 3px 4px 3px 8px;
    color: #fff
}

ol[data-level="4"].bunch>li>.prefix::before {
    background-color: transparent;
    padding: 0
}

ol[data-level="4"].bunch>li>.prefix::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    content: "";
    border-radius: 100%;
    background-color: #1384c5;
    z-index: -1
}

ol[data-level="5"] {
    counter-reset: ol-li-5
}

ol[data-level="5"]>li>.prefix {
    font-family: Arial
}

ol[data-level="5"]>li>.prefix::before {
    content: counter(ol-li-5, upper-roman) ")";
    counter-increment: ol-li-5
}

ol[data-level="5"].bunch>li>.prefix {
    position: relative;
    margin-left: -1px;
    padding: 3px 4px 3px 8px;
    color: #fff
}

ol[data-level="5"].bunch>li>.prefix::before {
    background-color: transparent;
    padding: 0
}

ol[data-level="5"].bunch>li>.prefix::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    content: "";
    border-radius: 100%;
    background-color: #1384c5;
    z-index: -1
}

ol.bnl {
    color: #655f56
}

ol.bnl[data-level="1"] {
    counter-reset: bnl-li-1
}

ol.bnl[data-level="1"]>li>.prefix {
    font-family: Arial;
    margin-right: 1em
}

ol.bnl[data-level="1"]>li>.prefix::before {
    content: counter(bnl-li-1, decimal) ".";
    counter-increment: bnl-li-1;
    padding: 0;
    background-color: rgba(0, 0, 0, 0)
}

ul.simple {
    list-style-type: none
}

.dlterm {
    font-weight: bold
}

.dltermexpand {
    font-weight: bold;
    margin-top: 1em
}

*[compact="yes"]>li {
    margin-top: 0
}

*[compact="no"]>li {
    margin-top: 0.53em
}

.liexpand {
    margin-bottom: 1em;
    margin-top: 1em
}

.sliexpand {
    margin-bottom: 1em;
    margin-top: 1em
}

.dlexpand {
    margin-bottom: 1em;
    margin-top: 1em
}

.ddexpand {
    margin-bottom: 1em;
    margin-top: 1em
}

.stepexpand {
    margin-bottom: 1em;
    margin-top: 1em
}

.substepexpand {
    margin-bottom: 1em;
    margin-top: 1em
}

dt.prereq {
    margin-left: 20px
}

/*!
 * This file is part of the DITA Open Toolkit project.
 *
 * Copyright 2015 Jarno Elovirta
 *
 * See the accompanying LICENSE file for applicable license.
 */
.align-left {
    text-align: left
}

.align-right {
    text-align: right
}

.align-center {
    text-align: center
}

.align-justify {
    text-align: justify
}

.valign-top {
    vertical-align: top
}

.valign-bottom {
    vertical-align: bottom
}

body {
    font-size: 10pt !important
}

body .topictitle {
    font-size: 16pt !important
}

body table caption {
    font-size: 9pt !important
}

body table caption>.title {
    font-size: 9pt !important
}

body .bnl {
    font-size: 9pt !important
}

body figcaption {
    font-size: 9pt !important
}

body .example>.title,
body .refsyn>.title,
body .shortdesc>.title {
    font-size: 11pt !important
}

body .note .notetitle,
body .note .note--title {
    font-size: 10pt !important
}

body[doc-type='app'] {
    font-size: 13pt !important
}

body[doc-type='app'] .topictitle {
    font-size: 17pt !important
}

body[doc-type='app'] table caption {
    font-size: 12pt !important
}

body[doc-type='app'] table caption>.title {
    font-size: 12pt !important
}

body[doc-type='app'] figcaption {
    font-size: 12pt !important
}

body[doc-type='app'] .bnl {
    font-size: 12pt !important
}

body[doc-type='app'] .example>.title,
body[doc-type='app'] .refsyn>.title,
body[doc-type='app'] .shortdesc>.title {
    font-size: 11pt !important
}

body[doc-type='app'] .note .notetitle,
body[doc-type='app'] .note .note--title {
    font-size: 10pt !important
}

body[doc-type='app'] {
    width: calc(100% - 10pt);
    margin: 8pt 5pt 0 5pt
}

body[doc-type="app"] .image {
    max-width: 100%
}