/*Created with Adobe RoboHelp 2015.*/

.manual {
    font-family: "Microsoft JhengHei";
    counter-reset: pbasicnumber1 0 proundsquare1 0;
}
    .manual h1 {
        margin-left: 0pt;
        background-color: Transparent;
        font-style: normal;
        font-weight: bold;
        color: #595959;
        font-family: "Microsoft JhengHei";
        font-size: 24pt;
        margin-top: 0pt;
        margin-bottom: 14pt;
    }
.manual h2 {
    margin-left: -0.5pt;
    background-color: Transparent;
    font-style: normal;
    font-weight: bold;
    font-family: "Microsoft JhengHei", sans-serif;
    font-size: 18pt;
    color: #595959;
    margin-top: 18.5pt;
    margin-bottom: 14pt;
}
.manual h3 {
    margin-left: -0.5pt;
    margin-left: -0.5pt;
    font-weight: bold;
    font-family: "Microsoft JhengHei", sans-serif;
    font-size: 14pt;
    color: #0075ad;
    margin-top: 18.5pt;
    margin-bottom: 14pt;
}
.manual h4 {
    font-weight: bold;
    color: #2d373c;
    font-size: 12pt;
    font-family: "Microsoft JhengHei";
    margin-top: 18.5pt;
    margin-bottom: 14pt;
}
.manual h5 {
    font-size: 11pt;
    font-weight: Normal;
    margin-left: -0.25pt;
    text-indent: 1pt;
    color: #2d373c;
    font-family: "Microsoft JhengHei";
    margin-top: 18.5pt;
    margin-bottom: 14pt;
}
.manual h6 {
    font-size: 10pt;
    font-weight: Normal;
    margin-left: -0.5pt;
    color: #2d373c;
    font-family: "Microsoft JhengHei";
    margin-top: 18pt;
    margin-bottom: 14pt;
}
/*.manual p {
    font-weight: normal;
    font-size: 10.5pt;
    font-family: "Microsoft JhengHei", sans-serif;
    line-height: 200%;
    margin-top: 9.5pt;
    margin-bottom: 9.5pt;
    color: #000000;
}*/
.manual p {
    font-weight: normal;
    font-size: 12.5pt;
    font-family: "Microsoft JhengHei", sans-serif;
    line-height: 28px;
    /* margin-top: 9.5pt; */
    margin-bottom: 9.5pt;
    color: #777;
}

