@charset “UTF-8”;

/**********************
contents
**********************/

@font-face {
  font-family: "KIA_Common";
  src: url("../Editor/src/xsl/font/KIA_Common.woff") format("woff");
}
@font-face {
  font-family: "KIA_Air_Condition";
  src: url("../Editor/src/xsl/font/KIA_Air_Condition.woff") format("woff");
}
@font-face {
  font-family: "KIA_Parking";
  src: url("../Editor/src/xsl/font/KIA_Parking.woff") format("woff");
}
@font-face {
  font-family: "KIA_Airbag";
  src: url("../Editor/src/xsl/font/KIA_Airbag.woff") format("woff");
}
@font-face {
  font-family: "KIA_Lighting";
  src: url("../Editor/src/xsl/font/KIA_Lighting.woff") format("woff");
}
@font-face {
  font-family: "KIA_Safety_Light";
  src: url("../Editor/src/xsl/font/KIA_Safety_Light.woff") format("woff");
}
@font-face {
  font-family: "KIA_Eco";
  src: url("../Editor/src/xsl/font/KIA_Eco.woff") format("woff");
}
@font-face {
  font-family: "KIA_Periodic_Inspection";
  src: url("../Editor/src/xsl/font/KIA_Periodic_Inspection.woff") format("woff");
}

.preview-contents *,
.header-area *,
.menu-area *,
.topic-inner *,
.contents-body *,
.preview-topic-dialog-body *,
.arrange-topic-preview-dialog *
{
    font-family:'Noto Sans', helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;

    color:#000000;

}



/**********************
 Inline Element
**********************/
/**********************
sup
**********************/
.preview-contents sup,
.topic-inner sup,
.contents-body sup,
.arrange-topic-preview-dialog sup {
    font-size:0.9em;
    vertical-align: top;
    position: relative;
    top: -0.2em;
    color:inherit;
}
/**********************
sub
**********************/
.preview-contents sub,
.topic-inner sub,
.contents-body sub,
.arrange-topic-preview-dialog sub {
    font-size:0.9em;
    vertical-align: bottom;
    position: relative;
    top: 0.2em;
    color:inherit;
}


/**********************
tm(Trade Mark)
**********************/
.preview-contents .trademark,
.topic-inner .trademark,
.contents-body .trademark,
.arrange-topic-preview-dialog .trademark {
    font-size:0.9em;
    vertical-align: top;
    position: relative;
    top: -0.2em;
    color:inherit;
}

/**********************
reg(Registered Trademark)
**********************/
.preview-contents .regmark,
.topic-inner .regmark,
.contents-body .regmark,
.arrange-topic-preview-dialog .regmark {
    font-size:0.9em;
    vertical-align: top;
    position: relative;
    top: -0.2em;
    color:inherit;
}


/**********************
emphasis
**********************/

.preview-contents .b,
.topic-inner .b,
.contents-body .b,
.arrange-topic-preview-dialog .b {
  font-weight:bold;
  color:inherit;
}

.preview-contents .i,
.topic-inner .i,
.contents-body .i,
.arrange-topic-preview-dialog .i {
    font-style:italic;
    color:inherit;
}
.preview-contents .emphasis.bolditalic,
.topic-inner .emphasis.bolditalic,
.contents-body .emphasis.bolditalic,
.arrange-topic-preview-dialog .emphasis.bolditalic {
    font-weight:bold;
    font-style:italic;
    color:inherit;
}
.preview-contents .emphasis.underline,
.topic-inner .emphasis.underline,
.contents-body .emphasis.underline,
.arrange-topic-preview-dialog .emphasis.underline {
    text-decoration: underline;
    color:inherit;
}

.preview-contents .emphasis.none,
.topic-inner .emphasis.none,
.contents-body .emphasis.none,
.arrange-topic-preview-dialog .emphasis.none {
  font-weight:normal;
  color:inherit;
}


.preview-contents .emphasis.fontsize,
.topic-inner .emphasis.fontsize,
.contents-body .emphasis.fontsize,
.arrange-topic-preview-dialog .emphasis.fontsize {
  font-size:1.2em;
  color:inherit;
}


.preview-contents .emphasis.key,
.topic-inner .emphasis.key,
.contents-body .emphasis.key,
.arrange-topic-preview-dialog .emphasis.key {
  font-weight:bold;
  color:rgb(165,0,52);
}

.preview-contents .term,
.topic-inner .term,
.contents-body .term,
.arrange-topic-preview-dialog .term {
  font-weight:bold;
  color:inherit;
}

.preview-contents .reg,
.topic-inner .reg,
.contents-body .reg,
.arrange-topic-preview-dialog .reg {
  color:inherit;
}


/**********************
a
**********************/
.preview-contents a,
.topic-inner a,
.contents-body a,
.arrange-topic-preview-dialog a{
    color: #a36b4f;
    display: inline;
    margin-left: 0.75em;
}

.preview-contents a.xref,
.topic-inner a.xref,
.contents-body a.xref,
.arrange-topic-preview-dialog a.xref{
    margin-left: 0;
    margin-right:0;
}


html[lang = 'ar-AA'] .preview-contents a,
html[lang = 'ar-AA'] .topic-inner a,
html[lang = 'ar-AA'] .contents-body a,
html[lang = 'ar-AA'] .arrange-topic-preview-dialog a,
html[lang = 'he-IL'] .preview-contents a,
html[lang = 'he-IL'] .topic-inner a,
html[lang = 'he-IL'] .contents-body a,
html[lang = 'he-IL'] .arrange-topic-preview-dialog a
{
    margin-left: 0;
    margin-right: 0.75em;

}

.preview-contents a:hover,
.topic-inner a:hover,
.contents-body a:hover,
.arrange-topic-preview-dialog a:hover{
    text-decoration: underline !important;
}

/*
a.xref::before {
    margin-left: .75em;
    content: "\f0a4  More Details";
}
*/


/**********************
xref
**********************/
.preview-contents .xref,
.topic-inner .xref,
.contents-body .xref,
.arrange-topic-preview-dialog .xref{
    color: #a36b4f;
    display: inline;
/*
    margin-left: 0.5em;
    margin-right: 0.5em;
*/
}

html[lang = 'ar-AA'] .xref,
html[lang = 'he-IL'] .xref{
	direction:rtl;
	unicode-bidi:embed;

}

/**********************
uicontrol
**********************/

.bread-clumb .uicontrol_common,
.preview-contents .uicontrol_common,
.topic-inner .uicontrol_common,
.contents-body .uicontrol_common,
.arrange-topic-preview-dialog .uicontrol_common{
	font-family: "KIA_Common";
    color:inherit;
}

.bread-clumb .uicontrol_air_condition,
.preview-contents .uicontrol_air_condition,
.topic-inner .uicontrol_air_condition,
.contents-body .uicontrol_air_condition,
.arrange-topic-preview-dialog .uicontrol_air_condition{
	font-family: "KIA_Air_Condition";
    color:inherit;
}

.bread-clumb .uicontrol_parking,
.preview-contents .uicontrol_parking,
.topic-inner .uicontrol_parking,
.contents-body .uicontrol_parking,
.arrange-topic-preview-dialog .uicontrol_parking{
	font-family: "KIA_Parking";
    color:inherit;
}

