div.junkieEditor_conter{
	
	display: flex; /*在一行显示*/
    overflow-x: hidden; /*超出隐藏*/
   
	flex-wrap: wrap;  /*超出自动换行*/
	
		background: #ffffff;
	     -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: #ccc 0px 0px 10px;
  -moz-box-shadow: #ccc 0px 0px 10px;
  box-shadow: #ccc 1px 1px 5px;
 
  text-align:center;
  padding-top:15px;
  padding-left:15px;
  padding-right:15px;
  padding-bottom:15px;
}


div.junkieEditor{
	
	width:98%;
	height:800px;
	text-align:left;
	vertical-align: top;
  padding-top:1px;
  padding-left:3px;
  padding-right:1px;
  padding-bottom:10px;
  flex-wrap: wrap;  /*超出自动换行*/
/*
 overflow:scroll;
width:875px;
*/
  
}

div.junkieEditor:focus {
      border: 1px solid #ffffff;
      outline: none; /*这个可以把原来的线去掉*/
}

div.junkieEditorToolBar{
	background: #f9f9f9;
		 display: flex;/*设置为弹性容器*/
         align-items: center; /*定义div1的元素垂直居中*/
         justify-content: center; /*定义div1的里的元素水平居中*/
    padding-top:1px;
  padding-left:3px;
  padding-right:1px;
   margin-bottom:5px;
		width:98%;
	    height:33px;
	   border-radius: 5px;
	    /*
	    	
	        padding:5px;*/
}
p.Editor_tools{
	width:100px;
	display:inline;/* inline-block */
	text-align:center;
	/*;
	padding:3px;*/
	margin:5px;
	 border-radius: 3px;
}


	p.Editor_tools:hover{
	background: #ffc1bb;
	cursor:pointer;

	}