.manual p.Screenshot {
    font-weight: normal;
    font-size: 10.5pt;
    line-height: 200%;
    margin-top: 12pt;
    margin-bottom: 12pt;
    color: #000000;
    text-align: center;
    margin-left: 36pt;
}
.manual p.Normal-Single {
    color: #2d383b;
    font-family: "Microsoft JhengHei";
    font-size: 10.5pt;
    margin-bottom: 9.5pt;
    margin-top: 9.5pt;
}
.manual p.TableHeading {
    margin-bottom: 5pt;
    padding-bottom: 2pt;
    padding-left: 2pt;
    padding-right: 2pt;
    padding-top: 2pt;
    color: #ffffff;
    font-size: 12pt;
    font-weight: bold;
    font-family: "Microsoft JhengHei";
    margin-top: 5pt;
}
.manual p.TableText {
    font-family: "Microsoft JhengHei";
    font-size: 10.5pt;
    margin-bottom: 9.5pt;
    margin-top: 9.5pt;
    color: #000000;
}
.manual p.EmphasisSlate {
    margin-left: -0.5pt;
    padding: 3pt;
    background-color: #7396ac;
    color: #ffffff;
    font-weight: bold;
    font-family: "Microsoft JhengHei";
    font-size: 10.5pt;
    margin-bottom: 19pt;
    margin-top: 14.5pt;
}
.manual p.Feature_Title {
    font-size: 11pt;
    color: #2d383b;
    font-weight: bold;
    x-next-class: Feature_Desc;
    x-next-type: p;
    font-family: "Microsoft JhengHei";
    font-style: italic;
    margin-top: 9.5pt;
    margin-bottom: 9.5pt;
}
.manual a.expandspot {
    cursor: hand;
    font-style: italic;
    font-family: "Microsoft JhengHei";
    font-size: 10.5pt;
    color: #0075ad;
    text-decoration: none;
}
.manual span.expandtext {
    font-style: italic;
    font-weight: normal;
    color: #0075ad;
    font-size: 10.5pt;
}
.manual a.dropspot {
    cursor: hand;
    font-size: 10.5pt;
    font-family: "Microsoft JhengHei";
    display: inline;
    color: #0075ad;
    text-decoration: none underline;
    font-weight: bold;
}
.manual a.glossterm {
    cursor: hand;
    font-style: italic;
    display: inline;
    color: #000080;
    text-decoration: none underline;
}
.manual span.glosstext {
    font-style: italic;
    font-weight: normal;
    color: #800000;
    font-size: 10.5pt;
}
/* TABLE STYLES */
.manual td {
    vertical-align: top;
    padding: 3pt;
}
.manual table.NoBorder {
    x-border-spacing: 0px;
    font-family: "Microsoft JhengHei";
}
.manual table.SimpleGridNoShading {
    padding: 0px;
    x-border-spacing: 0px;
    x-row-pat-count: 2;
    border-left-style: Solid;
    border-left-width: 1px;
    border-left-color: #7396ac;
    border-right-style: Solid;
    border-right-width: 1px;
    border-right-color: #7396ac;
    border-top-style: Solid;
    border-top-width: 1px;
    border-top-color: #7396ac;
    border-bottom-style: Solid;
    border-bottom-width: 1px;
    border-bottom-color: #7396ac;
    font-family: "Microsoft JhengHei";
}
.manual ol {
    margin-left: 0.25in;
    margin-top: 0pt;
    margin-bottom: 0pt;
    padding-left: 0.0in;
    font-size: 10pt;
    font-family: "Microsoft JhengHei";
}
.manual ul {
    margin-left: 0.25in;
    margin-top: 0pt;
    margin-bottom: 0pt;
    padding-left: 0.0in;
    list-style: disc;
}
.manual ul.BulletlistIndent {
    margin-left: 0.25in;
    margin-top: 0pt;
    margin-bottom: 0pt;
    padding-left: 0.0in;
    list-style: disc;
}
.manual span.rls-9-Bullets {
    font-size: 8pt;
}
.manual span.rls-1-Bullets {
    font-size: 12pt;
}
.manual span.rls-2-Bullets {
    font-size: 12pt;
}
.manual span.rls-3-Bullets {
    font-size: 12pt;
}
.manual span.rls-4-Bullets {
    font-size: 12pt;
}
.manual span.rls-5-Bullets {
    font-size: 10pt;
}
.manual span.rls-6-Bullets {
    font-size: 10pt;
}
.manual span.rls-7-Bullets {
  font-size: 10pt;
}
.manual span.rls-8-Bullets {
    font-size: 10pt;
}
.manual a.breadcrumbs {
    font-size: 10pt;
    color: #51758c;
    font-family: "Microsoft JhengHei";
}
.manual a.popupspot {
  display: inline;
  font-family: "Microsoft JhengHei";
}
.manual a.active {
    font-family: "Microsoft JhengHei Light";
    font-size: 10.5pt;
    color: #0000ff;
    text-decoration: underline;
}
.manual table.SimpleGridShaded {
    background-color: #ffffff;
    padding: 0px;
    x-row-pat-count: 2;
    x-1st-row: 1;
    color: #2d383b;
    border-left-style: Solid;
    border-left-color: #7396ac;
    border-right-style: Solid;
    border-right-color: #7396ac;
    border-top-style: Solid;
    border-top-color: #7396ac;
    border-bottom-style: Solid;
    border-bottom-color: #7396ac;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    font-family: "Microsoft JhengHei";
    font-size: 11pt;
    x-border-spacing: 1px;
}
.manual span.AuthorComment {
    color: #ff00ff;
}
.manual p.ListSpacing {
    font-size: 110%;
    font-family: "Microsoft JhengHei";
    margin-top: 16pt;
    margin-bottom: 16pt;
}
.manual table.AlternateCyanColorGrid {
    x-border-spacing: 0px;
    x-row-pat-count: 2;
    border-left-style: Solid;
    border-left-width: 1px;
    border-left-color: #4F81BD;
    border-top-style: Solid;
    border-top-width: 1px;
    border-top-color: #4F81BD;
}
.manual table.AlternateBlueWithHeader {
    x-border-spacing: 0px;
    x-row-pat-count: 2;
    border-left-style: Solid;
    border-left-width: 1px;
    border-left-color: #4F81BD;
    border-right-style: Solid;
    border-right-width: 1px;
    border-right-color: #4F81BD;
    x-1st-row: 1;
}
.manual p.Note {
    background-image: url("../images/../images/Graphics_Folder/i_note.png");
    background-repeat: no-repeat;
    padding-left: 25px;
    text-indent: -.008in;
    margin-left: 0.505in;
    background-color: Transparent;
    margin-left: 36pt;
    color: #004c4c;
    margin-top: 9.5pt;
    margin-bottom: 8pt;
}
.manual p.NoteImportant {
    background-image: url("../images/../images/Graphics_Folder/i_note.png");
    background-repeat: no-repeat;
    padding-left: 25px;
    text-indent: -.008in;
    margin-left: 36pt;
    background-color: Transparent;
    color: #FF0000;
    margin-top: 9.5pt;
    margin-bottom: 8pt;
    font-style: italic;
}
.manual p.Tip {
    background-image: url("../images/../images/Graphics_Folder/i_tip.png");
    background-repeat: no-repeat;
    padding-left: 25px;
    text-indent: -.008in;
    background-color: Transparent;
    color: #800000;
    margin-bottom: 8pt;
    margin-left: 36pt;
    margin-top: 9.5pt;
}
.manual p.NoteIndented {
    background-image: url("../images/../images/Graphics_Folder/i_note.png");
    background-repeat: no-repeat;
    padding-left: 25px;
    text-indent: -.008in;
    background-color: Transparent;
    color: #306363;
    margin-left: 54pt;
    margin-top: 9.5pt;
    margin-bottom: 9.5pt;
}
.manual span.FieldName {
    font-size: 10.5pt;
    font-weight: bold;
}
.manual span.FieldType {
    color: #e54428;
    font-style: italic;
    font-size: 10.5pt;
}
.manual span.ButtonName {
    font-size: 10.5pt;
    font-weight: bold;
    background-color: #007BD1;
    color: #ffffff;
}
.manual span.LinkStyle {
    font-size: 10.5pt;
    color: #306363;
    font-weight: bold;
    text-decoration: underline;
}
.manual img.Twisties {
    margin-left: 2px;
    margin-right: 5px;
}
.manual p.TipIndent {
    background-image: url("../images/../images/Graphics_Folder/i_tip.png");
    background-repeat: no-repeat;
    padding-left: 25px;
    text-indent: -.008in;
    background-color: Transparent;
    color: #800000;
    margin-bottom: 8pt;
    margin-left: 54pt;
    margin-top: 9.5pt;
}
.manual p.NormalIndent1 {
    font-weight: normal;
    font-size: 10.5pt;
    font-family: "Microsoft JhengHei";
    line-height: 150%;
    margin-left: 18pt;
    margin-top: 9.5pt;
    margin-bottom: 9.5pt;
}
.manual p.NormalIndent2 {
    font-weight: normal;
    font-size: 10.5pt;
    font-family: "Microsoft JhengHei";
    line-height: 150%;
    margin-left: 36pt;
    margin-bottom: 9.5pt;
    margin-top: 9.5pt;
}
.manual p.NormalIndent3 {
    font-weight: normal;
    font-size: 10.5pt;
    font-family: "Microsoft JhengHei";
    line-height: 150%;
    margin-left: 54pt;
    margin-top: 9.5pt;
    margin-bottom: 9.5pt;
}
.manual p.TableTextIndented {
    font-family: "Microsoft JhengHei";
    font-size: 10.5pt;
    margin-bottom: 9.5pt;
    margin-top: 9.5pt;
    color: #000000;
    margin-left: 36px;
}
.manual span.Feature_Title {
    font-size: 11pt;
    font-style: italic;
    font-weight: bold;
    color: #333333;
}
.manual p.BasicNumber {
    --autonumber: autonumber;
    margin-bottom: 16pt;
    margin-top: 16pt;
    font-family: "Microsoft JhengHei";
    font-size: 110%;
    --prefix-size: 30px;
    --prefix-fixed-size: 0;
    --prefix-gap: 0px;
    margin-left: 40px;
    position: relative;
}
.manual p.BasicNumber:before {
    counter-increment: pbasicnumber1;
    content: counter(pbasicnumber1, decimal)".";
    text-align: left;
    left: calc(-1 * var(--prefix-size) - var(--prefix-gap));
    margin-right: var(--prefix-gap);
    width: var(--prefix-size);
    position: absolute;
}
.manual p.BasicNumber[data-list-level="2"] {
    margin-bottom: 16pt;
    margin-top: 16pt;
    font-family: "Microsoft JhengHei";
    font-size: 110%;
    --prefix-size: 20px;
    --prefix-fixed-size: 0;
    --prefix-gap: 0px;
    margin-left: 50px;
    position: relative;
}
.manual p.BasicNumber[data-list-level="2"]:before {
    counter-increment: item2;
    content: counter(item2, lower-alpha)".";
    text-align: left;
    left: calc(-1 * var(--prefix-size) - var(--prefix-gap));
    margin-right: var(--prefix-gap);
    width: var(--prefix-size);
    position: absolute;
}
.manual p.BasicNumber[data-list-level="3"] {
    margin-bottom: 16pt;
    margin-top: 16pt;
    font-family: "Microsoft JhengHei";
    font-size: 110%;
    --prefix-size: 20px;
    --prefix-fixed-size: 0;
    --prefix-gap: 0px;
    margin-left: 70px;
    position: relative;
}
.manual p.BasicNumber[data-list-level="3"]:before {
    counter-increment: item3;
    content: counter(item3, lower-roman)".";
    text-align: left;
    left: calc(-1 * var(--prefix-size) - var(--prefix-gap));
    margin-right: var(--prefix-gap);
    width: var(--prefix-size);
    position: absolute;
}
.manual p.BasicNumber[data-list-level="4"] {
    color: #000000;
    margin-bottom: 9.5pt;
    margin-top: 9.5pt;
    line-height: 200%;
    font-family: "Microsoft JhengHei", sans-serif;
    font-size: 10.5pt;
    font-weight: normal;
    --prefix-size: 24px;
    --prefix-fixed-size: 0;
    --prefix-gap: 8px;
    margin-left: 60px;
    position: relative;
}
.manual p.BasicNumber[data-list-level="4"]:before {
    counter-increment: item4;
    content: "(" counter(item4, decimal)")";
    text-align: left;
    left: calc(-1 * var(--prefix-size) - var(--prefix-gap));
    margin-right: var(--prefix-gap);
    width: var(--prefix-size);
}
.manual p.BasicNumber[data-list-level="5"] {
    color: #000000;
    margin-bottom: 9.5pt;
    margin-top: 9.5pt;
    line-height: 200%;
    font-family: "Microsoft JhengHei", sans-serif;
    font-size: 10.5pt;
    font-weight: normal;
    --prefix-size: 24px;
    --prefix-fixed-size: 0;
    --prefix-gap: 8px;
    margin-left: 80px;
    position: relative;
}
.manual p.BasicNumber[data-list-level="5"]:before {
    counter-increment: item5;
    content: "(" counter(item5, lower-roman)")";
    text-align: left;
    left: calc(-1 * var(--prefix-size) - var(--prefix-gap));
    margin-right: var(--prefix-gap);
    width: var(--prefix-size);
}
.manual p.BasicNumber[data-list-level="6"] {
    color: #000000;
    margin-bottom: 9.5pt;
    margin-top: 9.5pt;
    line-height: 200%;
    font-family: "Microsoft JhengHei", sans-serif;
    font-size: 10.5pt;
    font-weight: normal;
    --prefix-size: 24px;
    --prefix-fixed-size: 0;
    --prefix-gap: 8px;
    margin-left: 100px;
    position: relative;
}
.manual p.BasicNumber[data-list-level="6"]:before {
    counter-increment: item6;
    content: "(" counter(item6, lower-roman)")";
    text-align: left;
    left: calc(-1 * var(--prefix-size) - var(--prefix-gap));
    margin-right: var(--prefix-gap);
    width: var(--prefix-size);
}
.manual p.BasicNumber[data-list-level="7"] {
    color: #000000;
    margin-bottom: 9.5pt;
    margin-top: 9.5pt;
    line-height: 200%;
    font-family: "Microsoft JhengHei", sans-serif;
    font-size: 10.5pt;
    font-weight: normal;
    --prefix-size: 24px;
    --prefix-fixed-size: 0;
    --prefix-gap: 12px;
    margin-left: 120px;
    position: relative;
}
.manual p.BasicNumber[data-list-level="7"]:before {
    counter-increment: item7;
    content: counter(item7, decimal)".";
    text-align: left;
    left: calc(-1 * var(--prefix-size) - var(--prefix-gap));
    margin-right: var(--prefix-gap);
    width: var(--prefix-size);
}
.manual p.BasicNumber[data-list-level="8"] {
    color: #000000;
    margin-bottom: 9.5pt;
    margin-top: 9.5pt;
    line-height: 200%;
    font-family: "Microsoft JhengHei", sans-serif;
    font-size: 10.5pt;
    font-weight: normal;
    --prefix-size: 24px;
    --prefix-fixed-size: 0;
    --prefix-gap: 12px;
    margin-left: 140px;
    position: relative;
}
.manual p.BasicNumber[data-list-level="8"]:before {
    counter-increment: item8;
    content: counter(item8, lower-alpha)".";
    text-align: left;
    left: calc(-1 * var(--prefix-size) - var(--prefix-gap));
    margin-right: var(--prefix-gap);
    width: var(--prefix-size);
}
.manual p.BasicNumber[data-list-level="9"] {
    color: #000000;
    margin-bottom: 9.5pt;
    margin-top: 9.5pt;
    line-height: 200%;
    font-family: "Microsoft JhengHei", sans-serif;
    font-size: 10.5pt;
    font-weight: normal;
    --prefix-size: 24px;
    --prefix-fixed-size: 0;
    --prefix-gap: 12px;
    margin-left: 160px;
    position: relative;
}
.manual p.BasicNumber[data-list-level="9"]:before {
    counter-increment: item9;
    content: counter(item9, lower-roman)".";
    text-align: left;
    left: calc(-1 * var(--prefix-size) - var(--prefix-gap));
    margin-right: var(--prefix-gap);
    width: var(--prefix-size);
}
.manual p.RoundSquare {
    --autonumber: autonumber;
    margin-bottom: 16pt;
    margin-top: 16pt;
    font-family: "Microsoft JhengHei";
    font-size: 110%;
    --prefix-size: 30px;
    --prefix-fixed-size: 0;
    --prefix-gap: 0px;
    margin-left: 40px;
    position: relative;
}
.manual p.RoundSquare:before {
    counter-increment: proundsquare1;
    content: counter(proundsquare1, disc);
    font-size: 12pt;
    text-align: left;
    left: calc(-1 * var(--prefix-size) - var(--prefix-gap));
    margin-right: var(--prefix-gap);
    width: var(--prefix-size);
    position: absolute;
}
.manual p.RoundSquare[data-list-level="2"] {
    margin-bottom: 16pt;
    margin-top: 16pt;
    font-family: "Microsoft JhengHei";
    font-size: 110%;
    --prefix-size: 20px;
    --prefix-fixed-size: 0;
    --prefix-gap: 0px;
    margin-left: 60px;
    position: relative;
}
.manual p.RoundSquare[data-list-level="2"]:before {
    counter-increment: item2;
    content: counter(item2, square);
    font-size: 12pt;
    text-align: left;
    left: calc(-1 * var(--prefix-size) - var(--prefix-gap));
    margin-right: var(--prefix-gap);
    width: var(--prefix-size);
    position: absolute;
}
.manual p.RoundSquare[data-list-level="3"] {
    margin-bottom: 16pt;
    margin-top: 16pt;
    font-family: "Microsoft JhengHei";
    font-size: 110%;
    --prefix-size: 24px;
    --prefix-fixed-size: 0;
    --prefix-gap: 16px;
    margin-left: 60px;
    position: relative;
}
.manual p.RoundSquare[data-list-level="3"]:before {
    counter-increment: item3;
    content: counter(item3, circle);
    font-size: 12pt;
    text-align: left;
    left: calc(-1 * var(--prefix-size) - var(--prefix-gap));
    margin-right: var(--prefix-gap);
    width: var(--prefix-size);
}
.manual p.RoundSquare[data-list-level="4"] {
    color: #000000;
    margin-bottom: 9.5pt;
    margin-top: 9.5pt;
    line-height: 200%;
    font-family: "Microsoft JhengHei", sans-serif;
    font-size: 10.5pt;
    font-weight: normal;
    --prefix-size: 24px;
    --prefix-fixed-size: 0;
    --prefix-gap: 16px;
    margin-left: 60px;
    position: relative;
}
.manual p.RoundSquare[data-list-level="4"]:before {
    counter-increment: item4;
    content: counter(item4, square);
    font-size: 12pt;
    text-align: left;
    left: calc(-1 * var(--prefix-size) - var(--prefix-gap));
    margin-right: var(--prefix-gap);
    width: var(--prefix-size);
}
.manual p.RoundSquare[data-list-level="5"] {
    color: #000000;
    margin-bottom: 9.5pt;
    margin-top: 9.5pt;
    line-height: 200%;
    font-family: "Microsoft JhengHei", sans-serif;
    font-size: 10.5pt;
    font-weight: normal;
    --prefix-size: 24px;
    --prefix-fixed-size: 0;
    --prefix-gap: 17.3px;
    margin-left: 80px;
    position: relative;
}
.manual p.RoundSquare[data-list-level="5"]:before {
    counter-increment: item5;
    content: counter(item5, disc);
    font-size: 10pt;
    text-align: left;
    left: calc(-1 * var(--prefix-size) - var(--prefix-gap));
    margin-right: var(--prefix-gap);
    width: var(--prefix-size);
}
.manual p.RoundSquare[data-list-level="6"] {
    color: #000000;
    margin-bottom: 9.5pt;
    margin-top: 9.5pt;
    line-height: 200%;
    font-family: "Microsoft JhengHei", sans-serif;
    font-size: 10.5pt;
    font-weight: normal;
    --prefix-size: 24px;
    --prefix-fixed-size: 0;
    --prefix-gap: 17.3px;
    margin-left: 100px;
    position: relative;
}
.manual p.RoundSquare[data-list-level="6"]:before {
    counter-increment: item6;
    content: counter(item6, square);
    font-size: 10pt;
    text-align: left;
    left: calc(-1 * var(--prefix-size) - var(--prefix-gap));
    margin-right: var(--prefix-gap);
    width: var(--prefix-size);
}
.manual p.RoundSquare[data-list-level="7"] {
    color: #000000;
    margin-bottom: 9.5pt;
    margin-top: 9.5pt;
    line-height: 200%;
    font-family: "Microsoft JhengHei", sans-serif;
    font-size: 10.5pt;
    font-weight: normal;
    --prefix-size: 24px;
    --prefix-fixed-size: 0;
    --prefix-gap: 17.3px;
    margin-left: 120px;
    position: relative;
}
.manual p.RoundSquare[data-list-level="7"]:before {
    counter-increment: item7;
    content: counter(item7, circle);
    font-size: 10pt;
    text-align: left;
    left: calc(-1 * var(--prefix-size) - var(--prefix-gap));
    margin-right: var(--prefix-gap);
    width: var(--prefix-size);
}
.manual p.RoundSquare[data-list-level="8"] {
    color: #000000;
    margin-bottom: 9.5pt;
    margin-top: 9.5pt;
    line-height: 200%;
    font-family: "Microsoft JhengHei", sans-serif;
    font-size: 10.5pt;
    font-weight: normal;
    --prefix-size: 24px;
    --prefix-fixed-size: 0;
    --prefix-gap: 17.3px;
    margin-left: 140px;
    position: relative;
}
.manual p.RoundSquare[data-list-level="8"]:before {
    counter-increment: item8;
    content: counter(item8, square);
    font-size: 10pt;
    text-align: left;
    left: calc(-1 * var(--prefix-size) - var(--prefix-gap));
    margin-right: var(--prefix-gap);
    width: var(--prefix-size);
}
.manual p.RoundSquare[data-list-level="9"] {
    color: #000000;
    margin-bottom: 9.5pt;
    margin-top: 9.5pt;
    line-height: 200%;
    font-family: "Microsoft JhengHei", sans-serif;
    font-size: 10.5pt;
    font-weight: normal;
    --prefix-size: 24px;
    --prefix-fixed-size: 0;
    --prefix-gap: 18.7px;
    margin-left: 160px;
    position: relative;
}
.manual p.RoundSquare[data-list-level="9"]:before {
    counter-increment: item9;
    content: counter(item9, disc);
    font-size: 8pt;
    text-align: left;
    left: calc(-1 * var(--prefix-size) - var(--prefix-gap));
    margin-right: var(--prefix-gap);
    width: var(--prefix-size);
}
.manual ol.Procstep1 {
    list-style: decimal;
}
.manual ol.Procstep1 > li {
    color: #777;
    font-size: 10.5pt;
    font-family: "Microsoft JhengHei";
    line-height: 150%;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 25px;
    margin-right: 25px;
}
.manual ul.Bulletlist {
    list-style: url("../images/Graphics_Folder/bullet1.png");
}
.manual ul.Bulletlist>li {
  color: #777;
  font-family: 'Microsoft JhengHei';
  font-size: 12.5pt;
  line-height: 150%;
  margin-left: 25px;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-right: 25px;
}
.manual ul.Bulletlist2 {
    list-style: url("../images/Graphics_Folder/bullet2.png");
}
.manual ul.Bulletlist2 > li {
    margin-top: 14px;
    margin-bottom: 8px;
    margin-left: 49px;
    font-size: 10.5pt;
}
.manual ul.BulletNote {
    list-style: url("../images/../images/Graphics_Folder/BulletNote.png");
}
.manual ul.BulletNote>li {
  margin-right: 49px;
  margin-left: 73px;
  font-size: 10.5pt;
  color: #306363;
  margin-bottom: 14px;
  margin-top: 12px;
}
.manual ul.Bullet3 {
    list-style: url("../images/../images/Graphics_Folder/BulletNote.png");
}
.manual ul.Bullet3 > li {
    margin-left: 73px;
    margin-right: 73px;
    margin-top: 14px;
    margin-bottom: 14px;
    font-size: 10.5pt;
}
.manual ol.Procstep2 {
    list-style: lower-alpha;
}
.manual ol.Procstep2 > li {
    color: #000000;
    font-size: 10.5pt;
    font-family: "Microsoft JhengHei";
    line-height: 150%;
    margin-top: 14px;
    margin-bottom: 14px;
    margin-left: 49px;
    margin-right: 49px;
}
.manual ol.NoteNormalIndent1 {
    list-style:;
}
.manual ol.NoteNormalIndent1 > li {
    margin-right: 49px;
    font-size: 10.5pt;
    color: #306363;
    margin-bottom: 8px;
    margin-left: 49px;
    margin-top: 14px;
}
.manual ol.NoteNormalIndent2 {
    list-style:;
}
.manual ol.NoteNormalIndent2 > li {
    margin-right: 49px;
    margin-left: 73px;
    font-size: 10.5pt;
    color: #306363;
    margin-bottom: 8px;
    margin-top: 14px;
}
.manual ol.TipNormalIndent2 {
    list-style:;
}
.manual ol.TipNormalIndent2 > li {
    margin-right: 49px;
    margin-left: 73px;
    font-size: 10.5pt;
    margin-bottom: 8px;
    color: #800000;
    margin-top: 14px;
}
.manual ol.TipNormalIndent1 {
    list-style:;
}
.manual ol.TipNormalIndent1 > li {
    margin-right: 49px;
    font-size: 10.5pt;
    margin-bottom: 8px;
    margin-left: 49px;
    color: #800000;
    margin-top: 14px;
}
.manual ol.Procstep3 {
    list-style: lower-roman;
}
.manual ol.Procstep3 > li {
    color: #000000;
    font-size: 10.5pt;
    font-family: "Microsoft JhengHei";
    line-height: 150%;
    margin-top: 14px;
    margin-bottom: 14px;
    margin-right: 49px;
    margin-left: 73px;
}
.manual :not([data-list-level])+[data-list-level="2"] {
  counter-reset: item2 0;
}
.manual [data-list-level="2"]+[data-list-level="3"] {
  counter-reset: item3 0;
}
.manual [data-list-level="3"] + [data-list-level="4"] {
    counter-reset: item4 0;
}
.manual [data-list-level="4"] + [data-list-level="5"] {
    counter-reset: item5 0;
}
.manual [data-list-level="5"] + [data-list-level="6"] {
    counter-reset: item6 0;
}
.manual [data-list-level="6"] + [data-list-level="7"] {
    counter-reset: item7 0;
}
.manual [data-list-level="7"] + [data-list-level="8"] {
    counter-reset: item8 0;
}
.manual [data-list-level="8"] + [data-list-level="9"] {
    counter-reset: item9 0;
}
.manual a.expandspot::before {
    vertical-align: middle;
    margin-right: 0.25rem;
    content: url("../images/../images/!ScreenLayout!/Azure_Blue/plus.png");
}
.manual a.expandspot.pressed::before {
    vertical-align: middle;
    margin-right: 0.25rem;
    content: url("../images/../images/!ScreenLayout!/Azure_Blue/minus.png");
}
.manual a.dropspot::before {
    vertical-align: middle;
    margin-right: 0.25rem;
    content: url('../images/!ScreenLayout!/Azure_Blue/plus.png');
}
.manual a.dropspot.pressed::before {
    vertical-align: middle;
    margin-right: 0.25rem;
    content: url('../images/../images/!ScreenLayout!/Azure_Blue/minus.png');
}
.manual table.SimpleGridNoShading td {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.manual table.SimpleGridNoShading tr:nth-child(odd) td {
    font-family: "Times New Roman";
    font-size: 12pt;
    border-right-style: Solid;
    border-right-width: 1px;
    border-right-color: #7396ac;
    border-bottom-style: Solid;
    border-bottom-width: 1px;
    border-bottom-color: #7396ac;
}
.manual table.SimpleGridNoShading tr:nth-child(even) td {
    border-right-style: Solid;
    border-right-width: 1px;
    border-right-color: #7396ac;
    border-bottom-style: Solid;
    border-bottom-width: 1px;
    border-bottom-color: #7396ac;
}
.manual table.SimpleGridShaded td {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.manual table.SimpleGridShaded tr:nth-child(odd) td {
    font-family: "Century Gothic", Verdana, sans-serif;
    font-size: 12pt;
    border-right-style: Solid;
    border-right-width: 1px;
    border-right-color: #7396ac;
    border-bottom-style: Solid;
    border-bottom-width: 1px;
    border-bottom-color: #7396ac;
}
.manual table.SimpleGridShaded tr:nth-child(even) td {
    border-right-style: Solid;
    border-right-width: 1px;
    border-right-color: #7396ac;
    border-bottom-style: Solid;
    border-bottom-width: 1px;
    border-bottom-color: #7396ac;
}
.manual table.SimpleGridShaded tr:first-child td {
    font-size: 12pt;
    border-right-style: Solid;
    border-right-width: 1px;
    border-right-color: #7396ac;
    border-bottom-style: Solid;
    border-bottom-width: 1px;
    border-bottom-color: #7396ac;
    color: #ffffff;
    font-family: "Century Gothic", Verdana, sans-serif;
    font-weight: bold;
    background-color: #7396ac;
}
.manual table.AlternateCyanColorGrid td {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.manual table.AlternateCyanColorGrid tr:nth-child(odd) td {
    font-family: "Times New Roman";
    font-size: 12pt;
    border-right-style: Solid;
    border-right-width: 1px;
    border-right-color: #4F81BD;
    border-bottom-style: Solid;
    border-bottom-width: 1px;
    border-bottom-color: #4F81BD;
}
.manual table.AlternateCyanColorGrid tr:nth-child(even) td {
    border-right-style: Solid;
    border-right-width: 1px;
    border-right-color: #4F81BD;
    border-bottom-style: Solid;
    border-bottom-width: 1px;
    border-bottom-color: #4F81BD;
    background-color: #D2EAF1;
}
.manual table.AlternateBlueWithHeader td {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.manual table.AlternateBlueWithHeader tr:nth-child(odd) td {
    border-bottom-style: Solid;
    border-bottom-width: 1px;
    border-bottom-color: 4f81bd;
}
.manual table.AlternateBlueWithHeader tr:nth-child(even) td {
    background-color: #D3DFEE;
    border-bottom-style: Solid;
    border-bottom-width: 1px;
    border-bottom-color: 4f81bd;
}
.manual table.AlternateBlueWithHeader tr:first-child td {
    background-color: #4F81BD;
}
.manual ul.BulletlistIndent > li {
    font-family: 'Microsoft JhengHei';
    font-size: 10.5pt;
    color: #000000;
    margin-top: 14px;
    margin-bottom: 14px;
    margin-left: 25px;
    margin-right: 25px;
}
.manual ul.BulletlistIndent > li > ul {
    list-style: circle;
}
.manual ul.BulletlistIndent > li > ul > li {
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.manual ul.Bulletlist > li > ul {
    list-style: circle;
}
.manual ul.Bulletlist > li > ul > li {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 10.5pt;
    margin-left: 15px;
    margin-right: 15px;
}
.scrollTopBtn {
    position: absolute; /* relative to modal-content */
    bottom: 20px; /* inside modal window */
    right: 20px;
    width: 50px;
    height: 50px;
    border-radius: 20%; /* perfectly round */
    background: #0d6efd; /* Bootstrap primary color */
    color: #fff;
    border: none;
    display: none; /* hidden initially */
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 24px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
    transition: all 0.25s ease;
    z-index: 1055; /* above modal content */
}

    .scrollTopBtn:hover {
        background: #0b5ed7;
        transform: translateY(-3px);
        box-shadow: 0 8px 22px rgba(0, 0, 0, 0.35);
    }



    .manual .help-container {
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 8px;
        padding: 20px;
        margin: 20px auto;
        max-width: 1200px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    }

    .manual .header-bar {
        background: #f8f9fa;
        border: 1px solid #000;
    }

    .manual .box {
        border: 1px solid #000;
        background: #fff;
        padding: 6px 12px;
        text-align: center;
        font-weight: 500;
        color: black;
        font-size: smaller;
    }

    .manual .boxbutton {
        border: 1px solid #0088cc;
        background: #0088cc;
        padding: 6px 12px;
        text-align: center;
        font-weight: 500;
        color: black;
    }

.manual hr {
    border-width: 2px;
}

    .manual .placeholder-box {
        border: 1px solid #000;
        border-radius: 0px;
        padding: 6px 10px;
        background-color: #f0f0f0;
        font-weight: 500;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin: 3px;
        flex-wrap: wrap;
    }

    .manual .placeholder-box2 {
        border: 1px solid #0088cc;
        border-radius: 0px;
        padding: 6px 10px;
        background-color: #0088cc;
        font-weight: 500;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin: 3px;
        flex-wrap: wrap;
        color: white;
    }
    .manual .title-x {
        margin-left: 90px;
    }

    .manual .carousel-indicators {
        position: absolute;
        top: 98px;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
        display: flex;
        justify-content: center;
        padding: 0;
        margin-right: 22%;
        margin-bottom: 0.9rem;
        margin-left: 15%;
    }
    /* NB*/
    .padding-2-rem {
        padding: 2rem;
    }

.cont-border {
    border: 1px solid #ccc;
    padding: 2rem;
}

html.dark .manual .header-bar {
    background-color: #656769;
}

html.dark .manual table.SimpleGridShaded {
    background-color: #c7cbcd;
}

.gradient-header {
    cursor: move;
    background: linear-gradient(135deg, #4f8df5, #6bb3ff);
    color: white;
    padding: 0.9rem 1.2rem;
    border-bottom: none;
}

    .gradient-header .btn-close {
        filter: invert(1);
        color:white;
    }

.modal-title-minimal {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 2.15rem;
    margin: 0;
}
.interactive-header {
    cursor: move;
    background: linear-gradient( 135deg, #273070, /* base */
    #3b4ba3, /* lighter */
    #1c2454 /* darker */
    );
    color: #fff;
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

    .interactive-header:hover {
        background: linear-gradient( 135deg, #3b4ba3, /* lighter */
        #273070, /* base */
        #151b41 /* even darker hover shade */
        );
        box-shadow: inset 0 -2px 10px rgba(0,0,0,0.2);
    }

    .interactive-header .modal-title-minimal {
        animation: fadeSlide 0.3s ease;
        color: #fff;
    }

@keyframes fadeSlide {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.close-white {
    filter: brightness(0) invert(1); /* white icon */
    opacity: 1;
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

    .close-white:focus,
    .close-white:active {
        outline: none !important;
        box-shadow: none !important;
        border: none !important;
    }


    .close-white:hover {
        filter: brightness(0) invert(1) drop-shadow(0 0 2px rgba(255,255,255,0.6));
    }

.manual-scroll-arrow-color {
    color: black;
}