.bread-clumb .uicontrol_airbag,
.preview-contents .uicontrol_airbag,
.topic-inner .uicontrol_airbag,
.contents-body .uicontrol_airbag,
.arrange-topic-preview-dialog .uicontrol_airbag{
	font-family: "KIA_Airbag";
    color:inherit;
}


.bread-clumb .uicontrol_lighting,
.preview-contents .uicontrol_lighting,
.topic-inner .uicontrol_lighting,
.contents-body .uicontrol_lighting,
.arrange-topic-preview-dialog .uicontrol_lighting{
	font-family: "KIA_Lighting";
    color:inherit;
}


.bread-clumb .uicontrol_safety_light,
.preview-contents .uicontrol_safety_light,
.topic-inner .uicontrol_safety_light,
.contents-body .uicontrol_safety_light,
.arrange-topic-preview-dialog .uicontrol_safety_light{
	font-family: "KIA_Safety_Light";
    color:inherit;
}

.bread-clumb .uicontrol_eco,
.preview-contents .uicontrol_eco,
.topic-inner .uicontrol_eco,
.contents-body .uicontrol_eco,
.arrange-topic-preview-dialog .uicontrol_eco{
	font-family: "KIA_Eco";
    color:inherit;
}

.bread-clumb .uicontrol_periodic_inspection,
.preview-contents .uicontrol_periodic_inspection,
.topic-inner .uicontrol_periodic_inspection,
.contents-body .uicontrol_periodic_inspection,
.arrange-topic-preview-dialog .uicontrol_periodic_inspection{
	font-family: "KIA_Periodic_Inspection";
    color:inherit;
}


/**********************
indexterm
**********************/

.preview-contents .indexterm,
.topic-inner .indexterm,
.contents-body .indexterm,
.arrange-topic-preview-dialog .indexterm
{
    margin-left: 0.1em;
    margin-right: 0.1em;
    color: #759db7;
    padding:0.2em;
    border:1px solid #759db7;

}



/**********************
 Block Element
**********************/
/**********************
ph
**********************/
.preview-contents .ph,
.topic-inner .ph,
.contents-body .ph,
.arrange-topic-preview-dialog .ph {
    font-weight: bold;
    color: #666666;
}


/**********************
dt
**********************/
.preview-contents .dt,
.topic-inner .dt,
.contents-body .dt,
.arrange-topic-preview-dialog .dt {
    font-weight:bold;
}


/**********************
dd
**********************/
.preview-contents .dd,
.topic-inner .dd,
.contents-body .dd,
.arrange-topic-preview-dialog .dd {
    margin-left: 40px;
}


html[lang = 'ar-AA'] .preview-contents .dd,
html[lang = 'ar-AA'] .topic-inner .dd,
html[lang = 'ar-AA'] .contents-body .dd,
html[lang = 'ar-AA'] .arrange-topic-preview-dialog .dd,
html[lang = 'he-IL'] .preview-contents .dd,
html[lang = 'he-IL'] .topic-inner .dd,
html[lang = 'he-IL'] .contents-body .dd,
html[lang = 'he-IL'] .arrange-topic-preview-dialog .dd{
    margin-left: 0px;
    margin-right: 40px;
}


.preview-contents .containd-section dd,
.topic-inner .containd-section dd,
.contents-body .containd-section dd,
.arrange-topic-preview-dialog .containd-section dd {
    margin-left: 0;
}


html[lang = 'ar-AA'] .preview-contents .containd-section dd,
html[lang = 'ar-AA'] .topic-inner .containd-section dd,
html[lang = 'ar-AA'] .contents-body .containd-section dd,
html[lang = 'ar-AA'] .arrange-topic-preview-dialog .containd-section dd,
html[lang = 'he-IL'] .preview-contents .containd-section dd,
html[lang = 'he-IL'] .topic-inner .containd-section dd,
html[lang = 'he-IL'] .contents-body .containd-section dd,
html[lang = 'he-IL'] .arrange-topic-preview-dialog .containd-section dd{
    margin-right: 0;
}


/**********************
steps
**********************/
.preview-contents .steps,
.topic-inner .steps,
.contents-body .steps,
.arrange-topic-preview-dialog .steps {
    counter-reset:number;
    margin-bottom:2em;
}
.preview-contents > li,
.topic-inner .steps > li,
.contents-body .steps > li,
.arrange-topic-preview-dialog .steps > li {
    margin-top:1em;
    position:relative;
}
.preview-contents .step-contents,
.topic-inner .step-contents,
.contents-body .step-contents,
.arrange-topic-preview-dialog .step-contents {
/*
    margin-left:3em;
*/
    padding-top:10px;
}


/* 未使用？ */
.preview-contents .steps > li:before,
.topic-inner .steps > li:before,
.contents-body .steps > li:before,
.arrange-topic-preview-dialog .steps > li:before {
    position:absolute;
    padding-left: 0em;
    padding-right: 0.2em;
    padding-top: 0;
    padding-bottom: 0;
    margin:0 0.5em 0 0;
    counter-increment: number;
    content: counter(number);
    font-size:2em;
    vertical-align:top;
}


.preview-contents .step-contents .step-number,
.topic-inner .step-contents .step-number,
.contents-body .step-contents .step-number,
.arrange-topic-preview-dialog .step-contents  .step-number{
    display: inline-block;
    width: 1.3em;
    font-size: 1.8em;
    vertical-align: top;
    color: #000000;
    text-align: right;
    
}

html[lang = 'ar-AA'] .preview-contents .step-contents .step-number,
html[lang = 'ar-AA'] .topic-inner .step-contents .step-number,
html[lang = 'ar-AA'] .contents-body .step-contents .step-number,
html[lang = 'ar-AA'] .arrange-topic-preview-dialog .step-contents  .step-number,
html[lang = 'he-IL'] .preview-contents .step-contents .step-number,
html[lang = 'he-IL'] .topic-inner .step-contents .step-number,
html[lang = 'he-IL'] .contents-body .step-contents .step-number,
html[lang = 'he-IL'] .arrange-topic-preview-dialog .step-contents  .step-number
{
    text-align: left;
}

.preview-contents .step-contents .step-body,
.topic-inner .step-contents .step-body,
.contents-body .step-contents .step-body,
.arrange-topic-preview-dialog .step-contents  .step-body{
    display: inline-block;
    width: calc(100% - 4.6em);
    margin-top:0.5em;
    margin-left: 0.5em;

}


html[lang = 'ar-AA'] .preview-contents .step-contents .step-body,
html[lang = 'ar-AA'] .topic-inner .step-contents .step-body,
html[lang = 'ar-AA'] .contents-body .step-contents .step-body,
html[lang = 'ar-AA'] .arrange-topic-preview-dialog .step-contents  .step-body,
html[lang = 'he-IL'] .preview-contents .step-contents .step-body,
html[lang = 'he-IL'] .topic-inner .step-contents .step-body,
html[lang = 'he-IL'] .contents-body .step-contents .step-body,
html[lang = 'he-IL'] .arrange-topic-preview-dialog .step-contents  .step-body{
    margin-left: 0;
    margin-right: 0.5em;

}


/**********************
steps-unordered
**********************/
.preview-contents .steps-unordered,
.topic-inner .steps-unordered,
.contents-body .steps-unordered,
.arrange-topic-preview-dialog .steps-unordered {
    margin:0 0 0 15px;
}


