@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 100%;
}

h1, h2, h3, h4, h5, h6, p {
	padding: 0;
	margin: 0;
	float: left;
	line-height: normal;
	font-weight: normal;
}
img {
	width: 100%;
	height: auto;
}
div, label, ul, table {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	float: left;
	box-sizing: border-box;
}
button {
	box-sizing: border-box;
	cursor: pointer;
}
button:disabled {
	color: #333300;
}
input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="color"], select, textarea {
	margin: 0;
	padding: 0;
	outline: none;
	box-sizing: border-box;
}
input[type="text"]::placeholder {
	color: inherit;
}
a {
	text-decoration: none;
	color: inherit;
}
.mediaModal {
    background-color: #ffffff;
    width: 80%;
    height: auto;
    border: solid 0.2em #cccccc;
    border-radius: 1em;
    padding: 1em;
    position: fixed;
    top: 5em;
    left: 1em;
    display: none;
    z-index: 3;
}
.mediaModal .heading {
    width: 100%;
    height: auto;
    margin-bottom: 0.5em;
}
.heading h1 {
    width: 90%;
    height: auto;
    font-size: 1.2em;
    font-weight: bold;
}
.heading h2 {
    width: 10%;
    height: auto;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
}
.mediaModal .media_area {
    width: 100%;
    height: 30em;
    border: solid 0.1em #cccccc;
    padding: 1em;
    margin-bottom: 0.5em;
    overflow-y: scroll;
}
.media_area .media_check, .media_area .image_check {
    opacity: 0;
	position: fixed;
	width: 0;
}
.media_check + label, .image_check + label {
    display: inline-block;
	float: left;
	height: auto;
	width: 15%;
	margin: 1em 1em 1em 0;
	position: relative;
	border: solid 0.1em #000000;
    padding: 0;
    box-sizing: border-box;
}
.media_check:checked + label, .image_check:checked + label {
    border: solid 0.1em #cccccc;
}
.media_check:checked + label:after, .image_check:checked + label:after {
	position: absolute;
	font-family: webfonts;
	content: ' \e973';
	right: 0em;
	font-size: 2em;
	color: #ffffff;
	background-color: #00ff00;
	padding: 0.2em;
	border-radius: 50%;
}
.mediaModal .button1 {
    width: 30%;
    height: auto;
    padding: 0.5em 0 0.5em 0;
    border: solid 0.1em #000000;
}
.header {
	padding: 1em 2% 1em 2%;
	height: auto;
	width: 100%;
	border-bottom: solid 0.1em #000000;
}
.header .logo {
	height: auto;
	width: 5%;
}
.header .top_spacer {
	height: auto;
	width: 80%;
}
.header .top_menu {
	height: auto;
	width: 15%;
	font-size: 2.5em;
}
.content {
	width: 100%;
	padding: 0 2% 0 2%;
}
.content .content_left {
	width: 15%;
	height: auto;
	margin-right: 1%;
	padding: 1em 0 1em 0;
	border-right: solid 0.1em #000000;
}
.content_left h1 {
	width: 100%;
	height: auto;
	font-size: 1.3em;
	font-weight: bold;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	border-bottom: solid 0.1em #000000;
}
.content_left h2 {
	width: 100%;
	height: auto;
	font-size: 1em;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	border-bottom: solid 0.1em #000000;
}
.content .content_right {
	width: 80%;
	height: auto;
	padding: 1em 0 1em 0;
}
.content_right .form_left {
	width: 80%;
	min-width: 80%;
	height: auto;
	padding-right: 2%
}
.form_left h1 {
	width: 100%;
	height: auto;
	font-size: 2em;
	margin-bottom: 0.5em;
}
.form_left h2 {
	width: 100%;
	height: auto;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 0.5em;
}
.form_left .textbox1 {
	font-size: 1.1em;
	width: 100%;
	height: auto;
	border: solid 0.1em #000000;
	padding: 0.5em;
	margin-bottom: 1em;
}
.form_left .textbox2 {
	font-size: 1.1em;
	width: 100%;
	height: 10em;
	border: solid 0.1em #000000;
	padding: 0.5em;
	margin-bottom: 1em;
}
.form_left .textbox3 {
	font-size: 1.1em;
	width: 20%;
	height: auto;
	border: solid 0.1em #000000;
	padding: 0.5em;
	margin: 0 5% 1em 0;
}
.form_left .button1 {
	width: 50%;
	height: auto;
	padding: 0.5em 0 0.5em 0;
}
.form_left .editor {
	width: 100%;
	height: auto;
	border: solid 0.1em #000000;
	padding: 1em;
	margin-bottom: 1em;
}
.editor .toolbar {
	width: 100%;
	height: auto;
	margin-bottom: 1em;
}
.toolbar span {
	border: solid 0.1em #000000;
	padding: 0.3em;
	font-size: 1.3em;
	position: relative;
}
.toolbar span .toolbar_submenu {
	background-color: #FFFFFF;
	position: absolute;
	widith: auto;
	height: auto;
	padding: 1em;
	left: 0;
	display: none;
}
.toolbar span:hover > .toolbar_submenu {
	display: block;
}
.toolbar_submenu h5 {
	widith: 100%;
	height: auto;
	font-size: 1.1em;
	margin-bottom: 1em;
}
.toolbar_submenu h6 {
	font-size: 1em;
	margin-bottom: 0.5em;
	widith: 100%;
	height: auto;
}
.toolbar_submenu input[type="color"] {
	widith: 100%;
	height: 1em;
	margin-bottom: 0.5em;
}
.editor .edit_area {
	width: 100%;
	height: 25em;
	border: solid 0.1em #000000;
	padding: 0.5em;
	overflow-y: scroll;
	position: relative;
}
.edit_area .cover {
    width: auto;
    height: auto;
    border: solid 0.1em #000000;
    position: relative;
}
.cover .edit_menu {
    width: 100%;
    height: auto;
}
/* .edit_area a {
	border-bottom: dotted 0.1em #000000;
	position: relative;
	}
 .edit_area a:hover:after {
	position: absolute;
	content: attr(href);
	top: -1em;
	left: 0;
} */
.edit_area hr {
	width: 100%;
	height: 0.1em;
	background-color: #000000;
}
.edit_area h2 {
    width: 100%;
    height: auto;
    font-size: 1.5em;
    font-weight: bold;
    margin: 0.5em 0 0.5em 0;
}
.edit_area h3 {
    width: 100%;
    height: auto;
    font-size: 1.3em;
    font-weight: bold;
    margin: 0.5em 0 0.25em 0;
}
.edit_area p {
    width: 100%;
    height: auto;
    margin-bottom: 0.5em;
    line-height: 1.5em;
    font-size: 1.1em;
}
.edit_area hr {
    width: 100%;
    height: 0.1em;
    background-color: #000000;
    margin: 0.5em 0 0.5em 0;
    border: none;
}
.edit_area ul {
    width: 100%;
    height: auto;
    margin: 0.5em 0 0.5em 0;
}
.content_right .form_full {
	width: 100%;
	height: auto;
	padding: 1em 0 1em 1%;
}
.form_full .inventory_list {
	width: 100%;
	height: auto;
	border: solid 0.1em #000000;
}
.inventory_list tr:nth-child(even) {
	background-color: #EEEEEE;
}
.inventory_list .column1 {
	width: 2%;
	height: auto;
	padding: 0.5em;
}
.inventory_list .column2 {
	width: 5%;
	height: auto;
	padding: 0.5em;
}
.inventory_list .column3 {
	width: 30%;
	height: auto;
	padding: 0.5em;
}
.inventory_list .column4 {
	width: 10%;
	height: auto;
	padding: 0.5em;
}
.content_right .form_right {
	width: 20%;
	height: auto;
	padding: 1em 0 1em 1%;
}
.form_right hr {
	width: 100%;
	height: 0.1em;
	background-color: #000000;
}
.form_right .button1 {
	width: 100%;
	height: auto;
	padding: 0.5em 0 0.5em 0;
}
.form_right h2 {
	width: 100%;
	height: auto;
	font-size: 1.2em;
	padding: 0.5em 0 0 0;
	font-weight: bold;
}
.form_right h3 {
	width: 100%;
	height: auto;
	font-size: 2em;
	padding: 0.5em 0 0 0;
	font-weight: bold;
}
.form_right p {
	width: 100%;
	height: auto;
	padding: 0.5em 0 0.5em 0;
}
.form_right .textbox1 {
	width: 100%;
	height: auto;
	padding: 0.5em 0 0.5em 0;
	border: solid 0.1em #000000;
	margin-bottom: 0.5em;
}
.form_right .textbox2 {
	width: 100%;
	height: 7em;
	padding: 0.5em 0 0.5em 0;
	border: solid 0.1em #000000;
	margin-bottom: 0.5em;
}
.form_right .textbox3 {
	width: 100%;
	height: 15em;
	padding: 0.5em 0 0.5em 0;
	border: solid 0.1em #000000;
	margin-bottom: 0.5em;
	overflow-y: scroll;
}
.form_right .textbox3 a {
    text-decoration: underline;
}
.form_right .image_preview_box {
    width: 100%;
    height: 15em;
    border: solid 0.1em #000000;
    padding: 0.5em;
    overflow-y: scroll;
    white-space: nowrap;
}
.image_preview_box .preview_thumb {
    width: 13em;
    height: auto;
    margin: 0.5em 0 0.5em 0;
}
.form_full .menu_area {
	width: 100%;
	height: auto;
	padding: 1em 0 1em 0;
}
.menu_area .menu_block {
	width: 50%;
	height: auto;
}
.menu_block h2 {
	width: 20%;
	height: auto;
	font-size: 1.1em;
	line-height: 2em;
}
.menu_block h3 {
	width: 10%;
	height: auto;
	font-size: 1.5em;
}
.menu_block .select {
	width: 39%;
	height: auto;
	font-size: 1.1em;
	padding: 0.1em;
	margin-right: 1%;
}
.menu_block .filebox {
	width: 40%;
	height: auto;
	font-size: 1.1em;
	padding: 0.1em;
}
.menu_block .button1 {
	font-size: 1.1em;
	width: 19%;
	height: auto;
	padding: 0.2em;
	margin-right: 1%;
}
.column3 .item_submenu {
	width: 100%;
	height: auto;
	display: none;
}
.column3:hover > .item_submenu {
	display: block;
}
.content_right .form2_left {
	width: 35%;
	height: auto;
	margin-right: 5%;
}
.form2_left h1 {
	width: 100%;
	height: auto;
	font-size: 2em;
	margin-bottom: 0.5em;
}
.form2_left h2 {
	width: 100%;
	height: auto;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 0.5em;
}
.form2_left .order_box {
	width: 100%;
	height: auto;
	margin-bottom: 0.5em;
	border: solid 0.1em #cccccc;
	padding: 0.5em;
}
.order_box p {
	width: 100%;
	height: auto;
	font-size: 1.1em;
	margin-bottom: 0.5em;
}
.form2_left .textbox1 {
	font-size: 1.1em;
	width: 100%;
	height: auto;
	border: solid 0.1em #000000;
	padding: 0.5em;
	margin-bottom: 1em;
}
.form2_left .textbox2 {
	font-size: 1.1em;
	width: 100%;
	height: 10em;
	border: solid 0.1em #000000;
	padding: 0.5em;
	margin-bottom: 1em;
}
.form2_left .button2 {
	font-size: 1.1em;
	width: 100%;
	height: auto;
	padding: 0.5em;
	margin-bottom: 1em;
}
.form2_left .image_preview_box {
    width: 100%;
    height: 15em;
    border: solid 0.1em #000000;
    padding: 0.5em;
    overflow-y: scroll;
    white-space: nowrap;
    margin-bottom: 1em;
}
.form2_left .layout {
	width: 100%;
	height: auto;
}
.layout .block_square {
	width: 45%;
	height: auto;
	color:#FFFFFF;
	font-size: 1.5em;
	font-weight: bold;
	border: solid 0.1em #000000;
	margin: 0.5em 5% 0.5em 0;
}
.layout .block {
	width: 100%;
	height: auto;
	color:#FFFFFF;
	font-size: 1.5em;
	font-weight: bold;
	border: solid 0.1em #000000;
	margin-bottom: 0.5em;
}
.block .bar {
	width: 100%;
	height: auto;
	background-color:#666666;
	padding: 0.5em 5% 0.5em 0;
	text-align: right;
	display: none;
}
.block .data {
	width: 100%;
	height: auto;
	background-color:#0066FF;
	text-align: center;
	padding: 0.5em 0 0.5em 0;
}
.layout .block:hover > .bar, .layout .block_square:hover > .bar {
	display: block;
}
.layout .sortable-placeholder {
	width: 100%;
	height: 4em;
	background-color: #EEEEEE;
	border: solid 0.1em #0000FF;
}
.content_right .form2_right {
	width: 60%;
	height: auto;
}
.form2_right .menu_area2 {
	width: 100%;
	height: auto;
	padding: 1em 0 1em 0;
}
.menu_area2 h2 {
	width: 20%;
	height: auto;
	font-size: 1.3em;
	line-height: 1.5em;
}
.menu_area2 .select {
	width: 30%;
	height: auto;
	font-size: 1.3em;
	padding: 0.1em;
}
.menu_area2 .button1 {
	font-size: 1.1em;
	width: 20%;
	height: auto;
	padding: 0.2em;
}
.form2_right .inventory_list {
	width: 100%;
	height: auto;
	border: solid 0.1em #000000;
}
.form_right h2 {
	width: 100%;
	height: auto;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0.5em;
}
.form_right .select1 {
	width: 100%;
	height: auto;
	font-size: 1.2em;
	margin-bottom: 0.5em;
	padding: 0.5em;
}