@font-face
{
font-family: 汉仪旗黑-50S;
src: url('../lib/font/HYQiHei-50S.otf');
}
@font-face
{
font-family: 汉仪旗黑-65S;
src: url('../lib/font/HYQiHei-65S.otf');
}

@media screen and (min-device-width:801px) {
    .table--title-label{

    }
    .table--title-label:lang(zh-cn) {
        font-weight: bold;
    }
    .prerequisiteName{

    }
    .prerequisiteName:lang(zh-cn) {
        font-weight: bold;
    }
/* -----------------------英文----------------------------- */
/* Figures */
/*figcaption:lang(en-us)::before{
    content: "Figure ";
    padding-right: 0;
}*/
/* table caption */
/*caption > span:lang(en-us)::before{
    content: "Table ";
    padding-right: 0;
}*/
.note_caution:lang(en-us)::before{
    content: "CAUTION";
}
.note_danger:lang(en-us)::before{
    content: "DANGER";
}
.note_warning:lang(en-us)::before{
    content: "WARNING";
}
.note_notice:lang(en-us)::before{
    content: "NOTICE";
}
/* -----------------------中文----------------------------- */
body:lang(zh-cn) {
  font-family: 汉仪旗黑-50S;
  font-size:16px;
}
/* Figures */
/*figcaption:lang(zh-cn)::before{
    content: "图 ";
    padding-right: 0;
    font-family: 汉仪旗黑-50S;
	font-weight: bold;
}*/
/* table caption */
/*caption > span:lang(zh-cn)::before{
    content: "表 ";
    padding-right: 0;
    font-family: 汉仪旗黑-50S;
	font-weight: bold;
}*/

/* 中文步骤 */
/*ol.steps:lang(zh-cn) {
   list-style-type: none;
}
li.step:lang(zh-cn){
  counter-increment: stepcounter;
}
li.step:lang(zh-cn)::before {
  content: "步骤" counter(stepcounter) " ";
  letter-spacing: 2px;
  font-family: 汉仪旗黑-50S;
  font-weight: bold;
}
li.step:lang(zh-cn):first-child {
  counter-reset: stepcounter;
}*/
/* --------------------------默认英文-------------------------------- */
.topictitle1,
.topictitle2,
*[class ~= 'front-page/front-page-title'],
*[class ~= "toc/title"],
*[class ~= "map/topicref"],
*[class ~= 'topic/title'],
*[class ~= 'topic/thead'],
*[class ~= "placeholder/figurelist"],
*[class ~= "placeholder/tablelist"],
*[class ~= "index/groups"]::before,
*[class ~= "index/group"] > *[class ~= "index/label"],
.wh_publication_title,
.wh_top_menu,
.wh_tile_title .topicref,
.wh_main_page_toc_entry .topicref,
.wh_index_terms span.wh_first_letter,
.wh-letters li a {
  font-family: Arial;
  font-size:24px;
  background-color: #F0F0F0;
  padding: 2pt;

}

.topictitle3,
.topictitle4,
.topictitle5,
.topictitle6,
.sectiontitle {
  font-family: Arial;
  font-size:16px;
  font-weight:normal;
  margin-bottom: 1em;;
  font-weight: bold;
}

body {
  font-family: Arial;
  font-size:16px;
  margin-left:40px;
  margin-right:40px;
  text-align: justify;
}
/* table caption */
caption {
    text-align: left;
    line-height: 30px;
    margin-top: 5px;
}
/*caption > span::before{
    content: "Table ";
    padding-right: 0;
	font-weight: bold;
}*/
/*.table--title-label {
    display: none;
}*/

/* table thead */
thead {
  background-color: #F0F0F0;
}
*[class ~= "row/rowsep-0"] > *[class ~= "entry/rowsep-1"]{
	    border-bottom: 0;
}
/*
.valign-middle {
    border-bottom:1px solid;
}
.colsep-0 {
    border-bottom:1px solid;
}
*/
/*
th {
    border-bottom:1px solid;
}
*/
/* table td*/
/*
td {
    border-bottom:1px solid;
}
*/
tr {
    line-height: 2;
}
table {
   margin-bottom: 1em;
   width:100%;
}
/* figure */
figure {
     display: table;
}
figcaption {
    text-align: center;
    margin-top: 10px;
}
/*figcaption::before{
    content: "Figure ";
    padding-right: 0;
    font-weight: bold;
}*/
/*.fig--title-label {
    display: none;
}*/
/* ul无序列表 */
ul {
    padding-left: 20px;
    /*  padding-inline: 40px; */
}
ol ul {
    list-style-type: disc;
}
/* ol有序列表 */
ol {
   /* list-style-type: none;*/
   /* margin-inline-start: -3.3em;*/
    padding-left: 20px;
}
/*
ol > li {
  counter-increment: customlistcounter;
}

ol > li:before {
  content: counter(customlistcounter) " ";
  letter-spacing: 2px;
}

ol :first-child {
  counter-reset: customlistcounter;
}
*/

/*
 ol有序子列表
ol ol {
    list-style-type: none;
    margin-inline-start: -5px;
}
ol ol > li:before {
    content: "(" counter(section, lower-alpha) ") ";
}
ol ol > li {
    counter-increment: section;
}
*/
li.step {
	margin-top: 1em;
    margin-bottom: 1em;
}
/*
a [href $= ".html"]:before {
    content: "(" attr(href) ") ";
}
*/
/* 链接 */
a.xref {
    text-decoration: none;
}
/* note */
/*.note .ol {
    padding-left:0px;
}
.note .ul {
    padding-left: 0px;
}

.note .p{
    padding-left: 5px;
}
*/
.note_caution {
    display: table;
    border: solid 2px #FFFF33;
    width: 99%;
	padding-bottom: 8px;
    padding-top: 8px;
	padding-left: 5px;
	padding-right: 5px;
}
.note_caution::before{
    content: "CAUTION";
    background-image: url("../lib/img/caution.svg");
    background-repeat: no-repeat;
    display: table-caption;
    background-color: #FFFF33;
    font-family: Arial;
    font-size: 18px;
    padding-left: 8px;
    font-weight: bold;
    color: black;
    background-size: 90px;
    text-indent: 24px;
    background-position-y: center;
    background-position-x: 6px;
    padding-top: 3px;
}
.note_caution .notetitle, .note_caution .notelisttitle, .note_caution .note__title  {
    display: none;
}
.note_danger {
    display: table;
    border: solid 2px red;
    width: 99%;
	padding-bottom: 8px;
    padding-top: 8px;
	padding-left: 5px;
	padding-right: 5px;

}
.note_danger::before{
    content: "DANGER";
    background-image: url("../lib/img/danger.svg");
    background-repeat: no-repeat;
    display: table-caption;
    background-color: red;
    font-family: Arial;
    font-size: 18px;
    padding-left: 8px;
    font-weight: bold;
    color: white;
    background-size: 90px;
    text-indent: 24px;
    background-position-y: center;
    background-position-x: 6px;
    padding-top: 3px;
}
.note_danger .notetitle, .note_danger .notelisttitle, .note_danger .note__title  {
    display: none;
}
.note_warning {
    display: table;
    border: solid 2px #FF6600;
    width: 99%;
	padding-bottom: 8px;
    padding-top: 8px;
	padding-left: 5px;
	padding-right: 5px;
}
.note_warning::before{
    content: "WARNING";
    background-image: url("../lib/img/warning.svg");
    background-repeat: no-repeat;
    display: table-caption;
    background-color: #FF6600;
    font-family: Arial;
    font-size: 18px;
    padding-left: 8px;
    font-weight: bold;
    color: white;
    background-size: 90px;
    text-indent: 24px;
    background-position-y: center;
    background-position-x: 6px;
    padding-top: 3px;
}
.note_warning .notetitle, .note_warning .notelisttitle, .note_warning .note__title  {
    display: none;
}
.note_notice {
    display: table;
    border: solid 2px #DBDBDB;
    width: 99%;
	padding-bottom: 8px;
    padding-top: 8px;
	padding-left: 5px;
	padding-right: 5px;
}
.note_notice::before{
    content: "NOTICE";
    display: table-caption;
    background-color: #DBDBDB;
    font-family: Arial;
    font-size: 18px;
    padding-left: 8px;
    font-weight: bold;
    padding-top: 3px;
}
.note_notice .notetitle, .note_notice .notelisttitle, .note_notice .note__title  {
    display: none;
}
.note_note {
	display: table;
    border: solid 2px #DBDBDB;
    margin-left:45px;
    position: relative;
    width: calc(99% - 45px);
	padding-bottom: 8px;
    padding-top: 8px;
	padding-left: 5px;
	padding-right: 5px;
}
.note_note::before{
    content: "";
    background-image: url("../lib/img/note.svg");
    background-size: 100%;
    position: absolute;
    width: 16pt;
    height: 16pt;
    margin-left: -3em;
    top: 50%;
    margin-top: -8pt;
}
.note_note .notetitle, .note_note .notelisttitle, .note_note  .note__title {
    display: none;
}
}
@media screen and (max-device-width:800px) {
    .table--title-label{

    }
    .table--title-label:lang(zh-cn) {
        font-weight: bold;
    }
    .prerequisiteName{

    }
    .prerequisiteName:lang(zh-cn) {
        font-weight: bold;
    }
/* -----------------------英文----------------------------- */
/* Figures */
/*figcaption:lang(en-us)::before{
    content: "Figure ";
    padding-right: 0;
    font-weight: bold;
}*/
/* table caption */
/*caption > span:lang(en-us)::before{
    content: "Table ";
    padding-right: 0;
}*/
.note_caution:lang(en-us)::before{
    content: "CAUTION";
}
.note_danger:lang(en-us)::before{
    content: "DANGER";
}
.note_warning:lang(en-us)::before{
    content: "WARNING";
}
.note_notice:lang(en-us)::before{
    content: "NOTICE";
    font-weight: bold;
}
/* -----------------------中文----------------------------- */
body:lang(zh-cn) {
  font-family: 汉仪旗黑-50S;
  font-size:16px;
}
/* Figures */
/*figcaption:lang(zh-cn)::before{
    content: "图 ";
    padding-right: 0;
    font-family: 汉仪旗黑-50S;
	font-weight: bold;
}*/
/* table caption */
/*caption > span:lang(zh-cn)::before{
    content: "表 ";
    padding-right: 0;
    font-family: 汉仪旗黑-50S;
	font-weight: bold;

}*/

/* 中文步骤 */
/*ol.steps:lang(zh-cn) {
   list-style-type: none;
}
li.step:lang(zh-cn){
  counter-increment: stepcounter;
}
li.step:lang(zh-cn)::before {
  content: "步骤" counter(stepcounter) " ";
  letter-spacing: 2px;
  font-family: 汉仪旗黑-50S;
  font-weight: bold;
}
li.step:lang(zh-cn):first-child {
  counter-reset: stepcounter;
}*/
/* --------------------------默认英文-------------------------------- */
.topictitle1,
.topictitle2,
*[class ~= 'front-page/front-page-title'],
*[class ~= "toc/title"],
*[class ~= "map/topicref"],
*[class ~= 'topic/title'],
*[class ~= 'topic/thead'],
*[class ~= "placeholder/figurelist"],
*[class ~= "placeholder/tablelist"],
*[class ~= "index/groups"]::before,
*[class ~= "index/group"] > *[class ~= "index/label"],
.wh_publication_title,
.wh_top_menu,
.wh_tile_title .topicref,
.wh_main_page_toc_entry .topicref,
.wh_index_terms span.wh_first_letter,
.wh-letters li a {
  font-family: Arial;
  font-size:24px;
  background-color: #F0F0F0;
  padding: 2pt;

}

.topictitle3,
.topictitle4,
.topictitle5,
.topictitle6,
.sectiontitle {
  font-family: Arial;
  font-size:16px;
  font-weight:normal;
  margin-bottom: 1em;;
  font-weight: bold;
}

body {
  font-family: Arial;
  font-size:16px;
  margin-left:40px;
  margin-right:40px;
  text-align: justify;
}
/* table caption */
caption {
    text-align: left;
    line-height: 30px;
    margin-top: 5px;
}
/*caption > span::before{
    content: "Table ";
    padding-right: 0;
	font-weight: bold;
}*/
/*.table--title-label {
    display: none;
}*/
/* table thead */
thead {
  background-color: #F0F0F0;
}
*[class ~= "row/rowsep-0"] > *[class ~= "entry/rowsep-1"]{
	    border-bottom: 0;
}
/*
.valign-middle {
    border-bottom:1px solid;
}
.colsep-0 {
    border-bottom:1px solid;
}
*/
/*
th {
    border-bottom:1px solid;
}
*/
/* table td*/
/*
td {
    border-bottom:1px solid;
}
*/
tr {
    line-height: 2;
}
table {
   margin-bottom: 1em;
   width:100%;
}

/* figure */
figure {
     display: table;
}
figcaption {
    text-align: center;
    margin-top: 10px;
}
/*figcaption::before{
    content: "Figure ";
    padding-right: 0;
    font-weight: bold;
}*/
/*.fig--title-label {
    display: none;
}*/
/* ul无序列表 */
ul {
    padding-left: 20px;
    /*  padding-inline: 40px; */
}
/* ol有序列表 */
ol {
   /* list-style-type: none;*/
   /* margin-inline-start: -3.3em;*/
    padding-left: 20px;
}
/*
ol > li {
  counter-increment: customlistcounter;
}

ol > li:before {
  content: counter(customlistcounter) " ";
  letter-spacing: 2px;
}

ol :first-child {
  counter-reset: customlistcounter;
}
*/

/*
 ol有序子列表
ol ol {
    list-style-type: none;
    margin-inline-start: -5px;
}
ol ol > li:before {
    content: "(" counter(section, lower-alpha) ") ";
}
ol ol > li {
    counter-increment: section;
}
*/
li.step {
	margin-top: 1em;
    margin-bottom: 1em;
}
/*
a [href $= ".html"]:before {
    content: "(" attr(href) ") ";
}
 *  */
/* 链接 */
a.xref {
   text-decoration: none;
}
/* note */
/*.note .ol {
    padding-left:0px;
}
.note .ul {
    padding-left: 0px;
}
.note .p{
    padding-left: 5px;
}
*/
.note_caution {
    display: table;
    border: solid 2px #FFFF33;
    width: 96%;
	padding-bottom: 8px;
    padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
}
.note_caution::before{
    content: "CAUTION";
    background-image: url("../lib/img/caution.svg");
    background-repeat: no-repeat;
    display: table-caption;
    background-color: #FFFF33;
    font-family: Arial;
    font-size: 18px;
    padding-left: 8px;
    font-weight: bold;
    color: black;
    background-size: 90px;
    text-indent: 24px;
    background-position-y: center;
    background-position-x: 6px;
    padding-top: 3px;
}
.note_caution .notetitle, .note_caution .notelisttitle, .note_caution .note__title  {
    display: none;
}
.note_danger {
    display: table;
    border: solid 2px red;
    width: 96%;
	padding-bottom: 8px;
    padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
}
.note_danger::before{
    content: "DANGER";
    background-image: url("../lib/img/danger.svg");
    background-repeat: no-repeat;
    display: table-caption;
    background-color: red;
    font-family: Arial;
    font-size: 18px;
    padding-left: 8px;
    font-weight: bold;
    color: white;
    background-size: 90px;
    text-indent: 24px;
    background-position-y: center;
    background-position-x: 6px;
    padding-top: 3px;
}
.note_danger .notetitle, .note_danger .notelisttitle, .note_danger .note__title  {
    display: none;
}
.note_warning {
    display: table;
    border: solid 2px #FF6600;
    width: 96%;
	padding-bottom: 8px;
    padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
}
.note_warning::before{
    content: "WARNING";
    background-image: url("../lib/img/warning.svg");
    background-repeat: no-repeat;
    display: table-caption;
    background-color: #FF6600;
    font-family: Arial;
    font-size: 18px;
    padding-left: 8px;
    font-weight: bold;
    color: white;
    background-size: 90px;
    text-indent: 24px;
    background-position-y: center;
    background-position-x: 6px;
    padding-top: 3px;
}
.note_warning .notetitle, .note_warning .notelisttitle, .note_warning .note__title  {
    display: none;
}
.note_notice {
    display: table;
    border: solid 2px #DBDBDB;
    width: 96%;
	padding-bottom: 8px;
    padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
}
.note_notice::before{
    content: "NOTICE";
    display: table-caption;
    background-color: #DBDBDB;
    font-family: Arial;
    font-size: 18px;
    padding-left: 8px;
    font-weight: bold;
    padding-top: 3px;
}
.note_notice .notetitle, .note_notice .notelisttitle, .note_notice .note__title  {
    display: none;
}
.note_note {
	display: table;
    border: solid 2px #DBDBDB;
    margin-left:45px;
    position: relative;
    width: calc(96% - 45px);;
	padding-bottom: 8px;
    padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
}
.note_note::before{
    content: "";
    background-image: url("../lib/img/note.svg");
    background-size: 100%;
    position: absolute;
    width: 16pt;
    height: 16pt;
    margin-left: -3em;
    top: 50%;
    margin-top: -8pt;
}
.note_note .notetitle, .note_note .notelisttitle, .note_note  .note__title {
	display: none;
}
}
@media screen and (max-width:800px)and (min-device-width:801px) {
    .table--title-label{

    }
    .table--title-label:lang(zh-cn) {
        font-weight: bold;
    }
    .prerequisiteName{

    }
    .prerequisiteName:lang(zh-cn) {
        font-weight: bold;
    }
/* -----------------------英文----------------------------- */
/* Figures */
/*figcaption:lang(en-us)::before{
    content: "Figure ";
    padding-right: 0;
    font-weight: bold;
}*/
/* table caption */
/*caption > span:lang(en-us)::before{
    content: "Table ";
    padding-right: 0;
}*/
.note_caution:lang(en-us)::before{
    content: "CAUTION";
}
.note_danger:lang(en-us)::before{
    content: "DANGER";
}
.note_warning:lang(en-us)::before{
    content: "WARNING";
}
.note_notice:lang(en-us)::before{
    content: "NOTICE";
    font-weight: bold;
}
/* -----------------------中文----------------------------- */
body:lang(zh-cn) {
  font-family: 汉仪旗黑-50S;
  font-size:16px;
}
/* Figures */
/*figcaption:lang(zh-cn)::before{
    content: "图 ";
    padding-right: 0;
    font-family: Arial;
	font-weight: bold;
}*/
/* table caption */
/*caption > span:lang(zh-cn)::before{
    content: "表 ";
    padding-right: 0;
    font-family: Arial;
	font-weight: bold;

}*/

/* 中文步骤 */
/*ol.steps:lang(zh-cn) {
   list-style-type: none;
}
li.step:lang(zh-cn){
  counter-increment: stepcounter;
}
li.step:lang(zh-cn)::before {
  content: "步骤" counter(stepcounter) " ";
  letter-spacing: 2px;
  font-family: 汉仪旗黑-50S;
  font-weight: bold;
}
li.step:lang(zh-cn):first-child {
  counter-reset: stepcounter;
}*/
/* --------------------------默认英文-------------------------------- */
.topictitle1,
.topictitle2,
*[class ~= 'front-page/front-page-title'],
*[class ~= "toc/title"],
*[class ~= "map/topicref"],
*[class ~= 'topic/title'],
*[class ~= 'topic/thead'],
*[class ~= "placeholder/figurelist"],
*[class ~= "placeholder/tablelist"],
*[class ~= "index/groups"]::before,
*[class ~= "index/group"] > *[class ~= "index/label"],
.wh_publication_title,
.wh_top_menu,
.wh_tile_title .topicref,
.wh_main_page_toc_entry .topicref,
.wh_index_terms span.wh_first_letter,
.wh-letters li a {
  font-family: Arial;
  font-size:24px;
  background-color: #F0F0F0;
  padding: 2pt;

}

.topictitle3,
.topictitle4,
.topictitle5,
.topictitle6,
.sectiontitle {
  font-family: Arial;
  font-size:16px;
  font-weight:normal;
  margin-bottom: 1em;;
  font-weight: bold;
}

body {
  font-family: Arial;
  font-size:16px;
  margin-left:40px;
  margin-right:40px;
  text-align: justify;
}
/* table caption */
caption {
    text-align: left;
    line-height: 30px;
    margin-top: 5px;
}
/*caption > span::before{
    content: "Table ";
    padding-right: 0;
	font-weight: bold;
}*/
/*.table--title-label {
    display: none;
}*/
/* table thead */
thead {
  background-color: #F0F0F0;
}
*[class ~= "row/rowsep-0"] > *[class ~= "entry/rowsep-1"]{
	    border-bottom: 0;
}
/*
.valign-middle {
    border-bottom:1px solid;
}
.colsep-0 {
    border-bottom:1px solid;
}
*/
/*
th {
    border-bottom:1px solid;
}
*/
/* table td*/
/*
td {
    border-bottom:1px solid;
}
*/
tr {
    line-height: 2;
}
table {
   margin-bottom: 1em;
   width:100%;
}
/* figure */
figure {
     display: table;
}
figcaption {
    text-align: center;
    margin-top: 10px;
}
/*figcaption::before{
    content: "Figure ";
    padding-right: 0;
    font-weight: bold;
}*/

/*.fig--title-label {
    display: none;
}*/
/* ul无序列表 */
ul {
    padding-left: 20px;
    /*  padding-inline: 40px; */
}
/* ol有序列表 */
ol {
   /* list-style-type: none;*/
   /* margin-inline-start: -3.3em;*/
    padding-left: 20px;
}
/*
ol > li {
  counter-increment: customlistcounter;
}

ol > li:before {
  content: counter(customlistcounter) " ";
  letter-spacing: 2px;
}

ol :first-child {
  counter-reset: customlistcounter;
}
*/

/*
 ol有序子列表
ol ol {
    list-style-type: none;
    margin-inline-start: -5px;
}
ol ol > li:before {
    content: "(" counter(section, lower-alpha) ") ";
}
ol ol > li {
    counter-increment: section;
}
*/
li.step {
	margin-top: 1em;
    margin-bottom: 1em;
}
/*
a [href $= ".html"]:before {
    content: "(" attr(href) ") ";
}
*/
/* 链接 */
a.xref {
    text-decoration: none;
}
/* note */
/*.note .ol {
    padding-left:0px;
}
.note .ul {
    padding-left: 0px;
}
.note .p{
    padding-left: 5px;
}
*/
.note_caution {
    display: table;
    border: solid 2px #FFFF33;
    width: 96%;
	padding-bottom: 8px;
    padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
}
.note_caution::before{
    content: "CAUTION";
    background-image: url("../lib/img/caution.svg");
    background-repeat: no-repeat;
    display: table-caption;
    background-color: #FFFF33;
    font-family: Arial;
    font-size: 18px;
    padding-left: 8px;
    font-weight: bold;
    color: black;
    background-size: 90px;
    text-indent: 24px;
    background-position-y: center;
    background-position-x: 6px;
    padding-top: 3px;
}
.note_caution .notetitle, .note_caution .notelisttitle, .note_caution .note__title  {
    display: none;
}
.note_danger {
    display: table;
    border: solid 2px red;
    width: 96%;
	padding-bottom: 8px;
    padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
}
.note_danger::before{
    content: "DANGER";
    background-image: url("../lib/img/danger.svg");
    background-repeat: no-repeat;
    display: table-caption;
    background-color: red;
    font-family: Arial;
    font-size: 18px;
    padding-left: 8px;
    font-weight: bold;
    color: white;
    background-size: 90px;
    text-indent: 24px;
    background-position-y: center;
    background-position-x: 6px;
    padding-top: 3px;
}
.note_danger .notetitle, .note_danger .notelisttitle, .note_danger .note__title  {
    display: none;
}
.note_warning {
    display: table;
    border: solid 2px #FF6600;
    width: 96%;
	padding-bottom: 8px;
    padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
}
.note_warning::before{
    content: "WARNING";
    background-image: url("../lib/img/warning.svg");
    background-repeat: no-repeat;
    display: table-caption;
    background-color: #FF6600;
    font-family: Arial;
    font-size: 18px;
    padding-left: 8px;
    font-weight: bold;
    color: white;
    background-size: 90px;
    text-indent: 24px;
    background-position-y: center;
    background-position-x: 6px;
    padding-top: 3px;
}
.note_warning .notetitle, .note_warning .notelisttitle, .note_warning .note__title  {
    display: none;
}
.note_notice {
    display: table;
    border: solid 2px #DBDBDB;
    width: 96%;
	padding-bottom: 8px;
    padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
}
.note_notice::before{
    content: "NOTICE";
    display: table-caption;
    background-color: #DBDBDB;
    font-family: Arial;
    font-size: 18px;
    padding-left: 8px;
    font-weight: bold;
    padding-top: 3px;
}
.note_notice .notetitle, .note_notice .notelisttitle, .note_notice .note__title  {
    display: none;
}
.note_note {
	display: table;
    border: solid 2px #DBDBDB;
    margin-left:45px;
    position: relative;
    width: calc(96% - 45px);;
	padding-bottom: 8px;
    padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
}
.note_note::before{
    content: "";
    background-image: url("../lib/img/note.svg");
    background-size: 100%;
    position: absolute;
    width: 16pt;
    height: 16pt;
    margin-left: -3em;
    top: 50%;
    margin-top: -8pt;
}
.note_note .notetitle, .note_note .notelisttitle, .note_note  .note__title {
	display: none;
}
}