html[lang = 'ar-AA'] .preview-contents .steps-unordered,
html[lang = 'ar-AA'] .topic-inner .steps-unordered,
html[lang = 'ar-AA'] .contents-body .steps-unordered,
html[lang = 'ar-AA'] .arrange-topic-preview-dialog .steps-unordered,
html[lang = 'he-IL'] .preview-contents .steps-unordered,
html[lang = 'he-IL'] .topic-inner .steps-unordered,
html[lang = 'he-IL'] .contents-body .steps-unordered,
html[lang = 'he-IL'] .arrange-topic-preview-dialog .steps-unordered{
    margin:0 15px 0 0;
}


.preview-contents .steps-unordered > li,
.topic-inner .steps-unordered > li,
.contents-body .steps-unordered > li,
.arrange-topic-preview-dialog .steps-unordered > li {
    list-style:disc;
    margin:12px 0 12px 0;
}

.preview-contents .steps-unordered > li > .steps-unordered > li,
.topic-inner .steps-unordered > li > .steps-unordered > li,
.contents-body .steps-unordered >  li > .steps-unordered >  li,
.arrange-topic-preview-dialog .steps-unordered > li >  .steps-unordered > li {
	list-style:  none;
	position: relative;
	margin:  0;
	padding: 0;
}


.preview-contents .steps-unordered > li > .steps-unordered > li:before,
.topic-inner .steps-unordered > li > .steps-unordered > li:before,
.contents-body .steps-unordered >  li > .steps-unordered >  li:before,
.arrange-topic-preview-dialog .steps-unordered > li >  .steps-unordered > li:before {
	content:"-";
	display:block;
	position: absolute;
	top:0;
	left: -10px;
}


.preview-contents .steps-unordered .step-contents,
.topic-inner  .steps-unordered .step-contents,
.contents-body  .steps-unordered .step-contents,
.arrange-topic-preview-dialog  .steps-unordered .step-contents {
    margin-left:1.5em;
    padding-top:10px;
}


/**********************
substep
**********************/
.preview-contents .substeps,
.topic-inner .substeps,
.contents-body  .substeps,
.arrange-topic-preview-dialog .substeps {
    margin:0 0 0 0em;
/*
    padding-left: 15px;
*/
    counter-reset:number;
/*
    margin-bottom:2em;
*/
}

.preview-contents .substeps > li,
.topic-inner .substeps > li,
.contents-body .substeps > li,
.arrange-topic-preview-dialog .substeps > li {
    margin-top:1em;
    position:relative;
}
.preview-contents .substeps > li > .step-contents,
.topic-inner .substeps > li > .step-contents,
.contents-body  .substeps > li > .step-contents,
.arrange-topic-preview-dialog  .substeps > li > .step-contents {
    margin-left:2em;
    padding-top:0px;
}


html[lang = 'ar-AA'] .preview-contents .substeps > li > .step-contents,
html[lang = 'ar-AA'] .topic-inner .substeps > li > .step-contents,
html[lang = 'ar-AA'] .contents-body  .substeps > li > .step-contents,
html[lang = 'ar-AA'] .arrange-topic-preview-dialog  .substeps > li > .step-contents,
html[lang = 'he-IL'] .preview-contents .substeps > li > .step-contents,
html[lang = 'he-IL'] .topic-inner .substeps > li > .step-contents,
html[lang = 'he-IL'] .contents-body  .substeps > li > .step-contents,
html[lang = 'he-IL'] .arrange-topic-preview-dialog  .substeps > li > .step-contents
 {
    margin-left:0;
    margin-right:2em;
}


.preview-contents .substeps > li:before,
.topic-inner .substeps > li:before,
.contents-body .substeps > li:before,
.arrange-topic-preview-dialog .substeps > li:before {
    position:absolute;
    padding-left: 0em;
    padding-right: 0.2em;
    padding-top: 0;
    padding-bottom: 0;
    margin:0 0.5em 0 0;
    counter-increment: number;
    content: counter(number) ")";
    font-size:1em;
    vertical-align:top;
    width:1.5em;
    text-align:right;
}



html[lang = 'ar-AA'] .preview-contents .substeps > li:before,
html[lang = 'ar-AA'] .topic-inner .substeps > li:before,
html[lang = 'ar-AA'] .contents-body .substeps > li:before,
html[lang = 'ar-AA'] .arrange-topic-preview-dialog .substeps > li:before,
html[lang = 'he-IL'] .preview-contents .substeps > li:before,
html[lang = 'he-IL'] .topic-inner .substeps > li:before,
html[lang = 'he-IL'] .contents-body .substeps > li:before,
html[lang = 'he-IL'] .arrange-topic-preview-dialog .substeps > li:before{
    padding-left: 0.2em;
    padding-right: 0em;
    padding-top: 0;
    padding-bottom: 0;
    margin:0 0 0 0.5em;
    text-align:left;
    direction:ltr;
}


/**********************
ol
(arabic|upperalpha|loweralpha|upperroman|lowerroman)
**********************/
.preview-contents .orderedlist,
.topic-inner .orderedlist,
.contents-body  .orderedlist,
.arrange-topic-preview-dialog .orderedlist {
/*
    margin:0 0 0 0em;
    padding-left: 30px;
*/
    list-style: none;
	padding: 0;
}

/* ol continue 대응(continue시 연속 번호 유지) */
.preview-contents .orderedlist:not(.continue),
.topic-inner .orderedlist:not(.continue),
.contents-body  .orderedlist:not(.continue),
.arrange-topic-preview-dialog .orderedlist:not(.continue) {
    counter-reset: item;
}

.preview-contents .orderedlist > li,
.topic-inner .orderedlist > li,
.contents-body .orderedlist > li,
.arrange-topic-preview-dialog .orderedlist > li {
    display: block;
    position: relative;
    padding-left: 2em;

}


html[lang = 'ar-AA'] .preview-contents .orderedlist > li,
html[lang = 'ar-AA'] .topic-inner .orderedlist > li,
html[lang = 'ar-AA'] .contents-body .orderedlist > li,
html[lang = 'ar-AA'] .arrange-topic-preview-dialog .orderedlist > li,
html[lang = 'he-IL'] .preview-contents .orderedlist > li,
html[lang = 'he-IL'] .topic-inner .orderedlist > li,
html[lang = 'he-IL'] .contents-body .orderedlist > li,
html[lang = 'he-IL'] .arrange-topic-preview-dialog .orderedlist > li{
    padding-left: 0;
    padding-right:2em;

}


.preview-contents .orderedlist > li:before,
.topic-inner .orderedlist > li:before,
.contents-body .orderedlist > li:before,
.arrange-topic-preview-dialog .orderedlist> li:before {
    counter-increment: item;
    content: counter(item) ".";
    position: absolute;
    width: 1.5em;
    left: 0;
    text-align:right;
}


html[lang = 'ar-AA'] .preview-contents .orderedlist > li:before,
html[lang = 'ar-AA'] .topic-inner .orderedlist > li:before,
html[lang = 'ar-AA'] .contents-body .orderedlist > li:before,
html[lang = 'ar-AA'] .arrange-topic-preview-dialog .orderedlist> li:before,
html[lang = 'he-IL'] .preview-contents .orderedlist > li:before,
html[lang = 'he-IL'] .topic-inner .orderedlist > li:before,
html[lang = 'he-IL'] .contents-body .orderedlist > li:before,
html[lang = 'he-IL'] .arrange-topic-preview-dialog .orderedlist> li:before
{
    content: "." counter(item);
}