p.Editor_tools_image_dosubmit{
	width:130px;
	display:inline;/* inline-block */
	text-align:center;
	margin:3px;
	padding:3px;
	color:#ffffff;
	background: #f1331a;
	border: 1px solid #f1331a;
	padding:5px;
	border-radius: 5px;
    -moz-border-radius: 5px;
}
	p.Editor_tools_image_dosubmit:hover{
	background: #fed0bc;
	cursor:pointer;

	}
 div.junkieEditor:-webkit-scrollbar {
    width: 30px;
    
    
  }
    div.junkieEditor:-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    opacity: 0.2;
   background: fade(#f1331a, 60%);
  }
    div.junkieEditor:-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: fade(#f1331a, 30%);
  }
  
  input.Esay_title{
  font:23px/1.3em 榛戜綋,verdana;
  width:95%;
  height:35px;
  resize:none;
  overflow:hidden;
  font-weight:bold;
   border-color:#ffffff #ffffff #ffffff #ffffff;
  	margin:5px;
	padding:3px;
	left:15px;
  white-space:nowrap;/*不换行*/
   outline: none; /*这个可以把原来的线去掉*/
   border-bottom-left-radius: 50px;
   border-top-left-radius: 50px;
   border: 0px;
  }
   
  input.Essay_writer{  
  resize:none;
  font:15px/1.0em 榛戜綋,verdana;
  width:70%;
  height:23px;
  	margin:10px;
	padding:5px;
  font-weight:bold;
  border-color:#ffffff #ffffff #ffffff #ffffff;
   outline: none; /*这个可以把原来的线去掉*/
 /*display:block;内联对象需加 */
    /*width:31em;  */
   /* word-break:keep-all; 不换行 */
   
    white-space:nowrap;/* 不换行 */
    overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
   /* text-overflow:ellipsis; 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
     border-bottom-left-radius: 50px;
   border-top-left-radius: 50px;
   border: 0px;
  }
  
  table.sample_table{
   width:100%;
   border: 1px solid #c0c0c0;
   border-collapse:collapse;
 
  }
   
  td.sample_table_td{
  border: 1px solid #c0c0c0;
            text-align: center;
            /* vertical-align: top; */
            vertical-align: center;
  }
   div.dragIcon{
        position: fixed;
        width: 30px;
        height: 30px;
        background: #f1331a;
        cursor: pointer;
        z-index: 9990;
	
            display: none;	
    }
    
       div.Image_Edit_Object{
        position: fixed;
        width: 100px;
        height: 30px;
        /*background: #f1331a;*/
        cursor: pointer;
        z-index: 9999;
    left:90px;/*20vw*/
    bottom:68px;
            display: none;	
    }
    
    p.Image_Edit_Tool{
    /*background-color: transparent;*/
    background-color:rgb(238, 238, 236);	
	color: #ff8000;	
	text-align:center;
	font:15px/1.3em 榛戜綋,verdana;
	 border-color:#ff8000 #ff8000 #ff8000 #ff8000;
	  border-radius: 5px;
	  margin:auto;
	width:50px;
	height:20px;
	cursor:pointer;/*鼠标换小手*/
     font-weight: 700; /* 相当于 bold */
    }
    
       div.editor_chooseimagescale{
        position: fixed;
        width: 910px;
        height: 105px;
        background: #f3f3f3;
        cursor: pointer;
        z-index: 9989;
        border: 1px solid #f3f3f3;
	   	border-radius: 5px;
        -moz-border-radius: 5px;
            display: none;	
            margin-left:3px;  
    }
  table.editor_chooseimagescale_tb{
  width: 100%;
  order: 1px solid #c0c0c0;
   background: #f3f3f3;

  }
  table.editor_chooseimagescale_photoAlign_tb{
  width: 100%;
  padding:10px;
  }
  
  
     div.editor_Text_container{
        position: fixed;
        width: 910px;
        height: 305px;
        background: #f3f3f3;
        /*cursor: pointer;*/
        z-index: 9988;
        border: 1px solid #f3f3f3;
	   	border-radius: 5px;
        -moz-border-radius: 5px;
            display: none;	
            margin-left:3px;  
    }
  table.editor_Text_container_tb{
  width: 100%;
  order: 1px solid #c0c0c0;
   background: #f3f3f3;
  }
  
  
  div.textarea_Text_container{
	width:890px;
	height:390px;
	text-align:left;
	vertical-align: top;
  padding-top:10px;
  padding-left:3px;
  padding-right:1px;
  padding-bottom:10px;
  flex-wrap: wrap;  /*超出自动换行*/
/*
 overflow:scroll;
*/
  background: #ffffff;
   border-radius: 15px;
}
    div.textarea_Text_container:focus {
      border: 1px solid #ffffff;
      outline: none; /*这个可以把原来的线去掉*/
}
  
  div.EditorColorPicker {
            width: 260px;
            height: 375px;
            margin: auto;
            padding: 2px;
            background-color: #f3f3f3;
            border: 1px solid black;
            text-align: center;
            display:none;
             position: fixed;
            z-index: 9985;
            
        }
  div.EditorColorContainer{
            display: flex;
            width: 250px;
            height: 283px;
            margin: 3px;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            background-color: #ffffff;
        }
  div.EditorColorpickerRGBValue{
            margin: 10px;
        }
  input.ChooseRGBValue{
  display: inline-block;
            width: 60px;
             margin: -3px;
  }
  
  div.EditorSizePicker{
            width: 130px;
            height: 215px;
            margin: auto;
            padding: 2px;
            background-color: #f3f3f3;
            border: 1px solid black;
            text-align: center;
            display:none;
             position: fixed;
            z-index: 9983;
  
  }
  div.EditorSizePickerIndideDiv{
  width: 99%; 
  height: 19px;
  border:0px solid black;
  
  
  }
  div.EditorSizePickerIndideDiv:hover{
	background: #ffc1bb;
	cursor:pointer;

	}
  
  textarea.textarea_Text_container{
  font:18px/1.1em 榛戜綋,verdana;
  width:99%;
  height:210px;
  resize:none;
  overflow:hidden;
   border-color:#ffffff #ffffff #ffffff #ffffff;
  	margin:5px;
	padding:5px;
	left:15px;
  /*white-space:nowrap;不换行*/
  
   outline: none; /*这个可以把原来的线去掉
   border-bottom-left-radius: 15px;
   border-top-left-radius: 15px;
    font-size:15px;
   */
   border: 0px;
   border-radius: 15px;
  
  }
  
  div.junkieEditor_TextContainer_ToolBar{
  
  	background: transparent;
		 display: flex;/*设置为弹性容器*/
         align-items: center; /*定义div1的元素垂直居中*/
         justify-content: center; /*定义div1的里的元素水平居中*/
        margin:5px;
		width:99%;
	    height:33px;
	   border-radius: 5px;
	  /* white-space:nowrap;不换行*/
	  display:inline; /* inline-block */
  }
  

  
  
 select.EditorTool_SelectFontSize{
 appearance: none;
-webkit-appearance: none;
border:0;
background: transparent;
 overflow:hidden;
/*
width: -webkit-calc(100% - 60px);
    height: 88px;
    line-height: 88px;
    margin: 0 30px;
    background-color: #FFFFFF00;
    font-size: 32px;
    font-weight: 400;
    color: #979797;
*/


  }
  
  p.Editor_tools_FontColor{
	width:30px;
	display:inline;/* inline-block */
	text-align:center;
	/*;
	padding:3px;*/
	margin:5px;
	 border-radius: 3px;
}

	p.Editor_tools_FontColor:hover{
	background: #ffc1bb;
	cursor:pointer;

	}
	
  p.Editor_tools_FontBackgroundColor{
  
  	width:30px;
	display:inline;/* inline-block */
	text-align:center;
	/*;
	padding:3px;*/
	background: #bbbbbb;
	margin:5px;
	 border-radius: 3px;
  }
  p.Editor_tools_FontUnderLine{
    width:30px;
	display:inline;/* inline-block */
	text-align:center;
	/*;
	padding:3px;
	font-weight:bold|bolder;
	*/
	margin:5px;
	 border-radius: 3px;
	 text-decoration: underline;
  }
  
     p.Editor_tools_FontUnderLine:hover{
	background: #ffc1bb;
	cursor:pointer;

	}
  
    p.Editor_tools_FontLineThrough{
    width:30px;
	display:inline;/* inline-block */
	text-align:center;
	/*;
	padding:3px;
	font-weight:bold|bolder;
	font-style:italic;
    font-style:oblique;
	*/
	margin:5px;
	 border-radius: 3px;
	 text-decoration: line-through;
  }
  
       p.Editor_tools_FontLineThrough:hover{
	background: #ffc1bb;
	cursor:pointer;

	}
  
  
    p.Editor_tools_FontItalic{
    width:30px;
	display:inline;/* inline-block */
	text-align:center;
	/*;
	padding:3px;
	font-weight:bold|bolder;
	*/
	margin:5px;
	 border-radius: 3px;
	 font-style:italic;
  }
  
      p.Editor_tools_FontItalic:hover{
	background: #ffc1bb;
	cursor:pointer;

	}
  
  
      p.Editor_tools_FontBolder{
    width:30px;
	display:inline;/* inline-block */
	text-align:center;
	/*;
	padding:3px;
	
	*/
	margin:5px;
	 border-radius: 3px;
	font-weight:bolder;
  }
  
    p.Editor_tools_FontBolder:hover{
	background: #ffc1bb;
	cursor:pointer;

	}
  
    p.Editor_tools_FontAlign{
    width:30px;
	display:inline;/* inline-block */
	text-align:center;
	/*;
	padding:3px;
	
	*/
	margin:5px;
	 border-radius: 3px;
	
  }
  
    p.Editor_tools_FontAlign:hover{
	background: #ffc1bb;
	cursor:pointer;

	}
  
  
       div.editor_Table_container{
        position: fixed;
        width: 910px;
        height: 105px;
        background: #f3f3f3;
        cursor: pointer;
        z-index: 9987;
        border: 1px solid #f3f3f3;
	   	border-radius: 5px;
        -moz-border-radius: 5px;
            display: none;	
        margin-left:3px;    
    }
      table.editor_Table_container_tb{
  width: 100%;
  order: 1px solid #c0c0c0;
   background: #f3f3f3;
  }
    
       div.editor_HRline_container{
        position: fixed;
         z-index: 9986;
        width: 910px;
        height: 105px;
        background: #f3f3f3;
        cursor: pointer;
        border: 1px solid #f3f3f3;
	   	border-radius: 5px;
        -moz-border-radius: 5px;
            display: none;	
            margin-left:3px;  
            
    }
   table.editor_HRline_container_tb{
  width: 100%;
  order: 1px solid #c0c0c0;
   background: #f3f3f3;
  }
/*
display: none;
           top: 150;
            bottom: 0;
            left: 100;
            right: 0;


        bottom: 0;

        right: 0;
-webkit-scrollbar ​滚动条整体部分
​-webkit-scrollbar-button​ 滚动条两端的按钮
​-webkit-scrollbar-track ​外层轨道
​-webkit-scrollbar-track-piece​ 内层轨道，滚动条中间部分（除去）
​-webkit-scrollbar-thumb​ 内嵌滑块
​-webkit-scrollbar-corner​ 边角
​-webkit-resizer ​定义右下角拖动块的样式

  div::-webkit-scrollbar {
    width: 4px;
  }
  div::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    opacity: 0.2;
    background: fade(@primary-color, 60%);
  }
  div::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: fade(@primary-color, 30%);
  }
*/