/*
一下开始添加ckeditor的样式 有多余重复的css代码  后期开发可自行删除
*/
.ckeditor5-basic-styles .image-style-side{
	max-width:50%;
	float:right;
	margin-left:var(--ck-image-style-spacing)
}
.ckeditor5-basic-styles .image-style-align-center {
    margin-left: auto;
    margin-right: auto;
    max-width: 50%
}
.ckeditor5-basic-styles .image-style-align-left{
	float:left;
	margin-right:var(--ck-image-style-spacing)
}
.ckeditor5-basic-styles .image-style-align-right{
	float:right;
	margin-left:var(--ck-image-style-spacing)
}
.ckeditor5-basic-styles .image{
	clear:both;
	text-align:center;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.ckeditor5-basic-styles .text-big {
    font-size: 1.4em;
}
.ckeditor5-basic-styles .text-tiny {
    font-size: .7em;
}
.ckeditor5-basic-styles .text-small {
    font-size: .85em;
}
.ckeditor5-basic-styles .text-huge {
    font-size: 1.8em;
}
.ckeditor5-basic-styles img.right
{
	border: 1px solid #ccc;
	float: right;
	margin-left: 15px;
	padding: 5px;
}
.ckeditor5-basic-styles .image> .ckeditor5-basic-styles img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.ckeditor5-basic-styles img {
    border: none 0;
    vertical-align: middle;
    padding: 0;
    
}
.ckeditor5-basic-styles img.left
{
	border: 1px solid #ccc;
	float: left;
	margin-right: 15px;
	padding: 5px;
}
.ckeditor5-basic-styles a > .ckeditor5-basic-styles img {
	padding: 1px;
	margin: 1px;
	border: none;
	outline: 1px solid #0782C1;
}
.ckeditor5-basic-styles .ck-link_selected{background:var(--ck-color-link-selected-background)}
.ckeditor5-basic-styles 
{
	Font
	font-family: Arial,sans-serif, Verdana, "Trebuchet MS";
	font-size: 24px;
	Text color
	Remove the background color to make it transparent
	background-color: #fff;
 	margin: 0;
  	padding: 0;
  	font: 16px / 1.8 Arial, 'Helvetica Neue', Helvetica, sans-serif;
  	font-weight: 300;
	margin: 20px;
}
.ckeditor5-basic-styles 
{
	padding: 2px 0;
	border-style: solid;
	border-color: #ccc;
	border-width: 0;
}
.ckeditor5-basic-styles .cke_editable
{
	font-size: 13px;
	line-height: 1.6;

	Fix for missing scrollbars with RTL texts. (#10488)
	word-wrap: break-word;
}


 .ckeditor5-basic-styles i{
    font-style: italic;
}
.ckeditor5-basic-styles .cke_contents_ltr blockquote
{
	padding-left: 20px;
	padding-right: 8px;
	border-left-width: 5px;
}

.ckeditor5-basic-styles .cke_contents_rtl blockquote
{
	padding-left: 8px;
	padding-right: 20px;
	border-right-width: 5px;
}

.ckeditor5-basic-styles a
{
	color: #0782C1;
}

.ckeditor5-basic-styles ol,ul,dl
{
	IE7: reset rtl list margin. (#7334)
	*margin-right: 0px;
	preserved spaces for list items with text direction other than the list. (#6249,#8049)
	padding: 0 40px;
}

.ckeditor5-basic-styles h1,h2,h3,h4,h5,h6
{
	font-weight: normal;
	line-height: 1.2;
}

.ckeditor5-basic-styles hr
{
	border: 0px;
	border-top: 1px solid #ccc;
}

.ckeditor5-basic-styles pre
{
	white-space: pre-wrap; CSS 2.1
	word-wrap: break-word; IE7
	-moz-tab-size: 4;
	tab-size: 4;
}

.ckeditor5-basic-styles .marker
{
	background-color: Yellow;
}



.ckeditor5-basic-styles strong {
    font-weight: bold;
}
.ckeditor5-basic-styles figure > figcaption
{
	text-align: center;
	display: block; For IE8
}

.ckeditor5-basic-styles .code-featured
{
	border: 5px solid red;
}

.math-featured
{
	padding: 20px;
	box-shadow: 0 0 2px rgba(200, 0, 0, 1);
	background-color: rgba(255, 0, 0, 0.05);
	margin: 10px;
}

.image-clean
{
	border: 0;
	background: none;
	padding: 0;
}

.image-clean > figcaption
{
	font-size: .9em;
	text-align: right;
}

.image-grayscale
{
	background-color: white;
	color: #666;
}

.image-grayscale img, img.image-grayscale
{
	filter: grayscale(100%);
}
.ckeditor5-basic-styles article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}
.document-editor {
    border: 1px solid var(--ck-color-base-border);
    border-radius: var(--ck-border-radius);

    /* Set vertical boundaries for the document editor. */
    max-height: 700px;

    /* This element is a flex container for easier rendering. */
    display: flex;
    flex-flow: column nowrap;
    overflow: hidden;
}
.document-editor__toolbar {
    /* Make sure the toolbar container is always above the editable. */
    z-index: 1;

    /* Create the illusion of the toolbar floating over the editable. */
    box-shadow: 0 0 5px hsla( 0,0%,0%,.2 );

    /* Use the CKEditor CSS variables to keep the UI consistent. */
    border-bottom: 1px solid var(--ck-color-toolbar-border);
}

/* Adjust the look of the toolbar inside the container. */
.document-editor__toolbar .ck-toolbar {
    border: 0;
    border-radius: 0;

}
/* Make the editable container look like the inside of a native word processor application. */
.document-editor__editable-container {
    padding: calc( 2 * var(--ck-spacing-large) );
    background: var(--ck-color-base-foreground);

    /* Make it possible to scroll the "page" of the edited content. */
    overflow-y: scroll;
}

.document-editor__editable-container .ck-editor__editable {
    /* Set the dimensions of the "page". */
    width: 100%;
    /* Keep the "page" off the boundaries of the container. */
    padding: 1cm 2cm 2cm;

    border: 1px hsl( 0,0%,82.7% ) solid;
    border-radius: var(--ck-border-radius);
    background: white;

    /* The "page" should cast a slight shadow (3D illusion). */
    box-shadow: 0 0 5px hsla( 0,0%,0%,.1 );

    /* Center the "page". */
    margin: 0 auto;
}
/* Set the default font for the "page" of the content. */
.document-editor .ck-content,
.document-editor .ck-heading-dropdown .ck-list {
    font: 16px/1.6 "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* Adjust the headings dropdown to host some larger heading styles. */
.document-editor .ck-heading-dropdown .ck-dropdown__panel .ck-list > .ck-list__item {
    line-height: calc( 1.2 * var(--ck-line-height-base) * var(--ck-font-size-base) );
    min-width: 8em;
}

/* Set the styles for "Heading 1". */
.document-editor .ck-heading-dropdown .ck-heading_heading1 {
    font-size: 2.18em;
}

.ckeditor5-basic-styles h2 {
	font-size: 2.18em;
    line-height: 1.37em;
    padding-top: .342em;
    margin-bottom: .142em;
}

/* Set the styles for "Heading 2". */
.document-editor .ck-heading-dropdown .ck-heading_heading2 {
    font-size: 1.75em;
}

.document-editor .ck-heading-dropdown .ck-heading_heading2.ck-list__item_active {
    color: var(--ck-color-list-item-text-active);
}

/* Set the styles for "Heading 2". */
.ckeditor5-basic-styles h3 {
	font-size: 1.75em;
    line-height: 1.86em;
    padding-top: .171em;
    margin-bottom: .357em;
    font-size: 1.75em;
}

/* Set the styles for "Heading 3". */
.document-editor .ck-content h4,
.document-editor .ck-heading-dropdown .ck-heading_heading3 {
    font-size: 1.31em;
}

.ckeditor5-basic-styles h4 {
	font-size: 1.31em;
    line-height: 1.24em;
    padding-top: .286em;
    margin-bottom: .952em;
}

/* Set the styles for "Paragraph". */
.ckeditor5-basic-styles h {
    font-size: 1em;
}
.ckeditor5-basic-styles p
 {
    font-size: 24px;
    color: #5a5a5a;
    margin-top: 26px;
    line-height: 36px;
}
.ckeditor5-basic-styles p {
    margin-bottom: 1.13em;
}
/* Make the block quoted text serif with some additional spacing. */
.ckeditor5-basic-styles blockquote {
    font-family: Georgia, serif;
    margin-left: calc( 2 * var(--ck-spacing-large) );
    margin-right: calc( 2 * var(--ck-spacing-large) );
}
.ckeditor5-basic-styles strong{
	font-weight: bold
}
.ckeditor5-basic-styles i, cite, em, var, address, dfn {
    font-style: italic;
}