html[lang = 'ar-AA'] .preview-contents .orderedlist > li:before,
html[lang = 'ar-AA'] .topic-inner .orderedlist > li:before,
html[lang = 'ar-AA'] .contents-body .orderedlist > li:before,
html[lang = 'ar-AA'] .arrange-topic-preview-dialog .orderedlist> li:before,
html[lang = 'he-IL'] .preview-contents .orderedlist > li:before,
html[lang = 'he-IL'] .topic-inner .orderedlist > li:before,
html[lang = 'he-IL'] .contents-body .orderedlist > li:before,
html[lang = 'he-IL'] .arrange-topic-preview-dialog .orderedlist> li:before{
	right:10px;
	direction:ltr;
}


.preview-contents .orderedlist.upperalpha > li,
.topic-inner .orderedlist.upperalpha > li,
.contents-body .orderedlist.upperalpha > li,
.arrange-topic-preview-dialog .orderedlist.upperalpha > li {
    list-style:upper-alpha;
}
.preview-contents .orderedlist.loweralpha > li,
.topic-inner .orderedlist.loweralpha > li,
.contents-body .orderedlist.loweralpha > li,
.arrange-topic-preview-dialog .orderedlist.loweralpha > li {
    list-style:lower-alpha;
}

.preview-contents .orderedlist.upperroman > li,
.topic-inner .orderedlist.upperroman > li,
.contents-body .orderedlist.upperroman > li,
.arrange-topic-preview-dialog .orderedlist.upperroman > li {
    list-style:upper-roman;
}
.preview-contents .orderedlist.lowerroman > li,
.topic-inner .orderedlist.lowerroman > li,
.contents-body .orderedlist.lowerroman > li,
.arrange-topic-preview-dialog .orderedlist.lowerroman > li {
    list-style:lower-roman;
}


/**********************
ul
**********************/
.preview-contents ul,
.topic-inner ul,
.contents-body ul,
.arrange-topic-preview-dialog ul {
    margin:0 0 0 15px;
}


html[lang = 'ar-AA'] .preview-contents ul,
html[lang = 'ar-AA'] .topic-inner ul,
html[lang = 'ar-AA'] .contents-body ul,
html[lang = 'ar-AA'] .arrange-topic-preview-dialog ul,
html[lang = 'he-IL'] .preview-contents ul,
html[lang = 'he-IL'] .topic-inner ul,
html[lang = 'he-IL'] .contents-body ul,
html[lang = 'he-IL'] .arrange-topic-preview-dialog ul{
    margin:0 15px 0 0;
}

.preview-contents ul > li,
.topic-inner ul > li,
.contents-body ul > li,
.arrange-topic-preview-dialog ul > li {
    list-style:disc;
    margin:12px 0 12px 0;
}

.preview-contents ul > li > ul > li,
.topic-inner ul > li > ul > li,
.contents-body ul >  li > ul >  li,
.arrange-topic-preview-dialog ul > li > ul > li {
	list-style:  none;
	position: relative;
	margin:  0;
	padding: 0;
}


.preview-contents ul > li > ul > li:before,
.topic-inner ul > li > ul > li:before,
.contents-body ul >  li > ul >  li:before,
.arrange-topic-preview-dialog ul > li > ul > li:before {
	content:"-";
	display:block;
	position: absolute;
	top:0;
	left: -10px;
}



html[lang = 'ar-AA'] .preview-contents ul > li > ul > li:before,
html[lang = 'ar-AA'] .topic-inner ul > li > ul > li:before,
html[lang = 'ar-AA'] .contents-body ul >  li > ul >  li:before,
html[lang = 'ar-AA'] .arrange-topic-preview-dialog ul > li > ul > li:before,
html[lang = 'he-IL'] .preview-contents ul > li > ul > li:before,
html[lang = 'he-IL'] .topic-inner ul > li > ul > li:before,
html[lang = 'he-IL'] .contents-body ul >  li > ul >  li:before,
html[lang = 'he-IL'] .arrange-topic-preview-dialog ul > li > ul > li:before{
	right: -10px;
}



.preview-contents .steps-unordered .step-contents,
.topic-inner  .steps-unordered .step-contents,
.contents-body  .steps-unordered .step-contents,
.arrange-topic-preview-dialog  .steps-unordered .step-contents {
    margin-left:1.5em;
    padding-top:10px;
}


/**********************
choice
**********************/
.preview-contents ul.choices,
.topic-inner ul.choices,
.contents-body ul.choices,
.arrange-topic-preview-dialog ul.choices {
    margin:0 0 0 15px;
}



html[lang = 'ar-AA'] .preview-contents ul.choices,
html[lang = 'ar-AA'] .topic-inner ul.choices,
html[lang = 'ar-AA'] .contents-body ul.choices,
html[lang = 'ar-AA'] .arrange-topic-preview-dialog ul.choices,
html[lang = 'he-IL'] .preview-contents ul.choices,
html[lang = 'he-IL'] .topic-inner ul.choices,
html[lang = 'he-IL'] .contents-body ul.choices,
html[lang = 'he-IL'] .arrange-topic-preview-dialog ul.choices{
    margin:0 15px 0 0;
}

/*
.preview-contents ul.choices > li,
.topic-inner ul.choices > li,
.contents-body ul.choices > li,
.arrange-topic-preview-dialog ul.choices > li {
    list-style:disc;
    margin:12px 0 12px 0;
}
*/

.preview-contents ul.choices > li,
.topic-inner ul.choices > li, 
.contents-body ul.choices > li, 
.arrange-topic-preview-dialog ul.choices > li {
/*
    list-style: none;
*/
}


.preview-contents ul.choices > li > ul.choices > li,
.topic-inner ul.choices > li > ul.choices > li,
.contents-body ul.choices >  li > ul.choices >  li,
.arrange-topic-preview-dialog ul.choices > li > ul.choices > li {
	list-style:  none;
	position: relative;
	margin:  0;
	padding: 0;
}

/* 未使用？ */
.preview-contents ul.choices > li > ul.choices > li:before,
.topic-inner ul.choices > li > ul.choices > li:before,
.contents-body ul.choices >  li > ul.choices >  li:before,
.arrange-topic-preview-dialog ul.choices > li > ul.choices > li:before {
	content:"-";
	display:block;
	position: absolute;
	top:0;
	left: -10px;
}


.preview-contents .steps-unordered .step-contents,
.topic-inner  .steps-unordered .step-contents,
.contents-body  .steps-unordered .step-contents,
.arrange-topic-preview-dialog  .steps-unordered .step-contents {
    margin-left:1.5em;
    padding-top:10px;
}

html[lang = 'ar-AA'] .preview-contents .steps-unordered .step-contents,
html[lang = 'ar-AA'] .topic-inner  .steps-unordered .step-contents,
html[lang = 'ar-AA'] .contents-body  .steps-unordered .step-contents,
html[lang = 'ar-AA'] .arrange-topic-preview-dialog  .steps-unordered .step-contents, 
html[lang = 'he-IL'] .preview-contents .steps-unordered .step-contents,
html[lang = 'he-IL'] .topic-inner  .steps-unordered .step-contents,
html[lang = 'he-IL'] .contents-body  .steps-unordered .step-contents,
html[lang = 'he-IL'] .arrange-topic-preview-dialog  .steps-unordered .step-contents {
    margin-left:0;
    margin-right:1.5em;
}


