body{
	margin:0;
	border: 0;
}

.edui-default .edui-editor-toolbarbox{
	position: relative !important;
}

.yucy-box{
	width: 100%;
	min-height: 800px;
	background: #f00;
	margin: 0;
	padding:0;
	border:0;
	height: 100vh;

}

.yucy-top-nav{

	height: 68px;
	width: 100%;
	background:#f7f7f7;
	border-bottom:3px solid #333;
	overflow: hidden;

}

.yucy-top-nav-save{
	
}

.yucy-top-nav-btn{
	float: right;
	color: #333;
	margin-right:50px;
	margin-top: 20px;
	cursor: pointer;


}

.yucy-top-nav-btn img{
	width: 20px;
	height: 20px;
	margin-top: 1px;
	margin-right:3px;
	float: left;
}

.yucy-f-left{
	float: left;
}

.yucy-top-nav-logo{
	background:#333;
	width: 50px;
	height: 50px;
	text-align: center;
	margin-left: 15px;
	border-radius:600px;
	margin-top: 8px;
}

.yucy-top-nav-logo img{
	width: 50px;
	height: 50px;
}


.yucy-center{
	width: 100%;
	background:#fff;
	height: calc(100% - 68px);
}

.yucy-center-l{

	width: 90px;
	background:#333;
	height:100%;

	float: left;

}

.yucy-center-l-iconbox{
	width: 100%;
	cursor: pointer;

	text-align:center;
	margin-bottom: 45px;


}

.yucy-center-l-iconbox-text{
	color: #fff;
	padding-top: 5px;
}

.yucy-center-l-iconbox img{
	width: 30px;
}


.yucy-center-r{
	height: 100%;
	float: right;
	width: calc(100% - 90px);
	position: relative;

}


.yucy-center-r-box{
	width: 100%;
	min-width: 800px;
	background:#ececec;
	height: 100%;
	overflow: hidden;
}



.yucy-center-r-box-2{
	width: 100%;
	background:#ececec;
	height: 300px;
}

.yucy-center-r-box-2-html{
    float: left;
    width: 50%;
    height: 300px;
    background:#fff;
}


.yucy-center-r-box-2-css{
    float: right;
    width: 50%;
    height: 300px;
    background:#fff;
}

.yucy-h-20{
	height: 20px;
	width: 100%;
}


.yucy-center-r-box-2-html-box{
	width: calc( 100% - 10px );
	height: 290px;
	overflow:scroll;
	overflow-x:hidden;
}



.yucy-center-r-box-2-css-box{
	width: calc( 100% - 10px );
	height: 290px;
	overflow:scroll;
	overflow-x:hidden;
}

.yucy-center-r-box-center-1{
	width: 100%;

	height: calc(100% - 10px);
	transition: 1s;
    -webkit-transition: 1s; /* Safari */

}

.yucy-center-r-box-center-2{
	width: 798px;
	margin-left: calc(50% - 399px);

	height: calc(100% - 10px);
	transition: 1s;
    -webkit-transition: 1s; /* Safari */
}


.yucy-center-r-box-center-3{
	margin-top: 10px;
	width: 396px;
	margin-left: calc(50% - 198px);

	height: 800px;
	transition: 1s;
    -webkit-transition: 1s; /* Safari */
}

.yucy-center-r-box-2-html-texbox{
	width: calc(100% - 10px);
	height: 100%;
	overflow:scroll;
	overflow-x:hidden;
}

#edui1{
	width: 100% !important;
}

#edui1_iframeholder{
	min-height:650px !important;

}


.yucy-animates
{
    transition: 1s;
    -webkit-transition: 1s; /* Safari */
}


.text-box-input-big-box{
	width: 100% !important;
	min-width: 1450px;
	height: 550px;

	background:rgb(0,0,0,0.5);
	position: absolute;
	bottom: 0;
	left: : 0;
	z-index:20000;
	box-shadow: 3px 0px 3px 3px rgb(0,0,0,0.5);

	padding:50px 20px !important;
	display: none;

}

.text-box-input-big-box-2{
	width: 100% !important;
	_background:rgb(0,0,0,0.2);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index:20010;
	height: 60px;
	min-width: 1450px;
}

.text-box-input-big-box-2-3{
	width: 100% !important;
	background:rgb(0,0,0,0.5);
	height: 30px;
	position: absolute;
	bottom: 0;
	left: 0;

}


.text-box-input-big-box-show{
background: #000;
	width: 250px;
height: 30px;
text-align: center;
line-height: 30px;
border-radius: 100px 100px 0 0;
position: absolute;
left: calc(50% - 125px);
top: 0px;
font-size: 15px;
font-weight: bold;
cursor: pointer;
color: #fff;

}


.yucy_row{ overflow: hidden; margin-top: 15px;margin-bottom: 15px;}

.yucy_row dt{
	float: left;
	width: 100px;
	text-align: right;
	margin-right:25px;
	font-weight: bold;
	line-height: 30px !important;
	color: #fff;
	text-shadow: 1px 1px 1px #000;

}

.yucy_row .cb-enable{
	height: 25px !important;
}

.yucy_row .cb-disable{
	height: 25px !important;
}

.yucy_row .input-txt{
	padding-left: 15px;
	padding-right:15px;
	width: 500px;
	border-radius: 5px;
	line-height: 30px;
	height: 30px;

	border:0px solid #000 ;
}

.yucy_row .yucy_select{
	padding-left: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
	background:#fff;
	padding-right:15px;
	width: 260px;
	border-radius: 5px;
	line-height: 30px;
	border:0px solid #000 ;

}

.yucy_row .yucy_radio{
	line-height: 30px;
	color: #fff;
	

}

.yucy_radio input{
	margin-right:5px !important;

}




.text-box-input-big-colse{
	background:#000;
	width: 250px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 0 0 100px 100px;
	color: #fff;
	font-size: 15px;
	position: absolute;
	left:calc(50% - 125px);
	top:0px;
	font-weight: bold;
	cursor: pointer;
}