@charset "UTF-8";
.new-block {
	height: 90px;
    border-width: 2px;
    border-style: dashed;
    padding: 5px;
    margin: 5px;
}
.new-block .btn {
	margin: 0px 4px;
}
.column {
	padding-bottom: 10px;
}
.column .ge-tools-drawer > .current-width {
	vertical-align:top;
}
.column .ge-tools-drawer > .current-width:hover {
	cursor: default !important;
	background: transparent !important;
}
.column .ge-content {
    padding-left: 5px;
}
.img-fluid {
    max-width: 100% !important;
    height: auto !important;
}
#editor .btn {
    min-width: auto;
}

.ui-sortable .ge-move:hover {
	cursor: grab !important;
	cursor: -moz-grab !important;
	cursor: -webkit-grab !important;
}

.editor-area {
	border: 1px solid #bbbbbb;
	padding: 5px;
}

.editor-area .pull-right {
    float: right;
}

.ge-tools-drawer {
	position: relative;
}

.ge-canvas.ge-editing .row {
    background-color: #e2f3ff;
    margin-bottom: 1px;
}

.ge-canvas.ge-editing .row > .ge-tools-drawer {
    background: #c7e6ff;
    max-width: calc(100% + 10px);
    padding: 0;
}

.ge-canvas.ge-editing .column {
    background-color: #fdfdfd;
}

.ui-sortable-placeholder{
    background-color: #fff9c0 !important;
}

.ge-canvas.ge-editing .column > .ge-tools-drawer {
    background: #e5e5e5;
}

.row .ge-tools-drawer .ge-details .btn-default {
    background-color: #c7e6ff;
	border-color: #ababab;
}

.row .ge-tools-drawer .ge-details .btn-default:hover {
    background-color: #9dd3ff;
}

.column .delete-block-button {
	position: absolute;
	top: 0%;
	right: 5%;
	padding: 15px;
}

.column .ge-details .btn-group .btn-default {
	border-color: #bbbbbb;
    background-color: #e5e5e5;
    border-radius: 0.2rem !important;
}

.column .ge-details .btn-group .btn-default:hover {
    background-color: #dadada;
}

.column .ge-details .btn-group .btn:not(:disabled):not(.disabled).active {
	background-color: #0062cc;
}

.column .ge-details .btn-group span {
	padding: 2px 5px;
}

/* delete btn */
.editor-area-del {
	position: absolute;
	right: 0;
}
.editor-area-del:hover {
	background-color: #e41919 !important;
	color: white !important;
}
.editor-area-del>.drawer-tool-text {
	display: none;
}

/* 缺圖提示 */
.column img {
    position: relative;
}
.column img:before {
    display: inline-block;
    content: "";
    border: solid 2px #868686;
    width: 160px;
    font-weight: bold;
    height: 80px;
    
}
.column img:after {
	display: inline-block;
    position: absolute;
    content: "找不到圖片";
    left: 40px;
    top: 26px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #F44336;
}
.cke_button__table .cke_button_label,
.cke_button__image .cke_button_label {
    display: block;
}