/**********************
title
**********************/

.preview-contents h1,
.topic-inner h1,
.contents-body h1,
.arrange-topic-preview-dialog h1 {
    font-size:2.5em;
    margin:0.5em 0 0.5em 0;
/*
    padding: 0.25em 0.5em;
*/
    color:#000000;
    background: transparent;
/*
    border-left: solid 5px #777;
*/
    font-weight:bold;
}
.preview-contents h2,
.topic-inner h2,
.contents-body h2,
.arrange-topic-preview-dialog h2 {
    margin:0.5em 0 0.5em 0;
    font-size:2em;
    border-left:none;
    color:#000000;
    padding-left:0;
    font-weight:bold;
}
.preview-contents h3,
.topic-inner h3,
.contents-body h3,
.arrange-topic-preview-dialog h3 {
    margin:0.5em 0 0.5em 0;
    font-size:1.5em;
    color:#000;
    font-weight:bold;
    border-bottom: 1px solid #000000;
    padding-bottom: 5px;
}

.preview-contents h4,
.topic-inner h4,
.contents-body h4,
.arrange-topic-preview-dialog h4 {
    margin:0.5em 0 0.5em 0;
    font-size:1.2em;
    color:#000;
    font-weight:bold;
    padding-bottom: 5px;
}

.preview-contents .section > h4,
.topic-inner .section > h4,
.contents-body .section > h4,
.arrange-topic-preview-dialog .section > h4 {
    margin:0.5em 0 0.5em 0;
    font-size:1.2em;
    color:#000;
    font-weight:bold;
    padding-top: 5px;
    padding-bottom: 0;

}

.preview-contents .fig > .title,
.topic-inner .fig > .title,
.contents-body .fig > .title,
.arrange-topic-preview-dialog .fig > .title {
    margin-top: 10px;
    margin-bottom:10px;
    font-size: 1.2em;
}

.preview-contents .tableTitle,
.topic-inner .tableTitle,
.contents-body .tableTitle,
.arrange-topic-preview-dialog .tableTitle {
    margin-top: 10px;
    margin-bottom:10px;
    font-size: 1.2em;
}




<!-- ********************************************* -->


.preview-contents .summary,
.topic-inner .summary,
.contents-body .summary,
.arrange-topic-preview-dialog .summary {
    margin:0.5em 0 0.5em 0;
    border: solid 2px #BDBDBD;
    padding: 0.5em;
    border-radius: 0.5em;
}


/**********************
calloutlist 未使用
**********************/

.preview-contents .calloutlist,
.topic-inner .calloutlist,
.contents-body .calloutlist,
.arrange-topic-preview-dialog .calloutlist {
    counter-reset:number;
	list-style: none;
	padding: 0;
}

.preview-contents .calloutlist > li,
.topic-inner .calloutlist > li,
.contents-body .calloutlist > li,
.arrange-topic-preview-dialog .calloutlist > li {

  display: block;
  position: relative;
  padding-left: 1.4em;
}

.preview-contents .calloutlist > li:before,
.topic-inner .calloutlist > li:before,
.contents-body .calloutlist > li:before,
.arrange-topic-preview-dialog .calloutlist > li:before {

  counter-increment: number;
  content: counter(number);
  position: absolute;
  background-color: #000000;
  color: #ffffff;
  border-radius: 50%;
  width: 1.3em;
  height: 1.3em;
  left: 0em;
  top:0.1em;
  text-align: center;
  line-height: 1.2;
  font-size:0.8em;
}



/**********************
table
**********************/
.preview-contents .table-wrapper,
.topic-inner .table-wrapper,
.contents-body .table-wrapper,
.arrange-topic-preview-dialog .table-wrapper {
    overflow-x:auto;
    padding:1px;
    margin:20px 0 20px 0;
}
.preview-contents table,
.topic-inner table,
.contents-body table,
.arrange-topic-preview-dialog table {
    width:100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom:15px;
    table-layout:fixed;
}

.preview-contents table.table-border-none,
.topic-inner table.table-border-none,
.contents-body table.table-border-none,
.arrange-topic-preview-dialog table.table-border-none {
    border:3px solid transparent;
}
.preview-contents table.table-border-top,
.topic-inner table.table-border-top,
.contents-body table.table-border-top,
.arrange-topic-preview-dialog table.table-border-top {
    border-top:2px solid #BDBDBD;
    border-bottom:3px solid transparent;
    border-left:3px solid transparent;
    border-right:3px solid transparent;
}
.preview-contents table.table-border-bottom,
.topic-inner table.table-border-bottom,
.contents-body table.table-border-bottom,
.arrange-topic-preview-dialog table.table-border-bottom {
    border-bottom:2px solid #BDBDBD;
    border-top:3px solid transparent;
    border-left:3px solid transparent;
    border-right:3px solid transparent;
}
.preview-contents table.table-border-tb,
.topic-inner table.table-border-tb,
.contents-body table.table-border-tb,
.arrange-topic-preview-dialog table.table-border-tb {
    border-bottom:2px solid #BDBDBD;
    border-top:2px solid #BDBDBD;
    border-left:3px solid transparent;
    border-right:3px solid transparent;
}
.preview-contents table.table-border-lr,
.topic-inner table.table-border-lr,
.contents-body table.table-border-lr,
.arrange-topic-preview-dialog table.table-border-lr {
    border-left:2px solid #BDBDBD;
    border-right:2px solid #BDBDBD;
    border-top:3px solid transparent;
    border-bottom:3px solid transparent;
}
.preview-contents table.table-border-left,
.topic-inner table.table-border-left,
.contents-body table.table-border-left,
.arrange-topic-preview-dialog table.table-border-left {
    border-left:2px solid #BDBDBD;
}

.preview-contents table.table-border-right,
.topic-inner table.table-border-right,
.contents-body table.table-border-right,
.arrange-topic-preview-dialog table.table-border-right {
    border-right:2px solid #BDBDBD;
}
.preview-contents table.table-border-all,
.topic-inner table.table-border-all,
.contents-body table.table-border-all,
.arrange-topic-preview-dialog table.table-border-all {
    border:2px solid #BDBDBD;
}
.preview-contents table th,
.topic-inner table th,
.contents-body table th,
.arrange-topic-preview-dialog table th {
    background:#c30034;
}

.preview-contents table th *,
.topic-inner table th *,
.contents-body table th *,
.arrange-topic-preview-dialog table th  *{
    background:#c30034;
    color: #FFFFFF;
    font-weight: bold;
}

.preview-contents table th > p,
.topic-inner table th > p,
.contents-body table th > p,
.arrange-topic-preview-dialog table th  > p{
    color: #FFFFFF;
    font-weight: bold;
}


