/* 核心编辑区域 */
.logoarea, .footerarea, .bodyarea {
    border: 1px dotted #000000;
    position: relative;
}

.logoarea {
    height: 397px;
    width: 100%;
    background: ;
    background-size: 100% 100%;
}

.bodyarea {
    width: 100%;
    margin: 0 auto;
    margin-top: 50px;
}

.footerarea {
    height: 200px;
    width: 100%;
}

.col-md-12.text-align {
    text-align: center;
}

form.middle-align-form {
    display: inline-block;
}

/* 布局标题 */
h4.header{
    font-size: 18px;
    font-weight: bold;
    text-indent:18px;
    margin:0px;
    height: 38px;
    line-height: 38px;
}

h4.header.border{
	border-bottom: 1px solid #e0dfe7;
}

/*.header.border span.l-title{
	border-bottom: 3px solid #99b0cc;
}*/

/*.header.border span.l-title-cloud{
	background: ;
	background-repeat : no-repeat;
	background-size : 63px 21px;
	padding : 6px 50px;
}*/

.header span.l-more{
    float: right;
}

.header span .l-more-ico {
  width: 22px;
  height: 22px;
  background:  no-repeat;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 8px;
}

/* 行 列 */
.cssrow {
    border-radius: 8px;
    border: 1px solid #000;
    -webkit-transition: border 0.5s;
    -moz-transition: border 0.5s;
    -ms-transition: border 0.5s;
    -o-transition: border 0.5s;
    transition: border 0.5s;
    position: relative;
    width: 100%;
}

.cssrow:hover {
    border: 1px solid #eeeeee;
}
.mid .csscolumn{
    float: none;
}
.csscolumn {
    border-radius: 8px;
    border: 1px solid #000;
    float: left;
    margin: 0 auto;
    height: 100%;
    -webkit-transition: border 0.5s;
    -moz-transition: border 0.5s;
    -ms-transition: border 0.5s;
    -o-transition: border 0.5s;
    transition: border 0.5s;
    position: relative;
}

.csscolumn:hover {
    border: 1px solid #eeeeee;
}

.edit .cssrow,.edit .csscolumn{
	/* min-height: 100px; */
}

.cssrow, .csscolumn{
 *zoom:1;
}
.cssrow:after, .csscolumn:after {
    content:"\200b";
    display:block;
    height:0;
    clear:both;
}

/* 插件 */
.plugin {
    text-align: center;
    cursor: pointer;
}

.channel {
    text-align: center;
    cursor: pointer;
}

.pluginbody{
   
    width: 100%;
    height: 100%;
}

#body .pluginbody{
    overflow: visible; /*临时解决了顶部悬浮按钮被挡住的问题*/
}

/* 悬浮配置按钮 */
.floatrightbar {
    border: 1px solid #000;
    width: 46px;
    height: 20px;
    position: absolute;
    right: -15px;
    z-index:4;
}

.l-floatbar-measure {
	color: #bbb;
	position: absolute;
    right:50%;
    bottom: 50%;
}

/* 显示block像素字体样式*/
.blockmeasure{
	float: right;
	font-size: 10px;
	font-weight: normal;
	color: #bbb;
	line-height: 25px;
}

/* 显示标题处链接的默认样式*/
.otherlinkcontainer{
	margin-left:50px
}
.otherlinkcontainer.red .otherlinkstyle:hover{
	background-color : #bc3326;
}
.otherlinkcontainer.grey .otherlinkstyle:hover{
	background-color : #eee;
}
.otherlinkcontainer.black .otherlinkstyle:hover{
	background-color : #000;
}
.otherlinkcontainer.white .otherlinkstyle:hover{
	background-color : #fff;
}

.otherlinkstyle{
	font-size:12px;
	font-weight:200;
	padding:0px 10px ;
	color:#000;
}

.otherlinkseparator{
	font-size:12px;
	color:#000;
}

/* .otherlinkstyle:hover{
	background-color : #678;	
} */

.cog, .trash, .header{
    cursor: pointer;
}

/**************************************** preview ******************************************************/
body.preview .floatrightbar{
    display: none;
}

body.preview .cssrow, body.preivew .cssrow:hover, body.preview .csscolumn, body.preview .csscolumn:hover{
    border: none;
    border-radius : 0px;
}

body.preview .bodyarea{
    margin-top : 0px;
}

/*************************************** sidebar *******************************************************/
.l-remove , l-addrow,.l-addbackground{
	cursor : pointer;
}

/* 本css主要用于页面发布后的样式，用来处理一些发布系统中的css， 保证发布后的页面样式正常 */
.logoarea, .footerarea, .bodyarea, .cssrow , .cssrow:hover, .csscolumn, .csscolumn:hover{
	border: none;
	border-radius : 0px;
}

.bodyarea{
	margin-top: 0px;
}