.preview-contents table td,
.preview-contents table th,
.topic-inner table td,
.topic-inner table th,
.contents-body table td,
.contents-body table th,
.arrange-topic-preview-dialog table td,
.arrange-topic-preview-dialog table th {
    border: 2px solid #BDBDBD;

/*
    border: 2px solid #BDBDBD;
*/

    padding:0.5em;
}
.preview-contents table td.column-border-none,
.preview-contents table th.column-border-none,
.topic-inner table td.column-border-none,
.topic-inner table th.column-border-none,
.contents-body table td.column-border-none,
.contents-body table th.column-border-none,
.arrange-topic-preview-dialog table td.column-border-none,
.arrange-topic-preview-dialog table th.column-border-none {
    border:none;
}
.preview-contents table td.table-border-rows,
.preview-contents table th.table-border-rows,
.topic-inner table td.table-border-rows,
.topic-inner table th.table-border-rows,
.contents-body table td.table-border-rows,
.contents-body table th.table-border-rows,
.arrange-topic-preview-dialog table td.table-border-rows,
.arrange-topic-preview-dialog table th.table-border-rows {
    border-top:2px solid #BDBDBD;
    border-bottom:2px solid #BDBDBD;
    border-left:0;
    border-right:0;
}
.preview-contents table td.table-border-cols,
.preview-contents table th.table-border-cols,
.topic-inner table td.table-border-cols,
.topic-inner table th.table-border-cols,
.contents-body table td.table-border-cols,
.contents-body table th.table-border-cols,
.arrange-topic-preview-dialog td.table-border-cols,
.arrange-topic-preview-dialog th.table-border-cols {
    border-left:2px solid #BDBDBD;
    border-right:2px solid #BDBDBD;
    border-top:0;
    border-bottom:0;
}


.preview-contents table th.cell_top,
.preview-contents table td.cell_top,
.topic-inner table th.cell_top,
.topic-inner table td.cell_top,
.contents-body table th.cell_top,
.contents-body table td.cell_top,
.arrange-topic-preview-dialog table th.cell_top,
.arrange-topic-preview-dialog table td.cell_top{
	vertical-align:top;
}


.preview-contents table th.cell_middle,
.preview-contents table td.cell_middle,
.topic-inner table th.cell_middle,
.topic-inner table td.cell_middle,
.contents-body table th.cell_middle,
.contents-body table td.cell_middle,
.arrange-topic-preview-dialog table th.cell_middle,
.arrange-topic-preview-dialog table td.cell_middle{
	vertical-align:middle;
}

.preview-contents table th.cell_bottom,
.preview-contents table td.cell_bottom,
.topic-inner table th.cell_bottom,
.topic-inner table td.cell_bottom,
.contents-body table th.cell_bottom,
.contents-body table td.cell_bottom,
.arrange-topic-preview-dialog table th.cell_bottom,
.arrange-topic-preview-dialog table td.cell_bottom{
	vertical-align:bottom;
}


.preview-contents table th.cell_left,
.preview-contents table td.cell_left,
.topic-inner table th.cell_left,
.topic-inner table td.cell_left,
.contents-body table th.cell_left,
.contents-body table td.cell_left,
.arrange-topic-preview-dialog table th.cell_left,
.arrange-topic-preview-dialog table td.cell_left{
	text-align:left;
}


.preview-contents table th.cell_center,
.preview-contents table td.cell_center,
.topic-inner table th.cell_center,
.topic-inner table td.cell_center,
.contents-body table th.cell_center,
.contents-body table td.cell_center,
.arrange-topic-preview-dialog table th.cell_center,
.arrange-topic-preview-dialog table td.cell_center{
	text-align:center;
}


.preview-contents table th.cell_right,
.preview-contents table td.cell_right,
.topic-inner table th.cell_right,
.topic-inner table td.cell_right,
.contents-body table th.cell_right,
.contents-body table td.cell_right,
.arrange-topic-preview-dialog table th.cell_right,
.arrange-topic-preview-dialog table td.cell_right{
	text-align:right;
}

@media screen and (max-width: 1200px)
{

		.topic-contents table
		{
		min-width:800px;
		max-width:960px;
		}

	.tablewrapper{
		overflow-x:auto;
		/*white-space: nowrap;*/
		-webkit-overflow-scrolling: touch;
	}
	
}


/**********************
troubleshooting
**********************/
.preview-contents .troubleshooting,
.topic-inner .troubleshooting,
.contents-body .troubleshooting,
.arrange-topic-preview-dialog .troubleshooting {
    margin-top:1em;
    margin-bottom:1em;
}
.preview-contents .troubleshooting-title,
.topic-inner .troubleshooting-title,
.contents-body .troubleshooting-title,
.arrange-topic-preview-dialog .troubleshooting-title {
    font-weight:bold;
    margin-top:1em;
    margin-left:1em;
    position:relative;
    font-size:1.4em;
}
.preview-contents .troubleshooting-title-icon,
.topic-inner .troubleshooting-title-icon,
.contents-body .troubleshooting-title-icon,
.arrange-topic-preview-dialog .troubleshooting-title-icon {
    position:absolute;
    left:-1em;
}
.preview-contents .troubleshooting-title > span,
.topic-inner .troubleshooting-title > span,
.contents-body .troubleshooting-title > span,
.arrange-topic-preview-dialog .troubleshooting-title > span {
    /*cursor:pointer;*/
}
.preview-contents .troubleshooting-title > span:hover,
.topic-inner .troubleshooting-title > span:hover,
.contents-body .troubleshooting-title > span:hover,
.arrange-topic-preview-dialog .troubleshooting-title > span:hover {
    /*
    background:#E6E6E6;
    text-decoration:underline;
    */
}
.preview-contents .troubleshooting-title > span i,
.topic-inner .troubleshooting-title > span i,
.contents-body .troubleshooting-title > span i,
.arrange-topic-preview-dialog .troubleshooting-title > span i {
    margin:0 0.5em 0 0;
}
.preview-contents .troubleshooting-body,
.topic-inner .troubleshooting-body,
.contents-body .troubleshooting-body,
.arrange-topic-preview-dialog .troubleshooting-body {
    margin:0 0 0 3em;
}

.preview-contents .reason-title,
.preview-contents .solution-title,
.topic-inner .reason-title,
.topic-inner .solution-title,
.contents-body .reason-title,
.contents-body .solution-title,
.arrange-topic-preview-dialog .reason-title,
.arrange-topic-preview-dialog .solution-title {
    margin-top:0.5em;
    font-weight:bold;
}

/**********************
warning
**********************/

.preview-contents .warning,
.topic-inner .warning,
.contents-body .warning,
.arrange-topic-preview-dialog .warning {
    border-bottom: 1px solid #000000;
    margin-bottom: 20px;
}


.preview-contents .warning-container,
.topic-inner .warning-container,
.contents-body .warning-container,
.arrange-topic-preview-dialog .warning-container {
    display: flex;
    flex-direction:row;
    margin-top: 40px;
    margin-bottom: 10px;
    border-bottom:1px solid #000000;
}

.preview-contents .warning-icon,
.topic-inner .warning-icon,
.contents-body .warning-icon,
.arrange-topic-preview-dialog .warning-icon {
    width: 31px;
    flex-shrink: 0;
}

.preview-contents .warning-title,
.topic-inner .warning-title,
.contents-body .warning-title,
.arrange-topic-preview-dialog .warning-title {
    flex-shrink: 0;
    font-size: 1.3em;
    margin-left:10px;
    margin-right: 10px;
    line-height: 2em;
    height: 2em;
    font-weight: bold;}


.preview-contents .warning-title > div,
.topic-inner .warning-title > div,
.contents-body .warning-title > div,
.arrange-topic-preview-dialog .warning-title  > div{
    display: inline-block;
    vertical-align: bottom;
}


/**********************
danger
**********************/
.preview-contents .danger,
.topic-inner .danger,
.contents-body .danger,
.arrange-topic-preview-dialog .danger {
    border-bottom: 1px solid #000000;
    margin-bottom: 20px;
}


.preview-contents .danger-container,
.topic-inner .danger-container,
.contents-body .danger-container,
.arrange-topic-preview-dialog .danger-container {
    display: flex;
    flex-direction:row;
    margin-top: 40px;
    margin-bottom: 10px;
    border-bottom:1px solid #000000;
}

.preview-contents .danger-icon,
.topic-inner .danger-icon,
.contents-body .danger-icon,
.arrange-topic-preview-dialog .danger-icon {
    width: 31px;
    flex-shrink: 0;
}

.preview-contents .danger-title,
.topic-inner .danger-title,
.contents-body .danger-title,
.arrange-topic-preview-dialog .danger-title {
    flex-shrink: 0;
    font-size: 1.3em;
    margin-left:10px;
    margin-right: 10px;
    line-height: 2em;
    height: 2em;
    font-weight: bold;
}


.preview-contents .danger-title > div,
.topic-inner .danger-title > div,
.contents-body .danger-title > div,
.arrange-topic-preview-dialog .danger-title  > div{
    display: inline-block;
    vertical-align: bottom;
}



/**********************
caution
**********************/
.preview-contents .caution,
.topic-inner .caution,
.contents-body .caution,
.arrange-topic-preview-dialog .caution {
    border-bottom: 1px solid #000000;
    margin-bottom: 20px;
}

.preview-contents .caution-container,
.topic-inner .caution-container,
.contents-body .caution-container,
.arrange-topic-preview-dialog .caution-container {
    display: flex;
    flex-direction:row;
    margin-top: 40px;
    margin-bottom: 10px;
    border-bottom:1px solid #000000;
}

.preview-contents .caution-icon,
.topic-inner .caution-icon,
.contents-body .caution-icon,
.arrange-topic-preview-dialog .caution-icon {
    width: 31px;
    flex-shrink: 0;
}

.preview-contents .caution-title,
.topic-inner .caution-title,
.contents-body .caution-title,
.arrange-topic-preview-dialog .caution-title {
    flex-shrink: 0;
    font-size: 1.3em;
    margin-left:10px;
    margin-right: 10px;
    line-height: 2em;
    height: 2em;
    font-weight: bold;}


.preview-contents .caution-title > div,
.topic-inner .caution-title > div,
.contents-body .caution-title > div,
.arrange-topic-preview-dialog .caution-title  > div{
    display: inline-block;
    vertical-align: bottom;
}




/**********************
note
**********************/
.preview-contents .note,
.topic-inner .note,
.contents-body .note,
.arrange-topic-preview-dialog .note {
    border-bottom: 1px solid #000000;
    margin-bottom: 20px;
}

.preview-contents .note-container,
.topic-inner .note-container,
.contents-body .note-container,
.arrange-topic-preview-dialog .note-container {
    display: flex;
    flex-direction:row;
    margin-top: 40px;
    margin-bottom: 10px;
    border-bottom:1px solid #000000;
}

.preview-contents .note-icon,
.topic-inner .note-icon,
.contents-body .note-icon,
.arrange-topic-preview-dialog .note-icon {
    width: 31px;
    flex-shrink: 0;
}

.preview-contents .note-title,
.topic-inner .note-title,
.contents-body .note-title,
.arrange-topic-preview-dialog .note-title {
    flex-shrink: 0;
    font-size: 1.3em;
    margin-left:10px;
    margin-right: 10px;
    line-height: 2em;
    height: 2em;
    font-weight: bold;}


.preview-contents .note-title > div,
.topic-inner .note-title > div,
.contents-body .note-title > div,
.arrange-topic-preview-dialog .note-title  > div{
    display: inline-block;
    vertical-align: bottom;
}


/**********************
tip
**********************/
.preview-contents .tip,
.topic-inner .tip,
.contents-body .tip,
.arrange-topic-preview-dialog .tip {
    margin:1em 0 1em 0;
}
.preview-contents .tip-title,
.topic-inner .tip-title,
.contents-body .tip-title,
.arrange-topic-preview-dialog .tip-title {
    background:rgba(255,255,255,1);
    border-bottom:2px solid #A9A9F5;
}
.preview-contents .tip-title span,
.topic-inner .tip-title span,
.contents-body .tip-title span,
.arrange-topic-preview-dialog .tip-title span {
    display:inline-block;
    padding:0.2em 1em 0.2em 0;
}
.preview-contents .tip-title .fa-pencil,
.topic-inner .tip-title .fa-pencil,
.contents-body .tip-title .fa-pencil,
.arrange-topic-preview-dialog .tip-title .fa-pencil {
    margin:0 0.5em 0 0;
}
.preview-contents .tip-title .fa-pencil,
.topic-inner .tip-title .fa-pencil,
.contents-body .tip-title .fa-pencil,
.arrange-topic-preview-dialog .tip-body {
    padding:0.4em;
    border-bottom:2px solid #A9A9F5;
}

.preview-contents .tip-title-contents,
.topic-inner .tip-title-contents,
.contents-body .tip-title-contents,
.arrange-topic-preview-dialog .tip-title-contents {
	font-size:1.3em;
	font-weight:bold;
}


/**********************
p
**********************/
.preview-contents p,
.topic-inner p,
.contents-body p,
.arrange-topic-preview-dialog p {
    margin:8px 0 8px 0;
}


.preview-contents table p,
.topic-inner table p,
.contents-body table p,
.arrange-topic-preview-dialog table p {
  word-wrap : break-word;
  overflow-wrap : break-word;
}


.preview-contents p:empty,
.topic-inner p:empty,
.contents-body p:empty,
.arrange-topic-preview-dialog p:empty {
    min-height:1em;
}



/**********************
footnote
**********************/
/*
.preview-contents .footnotegroup,
.topic-inner .footnotegroup,
.contents-body .footnotegroup,
.arrange-topic-preview-dialog .footnotegroup {
    margin-left:30px;
    position:relative;
}
.preview-contents .footnote,
.topic-inner .footnote,
.contents-body .footnote,
.arrange-topic-preview-dialog .footnote {
    position:absolute;
    left:-20px;
}
.preview-contents .footnoteref,
.topic-inner .footnoteref,
.contents-body .footnoteref,
.arrange-topic-preview-dialog .footnoteref {
    font-size:0.9em;
    vertical-align: top;
    position: relative;
    top: -0.2em;
}
*/


/**********************
footnote
**********************/
.preview-contents .footnotegroup,
.topic-inner .footnotegroup,
.contents-body .footnotegroup,
.arrange-topic-preview-dialog .footnotegroup {
    margin-left:30px;
    position:relative;
}
.preview-contents .footnote,
.topic-inner .footnote,
.contents-body .footnote,
.arrange-topic-preview-dialog .footnote {
    vertical-align: super;
    font-size: smaller;
    font-weight: 700;
	margin-right:5px;


    display: inline-block;
    position: relative;

}


.preview-contents .footnote-item,
.topic-inner .footnote-item,
.contents-body .footnote-item,
.arrange-topic-preview-dialog .footnote-item {
	margin-left:1em;
	margin-right:1em;
}

.preview-contents .footnote-item > span:first-child,
.topic-inner .footnote-item > span:first-child,
.contents-body .footnote-item > span:first-child,
.arrange-topic-preview-dialog .footnote-item  > span:first-child{

	margin-right:1em;

}


html[lang = 'ar-AA'] .preview-contents .footnote-item > span:first-child,
html[lang = 'ar-AA'] .topic-inner .footnote-item > span:first-child,
html[lang = 'ar-AA'] .contents-body .footnote-item > span:first-child,
html[lang = 'ar-AA'] .arrange-topic-preview-dialog .footnote-item  > span:first-child,
html[lang = 'he-IL'] .preview-contents .footnote-item > span:first-child,
html[lang = 'he-IL'] .topic-inner .footnote-item > span:first-child,
html[lang = 'he-IL'] .contents-body .footnote-item > span:first-child,
html[lang = 'he-IL'] .arrange-topic-preview-dialog .footnote-item  > span:first-child
{

	margin-left:1em;
	margin-right:0;

}


.preview-contents .footnote-item:first-child,
.topic-inner .footnote-item:first-child,
.contents-body .footnote-item:first-child,
.arrange-topic-preview-dialog .footnote-item:first-child {
	margin-left:0;
}


html[lang = 'ar-AA'] .preview-contents .footnote-item:first-child,
html[lang = 'ar-AA'] .topic-inner .footnote-item:first-child,
html[lang = 'ar-AA'] .contents-body .footnote-item:first-child,
html[lang = 'ar-AA'] .arrange-topic-preview-dialog .footnote-item:first-child,
html[lang = 'he-IL'] .preview-contents .footnote-item:first-child,
html[lang = 'he-IL'] .topic-inner .footnote-item:first-child,
html[lang = 'he-IL'] .contents-body .footnote-item:first-child,
html[lang = 'he-IL'] .arrange-topic-preview-dialog .footnote-item:first-child {
	margin-right:0;
}


.preview-contents .footnote-item,
.topic-inner .footnote-item,
.contents-body .footnote-item,
.arrange-topic-preview-dialog .footnote-item {
	margin-right:10px;
}


html[lang = 'ar-AA'] .preview-contents .footnote-item,
html[lang = 'ar-AA'] .topic-inner .footnote-item,
html[lang = 'ar-AA'] .contents-body .footnote-item,
html[lang = 'ar-AA'] .arrange-topic-preview-dialog .footnote-item,
html[lang = 'he-IL'] .preview-contents .footnote-item,
html[lang = 'he-IL'] .topic-inner .footnote-item,
html[lang = 'he-IL'] .contents-body .footnote-item,
html[lang = 'he-IL'] .arrange-topic-preview-dialog .footnote-item{
	margin-left:10px;
}


.preview-contents .footnotelist,
.topic-inner .footnotelist,
.contents-body .footnotelist,
.arrange-topic-preview-dialog .footnotelist {
/*
    vertical-align: super;
    font-size: smaller;
    font-weight: 700;
*/
    display:inline-block;
    margin-right:4px;
}



.preview-contents .main_container,
.topic-inner .main_container,
.contents-body .main_container,
.arrange-topic-preview-dialog .main_container {
    vertical-align: super;
/*    font-size: smaller; */
    margin-right:4px;
/*    display:inline-block; */
}




.preview-contents .prefix_container,
.topic-inner .prefix_container,
.contents-body .prefix_container,
.arrange-topic-preview-dialog .prefix_container {
    vertical-align:top;
    font-weight:normal;
    margin-right:4px;
}

.preview-contents .prefix_container > span,
.topic-inner .prefix_container > span,
.contents-body .prefix_container > span,
.arrange-topic-preview-dialog .prefix_container  > span{
}



.preview-contents .footnoteref,
.topic-inner .footnoteref,
.contents-body .footnoteref,
.arrange-topic-preview-dialog .footnoteref {
    font-size:0.9em;
    vertical-align: top;
    position: relative;
    top: -0.2em;
}


/*
.topic-inner .footnote:hover::after{
    position: absolute;
    z-index: 9999;
    left: 0;
    max-width: 240px;
    bottom: calc(100% + 3px);
    display: block;
    border: 1px solid #ddd;
    padding: 10px;
    background-color: #fff;
    white-space: pre-wrap;
    font-size: smaller;
    text-align: left;
    content: attr(data-footnote);
    color:#000000;
}
*/

.preview-contents .footnote-wrapper,
.topic-inner .footnote-wrapper,
.contents-body .footnote-wrapper,
.arrange-topic-preview-dialog .footnote-wrapper {
	margin-top:40px;
}


.preview-contents .footnote-wrapper > div,
.topic-inner .footnote-wrapper > div,
.contents-body .footnote-wrapper > div,
.arrange-topic-preview-dialog .footnote-wrapper  > div{
	display:flex;
}




.preview-contents .fn_p,
.topic-inner .fn_p,
.contents-body .fn_p,
.arrange-topic-preview-dialog .fn_p {
	display:block;
}

.preview-contents .fn_wrapper,
.topic-inner .fn_wrapper,
.contents-body .fn_wrapper,
.arrange-topic-preview-dialog .fn_wrapper {
/*
	margin-bottom:10px;
*/
}

.preview-contents .fn_wrapper > div,
.topic-inner .fn_wrapper > div,
.contents-body .fn_wrapper > div,
.arrange-topic-preview-dialog .fn_wrapper > div{
	display:flex
}





html[lang = 'ar-AA'] .preview-contents .footnote-number,
html[lang = 'ar-AA'] .topic-inner .footnote-number,
html[lang = 'ar-AA'] .contents-body .footnote-number,
html[lang = 'ar-AA'] .arrange-topic-preview-dialog .footnote-number,
html[lang = 'he-IL'] .preview-contents .footnote-number,
html[lang = 'he-IL'] .topic-inner .footnote-number,
html[lang = 'he-IL'] .contents-body .footnote-number,
html[lang = 'he-IL'] .arrange-topic-preview-dialog .footnote-number
{
	direction:ltr;
	display:inline-block;
	margin-right:0;
	margin-left:5px;
}



html[lang = 'ar-AA'] .preview-contents .footnote-contents,
html[lang = 'ar-AA'] .topic-inner .footnote-contents,
html[lang = 'ar-AA'] .contents-body .footnote-contents,
html[lang = 'ar-AA'] .arrange-topic-preview-dialog .footnote-contents,
html[lang = 'he-IL'] .preview-contents .footnote-contents,
html[lang = 'he-IL'] .topic-inner .footnote-contents,
html[lang = 'he-IL'] .contents-body .footnote-contents,
html[lang = 'he-IL'] .arrange-topic-preview-dialog .footnote-contents
{
	direction:rtl;
	display:inline-block;
}



/**********************
key
**********************/
.preview-contents .key,
.topic-inner .key,
.contents-body .key,
.arrange-topic-preview-dialog .key {
  font-weight:bold;
  color:rgb(165,0,52);
}


/**********************
graphic
**********************/

.blockgraphic{
    margin: 10px;
}

.graphic
{
	text-align:center;
}

img.inlinegraphic {
    height: 1em;
}



/**********************
desc
**********************/

.fig > .desc{
    font-size: 0.7em;
}

.tableDesc{
    font-size: 0.9em;
}