@font-face {
	font-family: 'Droid Sans';
	font-style: normal;
	font-weight: 400;
	src: url(font/DroidSans.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
	font-family: 'Droid Sans';
	font-style: normal;
	font-weight: 700;
	src: url(font/DroidSansBold.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
	font-family: 'Tahoma';
	font-style: normal;
	font-weight: 400;
	src: local('Tahoma'),url(font/Tahoma.ttf) format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: normal;
	src: url(font/Roboto-Regular.ttf) format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: bold;
	src: url(font/Roboto-Bold.ttf) format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: normal;
	src: url(font/Roboto-Italic.ttf) format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: bold;
	src: url(font/Roboto-BoldItalic.ttf) format('truetype');
}
:root {
	--font-size: 12px;
	--menu-left-width: 220px;
	--menu-right-width: 318px;
	--menu-small-width: 250px;
	--explorer-width: 210px;
	--explorer-max-width: 500px;
	--explorer-last-width: 390px;
	--shadow-02dp: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
	--shadow-03dp: 0 3px 4px 0 rgb(0 0 0 / 14%), 0 3px 3px -2px rgb(0 0 0 / 20%), 0 1px 8px 0 rgb(0 0 0 / 12%);
	--shadow-04dp: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 20%);
	--shadow-06dp: 0 6px 10px 0 rgb(0 0 0 / 14%), 0 1px 18px 0 rgb(0 0 0 / 12%), 0 3px 5px -1px rgb(0 0 0 / 20%);
	--shadow-08dp: 0 8px 10px 1px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%), 0 5px 5px -3px rgb(0 0 0 / 20%);
	--shadow-16dp: 0 16px 24px 2px rgb(0 0 0 / 14%), 0 6px 30px 5px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 0 0 / 20%);
	--shadow-24dp: 0 9px 46px 8px rgb(0 0 0 / 14%), 0 11px 15px -7px rgb(0 0 0 / 12%), 0 24px 38px 3px rgb(0 0 0 / 20%);
	--accent-back-hover: rgb(250 94 11);
	--accent-back-light: rgb(218 66 27);
	--accent-text-light: rgb(255 255 255 / 60%);
	--accent-back-dark: rgb(252 113 26);
	--accent-text-dark: rgb(0 0 0 / 60%);
	--accent-back: var(--accent-back-light);
	--accent-text: var(--accent-text-light);
	--mark-back: rgb(228 228 228 / 30%);
	--mark-line: rgb(228 228 228 / 100%);
	--mark-back-focus: rgb(177 209 247 / 30%);
	--mark-line-focus: rgb(177 209 247 / 100%);
	--color-text-004: rgb(0 0 0 / 4%);
	--color-text-008: rgb(0 0 0 / 8%);
	--color-text-012: rgb(0 0 0 / 12%);
	--color-text-020: rgb(0 0 0 / 20%);
	--color-text-040: rgb(0 0 0 / 40%);
	--color-text-060: rgb(0 0 0 / 65%);
	--color-text-100: rgb(0 0 0 / 100%);
	--color-text-inv-004: rgb(255 255 255 / 4%);
	--color-text-inv-008: rgb(255 255 255 / 8%);
	--color-text-inv-012: rgb(255 255 255 / 12%);
	--color-text-inv-020: rgb(255 255 255 / 20%);
	--color-text-inv-040: rgb(255 255 255 / 40%);
	--color-text-inv-060: rgb(255 255 255 / 60%);
	--color-text-inv-100: rgb(255 255 255);
	--color-back-000: #dfdfdf;
	--color-back-030: #cacaca;
	--color-back-060: #f9f9f9;
	--color-back-100: #ffffff;
	--color-back-disabled: #f0f0f0;
	--color-line-100: #717171;
	--color-line-060: #aaaaaa;
	--color-note-text: rgb(0 0 0 / 80%);
	--color-note-back: #fafac8;
	--color-note-link: #1A237E;
	--color-tooltip-text: rgb(0 0 0 / 80%);
	--color-tooltip-back: #fafac8;
	--color-tooltip-link: #1A237E;
	--color-prev-text: rgb(0 0 0 / 80%);
	--color-prev-back: #ffffe9;
	--color-fb-body: rgb(255 255 255 / 90%);
	--color-fb-mark: rgb(84 84 84);
	--color-fb-line: rgb(170 170 170);
	--color-fb-linetrue: rgb(26 35 126); /* Indigo 900 */
	--color-fb-lineencs: rgb(136 14 79); /* Pink 900 */
	--color-fb-linenull: rgb(204 94 57); /* Deep Orange 900 80% -> rgb(191 54 12 / 80%) */
	--color-red-text: #FFFFFF;
	--color-red-back: #D32F2F;
	--color-pink-text: #FFFFFF;
	--color-pink-back: #C2185B;
	--color-purple-text: #FFFFFF;
	--color-purple-back: #7B1FA2;
	--color-deep-purple-text: #FFFFFF;
	--color-deep-purple-back: #512DA8;
	--color-indigo-text: #FFFFFF;
	--color-indigo-back: #303F9F;
	--color-blue-text: #FFFFFF;
	--color-blue-back: #1976D2;
	--color-light-blue-text: #FFFFFF;
	--color-light-blue-back: #0288D1;
	--color-cyan-text: #FFFFFF;
	--color-cyan-back: #0097A7;
	--color-teal-text: #FFFFFF;
	--color-teal-back: #00796B;
	--color-green-text: #FFFFFF;
	--color-green-back: #388E3C;
	--color-light-green-text: #FFFFFF;
	--color-light-green-back: #689F38;
	--color-lime-text: #000000;
	--color-lime-back: #AFB42B;
	--color-yellow-text: #000000;
	--color-yellow-back: #FBC02D;
	--color-amber-text: #000000;
	--color-amber-back: #FFA000;
	--color-orange-text: #000000;
	--color-orange-back: #F57C00;
	--color-deep-orange-text: #FFFFFF;
	--color-deep-orange-back: #E64A19;
	--color-brown-text: #FFFFFF;
	--color-brown-back: #5D4037;
	--color-gray-text: #FFFFFF;
	--color-gray-back: #616161;
	--color-blue-gray-text: #FFFFFF;
	--color-blue-gray-back: #455A64;
	--color-error-text: #FFFFFF;
	--color-error-back: #B00020;
	--monitor-bg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="44"><rect width="200" height="22" fill="rgb(0 0 0 / 4%)"/></svg>');
	--pattern-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="rgb(0 0 0 / 12%)" width="20" height="20"><rect width="10" height="10" /><rect x="10" y="10" width="10" height="10"/></svg>');
	--select-image: url("data:image/svg+xml;utf8,<svg fill='rgb(0 0 0 / 65%)' height='12' viewBox='0 0 16 16' width='26' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
	--grid-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="rgb(0 0 0 / 30%)" width="22" height="22"><rect x="21" y="21" width="1" height="1"/></svg>');
	--icon-filter: none;
	accent-color: var(--accent-back);
	overflow-wrap: break-word;
}
:root.dark {
	--accent-back: var(--accent-back-dark);
	--accent-text: var(--accent-text-dark);
	--mark-back: rgb(228 228 228 / 20%);
	--mark-line: rgb(228 228 228 / 60%);
	--mark-back-focus: rgb(177 209 247 / 20%);
	--mark-line-focus: rgb(177 209 247 / 60%);
	--color-text-004: rgb(255 255 255 / 4%);
	--color-text-008: rgb(255 255 255 / 8%);
	--color-text-012: rgb(255 255 255 / 12%);
	--color-text-020: rgb(255 255 255 / 20%);
	--color-text-040: rgb(255 255 255 / 40%);
	--color-text-060: rgb(255 255 255 / 60%);
	--color-text-100: rgb(255 255 255);
	--color-text-inv-004: rgb(0 0 0 / 4%);
	--color-text-inv-008: rgb(0 0 0 / 8%);
	--color-text-inv-012: rgb(0 0 0 / 12%);
	--color-text-inv-020: rgb(0 0 0 / 20%);
	--color-text-inv-040: rgb(0 0 0 / 40%);
	--color-text-inv-060: rgb(0 0 0 / 65%);
	--color-text-inv-100: rgb(0 0 0 / 100%);
	--color-back-100: #272727;
	--color-back-030: #323232;
	--color-back-000: #404040;
	--color-back-060: #535353;
	--color-back-disabled: #121212;
	--color-line-100: #797979;
	--color-line-060: #545454;
	--color-note-text: #FFFFFF;
	--color-note-back: #272727;
	--color-note-link: var(--accent-back-dark);
	--color-tooltip-text: rgb(255 255 255 / 80%);
	--color-tooltip-back: #535353;
	--color-tooltip-link: var(--accent-back-dark);
	--color-prev-text: rgb(255 255 255 / 60%);
	--color-prev-back: #121212;
	--color-fb-body: rgb(0 0 0 / 80%);
	--color-fb-mark: #cacaca;
	--color-fb-line: #545454;
	--color-fb-linetrue: #0091EA; /* Blue 900 */
	--color-fb-lineencs: #FF4081; /* Pink 900 */
	--color-fb-linenull: rgb(160 73 45); /* Deep Orange 900 60% -> #FF6E4099 */
	--color-red-text: #FFFFFF;
	--color-red-back: #F44336;
	--color-pink-text: #FFFFFF;
	--color-pink-back: #E91E63;
	--color-purple-text: #FFFFFF;
	--color-purple-back: #9C27B0;
	--color-purple-back: #AB47BC;
	--color-deep-purple-text: #FFFFFF;
	--color-deep-purple-back: #673AB7;
	--color-indigo-text: #FFFFFF;
	--color-indigo-back: #3F51B5;
	--color-blue-text: #FFFFFF;
	--color-blue-back: #2196F3;
	--color-light-blue-text: #000000;
	--color-light-blue-back: #03A9F4;
	--color-cyan-text: #000000;
	--color-cyan-back: #00BCD4;
	--color-teal-text: #FFFFFF;
	--color-teal-back: #009688;
	--color-green-text: #000000;
	--color-green-back: #4CAF50;
	--color-light-green-text: #000000;
	--color-light-green-back: #8BC34A;
	--color-lime-text: #000000;
	--color-lime-back: #CDDC39;
	--color-yellow-text: #000000;
	--color-yellow-back: #FFEB3B;
	--color-amber-text: #000000;
	--color-amber-back: #FFC107;
	--color-orange-text: #000000;
	--color-orange-back: #FF9800;
	--color-deep-orange-text: #FFFFFF;
	--color-deep-orange-back: #FF5722;
	--color-brown-text: #FFFFFF;
	--color-brown-back: #795548;
	--color-gray-text: #000000;
	--color-gray-back: #9E9E9E;
	--color-blue-gray-text: #000000;
	--color-blue-gray-back: #607D8B;
	--color-error-text: #FFFFFF;
	--color-error-back: #B00020;
	--monitor-bg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="44"><rect width="200" height="22" fill="rgb(255 255 255 / 4%)"/></svg>');
	--pattern-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="rgb(255 255 255 / 12%)" width="20" height="20"><rect width="10" height="10" /><rect x="10" y="10" width="10" height="10"/></svg>');
	--select-image: url("data:image/svg+xml;utf8,<svg fill='rgb(255 255 255 / 60%)' height='12' viewBox='0 0 16 16' width='26' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
	--grid-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="rgb(255 255 255 / 20%)" width="22" height="22"><rect x="21" y="21" width="1" height="1"/></svg>');
	--icon-filter: invert(1);
	accent-color: var(--accent-back-dark);
}
@media(min-width:1280px) {
	:root {
		--menu-left-width: 260px;
		--menu-right-width: 360px;
		--menu-small-width: 290px;
	}
}
@media(min-width:1920px) {
	:root {
		--menu-right-width: 460px;
		--menu-small-width: 390px;
	}
}
@media(min-width:2560px) {
	:root {
		--menu-right-width: 660px;
		--menu-small-width: 590px;
	}
}
body.winfocus {
	--mark-back: var(--mark-back-focus);
	--mark-line: var(--mark-line-focus);
}
.disabled {
	--color-back-100: var(--color-back-disabled);
}
* {
	font-family: Roboto;
	font-size: var(--font-size);
}
@supports not (selector(::-webkit-scrollbar)) {
	* {
		scrollbar-width: 8px;
		scrollbar-height: 8px;
		scrollbar-color: var(--color-line-100) transparent;
	}
}
*::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	cursor: default;
}
*::-webkit-scrollbar-track {
	background: transparent;
	cursor: default;
}
*::-webkit-scrollbar-corner {
	background: transparent;
}
*::-webkit-scrollbar-thumb {
	background-color: var(--color-line-100);
	border-radius: 4px;
	border: solid 1px transparent;
	cursor: default;
	background-clip: padding-box;
	min-height: 50px;
	min-width: 50px;
}
*::-webkit-scrollbar-thumb:hover {
	background-color: var(--color-text-060);
}
.dark ::-webkit-calendar-picker-indicator {
	filter: invert(1);
}
html, body {
	overflow: hidden;
	color: var(--color-text-060);
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	border: none;
	cursor: default;
	user-select: none;
}
button > * {
	pointer-events: none;
}
input, button, select, textarea {
	border-radius: 0;
	color: var(--color-text-100);
	box-sizing: border-box;
}
input[type="checkbox"], input[type="radio"] {
	margin: 2px 3px 2px 4px;
}
.dark input[type="checkbox"], .dark input[type="radio"] {
	filter: invert(1);
	opacity: .5;
}
input[type="checkbox"]:checked, input[type="radio"]:checked, .accent-light input[type="checkbox"], .accent-light input[type="radio"] {
	filter: none;
	opacity: 1;
}
::-ms-expand {
	display: none;
}
input.bigspace {
	word-spacing: .3em;
}
.input, .inputgroup > input, .inputgroup > select {
	border-radius: 6px;
	padding: 1px 4px;
	line-height: 16px;
	height: 20px;
}
.input.inter {
	border-radius: 0;
	padding: 1px 4px;
}
.inputgroup > input, .inputgroup > select {
	border-radius: 0;
	border: none;
	padding: 0 24px 0 4px;
	height: 18px;
	flex: 1;
}
.inputgroup > select, .inputgroup > select:focus {
	background-position-x: calc(100% - 20px);
}
.inputgroup > icon {
	position: absolute;
	right: 4px;
}
.inputgroup {
	position: relative;
	border-radius: 6px;
	overflow: hidden;
	border: solid 1px var(--color-text-020);
	background-color: var(--color-back-100);
	display: flex;
	align-items: center;
}
.inputgroup:focus-within {
	border-color: var(--color-text-040);
}
audio {
	width: 80%;
}
.dark audio {
	filter: invert(.8);
}
.w100 {
	width: 100%;
}
.h100 {
	height: 100%;
}
.max-w400 {
	max-width: 400px;
}
.max-w300 {
	max-width: 300px;
}
.overflow {
	position: relative;
}
.overflow > div {
	position: absolute;
	inset: 0;
	overflow: auto;
}
textarea, textarea.input, .intext {
	line-height: calc(var(--font-size) + 6px);
}
.intext.justify, .wintable .justify, .promptline .justify, .PopupText .justify {
	text-align: justify;
	hyphens: auto;
}
input.hidden, .fieprev.hidden {
	position: fixed!important;
	pointer-events: none;
	border: none!important;
	padding: 0!important;
	margin: 0!important;
	height: 0!important;
	width: 0!important;
	min-width: 0!important;
	min-height: 0!important;
	max-width: 0!important;
	max-height: 0!important;
}
textarea.input {
	height: unset;
}
textarea.inwin {
	border: none;
	width: 100%;
	padding: 4px 8px;
}
shield {
	position: fixed;
	inset: 0;
	z-index: 10000;
}
.unshield {
	z-index: 10001;
}
.FUPselect textarea.inwin, .FUPnormal textarea.inwin {
	background-color: transparent;
}
textarea.padding {
	padding: 2px 6px;
}
.intext {
	padding: 2px 6px;
}
.inputradius {
	border-radius: 6px;
	overflow: hidden;
}
.inputradius.fileinput .sel {
	border-radius: 6px;
}
.inputradius.fileinput span, .inputradius.fileinput span.sel, .inputradius.fileinput.file:focus span {
	padding: 1px 4px!important;
}
form {
	margin: 0;
	padding: 0;
}
hr {
	border: 0;
	border-top: solid 1px var(--color-text-060);
}
.deleted, .deleted input {
	text-decoration: line-through;
	color: var(--color-error-back);
}
input[placeholder], [placeholder], *[placeholder] {
	color: var(--color-text-100)!important;
	user-select: none;
}
input:focus[placeholder], :focus[placeholder], *:focus[placeholder] {
	user-select: text;
}
input.abshide {
	position: absolute;
	left: -10px;
	top: -10px;
	width: 1px;
	height: 1px;
}
::-webkit-input-placeholder {
	color: var(--color-text-060);
}
:-moz-placeholder {
	color: var(--color-text-060);
	opacity: 1;
}
::-moz-placeholder {
	color: var(--color-text-060);
	opacity: 1;
}
:-ms-input-placeholder {
	color: var(--color-text-060);
}
:focus::-webkit-input-placeholder {
	opacity: .5;
}
:focus :-moz-placeholder{
	opacity: .5;
}
:focus::-moz-placeholder {
	opacity: .5;
}
:focus:-ms-input-placeholder {
	opacity: .5;
}
:read-only:focus::-webkit-input-placeholder {
	opacity: 1;
}
:read-only:focus :-moz-placeholder{
	opacity: 1;
}
:read-only:focus::-moz-placeholder {
	opacity: 1;
}
:read-only:focus:-ms-input-placeholder {
	opacity: 1;
}
.offline span {
	opacity: .65;
}
icon, img.ico, .edtico {
	width: 16px;
	height: 16px;
	border: none;
	background-image: url(../res/icons/16.png);
	background-repeat: no-repeat;
	background-position: 0 48px;
}
icon > * {
	pointer-events: none;
}
icon, icon > b {
	display: block;
	position: relative;
	overflow: hidden;
	min-width: 16px;
	min-height: 16px;
	max-width: 16px;
	max-height: 16px;
}
icon.ico32 {
	min-width: 32px;
	min-height: 32px;
	max-width: 32px;
	max-height: 32px;
}
icon.inline {
	display: inline-block;
	vertical-align: middle;
	padding-top: 1px;
}
icon.inline.soft {
	padding-top: 0;
}
icon.none {
	display: none;
}
icon.dot:after {
	content: '';
	display: block;
	position: absolute;
	top: 5px;
	left: 5px;
	background: var(--color-text-100);
	width: 6px;
	height: 6px;
	border-radius: 3px;
}
icon.check:after {
	content: '';
	display: block;
	position: absolute;
	top: -2px;
	left: -2px;
	background-color: var(--color-text-100);
	width: 20px;
	height: 20px;
	--mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" width="20"><path d="M396-291 234-454l46.5-46.5L396-386l283.5-282.5L726-621 396-291Z"/></svg>');
	-webkit-mask: var(--mask) no-repeat center;
	mask: var(--mask) no-repeat center;
}
icon.checkbox {
	display: flex;
	justify-content: center;
}
icon.inline.checkbox {
	display: inline-flex;
}
icon.checkbox > input {
	margin: 0;
}
icon icon, icon > b, icon .spinring {
	position: absolute;
	right: 0;
	bottom: 0;
}
icon .small, icon.small {
	display: block;
	width: 16px;
	height: 16px;
	transform: scale(.5) translate(8px, 8px);
}
icon > b {
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 16px;
	color: var(--color-text-100);
	font-weight: bold;
}
.ico32 {
	width: 32px;
	height: 32px;
	border: none;
}
icon.ico32, img.ico32 {
	background-image: url(../res/icons/32.png);
}
icon.vsplit1 {
	mask:  url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="m0 0v16l16-16z" fill="white"/></svg>') no-repeat center;
	-webkit-mask-size: cover;
	mask-size: cover;
}
icon.vsplit2 {
	mask:  url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="m0 16 16-16 0 16z" fill="white"/></svg>') no-repeat center;
	-webkit-mask-size: cover;
	mask-size: cover;
}
.edtico {
	position: absolute;
	top: 2px;
	right: 0;
	display: none;
}
.edthover:hover .edtico {
	display: block;
}
.for {
	z-index: 99;
}
.noselect {
	user-select: none;
}
.select {
	cursor: auto;
}
.select, input, textarea {
	user-select: text;
}
input[type="submit"], input[type="button"], input[type="image"], input[type="range"], input[type="checkbox"], input[type="radio"] {
	user-select: none;
}
table, td, th {
	border-spacing: 0;
	border-collapse: collapse;
	padding: 0;
	box-sizing: border-box;
}
th {
	text-align: left;
}
iframe {
	padding: 0;
	margin: 0;
	border: none;
}
input, button, textarea, select, .outline {
	border: solid 1px var(--color-text-020);
	background-color: var(--color-back-100);
}
textarea {
	cursor: auto;
	resize: none;
}
textarea:focus, input:focus, button:focus, select:focus {
	outline: none;
	border-color: var(--color-text-040);
	background-color: var(--color-back-100);
}
*:focus {
    outline: none;
}
select, select:focus {
	text-overflow: unset;
	text-indent: .01px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	background-image: var(--select-image);
	background-repeat: no-repeat;
	background-position-x: 100%;
	background-position-y: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 16px!important;
}
select option, select:focus option, select:focus optgroup, select:focus optgroup {
	color: var(--color-text-100);
	background-color: var(--color-back-100);
}
.mulsel {
	display: flex;
	align-items: center;
	text-overflow: unset;
	text-indent: .01px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	background-image: var(--select-image);
	background-repeat: no-repeat;
	background-position-x: 100%;
	background-position-y: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 16px!important;
	border: solid 1px var(--color-text-020);
	background-color: var(--color-back-100);
	box-sizing: border-box;
}
.mulsel:focus {
	border-color: var(--color-text-040);
	background-color: var(--color-back-100);
}
.mulsel > * {
	pointer-events: none;
}
.mulsel > text {
	flex: 1;
	position: relative;
	display: block;
	height: 20px;
}
.mulsel > text > div {
	color: var(--color-text-100);
	position: absolute;
	inset: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 20px;
}
.mulsel > text > div.placeholder {
	color: var(--color-text-060);
}
.mulsel:focus > text > div.placeholder {
	opacity: .5;
}
.mulsel:after {
	content: '';
	background-image: var(--select-image);
}
input.FUPprev, input.FUPedit {
	color: var(--color-text-060);
	background-color: transparent;
	border: none;
	padding: 0;
	margin: 0;
	line-height: 20px;
}
input.FUPprev {
	color: var(--color-prev-text);
	background-color: var(--color-prev-back);
}
input.FUPedit {
	background-color: var(--color-back-100);
}
input.inter, textarea.inter, select.inter, .extinput input {
	color: var(--color-text-100);
	background-color: transparent;
	border: none;
	padding: 0;
	margin: 0;
}
input:read-only, textarea:read-only, .extinput input:read-only {
	color: var(--color-text-060);
}
input.inter, select.inter, .extinput input {
	/*height: calc(var(--font-size) + 2px);*/
	height: 16px;
}
input.inter[type="checkbox"], input.inter[type="radio"] {
	position: relative;
	top: 3px;
	height: unset;
}
.input.bigwarn {
	width: 320px;
	font-size: 32px;
	padding: 3px 6px;
	background-color: var(--color-error-text);
	color: var(--color-error-back);
	text-transform: uppercase;
	height: 38px;
}
.dark .input.bigwarn {
	background-color: var(--color-error-back);
	color: var(--color-error-text);
}
.extinput {
	border: solid 1px var(--color-line-060);
	background-color: var(--color-back-100);
	height: 18px;
	border-radius: 6px;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.extinput span {
	display: block;
	white-space: nowrap;
	padding: 1px 4px 1px 0;
	color: var(--color-text-060);
}
.extinput input {
	border-radius: 6px;
	padding: 1px 0 1px 4px;
	line-height: 16px;
	height: 20px;
	flex: 1;
}
.fileinput {
	border: solid 1px var(--color-line-060);
	background: var(--color-back-100);
	height: 18px;
	position: relative;
	overflow: unset;
	color: var(--color-text-060);
}
.fileinput div {
	position: absolute;
	inset: 0;
}
.fileinput > * {
	pointer-events: none;
}
.fileinput:focus {
	outline: none;
}
.fileinput span, .fileinput span.sel, .fileinput.file:focus span {
	white-space: nowrap;
	padding: 1px!important;
	display: flex;
	align-items: center;
	gap: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	color: var(--color-text-100);
}
.fileinput font {
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 16px;
}
.fileinput span.sel, .fileinput.file:focus span {
	background: var(--mark-back);
	outline: solid 1px var(--mark-line);
}
.bold {
	font-weight: bold;
}
.accent-light {
	accent-color: var(--accent-back-light);
}
select:disabled, input:disabled, textarea:disabled {
	/*background-color: var(--color-back-disabled);*/
	/*color: var(--color-text-060);*/
	color: var(--color-text-100);
	opacity: .4;
}
.TABwindow {
	color: var(--color-text-060);
	background-color: var(--color-back-000);
	box-shadow: var(--shadow-08dp);
	border-radius: 8px;
	overflow: hidden;
}
.shadow {
	box-shadow: 2px 2px 2px 0 rgb(0 0 0 / 15%);
}
.shadowdown {
	box-shadow: 0 2px 2px 0 rgb(0 0 0 / 15%);
}
.shadowin, textarea.cke_source {
	box-shadow: inset 0 6px 2px -4px rgb(0 0 0 / 15%);
}
.shadowtop {
	position: relative;
}
.shadowtop:after {
	content: '';
	display: block;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	position: absolute;
	z-index: 3;
	box-shadow: inset 0 6px 2px -4px rgb(0 0 0 / 15%);
	pointer-events: none;
}
.TABwindowIN {
	border-top: solid 1px var(--color-back-100);
	border-right: solid 1px var(--color-line-060);
	border-bottom: solid 1px var(--color-line-060);
	border-left: solid 1px var(--color-back-100);
}
.TABinner {
	color: var(--color-text-060);
	background-color: var(--color-back-000);
}
.TABmenus {
	color: var(--color-text-060);
	background-color: var(--color-back-030);
}
.TABdark {
	background-color: var(--color-back-030);
}
.TABmenusBG {
	background-color: var(--color-back-000);
}
.TABmenusSTART {
	border-top: solid 1px var(--color-back-100);
}
.TABmenusEND {
	border-bottom: solid 1px var(--color-line-060);
}
.TABmenusENDa {
	border-bottom: solid 1px var(--color-back-000);
}
.TABmenusENDc {
	border-bottom: solid 1px var(--color-line-100);
}
.TABmenusSTARTi {
	border-top: solid 1px var(--color-line-060);
}
.TABmenusLEFT {
	border-left: solid 1px var(--color-back-100);
}
.TABmenusLEFTgray {
	border-left: solid 1px var(--color-line-060);
}
.TABmenusRIGHT {
	border-right: solid 1px var(--color-line-060);
}
.divider {
	border-top: solid 1px var(--color-line-060);
}
/*
	Editor: Top-Monitor
*/
.topmonitor {
	flex-grow: 1;
	position: relative;
}
.topmonitor > div {
	display: flex;
	color: var(--color-text-040);
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	opacity: 1;
	transform: scaleX(1);
	transform-origin: right;
	transition: opacity ease 150ms, transform ease-out 150ms;
}
.topmonitor > div:last-child {
	pointer-events: none;
	transform: scaleX(0);
	opacity: 0;
	position: relative;
	z-index: 4;
}
.topmonitor > div:first-child {
	position: absolute;
	right: 0;
	z-index: 4;
}
.topmonitor.adv > div:first-child {
	pointer-events: none;
	transform: scaleX(2);
	opacity: 0;
}
.topmonitor.adv > div:last-child {
	pointer-events: auto;
	transform: scaleX(1);
	opacity: 1;
}
.topmonitor > div .prod {
	letter-spacing: 1px;
	text-transform: uppercase;
	padding-right: 2px;
	color: var(--color-text-040);
}
.topmonitor .bar {
	position: relative;
	margin: 0 8px 0 2px;
	display: block;
	height: 12px;
	border-radius: 6px;
	width: 100px;
	border: solid 1px var(--color-text-012);
	overflow: hidden;
	transition: border-color ease 250ms;
}
.topmonitor .hov:hover .bar {
	transition: border-color ease 150ms;
}
@media(max-width:1280px) {
	.topmonitor .bar {
		width: 70px;
	}
}
@media(max-width:1124px) {
	.topmonitor > div:first-child {
		pointer-events: auto!important;
		transform: scaleX(1)!important;
		opacity: 1!important;
	}
	.topmonitor > div:last-child {
		pointer-events: none!important;
		transform: scaleX(0)!important;
		opacity: 0!important;
		overflow: hidden;
		max-width: 0;
		max-height: 0;
	}
}
@media(max-width:640px) {
	.topmonitor > div:first-child, .topmonitor > div:last-child {
		transform: scaleX(0)!important;
		opacity: 0!important;
		overflow: hidden;
		max-width: 0;
		max-height: 0;
	}
}
.topmonitor .bar > div {
	position: absolute;
	inset: 0;
	font-size: calc(var(--font-size) - 2px);
	transition: color ease 250ms;
	color: var(--color-text-060);
	white-space: nowrap;
	display: flex;
	align-items: center;
	justify-content: center;
}
.topmonitor .bar > canvas, .topmonitor .bar > div:first-child, .topmonitor .bar > div:nth-child(2) {
	transition: opacity ease 250ms;
}
.topmonitor .bar > div:first-child, .topmonitor .bar > div:nth-child(2) {
	background: var(--color-text-012);
	width: 0;
	opacity: .5;
}
.topmonitor.history .bar > div:first-child, .topmonitor.history .bar > div:nth-child(2) {
	opacity: 0;
}
.topmonitor .bar > canvas {
	position: absolute;
	right: 0;
	top: 0;
	height: 12px;
	width: 100px;
	opacity: 0;
}
.topmonitor.history .bar > canvas {
	opacity: .12;
}
.dark .topmonitor .bar > canvas {
	filter: invert(1);
}
.topmonitor .hov:hover .bar {
	border-color: var(--color-text-040);
}
.topmonitor.history .hov:hover .bar > canvas {
	opacity: .4;
}
.topmonitor .hov:hover, .topmonitor .hov:hover .bar > div {
	transition: color ease 150ms;
	color: var(--color-text-100);
}
.topmonitor .hov:hover .bar > div:first-child, .topmonitor .hov:hover .bar > div:nth-child(2) {
	background: var(--color-text-040);
}
.topmonitor .hov {
	position: relative;
	display: flex;
	color: inherit;
	align-items: center;
	padding: 4px 2px;
	transition: color ease 250ms;
}
.topmonitor .hov:hover {
	transition: color ease 150ms;
}
.topmonitor .hov:last-child {
	padding-right: 0;
}
.topmonitor .hov > * {
	pointer-events: none;
}
.topmonitor .hov > div:first-child, .hoverdia {
	position: absolute;
	line-height: 18px;
	text-align: left;
	box-shadow: var(--shadow-04dp);
	color: var(--color-tooltip-text);
	background: var(--color-tooltip-back);
	z-index: 8999;
	border-radius: 6px;
	padding: 3px 0;
}
.topmonitor.adv .hov > div:first-child, .hoverdia {
	padding: 3px 8px;
}
.topmonitor .hov > div:first-child {
	opacity: 0;
	transform-origin: right top;
	transition: opacity ease 250ms;
	right: 10px;
	top: 20px;
	white-space: pre;
	display: flex;
}
.topmonitor.adv .hov > div:first-child, .topmonitor .hov > div:first-child > div > div.data {
	display: grid;
	grid-template-columns: repeat(3,auto);
	grid-gap: 0 8px;
}
@media(max-width:1124px) {
	.topmonitor .hov > div:first-child {
		display: flex!important;
		gap: 0!important;
		padding: 3px 0!important;
	}
}
.topmonitor .hov > div:first-child > div {
	border-right: solid 1px var(--color-text-020);
}
.topmonitor .hov > div:first-child > div:last-child {
	border-right: none;
}
.topmonitor .hov > div:first-child > div {
	padding: 0 8px;
}
.topmonitor .hov > div:first-child span.right {
	text-align: right;
}
.topmonitor .hov > div:first-child span.sep {
	grid-column: 1 / 4;
	border-top: solid 1px var(--color-text-020);
	margin: 3px 0;
	padding: 0;
}
.topmonitor .hov > div:first-child span.tit {
	grid-column: 1 / 4;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
}
.topmonitor .hov > div:first-child span.span2 {
	grid-column-end: span 2;
}
.topmonitor .hov > div:first-child .hide {
	display: none;
}
.topmonitor .hov > div:first-child.show {
	transition: opacity ease 100ms;
	opacity: 1;
}
.topmonitor .hov > div:first-child.show:empty {
	opacity: 0;
}
.hoverdia:empty {
	display: none;
}
.hoverdia item {
	display: flex;
	align-items: center;
	gap: 4px;
	padding: 1px 6px;
	overflow: hidden;
	position: relative;
	min-width: 6px;
	min-height: 16px;
	margin: 3px 0;
}
.hoverdia item > text {
	flex: 1;
	white-space: nowrap;
}
.hoverdia item > * {
	pointer-events: none;
}
.winbutton.topcorner {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
}
.winbutton {
	white-space: nowrap;
	flex: 1;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 4px;
	height: 22px;
	padding-right: 2px;
}
.winbutton > button {
	position: relative;
	width: 20px;
	height: 20px;
	border: none;
	border-radius: 10px;
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}
.winbutton > button .spinring {
	z-Index: 1;
}
.winbutton > button > * {
	pointer-events: none;
}
.winbutton.hidden > button {
	display: none;
}
.winbutton > button:hover {
	background-color: var(--color-text-008);
}
.winbutton > button.min:after, .winbutton > button.expand:after, .winbutton > button.expand:before, icon.close:after, icon.min:after, icon.max:before, icon.max:after {
	content: '';
	display: block;
	position: absolute;
	border-bottom: solid 2px var(--color-text-040);
	pointer-events: none;
}
.winbutton > button.min:after {
	width: 10px;
	left: 5px;
	top: 13px;
}
icon.min:after {
	border-bottom: solid 2px var(--color-text-100);
	width: 10px;
	left: 3px;
	top: 11px;
}
icon.max:before {
	border-top: solid 2px var(--color-text-100);
	border-right: solid 2px var(--color-text-100);
	border-bottom: none;
	width: 6px;
	height: 6px;
	left: 6px;
	top: 2px;
}
icon.max:after {
	border: solid 2px var(--color-text-100);
	width: 5px;
	height: 5px;
	left: 2px;
	top: 5px;
}
.winbutton > button.close:after, icon.close:after {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	--mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" width="20"><path d="m287-216-69-71 192-193-192-195 69-71 194 195 192-195 69 71-192 195 192 193-69 71-192-195-194 195Z"/></svg>');
	-webkit-mask: var(--mask) no-repeat center;
	mask: var(--mask) no-repeat center;
	background-color: var(--color-text-040);
	position: absolute;
}
icon.close:after {
	top: -1px;
	width: 16px;
	height: 16px;
	background-color: var(--color-text-100);
}
.winbutton > button.expand:after {
	width: 2px;
	height: 6px;
	left: 11px;
	top: 5px;
	border-right: solid 2px var(--color-text-040);
	border-top: solid 2px var(--color-text-040);
	/*border-top-right-radius: 4px;*/
	/*border-bottom-right-radius: 4px;*/
}
.winbutton > button.expand:before {
	width: 2px;
	height: 6px;
	left: 5px;
	top: 5px;
	border-left: solid 2px var(--color-text-040);
	border-top: solid 2px var(--color-text-040);
	/*border-top-left-radius: 4px;*/
	/*border-bottom-left-radius: 4px;*/
}
.winbutton > button.shrink:after, .winbutton > button.shrink:before {
	transform: scaleX(-1);
}
.winbutton > button.expand {
	display: block;
}
.winbutton > button.wait:after, .winbutton > button.wait:before {
	display: none;
}
.winbutton > div {
	display: flex;
	align-items: center;
	height: 22px;
	gap: 4px;
}
.winbutton input {
	width: 200px;
	transition: width ease 150ms;
}
@media(max-width:480px) {
	.winbutton input {
		width: 160px;
	}
}
.winbutton > div > input {
	margin-right: 4px;
}
.winbutton.hidden > div > input {
	margin-right: 0;
}
.wall {
	display: none;
	background: transparent;
	position: absolute;
	inset: 0;
}
.container {
	position: absolute;
	top: 30px;
	left: 0;
	width: 200px;
	height: 23px;
	display: block;
	color: var(--color-text-060);
	background: var(--color-back-030);
	overflow: hidden;
	/*z-index: 7010;*/
}
.htabresizer {
	position: absolute;
	left: -1px;
	bottom: 0;
	top: 0;
	width: 3px;
	display: block;
	cursor: ew-resize;
}
.openpopup .htabresizer {
	z-index: 100000;
}
.container > .tabresizer {
	position: absolute;
	left: 0;
	right: 0;
	height: 23px;
	cursor: ns-resize;
	z-index: 1;
}
.container > .tabresizer.none, .htabresizer.none {
	display: none;
}
.leftwin {
	background-color: var(--color-back-000);
	box-sizing: content-box;
}
.leftwin.border {
	border-left: solid 1px var(--color-line-060);
}
.inwindow {
	background: var(--color-back-000);
	position: absolute;
	top: 50px;
	left: 0;
	width: 200px;
	height: 200px;
	/*z-index: 7020;*/
}
.statusbar {
	display: flex;
	align-items: center;
	height: 22px;
	overflow: hidden;
	padding-left: 2px;
	padding-right: 2px;
}
.statusbar > .item {
	display: flex;
	align-items: center;
	padding: 0 6px;
	line-height: 20px;
	gap: 4px;
	color: var(--color-text-060);
}
.statusbar > .item.full {
	flex: 1;
}
.statusbar > .item.hide {
	display: none;
}
.statusbar .item span {
	line-height: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: pre;
	display: block;
}
.statusbar .item.tray {
	padding-right: 0;
	gap: 2px;
	flex-direction: row-reverse;
}
.statusbar .item.tray:empty {
	display: none;
}
.statusbar .item.name {
	gap: 0;
}
.statusbar .item.name > div > span {
	padding-left: 4px;
	width: 250px;
}
.statusbar .item.rename > icon {
	z-index: 1;
	pointer-events: none;
}
.statusbar .item.rename > div > span {
	display: flex;
	align-items: center;
	padding-left: 0;
	position: relative;
	overflow: visible;
}
.statusbar .item.rename > div > span form {
	height: 20px;
}
.statusbar .item.rename > div > span input {
	width: 274px;
	border-radius: 6px;
	padding: 2px 3px;
	position: absolute;
	left: -21px;
	padding-left: 24px;
}
.statusbar .item.noclick > * {
	pointer-events: none;
}
.menuEND {
	border-bottom: solid 1px var(--color-line-060);
}
.statEND {
	background: var(--color-back-030);
}
.tab {
	background-color: var(--color-back-000);
	color: var(--color-text-060);
	width: 100%;
	display: flex;
}
.tabh {
	background-color: var(--color-back-000);
	color: var(--color-text-060);
	height: 100%;
	display: flex;
}
.dualtab {
	display: flex;
	justify-content: space-between;
}
.dualtab > div:first-child {
	flex: 1;
}
.tabtop.animate {
	transition: left .25s ease;
}
.tabtop {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	height: 22px;
	padding-left: 16px;
	padding-right: 16px;
	border-bottom: solid 1px var(--color-line-060);
	position: relative;
}
.container .tabtop {
	border-bottom: none;
}
.container:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	border-bottom: solid 1px var(--color-line-060);
}
.tabtop.closed:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	pointer-events: none;
	border-bottom: solid 1px var(--color-line-100);
	z-index: 3;
}
.dark .tabtop.closed:after {
	display: none;
}
.tabtop > div {
	height: 21px;
	line-height: 20px;
	bottom: -1px;
	position: relative;
	--tab-backg: var(--color-back-030);
	--tab-color: var(--color-back-000);
	--tab-textc: var(--color-text-060);
	z-index: 1;
}
.tabtop > div.open.w {
	--tab-color: var(--color-back-100);
}
.preview .tabtop > #reg100.open.w {
	--tab-color: var(--color-prev-back);
	--tab-textc: var(--color-prev-text);
}
.tabtop > div.open.b {
	--tab-color: #303030;
	--tab-textc: rgb(255 255 255 / 60%);
}
.tabtop > div > * {
	pointer-events: none;
}
.tabtop > div > div {
	position: absolute;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border: solid 1px transparent;
	border-bottom: none;
	inset: 0 0 0 -1px;
}
.tabtop > div:hover > div {
	border-color: var(--color-line-060);
}
.tabtop > div:hover:before {
	content: '';
	position: absolute;
	background-color: var(--tab-backg);
	height: 6px;
	width: 1px;
	bottom: 1px;
	left: -1px;
	pointer-events: none;
	z-index: 1;
}
.tabtop > div:hover:after {
	content: '';
	position: absolute;
	background-color: var(--tab-backg);
	bottom: 0;
	left: -8px;
	width: 8px;
	height: 8px;
	border-bottom-right-radius: 8px;
	pointer-events: none;
	border: solid 1px var(--color-line-060);
	box-sizing: border-box;
	border-top: none;
	border-left: none;
	z-index: 1;
}
.tabtop > div:hover > div:before {
	content: '';
	position: absolute;
	background-color: var(--tab-backg);
	height: 6px;
	width: 1px;
	bottom: 1px;
	right: -1px;
	pointer-events: none;
}
.tabtop > div:hover > div:after {
	content: '';
	position: absolute;
	background-color: var(--tab-backg);
	bottom: 0;
	right: -8px;
	width: 8px;
	height: 8px;
	border-bottom-left-radius: 8px;
	pointer-events: none;
	border: solid 1px var(--color-line-060);
	box-sizing: border-box;
	border-top: none;
	border-right: none;
}
.tabtop > div.open {
	z-index: 2;
}
.tabtop > div.open > div {
	background-color: var(--tab-color);
	border-color: var(--color-line-060);
}
.tabtop > div.open:before {
	content: '';
	position: absolute;
	background-color: var(--tab-color);
	height: 7px;
	width: 7px;
	bottom: 0;
	left: -7px;
	pointer-events: none;
	z-index: 1;
}
.tabtop > div.open:after {
	content: '';
	position: absolute;
	background-color: var(--tab-backg);
	bottom: 0;
	left: -8px;
	width: 8px;
	height: 8px;
	border-bottom-right-radius: 8px;
	pointer-events: none;
	border: solid 1px var(--color-line-060);
	box-sizing: border-box;
	border-top: none;
	border-left: none;
	z-index: 1;
}
.tabtop > div.open > div:before {
	content: '';
	position: absolute;
	background-color: var(--tab-color);
	height: 7px;
	width: 7px;
	bottom: 0;
	right: -7px;
	pointer-events: none;
}
.tabtop > div.open > div:after {
	content: '';
	position: absolute;
	background-color: var(--tab-backg);
	bottom: 0;
	right: -8px;
	width: 8px;
	height: 8px;
	border-bottom-left-radius: 8px;
	pointer-events: none;
	border: solid 1px var(--color-line-060);
	box-sizing: border-box;
	border-top: none;
	border-right: none;
}
.tabbot {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	height: 22px;
	padding-left: 12px;
	padding-right: 12px;
	border-top: solid 1px var(--color-line-060);
}
.tabbot > div {
	height: 21px;
	line-height: 20px;
	top: -1px;
	position: relative;
	--tab-backg: var(--color-back-000);
	--tab-color: var(--color-back-030);
	--tab-textc: var(--color-text-060);
}
.tabbot > div.open.w {
	--tab-color: var(--color-back-100);
}
.preview .tabbot > #reg100.open.w {
	--tab-color: var(--color-prev-back);
	--tab-textc: var(--color-prev-text);
}
.tabbot > div.open.b {
	--tab-color: #303030;
	--tab-textc: rgb(255 255 255 / 60%);
}
.tabbot > div > * {
	pointer-events: none;
}
.tabbot > div > div {
	position: absolute;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border: solid 1px transparent;
	border-top: none;
	inset: 0 0 0 -1px;
}
.tabbot > div:hover > div {
	border-color: var(--color-line-060);
}
.tabbot > div:hover:before {
	content: '';
	position: absolute;
	background-color: var(--tab-backg);
	height: 6px;
	width: 1px;
	top: 1px;
	left: -1px;
	pointer-events: none;
	z-index: 1;
}
.tabbot > div:hover:after {
	content: '';
	position: absolute;
	background-color: var(--tab-backg);
	top: 0;
	left: -8px;
	width: 8px;
	height: 8px;
	border-top-right-radius: 8px;
	pointer-events: none;
	border: solid 1px var(--color-line-060);
	box-sizing: border-box;
	border-bottom: none;
	border-left: none;
	z-index: 1;
}
.tabbot > div:hover > div:before {
	content: '';
	position: absolute;
	background-color: var(--tab-backg);
	height: 6px;
	width: 1px;
	top: 1px;
	right: -1px;
	pointer-events: none;
}
.tabbot > div:hover > div:after {
	content: '';
	position: absolute;
	background-color: var(--tab-backg);
	top: 0;
	right: -8px;
	width: 8px;
	height: 8px;
	border-top-left-radius: 8px;
	pointer-events: none;
	border: solid 1px var(--color-line-060);
	box-sizing: border-box;
	border-bottom: none;
	border-right: none;
}
.tabbot > div.open {
	z-index: 2;
}
.tabbot > div.open > div {
	background-color: var(--tab-color);
	border-color: var(--color-line-060);
}
.tabbot > div.open:before {
	content: '';
	position: absolute;
	background-color: var(--tab-color);
	height: 7px;
	width: 7px;
	top: 0;
	left: -7px;
	pointer-events: none;
	z-index: 1;
}
.tabbot > div.open:after {
	content: '';
	position: absolute;
	background-color: var(--tab-backg);
	top: 0;
	left: -8px;
	width: 8px;
	height: 8px;
	border-top-right-radius: 8px;
	pointer-events: none;
	border: solid 1px var(--color-line-060);
	box-sizing: border-box;
	border-bottom: none;
	border-left: none;
	z-index: 1;
}
.tabbot > div.open > div:before {
	content: '';
	position: absolute;
	background-color: var(--tab-color);
	height: 7px;
	width: 7px;
	top: 0;
	right: -7px;
	pointer-events: none;
}
.tabbot > div.open > div:after {
	content: '';
	position: absolute;
	background-color: var(--tab-backg);
	top: 0;
	right: -8px;
	width: 8px;
	height: 8px;
	border-top-left-radius: 8px;
	pointer-events: none;
	border: solid 1px var(--color-line-060);
	box-sizing: border-box;
	border-bottom: none;
	border-right: none;
}
.tabbot span {
	padding: 1px 8px 0 7px;
	display: flex;
	white-space: pre;
	position: relative;
	z-index: 2;
	color: var(--tab-textc);
	align-items: center;
	gap: 4px;
	max-width: 260px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.tabtop span {
	padding: 1px 8px 1px 7px;
	display: flex;
	white-space: pre;
	position: relative;
	z-index: 2;
	color: var(--tab-textc);
	align-items: center;
	gap: 4px;
	max-width: 260px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.tabbot span > font, .tabtop span > font {
	overflow: hidden;
	text-overflow: ellipsis;
}
.tabtop span.tit {
	padding-left: 16px;
	padding-top: 4px;
	height: 16px;
	font-weight: bold;
	color: var(--color-text-040);
	overflow: visible;
}
.tabtop span.tit:after {
	content: '';
	top: 1px;
	left: 8px;
	bottom: 2px;
	width: 0;
	position: absolute;
	padding-left: 26px;
	border-left: solid 1px var(--color-text-020);
	pointer-events: none;
}
.tabtop span.tit:first-child {
	padding-left: 0;
}
.tabtop span.tit:first-child:after {
	border-left: none;
}
.suptit {
	font-size: .6em;
	font-style: italic;
	vertical-align: text-top;
	line-height: 5px;
}
.innerTAB {
	width: 100%;
	height: 100%;
	background-color: var(--color-back-030);
	position: relative;
}
.innerTAB > div {
	position: absolute;
	inset: 0;
	overflow: auto;
}
#innerIN .innerTAB > div {
	position: unset;
}
#innerIN .innerTAB > div.scroll {
	position: absolute;
}
a {
	color: var(--accent-back);
	text-decoration: underline;
}
a:focus {
	background-color: color-mix(in srgb, var(--accent-back) 12%, #00000000 100%);
	outline: solid 3px color-mix(in srgb, var(--accent-back) 12%, #00000000 100%);
	border-radius: 2px;
}
body.recov:before, body.recov .splash:after {
	content: 'RECOVERY SETUP MODE';
	position: absolute;
	inset: 0;
	background: var(--color-error-back)!important;
	opacity: .6;
	color: rgb(255 255 255);
	font-size: 4em;
	text-transform: uppercase;
	padding: 48px;
	pointer-events: none;
}
body.recov:after {
	content: '';
	position: absolute;
	inset: 0;
	background: var(--color-error-back)!important;
	opacity: .15;
	pointer-events: none;
	z-index: 2500000;
}
.desktop {
	position: relative;
}
.desktop.none {
	background: var(--color-back-030);
}
.desklink {
	color: rgb(255 255 255 / 80%);
}
.botdesk {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	color: rgb(255 255 255 / 80%);
	padding: 4px 8px;
	display: flex;
	gap: 5px;
	align-items: flex-end;
	justify-content: space-between;
}
.botdesk > div:last-child {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	text-align: right;
}
.botdesk .small {
	font-size: .8em;
}
.winbox {
	position: absolute;
	inset: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.winbox > div {
	width: 400px;
	/*padding-bottom: 2px;*/
}
/*
.winbox > div:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	border-bottom: solid 2px var(--accent-back);
	pointer-events: none;
}
*/
.winbox .form {
	/*height: 56px;*/
	display: flex;
	align-items: flex-end;
	flex-direction: column;
	justify-content: flex-end;
	padding: 16px 8px 8px 8px;
	background: var(--color-back-030);
	border-top: solid 1px var(--color-text-012);
	border-bottom: solid 1px var(--color-text-012);
}
.winbox .note {
	padding: 8px;
	border-top: solid 1px var(--color-line-060);
}
.winbox .buttons {
	padding: 8px;
}
.winbox .text {
	min-height: 36px;
}
.winbox .text, .winbox .error {
	padding: 8px;
	line-height: calc(var(--font-size) + 6px);
	hyphens: auto;
	text-align: justify;
}
.winbox .error {
	background-color: var(--color-error-back);
	color: var(--color-error-text);
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -49px;
	left: 0;
	right: 0;
	height: 48px;
	padding: 0 8px;
	opacity: 0;
	transition: opacity ease 250ms;
	pointer-events: none;
}
.winbox.error .error {
	opacity: 1;
}
.winbox .roller {
	display: flex;
	align-items: stretch;
}
.winbox .roller > * {
	min-width: 100%;
	max-width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	left: 0;
	position: relative;
	transition: left ease 250ms;
}
.winbox.password .roller > * {
	left: -100%;
}
.winbox.disable button {
	background: transparent!important;
	border-color: var(--color-text-020)!important;
}
.winbox.disable button font {
	opacity: .5;
}
.form > div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
}
.form > div > label {
	margin-bottom: 8px;
	text-align: right;
}
.form > div > input {
	width: 200px;
	min-width: 200px;
	margin-bottom: 8px;
}
.popup {
	display: flex;
	position: fixed;
	inset: 0;
	pointer-events: none;
	justify-content: center;
	align-items: center;
	z-index: 80000;
}
.popup:before {
	content: '';
	position: absolute;
	inset: 0;
	opacity: 0;
	backdrop-filter: grayscale(.33);
	background-color: rgb(0 0 0 / 35%);
	transition: opacity ease 250ms;
}
.popup > div {
	display: flex;
	flex-direction: column;
	transition: opacity ease 150ms, transform ease-out 150ms;
	transform: scale(.8);
	opacity: 0;
	pointer-events: none;
}
form.popup {
	z-index: 100000;
}
.popup.nobg {
	background-color: transparent;
}
.popup.show {
	pointer-events: auto;
}
.popup.show:before {
	transition: opacity ease 200ms;
	opacity: 1;
}
.popup.show > div.show {
	transition: opacity ease 100ms, transform ease-out 100ms;
	transform: scale(1);
	opacity: 1;
	pointer-events: auto;
}
.popup.show > div.show.resize > iframe {
	transition: width ease 150ms, height ease 150ms;
}
.popup .hidden {
	display: none;
}
.popup > div > div {
	display: flex;
}
.PopupButtons {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px;
	gap: 8px;
}
.PopupText {
	line-height: calc(var(--font-size) + 6px);
	padding: 8px 8px 0 8px;
	box-sizing: border-box;
	min-width: 360px;
	max-width: 550px;
	max-height: 300px;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.PopupText > div {
	/*margin: 4px 0;*/
}
#SYSsupport {
	position: relative;
}
#SYSsupport > div {
	width: 100%;
	height: 100%;
}
.openpopup #SYSsupport  {
	position: initial;
	border-left: none;
}
.openpopup #SYSsupport > div {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 0;
	min-width: inherit;
}
.openpopup #SYSsupport > div > div {
	z-index: 99999;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	box-shadow: var(--shadow-08dp);
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	overflow: hidden;
}
.note {
	color: var(--color-note-text);
	background: var(--color-note-back);
	line-height: calc(var(--font-size) + 6px);
	hyphens: auto;
	text-align: justify;
}
.note icon.inline.soft {
	padding-top: 1px;
}
.note p {
	line-height: calc(var(--font-size) + 6px);
	margin-top: 0;
	margin-bottom: 0;
}
.mt_body {
	overflow: auto;
	max-height: 200px;
	transition: max-height ease .25s, padding ease .25s, border-width ease .25s;
	white-space: normal;
}
.mt_body.hidden {
	max-height: 0;
	padding-top: 0;
	padding-bottom: 0;
	border-width: 0;
}
.mt_body a {
	cursor: pointer;
}
.traypopup {
	position: absolute;
	bottom: 23px;
	right: 16px;
	max-width: 450px;
	z-index: 8000;
	opacity: 0;
	transform: scale(0);
	transition: opacity ease 250ms, transform ease-out 250ms;
	transform-origin: center bottom;
}
.traypopup a {
	color: var(--color-tooltip-link);
	text-decoration: underline;
	cursor: pointer;
}
.traypopup.show {
	opacity: 1;
	transform: scale(1);
	transition: opacity ease 100ms, transform ease-out 100ms;
}
.traypopup > div {
	background: var(--color-tooltip-back);
	color: var(--color-tooltip-text);
	border-radius: 6px;
	box-shadow: var(--shadow-04dp);
}
.traypopup > div > div {
	padding: 4px 8px;
	display: flex;
	flex-direction: column;
	gap: 2px;
	max-height: 600px;
	overflow: auto;
}
.traypopup > div > div.buttons {
	padding-bottom: 8px;
	max-height: none;
	overflow: unset;
}
.traypopup icon.none, .traypopup > div > div:empty {
	display: none;
}
.traypopup > div > div > b {
	line-height: 18px;
}
.traypopup > div > div > b:empty {
	display: none;
}
.traypopup > div > div > div {
	display: flex;
	gap: 4px;
}
.traypopup > div > div > div > icon {
	margin-top: 1px;
}
.traypopup > div > div > div > div {
	width: 100%;
	line-height: 18px;
}
.traypopup > div > div > div > div.justify {
	text-align: justify;
	hyphens: auto;
}
.traypopup > svg {
	position: relative;
	padding-left: 8px;
	filter: drop-shadow(3px 3px 3px rgb(0 0 0 / 20%));
}
.traypopup .claim {
	fill-rule: evenodd;
	stroke-width: 1px;
	stroke-linecap: butt;
	stroke-linejoin: miter;
	stroke-opacity: 1;
	fill: var(--color-tooltip-back);
}
.traypopup .flex > * {
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 200px;
	white-space: nowrap;
}
.divscr {
	height: 100%;
	width: 100%;
	overflow: auto;
}
.ellist div {
	display: inline-block;
	margin: 1px 6px 1px 1px;
	padding: 1px;
}
.ellist div span {
	white-space: nowrap;
}
.optWidth {
	width: var(--menu-right-width);
}
.vermenu div.arrow, .reg div.arrow {
	width: 16px;
	height: 16px;
	background: var(--select-image) no-repeat;
	background-position: -8px -1px;
	transform: rotate(0deg);
	transition: transform ease 250ms;
}
.vermenu div.arrow {
	transform: rotate(180deg);
}
.vermenu.hide div.arrow, .reg.hide div.arrow {
	transform: rotate(90deg);
}
.vermenu {
	border-left: solid 1px var(--color-line-060);
	width: calc(var(--menu-right-width) - 1px);
}
.vermenu .reg {
	border-top: solid 1px var(--color-line-060);
	background: var(--color-back-000);
	padding: 3px 6px 1px 6px;
	height: 18px;
	position: relative;
}
.vermenu .opt {
	border-top: solid 1px var(--color-line-060);
	background: var(--color-back-100);
	width: var(--menu-right-width);
	height: 200px;
	overflow: auto;
}
.vermenu > .over {
	height: 224px;
	transition: height ease 150ms;
}
.vermenu.hide > .over {
	height: 0;
	overflow: hidden;
}
.vermenu .reg > div {
	display: flex;
	align-items: center;
	gap: 4px;
}
.vermenu .reg > div > span {
	display: block;
	flex: 1;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: pre;
	line-height: 16px;
}
.vermenu .reg:hover:before {
	content: '';
	display: block;
	position: absolute;
	inset: 0;
	background: var(--color-text-004);
}
.expMenuext > div {
	border-right: solid 1px var(--color-line-060);
	border-bottom: solid 1px var(--color-line-060);
	padding: 2px 0;
}
#expMenu {
	position: relative;
	background: var(--color-back-100);
	box-sizing: border-box;
	border-right: solid 1px var(--color-line-060);
	height: 100%;
	width: var(--menu-left-width);
}
.expMenu {
	box-sizing: border-box;
	border-right: solid 1px var(--color-line-060);
	width: var(--menu-left-width);
}
.expMenuIN {
	height: 100%;
	overflow: auto;
	width: calc(var(--menu-left-width) - 1px);
	margin-right: 1px;
	position: absolute;
	inset: 0;
}
.expMenu .reg {
	display: flex;
	align-items: center;
	gap: 4px;
	border-bottom: solid 1px var(--color-line-060);
	background: var(--color-back-000);
	padding: 2px 6px;
	height: 18px;
}
.optMenuext {
	box-sizing: border-box;
	border-left: solid 1px var(--color-line-060);
	border-bottom: solid 1px var(--color-line-060);
	padding: 4px 0 6px 0;
}
.eelm div {
	height: 18px;
	/*width: 200px;*/
	padding: 1px 9px 1px 9px;
	white-space: nowrap;
	border-top: solid 2px transparent;
}
.expMenuext .eelm div.sel {
	box-sizing: border-box;
	border-left: solid 1px var(--color-line-060);
	background: var(--color-back-100);
}
.eelm span {
	white-space: nowrap;
	padding: 1px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}
.eelm span.sel {
	background: #cce5ff;
}
.eelm div.moveover {
	border-top: solid 2px var(--color-line-060);
}
.eelm div.nomoveover {
	border-top: solid 2px var(--color-error-back);
}
.eelm span input {
	background: transparent;
	border-top: none;
	border-right: none;
	border-left: none;
	height: 16px;
	width: 160px;
}
.eelm span select {
	height: 16px;
}
.eelm span select, .eelm option {
	width: 160px;
}
.sideprev {
	border-left: solid 1px var(--color-line-060);
	width: var(--menu-right-width);
}
.sideprev > .relative {
	position: relative;
	width: 100%;
	height: 100%;
}
.sideprev > .relative > div {
	position: absolute;
	inset: 0;
	width: var(--menu-right-width);
	overflow: hidden;
}
.sideprev.small, .sideprev.small > .relative > div {
	width: var(--menu-small-width);
}
.sideprev > .relative > div > div.padding {
	padding: 4px 8px;
	height: 100%;
	box-sizing: border-box;
}
.optmenu {
	border-left: solid 1px var(--color-line-060);
	width: var(--menu-right-width);
	overflow: auto;
	overflow-x: hidden;
	position: absolute;
	inset: 0;
}
.conftable .reg {
	height: 20px;
}
.conftable .reg, .optmenu .reg {
	border-bottom: solid 1px var(--color-line-060);
	background: var(--color-back-000)!important;
	padding: 2px 6px;
	position: relative;
}
.vermenu .inreg {
	border-top: solid 1px var(--color-line-060);
	background: var(--color-back-000);
	padding: 2px 6px;
}
.conftable .reg > div, .optmenu .reg, .vermenu .inreg {
	display: flex;
	align-items: center;
	gap: 4px;
	height: 18px;
}
.conftable .reg > div > span, .optmenu .reg > span {
	flex: 1;
}
.optmenu .sep {
	border-bottom: solid 1px var(--color-line-060);
	font-size: 20px;
	padding: 0 2px 0 2px;
}
.optmenu .reg:hover:before {
	content: '';
	display: block;
	position: absolute;
	inset: 0;
	background: var(--color-text-004);
}
.optmenu .opt {
	background: var(--color-back-100);
	display: grid;
	border-bottom: solid 1px var(--color-line-060);
	grid-template-rows: 1fr;
	transition: grid-template-rows 150ms ease;
}
.optmenu .opt > div {
	overflow: hidden;
	position: relative;
}
.optmenu .opt.hide {
	grid-template-rows: 0fr;
	border-bottom: none;
}
.optmenu .opt textarea, textarea.int {
	border: none;
	padding: 2px 6px;
}
.disabledline {
	filter: grayscale(100%);
	opacity: .5;
}
.optmenu .opt .ti {
	background: var(--color-back-000);
}
.optmenu .opt .ti span {
	width: calc(var(--menu-right-width) - 40px);
	padding: 2px;
	white-space: nowrap;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}
.wincol {
	padding: 4px 8px;
}
.wincol.top {
	padding-top: 8px;
}
.wincol.bottom {
	padding-bottom: 8px;
}
.wintable {
	margin-top: 8px;
}
.wintable.h100 {
	height: calc(100% - 8px);
}
.wintable .input {
	width: 320px;
}
.wintable .input.short {
	width: 150px;
}
.wintable .input.auto {
	width: auto;
}
.wintable.max-w400 .input {
	min-width: 320px;
}
.wintable.max-w400 .input.short {
	min-width: 150px;
}
.wintable.max-w400 .input.auto {
	min-width: auto;
}
.wintable.max-w300 .input {
	min-width: 250px;
}
.wintable.max-w300 .input.short {
	min-width: 115px;
}
.wintable.max-w300 .input.auto {
	min-width: auto;
}
.wintable.w100 .input {
	width: 100%;
}
.wintable.w100 .input.short {
	width: 100%;
}
.wintable.w100 .input.auto {
	width: auto;
}
.wintable td {
	padding: 0 4px 8px 4px;
	height: 28px;
	vertical-align: middle;
	white-space: nowrap;
	line-height: calc(var(--font-size) + 6px);
}
.wintable .br {
	white-space: normal;
}
.wintable td:first-child {
	padding-left: 8px;
	width: 10px;
}
.wintable td:last-child {
	padding-right: 8px;
}
.wintable td.top {
	vertical-align: top;
	padding-top: 1px;
}
.wintable td.gap {
	padding-top: 12px;
}
.wintable td.top.gap {
	padding-top: 15px;
}
.wintable td.full-height {
	height: 100%;
}
.wintable .note {
	border-top: solid 1px var(--color-line-060);
	border-bottom: solid 1px var(--color-line-060);
	padding: 4px 8px;
}
.colorinput {
	position: relative;
}
.colorinput > input, .colorinput > select {
	padding-left: 20px;
}
.colorinput > i.color {
	pointer-events: none;
	position: absolute;
	left: 4px;
	top: 3px;
	z-index: 1;
}
.confinput {
	background-color: var(--color-back-100);
	border: solid 1px var(--color-line-060);
	border-radius: 6px;
	overflow: hidden;
}
.conftable {
	width: 100%;
	background-color: var(--color-back-100);
	color: var(--color-text-060);
}
.conftable.inter {
	background-color: transparent;
	color: inherit;
}
.conftable .bgeven {
	background-color: var(--color-text-004)!important;
}
.conftable .bgodd {
	background-color: var(--color-back-100)!important;
}
.conftable tr:nth-child(even) > td, .conftable tr.even > td {
	background: var(--color-text-004);
}
.conftable.inter tr:nth-child(even) > td, .conftable.inter tr.even > td {
	background: transparent;
}
.conftable tr.odd > td {
	background: transparent;
}
.conftable tr.label {
	background: var(--color-text-008);
	border-top: solid 1px var(--color-line-060);
}
.conftable:first-child tr.label {
	border-top: none;
}
.conftable td {
	border-right: solid 1px var(--color-text-020);
	padding: 1px 4px;
	height: 22px;
	vertical-align: middle;
}
.conftable td.noborder, .conftable.noborder td, .conftable td:last-child {
	border-right: none;
}
.conftable td.center, .wintable td.center {
	text-align: center;
}
.conftable td.right, .wintable td.right {
	text-align: right;
}
.conftable td:first-child {
	padding-left: 6px;
}
.conftable td:last-child {
	padding-right: 6px;
}
.conftable.nogap td:first-child {
	padding-left: 0;
}
.conftable.nogap td:last-child {
	padding-right: 0;
}
.conftable td.checkbox, .conftable td.radio {
	padding-left: 2px;
	padding-right: 1px;
}
.conftable td.top {
	vertical-align: top;
	padding-top: 4px;
}
.conftable td.input {
	background: transparent;
	/*border: none!important;*/
	padding: 0;
	border-radius: 0;
}
.conftable td.nopadding, .wintable td.nopadding {
	padding: 0;
}
.conftable td.input input, .conftable td.input select, .conftable td.input .mulsel, .conftable td.input textarea, .conftable td.input button, .actrule input {
	background-color: transparent;
	border: none!important;
	border-radius: 0!important;
	padding: 1px 4px;
	width: 100%;
	height: 22px;
	background-position-y: 2px;
	background-position-x: calc(100% - 4px);
}
.conftable td.input.color input, .conftable td.input.color select, .conftable td.input.color textarea, .conftable td.input.color button {
	padding-left: 24px;
}
.conftable td.input.color {
	position: relative;
}
.conftable td.input.color i.color {
	pointer-events: none;
	position: absolute;
	left: 4px;
	top: 4px;
}
.conftable td.input input[type="checkbox"], .conftable td.input input[type="radio"] {
	height: unset;
}
.conftable td.input.inpicon input {
	width: calc(100% - 22px);
}
.conftable td.input:first-child input, .conftable td.input:first-child select, .conftable td.input:first-child .mulsel, .conftable td.input:first-child textarea, .conftable td.input:first-child button {
	padding-left: 6px;
}
.conftable td.input:last-child input, .conftable td.input:last-child select, .conftable td.input:last-child .mulsel, .conftable td.input:last-child textarea, .conftable td.input:last-child button {
	padding-right: 6px;
}
.conftable td.input select, .conftable td.input .mulsel {
	padding-right: 20px!important;
}
.conftable div.checkbox, .conftable div.radio {
	display: flex;
	align-items: center;
}
.conftable div.checkbox > input, .conftable div.radio > input {
	width: unset;
	margin-left: 6px;
	margin-right: 7px;
}
.conftable div.checkbox > label, .conftable div.radio > label {
	flex: 1;
	max-width: 300px;
}
.conftable .fileinput {
	border: none;
	margin: 2px;
	background: transparent;
}
.conftable .fileinput span {
	padding: 1px 2px!important;
}
.conftable .range, .wintable .range {
	display: flex;
	align-items: center;
}
.conftable .range > input, .wintable .range > input {
	flex: 1;
	padding: 0!important;
}
.conftable .range > div, .wintable .range > div {
	width: 40px;
	text-align: right;
	padding-right: 6px;
	text-overflow: ellipsis;
	overflow: hidden;
}
.conftable.fileinput span, .conftable .fileinput span.sel, .conftable .fileinput.file:focus span {
	border-radius: 6px;
}
.conftable .br, .conftable td.input input.br, .conftable td.input select.br, .conftable td.input textarea.br, .conftable td.input button.br {
	border-right: solid 1px var(--color-text-020)!important;
}
.conftable.link td.input {
	padding-right: 20px;
}
.titlelink {
	position: absolute;
	right: 4px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 44px;
	gap: 1px;
}
.titlelink > div {
	border-right: solid 1px var(--color-line-060);
	height: 4px;
	width: 10px;
}
.titlelink > div:first-child {
	border-top: solid 1px var(--color-line-060);
	border-top-right-radius: 4px;
}
.titlelink > div:last-child {
	border-bottom: solid 1px var(--color-line-060);
	border-bottom-right-radius: 4px;
}
.banner {
	background-color: var(--color-back-060);
	background-size: cover;
	width: 100%;
	display: flex;
	align-items: flex-end;
	position: relative;
}
.banner.bgimg:before {
	content: '';
	position: absolute;
	inset: 0;
	/*backdrop-filter: blur(28px);*/
	/*backdrop-filter: contrast(125%) blur(28px);*/
	backdrop-filter: brightness(.9) contrast(125%) blur(28px);
}
.banner.w240 {
	width: 240px;
}
.banner.w660, .banner.h60 {
	height: 60px;
}
.banner.w500 {
	height: 87px;
}
.banner.w400 {
	height: 48px;
}
.banner.bgimg.w400:before {
	/*backdrop-filter: grayscale(1);*/
	/*backdrop-filter: brightness(.9) contrast(125%) blur(16px);*/
}
.banner.welcome > .setuptitle {
	position: absolute;
	top: 25px;
	left: 0;
}
.banner.welcome > .brand {
	position: absolute;
	top: 60px;
	left: 12px;
	right: 12px;
}
.banner.welcome > .prodbrand {
	position: absolute;
	top: 100px;
	right: 0;
}
.banner.welcome > .down {
	position: absolute;
	bottom: 8px;
	left: 6px;
	right: 6px;
	color: rgb(255 255 255 / 90%);
}
.conftable input[type="button"]:hover, .conftable button:hover {
	background: var(--color-text-004)!important;
}
.conftable .objerror, .conftable .objerror *, .input.error, .input > .error {
	color: var(--color-error-back);
}
.conftable .objerror option, .conftable .objerror optgroup {
	color: var(--color-text-100);
}
.conftable span.limit {
	max-width: 120px;
	white-space: nowrap;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}
.mapdiv {
	border: 0;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
.mapdiv.hide {
	display: none;
}
.mapdiv.border {
	border: solid 1px var(--color-line-060);
}
.mapdiv.error {
	filter: grayscale(1);
}
.ISEXPb, .ISEXPr {
	background-color: rgb(33 150 243 / 20%)!important;
	border-radius: 6px;
}
.ISEXPr {
	background-color: rgb(244 67 54 / 20%)!important
}
.IS {
	width: 8px;
	border-bottom: solid 1px var(--color-line-060);
}
.conftable .status {
	width: 8px;
	border-right: none;
	padding: 0;
}
.ISonline {
	background-color: rgb(76 175 80)!important;
}
.ISoffline {
	background-color: rgb(244 67 54)!important;
}
.ISwaiting {
	background-color: rgb(255 235 59)!important;
}
.ISsandbox {
	background-color: rgb(33 150 243)!important;
}
.editMenu {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
	border-bottom: solid 1px var(--color-line-060);
	background-color: var(--color-back-000);
	height: 22px;
}
.editMenu.winbut {
	padding: 0 0 0 2px;
}
.editSep {
	border-left: solid 1px var(--color-text-020);
}
.editMenu td {
	vertical-align: top;
}
a.edMenut, a.edMenu, a.edMenuDis {
	padding: 1px 6px 1px 6px;
}
a.edMenun, a.edMenunDis {
	padding: 1px 6px 1px 6px;
}
a.edMenut, a.edMenu, a.edMenun, a.edMenuDis, a.edMenunDis {
	margin: 0 2px 0 2px;
	display: block;
	color: var(--color-text-060);
	cursor: default;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	border-radius: 20px;
	display: flex;
	align-items: center;
	gap: 4px;
	line-height: 16px;
}
a.edMenuAct {
	background: var(--color-text-012);
}
a.edMenu:hover, a.edMenun:hover {
	background:  var(--color-text-008);
}
a.edMenuAct:hover {
	background: var(--color-text-020);
}
a.edMenutDis, a.edMenuDis, a.edMenunDis {
	filter: grayscale(100%);
	opacity: .6;
}
a.edMenuDis:hover, a.edMenunDis:hover {
	background: none!important;
}
.prompt {
	display: none;
}
.prompt.show {
	display: revert;
}
tr.prompt {
	height: 0;
}
.promptline {
	color: var(--color-note-text);
	background: var(--color-note-back);
	border-bottom: solid 1px var(--color-line-060);
}
.promptline .buttons {
	padding-top: 4px;
	padding-bottom: 4px;
}
.promptline * {
	color: var(--color-note-text);
}
.promptline a {
	color: var(--accent-back);
}
.promptline > div {
	display: flex;
	position: relative;
	flex-direction: row;
	/*padding: 2px 26px 2px 4px;*/
	padding: 4px 26px 4px 8px;
	gap: 4px;
}
.promptline > div.full {
	padding-right: 8px;
}
.promptline > div > icon {
	margin-top: 1px;
}
.promptline > div > div.text {
	flex: 1;
	line-height: calc(var(--font-size) + 6px);
}
.promptline > div > div.winbutton {
	position: absolute;
	right: 0;
	/*top: 0;*/
	top: 2px;
}
.infoline {
	color: var(--color-note-text);
	background: var(--color-note-back);
	padding: 1px 2px 1px 4px;
	line-height: calc(var(--font-size) + 6px);
}
.infoline td {
	vertical-align: top;
}
.promptline a, .infoline a, .clickable {
	cursor: pointer;
}
.whitebg {
	background-color: var(--color-back-100);
}
.gridbg {
	background-image: var(--grid-image);
}
.elselect {
	position: relative;
	background: var(--mark-back);
	border: solid 1px var(--mark-line);
	border-radius: 6px;
	overflow: hidden;
}
.elnoselect {
	position: relative;
	border: solid 1px transparent;
	border-radius: 6px;
	overflow: hidden;
}
.elselect:hover:after {
	pointer-events: none;
	content: '';
	display: block;
	position: absolute;
	inset: 0;
}
.elnoselect:hover, .elselect:hover:after {
	background: var(--color-text-004);
}
.overelements div:hover {
	background: var(--color-text-008);
}
.overelements div.none {
	background: transparent;
}
.exelx {
	white-space: nowrap;
	overflow: auto;
}
.exelmi {
	width: var(--explorer-width);
}
.exelmi div {
	width: calc(var(--explorer-width) - 18px);
	padding: 1px 9px 1px 9px;
}
.exelmi span input, .exelmi span select, .exelmi option {
	width: calc(var(--explore-width) - 40px - 18px);
}
.exelmi:last-child {
	width: var(--explorer-last-width);
}
.exelmi:last-child div {
	width: calc(var(--explorer-last-width) - 18px);
	padding: 1px 9px 1px 9px;
}
.exelmi:last-child span input, .exelmi:last-child span select, .exelmi:last-child option {
	width: calc(var(--explorer-last-width) - 40px - 18px);
}
.exelm {
	min-width: var(--explorer-width);
	max-width: var(--explorer-max-width);
}
.exelm div {
	min-width: calc(var(--explorer-width) - 18px);
	max-width: calc(var(--explorer-max-width) - 18px);
	padding: 1px 9px 1px 9px;
	position: relative;
}
.exelm div.spacer {
	height: 4px;
}
.exelm div:first-child.spacer {
	display: none;
}
.exelm div.ext:after {
	display: block;
	content: '';
	width: 16px;
	height: 20px;
	background-image: var(--select-image);
	background-position: -8px 7px;
	background-repeat: no-repeat;
	top: 0;
	right: 2px;
	position: absolute;
	transform: rotate(270deg);
	opacity: .6;
}
.exelm div.ext:has(.mini):after {
	top: 24px;
}
.exelm span input, .exelm span select, .exelm option {
	width: calc(var(--explorer-width) - 40px - 18px - 1px);
}
.exelm:last-child {
	min-width: var(--explorer-last-width);
	max-width: var(--explorer-max-width);
}
.exelm:last-child div {
	min-width: calc(var(--explorer-last-width) - 18px);
	max-width: calc(var(--explorer-max-width) - 18px);
	padding: 1px 9px 1px 9px;
}
.exelm:last-child span input, .exelm:last-child span select, .exelm:last-child option {
	width: calc(var(--explorer-last-width) - 40px - 18px - 1px);
}
.config .exelm {
	min-width: var(--explorer-width);
	max-width: var(--explorer-max-width);
}
.config .exelm div {
	min-width: calc(var(--explorer-width) - 18px);
	max-width: calc(var(--explorer-max-width) - 18px);
	padding: 1px 9px 1px 9px;
}
.config .exelm span input, .config .exelm span select, .config .exelm option {
	width: calc(var(--explorer-width) - 40px - 18px - 1px);
}
.exelm div font.txt {
	margin-left: 20px;
	margin-right: 20px;
	visibility: hidden;
	white-space: pre;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: calc(var(--explorer-max-width) - 96px);
	height: 0;
}
.exelb {
	width: 100%;
}
.exelb div {
	padding: 1px 5px 1px 5px;
}
.exelb span input, .exelb span select, .exelb option {
	width: calc(var(--menu-left-width) - 54px);
}
.exelm, .exelmi, .exelb {
	padding-top: 4px;
	padding-bottom: 4px;
}
.exelt {
	border-right: solid 1px var(--color-line-060);
}
.exelt:last-child {
	border-right: none;
}
.exelm div {
	min-height: 18px;
	white-space: nowrap;
	border-top: solid 2px transparent;
}
.exelmi div, .exelb div {
	height: 18px;
	white-space: nowrap;
	border-top: solid 2px transparent;
}
.exelm span > i.miniprev {
	display: none;
}
.thumbs .exelm span.thumbprev > i > icon {
	display: none;
}
.thumbs .exelm span > i > icon.sub {
	position: absolute;
	right: 4px;
	bottom: 4px;
	display: block;
	z-index: 1;
}
.thumbs .exelm span > i.miniprev {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 116px;
	height: 64px;
	min-width: 116px;
	min-height: 64px;
	position: relative;
	border: solid 1px var(--color-text-020);
	border-radius: 6px;
	overflow: hidden;
	pointer-events: none;
	box-sizing: border-box;
	border: none;
}
.thumbs .exelm span > i.miniprev:before {
	content: '';
	display: block;
	position: absolute;
	inset: 0;
	background: var(--color-text-004);
}
.exelm .imgload {
	width: 1px;
	height: 1px;
	position: absolute;
	left: -20px;
}
.thumbs .exelm span > i.miniprev > i {
	display: block;
	width: 116px;
	height: 64px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	inset: 0;
}
.thumbs .exelm span.mini > icon.inico {
	display: none;
}
.thumbs .exelm span.mini.thumbprev > icon.inico {
	display: block;
	position: absolute;
	bottom: 4px;
	left: 98px;
}
.thumbs .exelm span.mini.convert > icon.inico {
	display: none;
}
.exelm div.sel, .exelmi div.sel, .exelb div.sel {
	position: relative;
}
.exelm div.sel:before, .exelmi div.sel:before, .exelb div.sel:before {
	content: '';
	position: absolute;
	inset: 0 -1px 0 6px;
	border-top: solid 1px var(--color-line-060);
	border-bottom: solid 1px var(--color-line-060);
	border-left: solid 1px var(--color-line-060);
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
	background: var(--color-back-100);
}
.exelm div.sel:has(.mini):before, .exelmi div.sel:has(.mini):before, .exelb div.sel:has(.mini):before {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
.exelm span, .exelmi span, .exelb span {
	padding: 1px 1px;
	position: relative;
	padding-right: 20px;
	display: flex;
	gap: 4px;
	align-items: center;
}
.exelm span > font, .exelmi span > font, .exelb span > font {
	white-space: pre;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 16px;
	pointer-events: none;
}
.exelm span > icon, .exelmi span > icon, .exelb span > icon {
	pointer-events: none;
}
.exelm span .for, .exelmi span .for, .exelb span .for {
	pointer-events: auto;
	position: absolute;
	right: 0;
}
.exelm span {
	max-width: calc(var(--explorer-max-width) - 40px - 18px);
}
.exelm span.sel, .exelmi span.sel, .exelb span.sel {
	background: var(--mark-back);
	outline: solid 1px var(--mark-line);
}
.exelm span.sel, .exelmi span.sel, .exelb span.sel {
	border-radius: 6px;
}











/*
	Explorer Files
*/

file {
	display: flex;
	position: relative;
	justify-content: flex-start;
	align-items: center;
	height: 16px;
	gap: 4px;
	margin: 3px;
	padding: 2px 3px;
	border-radius: 6px;
	overflow: hidden;
	flex-shrink: 0;
}
file.offline > * {
	opacity: .65;
}
file.delete > text > name {
	text-decoration: line-through;
}
file.delete > text > * {
	color: var(--color-error-back);
}
file:hover:after, file:focus:after, file:focus-within:after {
	content: '';
	pointer-events: none;
	background: var(--color-text-004);
	position: absolute;
	inset: 0;
	z-index: 1;
}
file:focus:after, file:focus-within:after {
	background: var(--color-text-008);
	z-index: 0;
}
file:hover:focus:after, file:hover:focus-within:after {
	background: var(--color-text-012);
}
.unshield file:hover:after, .unshield file:focus:after {
	display: none;
}
file > * {
	pointer-events: none;
}
file.sel {
	outline: solid 1px var(--mark-line);
}
file.sel:before {
	content: '';
	pointer-events: none;
	position: absolute;
	inset: 0;
	background: var(--mark-back);
}
file > icon.sub {
	position: absolute;
}
file > qtag {
	display: block;
	border-radius: 10px;
	min-width: 6px;
	min-height: 14px;
	white-space: nowrap;
	font-weight: bold;
	font-size: 9px;
	line-height: 14px;
	text-transform: uppercase;
	padding: 0 4px;
	overflow: hidden;
}
file.new > qtag {
	background: rgb(244 67 54);
	color: #ffffff;
}
file.new > qtag:after {
	content: 'NEW';
}
file.edit > qtag {
	background: rgb(33 150 243);
	color: #ffffff;
}
file > text {
	position: relative;
	flex: 1;
	height: 16px;
}
file.rename > text > name {
	display: none;
}
file > text > name, file > text > info, file > text > desc, file > text > data {
	position: absolute;
	inset: 0;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
	white-space: nowrap;
	line-height: 16px;
}
.desktop file > text > name, .desktop file > text > info, .desktop file > text > desc, .desktop file > text > data {
	text-shadow: 0 0 4px rgb(0 0 0);
	color: #ffffff;
}
file > text > info, file > text > desc, file > text > data {
	display: none;
	opacity: .65;
	font-style: italic;
}
file > text > input {
	pointer-events: auto;
	position: absolute;
	top: -2px;
	left: -23px;
	right: -21px;
	line-height: 16px;
	padding-left: 22px;
	border: solid 1px transparent!important;
	background: transparent!important;
	z-index: 2;
}
file > thumb {
	position: relative;
	justify-content: center;
	align-items: center;
	display: none;
}
file > thumb > i {
	display: none;
	position: absolute;
	inset: 0;
	background-color: var(--color-back-100);
	background-image: var(--pattern-image);
	background-position: center;
}
file > thumb > i > i {
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	inset: 0;
}
.filemoveprev {
	background: transparent;
	position: absolute;
	top: 20px;
	right: -520px;
	width: 500px;
	z-index: 9999999;
	pointer-events: none;
	border-radius: 20px;
}
.filemoveprev * {
	color: var(--color-text-100)!important;
	text-shadow: 0 0 3px var(--color-text-inv-100);
}
.drag file.sel, .content .list .drag file {
	opacity: .35;
}
.drag file:focus:after {
	display: none;
}



.content > .small .folder {
	display: flex;
	flex-direction: column;
	max-height: calc(100% - 9px);
	align-content: flex-start;
	flex-wrap: wrap;
	gap: 1px 0;
	padding: 3px 3px 6px 3px;
}
.content > .small file {
	width: 190px;
	margin: 3px 3px 0 3px;
}
.content > .big .folder {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 4px 0;
	padding: 3px 3px 6px 3px;
}
.content > .big.vertical .folder {
	flex-direction: column;
	max-height: calc(100% - 9px);
	align-content: flex-start;
}
.content > .big file {
	height: 32px;
	width: 220px;
	margin: 3px 3px 0 3px;
}
.content > .big file > icon:first-child, .content > .big file > icon.sub {
	display: none;
}
.content > .big file > text {
	height: 32px;
}
.content > .big file > text > input {
	left: -39px;
	padding-left: 38px;
	padding-bottom: 17px;
}
.content > .big file > text > info {
	display: block;
	top: 16px;
}
.content > .big file > thumb {
	display: block;
}
.content > .big file > thumb > icon.sub {
	position: absolute;
	bottom: 0;
	right: 0;
}





.content > .icon .folder {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 4px 0;
	padding: 3px 3px 6px 3px;
}
.content > .icon file {
	height: auto;
	width: 190px;
	margin: 3px 3px 0 3px;
	flex-direction: column;
}
.content > .icon file > icon:first-child, .content > .icon file > icon.sub {
	display: none;
}
.content > .icon file > qtag {
	position: absolute;
	right: auto;
	margin-left: 24px;
	top: 1px;
}
.content > .icon file > text {
	min-height: 16px;
	width: 190px;
}
.content > .icon file > text > input {
	top: -38px;
	left: -3px;
	right: -3px;
	padding: 1px 2px;
	padding-top: 37px;
	text-align: center;
}
.content > .icon file > text > name {
	text-align: center;
}
.content > .icon file > thumb {
	display: block;
}
.content > .icon file > thumb > icon.sub {
	position: absolute;
	bottom: 0;
	right: 0;
}



.content > .thumb .folder {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 3px 3px 6px 3px;
	gap: 2px 0;
}
.content > .thumb file {
	height: 64px;
	width: 360px;
	margin: 3px 3px 0 3px;
}
.content > .thumb file > icon:first-child, .content > .thumb file > icon.sub {
	position: absolute;
	z-index: 1;
	top: 6px;
	left: 99px;
	display: none;
}
.content > .thumb file.thmb > icon:first-child, .content > .thumb file.thmb > icon.sub {
	display: block;
}
.content > .thumb file > text {
	height: 56px;
}
.content > .thumb file > text > input {
	top: -6px;
	left: -123px;
	right: -21px;
	padding-left: 122px;
	padding-top: 5px;
	padding-bottom: 45px;
}
.content > .thumb file > text > info {
	display: block;
	top: 20px;
}
.content > .thumb file > text > data {
	display: block;
	top: 40px;
}
.content > .thumb file > thumb {
	background: var(--color-text-004);
	display: flex;
	width: 116px;
	height: 64px;
	border-radius: 6px;
	overflow: hidden;
}
.content > .thumb file.thmb > thumb > i {
	display: block;
}
.content > .thumb file > thumb > icon.sub {
	position: absolute;
	margin-left: 16px;
	margin-top: 16px;
}











.content > .card .folder {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 4px;
	padding: 4px;
}
.content > .card file {
	width: 266px;
	height: 320px;
	height: auto;
	border: solid 1px var(--color-text-008);
	align-items: flex-start;
}
.content > .card file {
	background: var(--color-text-004);
}
.content > .card file > text, .content > .card file > icon, .content > .card file > qtag {
	margin-top: 154px;
}
.content > .card file > text {
	padding-bottom: 4px;
	height: 112px;
}
.content > .card file > text > input {
	top: -156px;
	left: -23px;
	right: -21px;
	padding-left: 22px;
	padding-top: 155px;
	padding-bottom: 101px;
}
.content > .card file > text > info {
	display: block;
	top: 20px;
}
.content > .card file > text > desc {
	display: block;
	top: 40px;
	height: 48px;
	bottom: auto;
	white-space: normal;
	font-style: normal;
	opacity: 1;
	hyphens: auto;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.content > .card file > text > data {
	display: block;
	top: 92px;
	text-align: right;
}
.content > .card file > thumb {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 150px;
	background: var(--color-text-004);
	overflow: hidden;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
.content > .card file > thumb > icon.sub {
	display: none;
}
.content > .card file.thmb > thumb > i {
	display: block;
}
.dropzone.dropable {
	background: var(--mark-back-focus);
}
.dropzone.dropping > * {
	pointer-events: none;
}
.dropzone mover {
	display: none;
	position: absolute;
	background: var(--accent-back);
	border-radius: 4px;
	z-index: 100;
	pointer-events: none;
}
.dropzone mover.show {
	display: block;
}
.keyinput {
	position: absolute;
	width: 140px;
	display: none;
	border-radius: 6px;
	box-shadow: var(--shadow-02dp);
	z-index: 2;
}
.keyinput.show {
	display: block;
}
.selframe {
	background: var(--mark-back-focus);
	border: solid 1px var(--mark-line-focus);
	border-radius: 4px;
	position: absolute;
	pointer-events: none;
	display: none;
	box-sizing: border-box;
	z-index: 1;
}
.selframe.show {
	display: block;
}
/*
	Explorer
*/
.explorer {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
}
.explorer .main {
	flex: 1;
	display: flex;
	flex-direction: column;
}
.explorer .main > .content {
	flex: 1;
	background: var(--color-back-100);
	position: relative;
}
.explorer .main > .content > div {
	position: absolute;
	inset: 0;
}

.explorer .main > .content > div > div {
	display: flex;
}
.explorer .main > .content > div > div > div {
	position: absolute;
	inset: 0;
	overflow: auto;
	flex: 1;
}
.explorer .main > .breadcrumb, .help .breadcrumb {
	position: relative;
	border-bottom: solid 1px var(--color-line-060);
	background: var(--color-back-000);
	height: 22px;
	min-height: 22px;
	overflow: hidden;
}
.explorer .main > .breadcrumb > div, .help .breadcrumb > div {
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	padding: 2px 3px;
	min-width: calc(100% - 6px);
}
.explorer .main > .breadcrumb file, .help .breadcrumb file {
	margin: 0;
	display: inline-flex;
	border-radius: 10px;
	padding: 1px 6px;
}
.help .breadcrumb file > text {
	height: auto;
	max-width: 240px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.explorer .main > .breadcrumb .arrow, .help .breadcrumb .arrow {
	width: 16px;
	height: 16px;
	background-position: -8px 0px;
	width: 8px;
	height: 8px;
	background-image: var(--select-image);
	background-position: -12px -5px;
	background-repeat: no-repeat;
	transform: rotate(270deg);
	opacity: .6;
}
.explorer .main > .breadcrumb file > text > name, .help .breadcrumb file > text > name {
	position: relative;
	max-width: 240px;
}
.explorer .sidepanel {
	border-right: solid 1px var(--color-line-060);
	width: var(--menu-left-width);
	display: flex;
	flex-direction: column;
}
.explorer .sidepanel > .content {
	flex: 1;
	background: var(--color-back-100);
	position: relative;
}
.explorer .sidepanel > .content > div {
	position: absolute;
	inset: 0;
	overflow: auto;
	padding: 3px 0 6px 0;
}
.explorer .sidepanel > .caption {
	display: flex;
	align-items: center;
	gap: 4px;
	border-bottom: solid 1px var(--color-line-060);
	background: var(--color-back-000);
	padding: 2px;
	height: 18px;
	min-height: 18px;
}
.explorer .sidepanel > .caption > select {
	width: 100%;
}

.explorer .sidepanel > .caption > item {
	width: 100%;
	padding: 1px 4px;
}
.explorer .preview {
	border-left: solid 1px var(--color-line-060);
	width: var(--menu-right-width);
}
.explorer .list .folder > .file {
	flex: 1;
}
.explorer .list .folder > .line {
	width: 4px;
	margin-left: 12px;
	position: relative;
	border-left: solid 1px var(--color-line-060);
	box-sizing: border-box;
}
.explorer .list .folder > .line.last {
	height: 0;
}
.explorer .list .folder > .line:before {
	content: '';
	display: block;
	position: absolute;
	border-bottom-left-radius: 4px;
	border-left: solid 1px var(--color-line-060);
	border-bottom: solid 1px var(--color-line-060);
	height: 12px;
	width: 6px;
	left: -1px;
}
.explorer .list .folder {
	display: flex;
}
.explorer .list .folder file {
	margin: 3px 3px 0 3px;
}





/*
	Element Editor
*/
.edit {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
}
.edit .main {
	flex: 1;
	display: flex;
	flex-direction: column;
}
.edit .main > .content {
	flex: 1;
}

.edit .infobox:empty {
	display: none;
}
.edit .sidepanel {
	border-right: solid 1px var(--color-line-060);
	width: var(--menu-left-width);
	display: flex;
	flex-direction: column;
}
.edit .sidepanel > .content {
	flex: 1;
	background: var(--color-back-100);
	position: relative;
}
.edit .sidepanel > .content > div {
	position: absolute;
	inset: 0;
	overflow: auto;
	padding: 3px 0 6px 0;
}
.edit .sidepanel > .caption {
	display: flex;
	align-items: center;
	gap: 4px;
	border-bottom: solid 1px var(--color-line-060);
	background: var(--color-back-000);
	padding: 2px;
	height: 18px;
	min-height: 18px;
}
.edit .sidepanel > .caption > select {
	width: 100%;
}
.edit .sidepanel > .caption > item {
	width: 100%;
	padding: 1px 4px;
}
.edit .optwidget {
	flex: 1;
	display: flex;
	flex-direction: column;
	border-left: solid 1px var(--color-line-060);
	max-width: var(--menu-right-width);
}
.edit .optwidget > .content {
	flex: 1;
}














/*
	Help-Editor
*/
.help .help-search {
	display: flex;
	flex-direction: column;
}
.help .breadcrumb {
	flex: 1;
}
.help .help-search > div {
	display: flex;
	flex: 1;
}
.help .help-search {
	background-color: var(--color-back-030);
}
.help .help-search input::placeholder {
	visibility: hidden;
}
@media(min-width:1024px) {
	.help .help-search {
		display: flex;
		flex-direction: row;
	}
	.help .help-search > .wintable {
		margin-top: 0;
		width: auto;
		background-color: var(--color-back-000);
	}
	.help .help-search > .wintable td {
		padding: 0 4px 0 0;
		height: 22px;
	}
	.help .help-search > .wintable td:first-child {
		padding-left: 4px;
		display: none;
	}
	.help .help-search > .wintable form {
		width: 200px;
	}
	.help .help-search input::placeholder {
		visibility: visible;
	}
}
.help.standalone .menubar.nostandalone {
	display: none;
}
.help .help-search .menubar {
	display: none;
}
.help .help-search .menubar.nostandalone {
	display: flex;
}
.help .searchcrumb {
	display: none;
}
.help.standalone .searchcrumb {
	display: revert;
}
.help.standalone .help-search .menubar {
	display: none;
}
.help.standalone.editable .help-search .menubar {
	display: flex;
	border-right: solid 1px var(--color-line-060);
}
.helpfile.hide {
	display: none;
}
.helpfile > div {
	width: fit-content;
	user-select: none;
}
.helpfile > div > file text {
	line-height: 16px;
}
.help .editor {
	display: none;
	position: absolute;
	inset: 0;
	overflow: hidden;
	flex-direction: column;
	height: 100%;
}
.help .editor.show {
	display: flex;
}
.help .editor > div:first-child {
	border-bottom: solid 1px var(--color-line-060);
}
.help .editor > div:last-child {
	flex: 1;
}
@media(min-width:1024px) {
	.help .editor {
		flex-direction: row-reverse;
	}
	.help .editor > div:first-child {
		border-bottom: none;
		border-left: solid 1px var(--color-line-060);
		width: 320px;
	}
	.help .editor > div .conftable {
		outline: solid 1px var(--color-line-060);
	}
}
.helpprev {
	pointer-events: none!important;
	z-index: 100000;
}
.helpprev:before {
	pointer-events: none!important;
}
.helpprev > img {
	max-width: calc(100% - 12px);
	max-height: calc(100% - 12px);
	transition: opacity ease 250ms;
	opacity: 0;
	border-radius: 6px;
	z-index: 1;
}
.helpprev.show > img {
	transition: opacity ease 200ms;
	opacity: 1;
}
/*
	Menubar
*/
.menubar {
	display: flex;
	background-color: var(--color-back-000);
	border-bottom: solid 1px var(--color-line-060);
}
.menubar.dark {
	background-color: var(--color-back-030);
}
.menubar > div {
	flex: 1;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	gap: 4px;
	min-height: 18px;
	padding: 2px 3px;
}
.menubar > div.winbutton {
	flex: 0;
	height: 18px;
	align-items: center;
	flex-wrap: nowrap;
}
.menubar > div.status {
	flex: 0;
	display: block;
	min-width: 2px;
	max-width: 2px;
	min-height: 18px;
	padding: 2px 3px;
}
.status.d {
	background-color: rgb(138 138 138);
}
.status.r {
	background-color: rgb(244 67 54);
}
.status.g {
	background-color: rgb(76 175 80);
}
.status.b {
	background-color: rgb(33 150 243);
}
.status.w {
	background-color: rgb(255 235 59);
}
.menubar item, .title {
	display: flex;
	align-items: center;
	gap: 4px;
	border-radius: 10px;
	padding: 1px 6px;
	overflow: hidden;
	position: relative;
	min-width: 6px;
	min-height: 16px;
}
.menubar item > *, .title > * {
	pointer-events: none;
}
.menubar item.hide {
	display: none;
}
.menubar item > text {
	flex: 1;
	white-space: nowrap;
}
.menubar item > text:empty {
	display: none;
}
.menubar item:hover:before, .menubar item:focus:before , .menubar item.open:before {
	content: '';
	pointer-events: none;
	background: var(--color-text-008);
	position: absolute;
	inset: 0;
}
.menubar item:focus:before {
	background: var(--color-text-008);
}
.menubar item:hover:focus:before, .menubar item.open:before {
	background: var(--color-text-012);
}
.menubar item.menu:after {
	content: '';
	width: 16px;
	height: 16px;
	background-image: var(--select-image);
	background-position: -8px -1px;
	background-repeat: no-repeat;
}
.menubar item.disabled {
	filter: grayscale(100%);
	opacity: .6;
}
.menubar item.sep {
	border-left: solid 1px var(--color-text-020);
	border-radius: 0;
	padding: 0;
	min-width: auto;
}
.menubar item.disabled:hover:before, .menubar item.disabled:focus:before,
.menubar item.sep:hover:before, .menubar item.sep:focus:before {
	background: none!important;
}
.menubar item > icon.hide {
	display: none;
}
.menuline {
	display: flex;
	align-items: center;
}
.menuline.menubar item.menu:after {
	display: none;
}
.menuline.menubar item > text {
	text-align: center;
}
.menubar.menulogo item:first-child, .title {
	color: var(--accent-text-dark);
	font-weight: bold;
	overflow: visible;
	padding-right: 8px;
}
.title {
	margin: 2px;
	padding-right: 10px;
}
.menuEND .title {
	padding-right: 8px;
}
.menubar.menulogo.noborder item:first-child {
	padding-right: 10px;
}
.menubar.menulogo item > *, .menubar.menulogo item:before, .title > *, .title:before {
	z-index: 1;
}
.menubar.menulogo item:first-child:before, .title:before {
	content: '';
	position: absolute;
	inset: -2px 0 -2px -3px;
	background: var(--accent-back-dark);
	pointer-events: none;
}
.menubar.menulogo item:first-child > text:before, .title > span:before {
	content: '';
	position: absolute;
	top: -2px;
	right: -12px;
	bottom: -2px;
	width: 12px;
	background: var(--accent-back-dark);
	pointer-events: none;
	z-index: -1;
}
.menubar.menulogo item:first-child:hover:before, .menubar.menulogo item:first-child:hover > text:before,
.menubar.menulogo item:first-child:focus:before, .menubar.menulogo item:first-child:focus > text:before,
.menubar.menulogo item.open:first-child:before, .menubar.menulogo item.open:first-child > text:before {
	background: var(--accent-back-hover);
}
.menubar.menulogo item:first-child:after, .title:after {
	content: '';
	display: block;
	position: absolute;
	top: -2px;
	bottom: -2px;
	right: -12px;
	width: 12px;
	height: auto;
	border-top-left-radius: 11px;
	border-bottom-left-radius: 11px;
	background: var(--color-back-000);
	pointer-events: none;
	z-index: 1;
}
.menubar.menulogo.dark item:first-child:after {
	background-color: var(--color-back-030);
}
.menubar.noborder {
	border-bottom: none;
}
.menubar.noborder.menulogo item:first-child:before, .title:before {
	border-bottom-right-radius: 11px;
}
.menubar.noborder.menulogo item:first-child:after, .title:after {
	border-bottom-left-radius: 0;
}
.menuEND .title:before {
	border-bottom-right-radius: 0;
}
.menuEND .title:after {
	border-bottom-left-radius: 11px;
}


/*
	Menu
*/
menu > div {
	display: flex;
	background-color: var(--color-back-060);
	padding: 3px 3px 0 3px;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	box-shadow: var(--shadow-04dp);
	border-radius: 6px;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 90000;
	transition: opacity ease 0ms;
	opacity: 0;
}
menu.show > div {
	opacity: 1;
}
menu {
	transition: opacity ease 150ms;
	opacity: 1;
}
menu.hide {
	opacity: 0;
	pointer-events: none;
}
menu > div > div {
	display: flex;
	flex-direction: column;
	border-right: solid 1px var(--color-text-020);
	padding-right: 3px;
	padding-left: 3px;
	width: 100%;
}
menu > div > div:after {
	content: '';
	display: block;
	min-height: 3px;
}
menu > div.nosep > div {
	padding-right: 1px;
	padding-left: 1px;
	border-right: none;
}
menu > div > div:last-child {
	border-right: none;
	padding-right: 0;
}
menu > div > div:first-child {
	padding-left: 0;
}
menu item {
	color: var(--color-text-100);
	position: relative;
	cursor: default;
	padding: 1px 5px;
	white-space: nowrap;
	border: solid 1px transparent;
	display: flex;
	align-items: center;
	gap: 4px;
}
menu item > * {
	pointer-events: none;
}
menu item.hover:before, menu item.menuopen:before {
	content: '';
	display: block;
	position: absolute;
	inset: -1px -4px;
	background-color: var(--color-text-012);
}
menu item.hover.menuopen:before {
	background-color: var(--color-text-020);
}
menu.sel item.hover, menu.sel item.menuopen, menu.auto item.hover, menu.auto item.menuopen {
	--color-text-004: rgb(0 0 0 / 4%);
	--color-text-008: rgb(0 0 0 / 8%);
	--color-text-012: rgb(0 0 0 / 12%);
	--color-text-020: rgb(0 0 0 / 20%);
	--color-text-040: rgb(0 0 0 / 40%);
	--color-text-060: rgb(0 0 0 / 65%);
	--color-text-100: rgb(0 0 0 / 100%);
	--select-image: url("data:image/svg+xml;utf8,<svg fill='rgb(0 0 0 / 60%)' height='12' viewBox='0 0 16 16' width='26' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
}
menu.sel item.hover:before, menu.sel item.menuopen:before, menu.auto item.hover:before, menu.auto item.menuopen:before {
	background-color: var(--accent-back-dark);
	z-index: -1;
}
menu.sel item.hover.menuopen:before, menu.auto item.hover.menuopen:before {
	background-color: var(--accent-back-hover);
}
menu item.disabled {
	filter: grayscale(100%);
	opacity: .6;
	background-color: transparent;
	border: solid 1px transparent;
}
menu item.caption > text {
	opacity: .6;
	font-weight: bold;
}
menu item.disabled.hover:before, menu item.caption.hover:before {
	display: none;
}
menu item > text {
	display: flex;
	flex-direction: column;
	flex: 1;
	font-weight: normal;
}
menu item > text > name {
	line-height: 16px;
}
menu item.bold > text > name {
	font-weight: bold;
}
menu item > text > desc {
	line-height: 16px;
	color: var(--color-text-060);
}
menu item > scut {
	color: var(--color-text-040);
	/*font-style: italic;*/
	padding-left: 15px;
	padding-right: 1px;
	font-weight: normal;
}
menu item.ext > scut {
	padding-right: 11px;
}
menu item.ext:after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	width: 16px;
	height: 16px;
	background: var(--select-image) no-repeat;
	background-position: -8px -2px;
	transform: rotate(270deg);
}
menu item.sep {
	pointer-events: none;
	border-radius: 0;
	border: none;
	border-top: solid 1px var(--color-text-020);
	margin: 3px 6px;
	display: block;
	padding: 0;
}
menu item.hide {
	display: none;
}
menu item.thumb {
	position: relative;
	width: 150px;
	height: 64px;
	min-width: 150px;
	min-height: 64px;
	padding: 0;
	overflow: hidden;
	border: none;
	margin: 2px 2px 4px 2px;
	border-radius: 4px;
}
menu item.thumb:last-child {
	margin-bottom: 2px;
}
menu item.thumb.sel:after {
	content: '';
	display: block;
	position: absolute;
	inset: 0;
	border-radius: inherit;
	border: solid 2px var(--accent-back-dark);
}
.bgimg, menu item.thumb {
	background: #303F9F center center / cover no-repeat;
}
body {
	transition: opacity 250ms ease;
	opacity: 1;
}
body.halfhide {
	transition: opacity 350ms ease;
	opacity: .4;
}





span.fullline > * {
	visibility: hidden;
}
span.fullline {
	position: relative;
}
span.fullline:after {
	content: '';
	position: absolute;
	border-bottom: solid 1px var(--color-line-060);
	left: 0;
	right: 0;
}
.deleted span.fullline:after {
	border-color: var(--color-error-back);
}
#selframe {
	background: var(--mark-back-focus);
	border: solid 1px var(--mark-line-focus);
	border-radius: 4px;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	pointer-events: none;
	display: none;
}
.exelm div.moveover, .exelmi div.moveover, .exelb div.moveover {
	border-top: solid 2px var(--color-line-060);
}
.exelm div.nomoveover, .exelb div.nomoveover {
	border-top: solid 2px var(--color-error-back);
}
.exelm span input, .exelmi span input, .exelb span input {
	background: transparent;
	border-top: none;
	border-right: none;
	border-left: none;
	padding: 0;
}
.exelm span select, .exelmi span select, .exelb span select {
	border-radius: 6px;
	padding: 1px 4px;
	line-height: 16px;
	height: 20px;
}
.buttons.left {
	display: flex;
	flex-direction: row!important;
	gap: 8px;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.buttons.right {
	display: flex;
	flex-direction: row!important;
	gap: 8px;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
}
.buttons.top {
	display: flex;
	flex-direction: row!important;
	align-items: flex-start;
	flex-wrap: wrap;
}
.buttons.bottom {
	display: flex;
	flex-direction: row!important;
	align-items: flex-end;
	flex-wrap: wrap;
}
.buttons.space {
	display: flex;
	gap: 8px;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.buttons.space.bottom {
	align-items: flex-end;
}
.buttons span {
	white-space: nowrap;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
}
input.button, .buttons button {
	display: inline-block;
	padding: 1px 8px;
	min-width: 100px;
	text-align: center;
	overflow: hidden;
	line-height: 16px;
	border-radius: 6px;
	color: var(--color-text-100);
}
.buttons button {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 120px;
	gap: 4px;
	height: 20px;
	white-space: nowrap;
	background: transparent;
}
button, input[type="button"] {
	color: var(--color-text-100);
}
button.error, button.error:hover {
	position: relative;
	background-color: var(--color-error-back)!important;
	color: var(--color-error-text);
}
button.error:hover:before {
	content: '';
	position: absolute;
	inset: 0;
	background-color: var(--color-error-text)!important;
	opacity: .12;
}
input.button:hover, .buttons button:hover {
	background: var(--color-text-004);
}
input.button.active, .buttons button.active {
	background: var(--color-text-012);
}
input.button.active:hover, .buttons button.active:hover {
	background: var(--color-text-020);
}
.buttons button:disabled {
	opacity: .5;
	background: transparent!important;
}
.buttons button.disabled:disabled {
	opacity: 1;
}
.buttons button.disabled font {
	opacity: .5;
}
.imageprev, .thumbprev > i {
	/*border: solid 1px var(--color-line-060);*/
	background-color: var(--color-back-100);
	background-image: var(--pattern-image);
	background-position: center;
}
.dz-default {
	height: 200px;
	line-height: 200px;
	text-align: center;
}
.editarea {
	font-family: monospace,"Lucida Console";
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
}
.nobr {
	white-space: nowrap;
}
.spectbl {
	empty-cells: show;
	border: none;
}
.spectbl td {
	border-right: solid 1px var(--color-line-060);
	border-bottom: solid 1px var(--color-line-060);
	height: 20px;
	padding: 2px 4px 2px 4px;
	white-space: nowrap;
}
.spectbl td span {
	display: block;
	width: 100px;
	height: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.setbox {
	border: solid 1px var(--color-line-060);
	margin: 8px 0 8px 8px;
	float: left;
	border-radius: 6px;
	overflow: hidden;
	min-width: 350px;
}
.setbox .tit {
	display: flex;
	align-items: center;
	gap: 4px;
	padding: 2px 6px;
	border-bottom: solid 1px var(--color-line-060);
	background: var(--color-back-000);
}
.setbox .bod {
	/*padding-bottom: 6px;*/
}
.setbox .bod td {
	/*padding: 6px 6px 0 6px;*/
}
.setuptitle, .configtitle {
	position: relative;
	color: rgb(255 255 255 / 90%);
	font-size: 16px;
	font-weight: bold;
	margin: 8px 8px 8px 14px;
}
.bigpadding .setuptitle, .bigpadding .configtitle {
	margin-left: 30px;
}
.VISUtitleInput {
	width: 100%;
	border: none;
	padding: 1px 6px;
	height: 22px;
}
.FUPnormal {
	border-left: solid 2px transparent;
}
.FUPselect {
	border-left: solid 2px var(--mark-line);
}
.FUPerror > div {
	min-height: 1px;
}
.FUPtit, .FUPfst {
	background: var(--color-text-008);
	border-bottom: solid 1px var(--color-line-060);
	height: 22px;
}
.FUPtit {
	border-top: solid 1px var(--color-line-060);
}
.FUPtit > div, .FUPfst > div {
	padding: 2px;
	white-space: nowrap;
}
.FUPtit > input.inter, .FUPfst > input.inter {
	width: 100%;
	padding: 0 4px;
	height: 20px;
	line-height: 20px;
}
.FUPprevbg .FUPtit icon, .FUPprevbg .FUPfst icon {
	filter: grayscale(100%);
	opacity: .6;
}
.FUPprevbg {
	color: var(--color-prev-text);
	background: var(--color-prev-back);
}
.FUPconline1, .FUPconline2 {
	display: none;
	overflow: hidden;
	position: absolute;
	z-index: 10;
	pointer-events: none;
	color: var(--accent-back-dark);
}
.FUPconline1 > div, .FUPconline2 > div {
	width: calc(50% + 1px);
	height: 50%;
	box-sizing: border-box;
	position: absolute;
}
.FUPconline1 > div:first-child {
	top: 0;
	left: 0;
	border-top: solid 2px currentColor;
	border-right: solid 2px currentColor;
	border-top-right-radius: 6px;
}
.FUPconline1 > div:last-child {
	bottom: 0;
	right: 0;
	border-bottom: solid 2px currentColor;
	border-left: solid 2px currentColor;
	border-bottom-left-radius: 6px;
}
.FUPconline2 > div:first-child {
	bottom: 0;
	left: 0;
	border-bottom: solid 2px currentColor;
	border-right: solid 2px currentColor;
	border-bottom-right-radius: 6px;
}
.FUPconline2 > div:last-child {
	top: 0;
	right: 0;
	border-top: solid 2px currentColor;
	border-left: solid 2px currentColor;
	border-top-left-radius: 6px;
}
.vertical-flex {
	display: flex;
	flex-direction: column;
}
.vertical-flex.full {
	height: 100%
}
.vertical-flex > .full {
	flex: 1;
}
.vertical-flex > textarea {
	border: none;
}
.assist {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.assist.bigpadding {
	padding-bottom: 16px;
}
.assist .item.hover:hover {
	border-radius: 6px;
	background: var(--color-text-004);
	outline: solid 1px var(--color-text-012);
}
.assist .item.disabled {
	filter: grayscale(100%);
	opacity: .6;
}
.assist .item.disabled.hover:hover {
	background: unset;
	outline: unset;
}
.assist .body {
	flex: 1;
	display: flex;
	flex-wrap: wrap;
}
.assist .body.center {
	justify-content: center;
}
.assist .body.middle {
	align-items: center;
}
.assist .head, .assist .item {
	display: flex;
	padding: 8px;
	margin: 6px;
	gap: 16px;
}
.assist.bigpadding .item {
	padding: 8px 24px;
}
.assist .item {
	margin-bottom: 0;
}
.assist .item.gap {
	padding-top: 24px;
}
.assist .item:last-child {
	margin-bottom: 6px;
}
.assist .foot {
	border-top: solid 1px var(--color-line-060);
}
.assist .head > div, .assist .item > div {
	display: flex;
	flex-direction: column;
	line-height: 16px;
	width: 100%;
}
.assist .body.textarea {
	background-color: var(--color-back-100);
	border-top: solid 1px var(--color-line-060);
}
.assist .body.textarea textarea {
	border: none;
	padding: 2px 14px;
	width: 100%;
	height: 100%;
}
.assist .body:first-child {
	border-top: none!important;
}
.assist .padding {
	padding: 8px;
	gap: 8px;
}
.assist .margin {
	margin: 8px;
}
.assist .min {
	flex: 1;
}
.assist .changelog {
	padding: 8px;
	margin: 0 14px 64px 14px;
	background-color: var(--color-back-100);
	border: solid 1px var(--color-line-060);
	border-radius: 6px;
}
.VISUcont {
	border: solid 1px rgb(255 255 255 / 12%);
	border-radius: 6px;
}
.VISUbox {
	position: absolute;
	color: #c3c3c3;
	border: solid 1px #808080;
	background-color: #505050;
	border-radius: 6px;
}
.VISUbox > span {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
}
.VISUbox.sel:after {
	content: '';
	display: block;
	position: absolute;
	inset: 0;
	/*border: solid 1px var(--mark-line);*/
	background-color: var(--mark-back);
}
.VISUbox .resize {
	position: absolute;
	inset: -3px;
	pointer-events: none;
}
.VISUbox.sel .resize {
	/*border: solid 1px var(--mark-line);*/
	margin: 1px;
	z-index: 1;
}
.VISUbox .resize > div {
	visibility: hidden;
	position: absolute;
	width: 6px;
	height: 6px;
	z-index: 1;
	pointer-events: auto;
}
.VISUbox.sel .resize > div {
	visibility: visible;
	background-color: var(--mark-line);
	border-radius: 2px;
}
.VISUbox .resize > div.lt {
	top: -4px;
	left: -4px;
	cursor: nwse-resize;
}
.VISUbox .resize > div.t {
	top: -4px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	cursor: ns-resize;
}
.VISUbox .resize > div.rt {
	top: -4px;
	right: -4px;
	cursor: nesw-resize;
}
.VISUbox .resize > div.l {
	left: -4px;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
	cursor: ew-resize;
}
.VISUbox .resize > div.r {
	right: -4px;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
	cursor: ew-resize;
}
.VISUbox .resize > div.lb {
	bottom: -4px;
	left: -4px;
	cursor: nesw-resize;
}
.VISUbox .resize > div.b {
	bottom: -4px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	cursor: ns-resize;
}
.VISUbox .resize > div.rb {
	bottom: -4px;
	right: -4px;
	cursor: nwse-resize;
}
.progressgroup {
	width: calc(100% - 32px);
	display: flex;
	flex-direction: column;
	margin-bottom: 32px;
}
.assist .progressgroup {
	width: calc(100% - 108px);
	margin-top: 32px;
	margin-bottom: 68px;
}
.progresstit {
	min-height: calc(var(--font-size) + 2px);
	padding: 8px 8px 4px 8px;
}
.progressgroup .progressbar {
	margin-bottom: 32px;
}
.progressbar {
	background: var(--color-back-100);
	width: 100%;
	height: 12px;
	border: solid 1px var(--color-line-060);
	min-width: 60px;
	overflow: hidden;
	border-radius: 6px;
	position: relative;
	box-sizing: border-box;
}
.progressbar:before {
	content: '';
	position: absolute;
	inset: 0;
	background-color: var(--accent-back-dark);
	opacity: .12;
}
.dark .progressbar:before {
	opacity: 0;
}
.progressbar > div {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background-color: var(--accent-back-dark);
	width: 0;
}
.progressbar.small {
	height: 4px;
}
.progressbar.full {
	border-radius: 0;
	border: none;
}
.bgprogress {
	position: absolute;
	top: 0;
	left: 0;
	right:0;
	pointer-events: none;
}
.bgprogress > div {
	background-color: rgb(255 255 255 / 75%);
	height: 4px;
	width: 0;
	transition: opacity 350ms ease-out;
	opacity: 0;
}
.bgprogress.show > div {
	transition: opacity 350ms ease-in;
	opacity: 1;
}
.energy_icon {
	width: 40px;
	height: 40px;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
}
.energy_icon.empty {
	border-radius: 20px;
	border: solid 1px rgb(255 255 255 / 20%);
}
.energy_icon.empty.hover {
	border: solid 1px rgb(255 255 255 / 60%);
}
.groundplan_icon {
	position: absolute;
	width: 40px;
	height: 40px;
	background-color: #404040;
	border-radius: 20px;
}
.groundplan_icon.same {
	background-color: var(--mark-back);
}
.groundplan_icon > svg {
	pointer-events: none;
}
.groundplan_icon.none {
	background-color: #B00020;
}
.groundplan_icon.sel:after {
	content: '';
	position: absolute;
	inset: 0;
	background-color: var(--mark-back);
	outline: solid 1px var(--mark-line);
	border-radius: 20px;
	pointer-events: none;
}
/*
	ID-Scanner
*/
.scantable {
	width: 100%;
	height: 121px;
	overflow: auto;
	margin-bottom: -1px;
	position: unset;
	background-color: var(--color-back-100);
	border-top: solid 1px var(--color-line-060);
}
.scantable table {
	width: 100%;
}
.scantable table td {
	max-height: 20px;
	height: 20px;
	border-bottom: solid 1px var(--color-back-030);
}
/*
	Data Table Plugin
*/
.datatable {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	overflow-y: scroll;
	overflow-x: auto;
	background-color: var(--color-back-100);
}
.datatable.autoheight > .auto {
	display: block;
	position: absolute;
	width: 1px;
	max-height: none;
	width: 100%;
	background-image: var(--monitor-bg);
	background-position-y: 1px;
	outline: solid 1px var(--color-text-020);
}
.datatable > .body {
	display: table;
	position: absolute;
	width: 100%;
	margin-top: 23px;
	border-style: hidden;
	background-image: var(--monitor-bg);
	background-position-y: 22px;
	outline: solid 1px var(--color-text-020);
}
.datatable.autoheight > .body, .datatable > .body:empty {
	outline: none;
	background-image: none;
}
.datatable > .body > div {
	max-height: 20px;
	display: table-row;
}
.datatable.autoheight > .body > div > span {
	background: transparent;
}
.datatable > .body > div.sel > span {
	background: var(--mark-back);
}
.datatable > .body > div.label {
	display: table-row-group;
	overflow: hidden;
	padding: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 20px;
	max-width: 1000px;
	max-height: 22px;
	line-height: 22px;
	border-right: solid 1px var(--color-text-020);
	vertical-align: middle;
}
.datatable > .body > div.label > font {
	margin: 0 4px 0 4px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.datatable > .body > div.MC-blue > span {
	background-color: rgb(33 150 243 / 20%);
}
.datatable > .body > div.MC-red > span {
	background-color: rgb(244 67 54 / 20%);
}
.datatable > .body > div.MC-orange > span {
	background-color: rgb(255 152 0 / 20%);
}
.datatable > .body > div.MC-green > span {
	background-color: rgb(76 175 80 / 20%);
}
.datatable > .body > div.MC-yellow > span {
	background-color: rgb(255 235 59 / 20%);
}
.datatable > .body > div.MC-gray > span {
	background-color: var(--color-text-012);
}
.datatable > .body > div:hover, .scantable table tr:hover {
	background: var(--color-back-100);
}
.datatable > .body > div:hover, .scantable table tr:hover {
	position: relative;
}
.datatable > .body > div:hover:after, .scantable table tr:hover:after {
	content: '';
	display: block;
	position: absolute;
	inset: 0;
	background-color: var(--color-text-008);
	pointer-events: none;
}
.datatable > .body > div:focus-within {
	background-color: var(--mark-back);
}
.datatable > .body > div > span {
	overflow: hidden;
	padding: 1px 4px 1px 4px;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: table-cell;
	height: 20px;
	max-width: 1000px;
	max-height: 20px;
	line-height: 20px;
	border-right: solid 1px var(--color-text-020);
	vertical-align: middle;
}
.datatable > .body > div > span:last-child {
	border-right: none;
	padding-right: 5px;
}
.datatable > .titl {
	display: table;
	position: fixed;
	background: var(--color-back-000);
	border-collapse: separate;
	border-bottom: solid 1px var(--color-line-060);
	width: 100%;
}
.datatable > .titl > div {
	display: table-row;
}
.datatable > .titl > div > span {
	overflow: hidden;
	padding: 0 4px 0 4px;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: table-cell;
	height: 22px;
	line-height: 22px;
	border-right: solid 1px var(--color-text-020);
	max-width: var(--width);
	min-width: var(--width);
}
.datatable > .titl > div > span:last-child {
	border-right: none;
	padding-right: 5px;
}
.datatable > .titl > div > span.sort {
	position: relative;
	max-width: calc(var(--width) - 10px);
	min-width: calc(var(--width) - 10px);
	padding-right: 14px;
}
.datatable > .titl > div > span:last-child.sort {
	padding-right: 15px;
}
.datatable > .titl > div > span.sort:after {
	content: '';
	display: block;
	position: absolute;
	top: 4px;
	right: 2px;
	width: 16px;
	height: 16px;
	background: var(--select-image) no-repeat;
	background-position: -8px -2px;
}
.datatable > .titl > div > span.sort.desc:after {
	background-position: -8px 0;
	transform: rotate(180deg);
}
.datatable icon {
	pointer-events: none;
}
i.color {
	display: inline-block;
	width: 12px;
	height: 12px;
	vertical-align: sub;
	margin-right: 2px;
	border: solid 1px var(--color-text-020);
	border-radius: 3px;
	position: relative;
	overflow: hidden;
}
i.color > u {
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3px;
	background: #ffffff;
}
.ipscanbody {
	color: var(--color-text-100);
}
.ipscanbody .el {
	padding-bottom: 12px;
	border-bottom: solid 1px var(--color-back-030);
}
.ipscanbody .ip {
	display: flex;
	align-items: center;
	gap: 4px;
	white-space: nowrap;
	background: var(--color-text-008);
	padding: 2px 4px;
}
.ipscanbody .ip font {
	flex-grow: 1;
}
.ipscanbody .ip font:last-child {
	flex-grow: 0;
	color: var(--color-text-060);
}
.ipscanbody .el:hover {
	background: var(--color-text-004);
}
.ipscanbody .mac {
	display: block;
	padding: 4px 0 4px 24px;
	white-space: nowrap;
}
.ipscanbody .service {
	display: flex;
	padding: 4px 0 0 24px;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
	gap: 12px;
}
.ipscanbody .service span {
	display: flex;
	padding-bottom: 2px;
	padding-right: 2px;
	width: 150px;
	white-space: nowrap;
	flex-direction: row;
	align-items: center;
	gap: 4px;
}
.flex {
	display: flex;
	align-items: center;
	gap: 4px;
}
.flex.padding {
	padding: 8px;
	gap: 8px;
}
.flex.gap {
	gap: 8px;
}
.flex > .full {
	flex: 1;
}
.flex.nogap {
	gap: 0;
}
.flex.top {
	align-items: flex-start;
}
.flex.bottom {
	align-items: flex-end;
}
.flex.expand > :last-child {
	padding-left: 8px;
}
.flex.expand > .input:last-child {
	padding-left: 4px;
}
.flex.expand {
	justify-content: space-between;
}
.flex.center {
	justify-content: center;
}
.flex.right {
	justify-content: right;
}
.flex input[type="checkbox"], .flex input[type="radio"] {
	margin-top: 0;
	margin-bottom: 0;
}
.flex.top > icon {
	margin-top: 1px;
}
.expline {
	position: relative;
	display: inline-block;
	width: 16px;
	height: 22px;
}
.expline:after, .expline:before {
	content: '';
	display: block;
	position: absolute;
}
.expline.i:after, .expline.t:after {
	border-left: solid 1px var(--color-line-060);
	height: 22px;
	left: 7px;
}
.expline.k:after {
	height: 10px;
}
.expline.l:before, .expline.t:before {
	border-bottom-left-radius: 4px;
	border-left: solid 1px var(--color-line-060);
	border-bottom: solid 1px var(--color-line-060);
	height: 11px;
	width: 7px;
	left: 7px;
}
.passbar {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	border: solid 1px var(--color-line-060);
	background: var(--color-back-100);
	height: 7px;
	padding: 0 1px;
	opacity: .75;
	border-radius: 6px;
}
.passbar > div, .passbar > bar {
	display: block;
	background: var(--color-text-020);
	height: 3px;
	flex: 1;
	margin: 1px;
	opacity: 1;
	border-radius: 6px;
	min-width: 3px;
}
.passbar > div.ok, .passbar > bar.ok {
	background: var(--color-green-back);
}
.passbar > div.err, .passbar > bar.err {
	background: var(--color-error-back);
}
.passerr > div {
	padding: 4px 4px 12px 4px;
	min-height: calc(var(--font-size) + 8px);
}
.helpcontent a, #helppath a {
	cursor: pointer;
	overflow-wrap: anywhere;
	/*line-break: anywhere;*/
}
.editcontent {
	padding: 0 8px;
	cursor: text;
	width: auto;
	overflow-y: scroll;
	user-select: auto;
}
.helpcontent {
	hyphens: auto;
}
.helpcontent.scroll {
	position: absolute;
	inset: 0;
	overflow-x: hidden;
	overflow-y: scroll;
}
.helpcontent.padding {
	padding: 4px 8px 16px 8px;
}
.helpcontent blockquote, .editcontent blockquote {
	margin: 1em 0 1em .75em;
	padding: 0;
	border-left: solid 2px var(--color-text-020);
	padding-left: 6px;
}
.helpcontent, .helpcontent a, .helpcontent li, .helpcontent p, .helpcontent pre, .helpcontent div, .helpcontent span, .helpcontent font, .helpcontent td, .helpcontent th,
.editcontent, .editcontent a, .editcontent li, .editcontent p, .editcontent pre, .editcontent div, .editcontent span, .editcontent font, .editcontent td, .editcontent th {
	font-size: 13px;
	line-height: 1.6em;
}
.helpcontent, .helpcontent li, .helpcontent p, .helpcontent div, .helpcontent span, .helpcontent font, .helpcontent td, .helpcontent th,
.editcontent, .editcontent li, .editcontent p, .editcontent div, .editcontent span, .editcontent font, .editcontent td, .editcontent th {
	color: var(--color-text-060);
}
.helpcontent p, .editcontent p {
	margin: 1em 0 1em 0;
}
.helpcontent.justify p, .editcontent p {
	text-align: justify;
}
.helpcontent h1, .helpcontent h2, .helpcontent h3, .helpcontent h4, .helpcontent h5, .helpcontent h6 {
	hyphens: manual;
}
.helpcontent h1, .helpcontent h2, .helpcontent h3, .helpcontent h4, .helpcontent h6,
.editcontent h1, .editcontent h2, .editcontent h3, .editcontent h4, .editcontent h6 {
	font-weight: normal;
	margin-top: 1.5em;
	margin-bottom: .5em;
}
.helpcontent h1:first-child {
	margin-top: .7em;
}
.helpcontent h1, .editcontent h1 {
	font-size: 150%;
}
.helpcontent h2, .editcontent h2 {
	font-size: 130%;
}
.helpcontent h3, .editcontent h3 {
	font-size: 120%;
}
.helpcontent h4, .editcontent h4 {
	font-size: 115%;
	letter-spacing: 1px;
}
.helpcontent h5, .editcontent h5 {
	font-weight: bold;
	margin-top: 1.5em;
	margin-bottom: .5em;
	font-size: 100%;
	letter-spacing: 1px;
}
.helpcontent h6, .editontent h6 {
	font-size: 100%;
	letter-spacing: 1px;
}
p, blockquote, ul, ol, .helpcontent ul, .helpcontent ol, .editcontent ul, .editcontent ol {
	margin-top: 0;
	margin-bottom: 0;
}
.helpcontent code, .editcontent code {
	display: block;
	padding: 2px 6px;
	background: var(--color-text-008);
	color: var(--color-text-060);
	border: solid 1px var(--color-text-020);
	white-space: pre-line;
	hyphens: manual;
	border-radius: 6px;
}
.helpcontent img, .editcontent img {
	height: auto;
	max-width: 100%;
	border-radius: 6px;
}
.helpcontent icon.inline, .helpcontent img.ico, .editcontent img[width="16"][height="16"] {
	margin-right: 2px;
	margin-bottom: 2px;
	vertical-align: middle;
	border-radius: 0;
}
.helpcontent table, .helpcontent table td, .helpcontent table th,
.editcontent table, .editcontent table td, .editcontent table th {
	border-color: var(--color-line-060);
	border-style: solid;
}
.helpcontent table[border="1"], .helpcontent table[border="1"] td,.helpcontent table[border="1"] th,
.editcontent table[border="1"], .editcontent table[border="1"] td,.editcontent table[border="1"] th {
	border: none;
	border-collapse: separate;
}
.helpcontent table[border="1"] tr > th,
.editcontent table[border="1"] tr > th {
	/*border-bottom: solid 1px var(--color-text-020);*/
}
.helpcontent table[border="1"] tr:last-child > th:first-child, .helpcontent table[border="1"] tr:last-child > td:first-child,
.editcontent table[border="1"] tr:last-child > th:first-child, .editcontent table[border="1"] tr:last-child > td:first-child {
	border-bottom-left-radius: 6px;
}
.helpcontent table[border="1"] tr:last-child > th:last-child, .helpcontent table[border="1"] tr:last-child > td:last-child,
.editcontent table[border="1"] tr:last-child > th:last-child, .editcontent table[border="1"] tr:last-child > td:last-child {
	border-bottom-right-radius: 6px;
}
.helpcontent table[border="1"] tr:last-child > th:last-child, .helpcontent table[border="1"] tr:last-child > td:last-child,
.editcontent table[border="1"] tr:last-child > th:last-child, .editcontent table[border="1"] tr:last-child > td:last-child {
	border-bottom-right-radius: 6px;
}
.helpcontent table[border="1"] tr:first-child > th:first-child, .helpcontent table[border="1"] tr:first-child > td:first-child,
.editcontent table[border="1"] tr:first-child > th:first-child, .editcontent table[border="1"] tr:first-child > td:first-child {
	border-top-left-radius: 6px;
}
.helpcontent table[border="1"] tr:first-child > th:last-child, .helpcontent table[border="1"] tr:first-child > td:last-child,
.editcontent table[border="1"] tr:first-child > th:last-child, .editcontent table[border="1"] tr:first-child > td:last-child {
    border-top-right-radius: 6px;
}
.helpcontent table[border="1"] tr > th, .helpcontent table[border="1"] tr > td,
.editcontent table[border="1"] tr > th, .editcontent table[border="1"] tr > td {
	border-left: solid 1px var(--color-text-020);
}
.helpcontent table[border="1"] tr > th:last-child, .helpcontent table[border="1"] tr > td:last-child,
.editcontent table[border="1"] tr > th:last-child, .editcontent table[border="1"] tr > td:last-child {
	border-right: solid 1px var(--color-text-020);
}
.helpcontent table[border="1"] tr:first-child > th, .helpcontent table[border="1"] tr:first-child > td,
.editcontent table[border="1"] tr:first-child > th, .editcontent table[border="1"] tr:first-child > td {
	border-top: solid 1px var(--color-text-020);
}
.helpcontent table[border="1"] tr:last-child > th, .helpcontent table[border="1"] tr:last-child > td,
.editcontent table[border="1"] tr:last-child > th, .editcontent table[border="1"] tr:last-child > td {
	border-bottom: solid 1px var(--color-text-020);
}
.helpcontent table[border="1"] th, .editcontent table[border="1"] th {
	background: var(--color-text-008);
}
.helpcontent table[border="1"] tr:nth-child(even) > th, .editcontent table[border="1"] tr:nth-child(even) > th {
	background: var(--color-text-004);
}
.helpcontent table[border="1"] tr:nth-child(odd) > td, .editcontent table[border="1"] tr:nth-child(odd) > td {
	position: relative;
}
.helpcontent table[border="1"] tr:nth-child(odd) > td:before, .editcontent table[border="1"] tr:nth-child(odd) > td:before {
	content: '';
	display: block;
	position: absolute;
	inset: 0;
	background: var(--color-text-004);
	pointer-events: none;
}
.helpcontent table[border="1"].no-overlay tr:nth-child(odd) > td:before, .editcontent table[border="1"].no-overlay tr:nth-child(odd) > td:before {
	display: none;
}
.helpcontent table td, .helpcontent table th, .editcontent table td, .editcontent table th,
.editcontent table td, .editcontent table th, .editcontent table td, .editcontent table th {
	padding: 2px 6px;
	vertical-align: top;
}
.helpcontent table[border="0"], .helpcontent table[border="0"] td, .helpcontent table[border="0"] th,
.editcontent table[border="0"], .editcontent table[border="0"] td, .editcontent table[border="0"] th {
	border-style: hidden;
}
.editcontent td p, .editcontent th p, .helpcontent td p, .helpcontent th p {
	margin: 0;
}
#helppath a {
	white-space: nowrap;
}
.highlight {
	background: yellow;
}
.helpcontent .sch {
	position: relative;
	font-size: 13px;
	border-bottom: solid 1px var(--color-text-020);
}
.helpcontent .sch:last-child {
	border-bottom: none;
}
.helpcontent .sch * {
	text-align: initial;
}
.helpcontent .sch a {
	color: var(--color-text-060);
	text-decoration: none;
	display: block;
	margin-bottom: 1em;
	padding: 4px 8px;
	position: relative;
	left: -8px;
	width: 100%;
}
.helpcontent .sch a:hover, .helpcontent .sch a:focus {
	background: var(--color-text-004);
	outline: none;
}
.helpcontent .sch a > * {
	pointer-events: none;
}
.helpcontent .sch i {
	font-size: 11px;
	font-style: normal;
	hyphens: manual;
	color: var(--color-text-040);
}
.helpcontent .sch b {
	color: var(--accent-back);
	text-decoration: underline;
	font-size: 13px;
}
.helpcontent .sch span {
	display: block;
	padding-bottom: 6px;
}
arr {
	position: relative;
	display: inline-flex;
	width: 8px;
	color: transparent;
	align-items: center;
}
arr:after {
	content: '';
	position: absolute;
	left: 3px;
	display: block;
	max-width: 11px;
	max-height: 12px;
	min-width: 11px;
	min-height: 12px;
	background-image: var(--select-image);
	background-position: -10px -7px;
	background-repeat: no-repeat;
	transform: rotate(270deg);
	opacity: .6;
}
.actrulebody {
	padding: 8px 8px 0 8px;
}
.actrule {
	position: relative;
	width: 100%;
	height: 45px;
	border: solid 1px var(--color-line-060);
	background-color: var(--color-text-008);
	margin-bottom: 8px;
	border-radius: 6px;
	overflow: hidden;
}
.actrule:last-child {
	opacity: .5;
}
.actrule .emb {
	position: absolute;
	width: 45px;
	height: 45px;
	border-right: solid 1px var(--color-text-020);
	line-height: 45px;
	text-align: center;
	font-size: 18px;
}
.actrule .ln1, .actrule .ln2 {
	position: absolute;
	left: 46px;
	right: 0;
	height: 18px;
	padding: 2px;
}
.actrule .ln1, .actrule .lt1 {
	border-bottom: solid 1px var(--color-text-020);
}
.actrule .lt1, .actrule .lt2 {
	position: absolute;
	left: 46px;
	right: 0;
	height: 22px;
	padding: 0;
}
.actrule .ln2, .actrule .lt2 {
	top: 23px;
}
.actrule .fileinput {
	background: transparent;
	border: none;
}
.actrule .fileinput span.sel {
	border-radius: 6px;
}
#loginlost {
	float: left;
	display: inline-block;
	padding: 2px 3px 2px 2px;
	text-align: center;
	line-height: 17px;
	font-style: italic;
}
#logintext, #lostlogintext {
	hyphens: auto;
	text-align: justify;
	line-height: calc(var(--font-size) + 6px);
}
.actrule .midtxt {
	text-align: center;
	line-height: 18px;
}
.logo {
	filter: drop-shadow(2px 2px 2px rgb(0 0 0 / 60%));
}
.botlogo {
	position: absolute;
	bottom: 8px;
	right: 8px;
}
.prodbrand {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 14px;
	padding: 0 11px 0 8px;
	color: rgb(255 255 255);
	text-align: right;
	display: block;
}
.titleitem {
	font-weight: bold;
	line-height: 22px;
	height: 22px;
}
/*
	Visu Icons
*/
.iconlist > content {
	display: block;
	pointer-events: none;
}
.iconlist .cate {
	font-weight: bold;
	border-bottom: solid 1px var(--color-text-020);
	margin: 6px;
	line-height: 18px;
	white-space: nowrap;
}
.iconlist > .icon {
	display: inline-flex;
	width: 150px;
	height: 78px;
	margin: 6px 4px;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: nowrap;
	gap: 4px;
	position: relative;
	border-radius: 6px;
	overflow: hidden;
}
.iconlist > .icon.sel {
	outline: solid 1px var(--mark-line);
	background: var(--mark-back);
}
.iconlist > .icon:hover:after {
	content: '';
	display: block;
	position: absolute;
	inset: 0;
	background: var(--color-text-004);
	pointer-events: none;
}
.iconlist > .icon > * {
	pointer-events: none;
}
.iconlist > .icon > ico48 {
	display: block;
	width: 48px;
	height: 48px;
	margin-top: 4px;
	opacity: .65;
	filter: var(--icon-filter);
	background-size: 1244px auto;
	background-image: var(--bgimg1);
	background-repeat: no-repeat;
	background-position: 0 48px;
}
.iconlist > .icon ico48:first-child {
	transition: opacity .25s ease-out;
}
.iconlist > .icon:hover ico48:first-child {
	opacity: 0;
	transition: opacity .25s ease-in;
}
.iconlist > .icon ico48:nth-child(2) {
	position: absolute;
	top: 0;
	opacity: 0;
	transition: opacity .25s ease-in;
	background-image: var(--bgimg2);
}
.iconlist > .icon:hover ico48:nth-child(2) {
	opacity: .65;
	transition: opacity .25s ease-out;
}
.iconlist > .icon > div {
	width: 142px;
	height: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
	padding: 4px;
}
img.icon24 {
	width: 24px;
	height: 24px;
	margin: 2px;
}
img.icon24.inv {
	opacity: .65;
	filter: var(--icon-filter);
}
.injectsvg.logo {
	filter: drop-shadow(2px 2px 2px rgb(0 0 0 / 40%));
}
.injectsvg {
	position: relative;
	display: flex!important;
	align-items: center;
	justify-content: center;
}
.injectsvg > svg {
	position: absolute;
	width: 100%;
	height: 100%;
}
.injectsvg .fill-gray {
	fill: rgb(119, 119, 118);
}
.dark .injectsvg .fill-gray {
	fill: rgb(178 179 180);
}
.injectsvg .fill-white {
	fill: rgb(255 255 255);
}
.dark .injectsvg .fill-white {
	fill: rgb(0 0 0);
}
.injectsvg .fill-black {
	fill: rgb(0 0 0);
}
.dark .injectsvg .fill-black {
	fill: rgb(255 255 255);
}
.injectsvg .fill-orange {
	fill: #FFA000;
}
.injectsvg .stroke-gray {
	stroke: rgb(119, 119, 118);
}
.dark .injectsvg .stroke-gray {
	stroke: rgb(178 179 180);
}
.injectsvg .stroke-white {
	stroke: rgb(255 255 255);
}
.dark .injectsvg .stroke-white {
	stroke: rgb(0 0 0);
}
.injectsvg .stroke-black {
	stroke: rgb(0 0 0);
}
.dark .injectsvg .stroke-black {
	stroke: rgb(255 255 255);
}
.injectsvg .stroke-orange {
	stroke: #FFA000;
}
.dark .injectsvg .invert {
	filter: invert(.8);
}
.dark .injectsvg .brightness {
	filter: brightness(1.5);
}
.dark .injectsvg .invert.brightness {
	filter: invert(.8) brightness(1.5);
}
#moverbox, #moverbox span {
	white-space: nowrap;
	font-size: 12px;
	color: var(--color-text-060);
	background: none!important;
	text-shadow: 1px 1px 2px var(--color-back-100);
}
#moverbox span {
	display: flex;
	gap: 4px;
	align-items: center;
}
#moverbox .for, #moverbox .nomoveshow, #moverbox .miniprev {
	display: none;
}
iframe.abs {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}
.splash {
	transition: opacity ease 250ms;
	opacity: 0;
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	padding: 6px;
}
.splash:before {
	content: '';
	position: absolute;
	inset: 0;
	opacity: 0;
	backdrop-filter: brightness(0.66) grayscale(.66);
	/*backdrop-filter: grayscale(.33);
	background-color: rgb(0 0 0 / 35%);*/
	transition: opacity ease 350ms;
}
.splash.showgray:before {
	opacity: 1;
}
.splash.show {
	transition: opacity ease 350ms;
	opacity: 1;
	pointer-events: auto;
}
.splashlogo {
	position: relative;
	overflow: hidden;
	width: 600px;
	height: 330px;
	border-radius: 8px;
	box-shadow: var(--shadow-16dp);
	color: rgb(0 0 0 / 90%);
	pointer-events: none;
	z-index: 1;
}
.splashlogo .brand {
	position: absolute;
	top: 10px;
	left: 23px;
}
.splashlogo .logo {
	position: absolute;
	right: 16px;
	bottom: 16px;
}
@media(max-width:600px) {
	.splashlogo .logo {
		position: absolute;
		right: 16px;
		bottom: 64px;
		left: 62px;
		right: revert;
		text-align: center;
	}
}
.splashlogo .type {
	position: absolute;
	top: 53px;
	left: 23px;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: rgb(255 255 255);
}
.splashlogo icon {
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: 32px;
	height: 32px;
	border: 0;
}
.splashlogo .info {
	position: absolute;
	bottom: 20px;
	left: 68px;
	height: 32px;
	display: flex;
	align-items: center;
	color: rgb(255 255 255 / 80%);
}
.splashlogo .progress {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 5px;
	width: 100%;
	background: rgb(255 255 255 / 75%);
}
.splashlogo {
	transition: opacity ease 250ms, transform ease-out 250ms;
	transform: scale(.8);
	opacity: 0;
}
.splash.show .splashlogo.show {
	transition: opacity ease 350ms, transform ease-out 250ms;
	transform: scale(1);
}
.splashlogo.show {
	transition: opacity ease 250ms, transform ease-in 250ms;
	transform: scale(1.4);
	opacity: 1;
}
body.animate .logindialog {
	transition: opacity ease 250ms, transform ease-out 250ms;
	opacity: 0;
	transform: scale(.8);
}
body.animate.enter .logindialog {
	transition: opacity ease 350ms, transform ease-out 250ms;
	opacity: 1;
	transform: scale(1);
}
body.animate.leave .logindialog {
	transition: opacity ease 250ms, transform ease-out 250ms;
	opacity: 0;
	transform: scale(1.4);
}
body.animate .botdesk {
	transition: opacity ease 250ms;
	opacity: 0;
}
body.animate.enter .botdesk {
	transition: opacity ease 350ms;
	opacity: 1;
}
body.animate.leave .botdesk, body.logoutleave > * {
	transition: opacity ease 250ms;
	opacity: 0;
}
.designbox {
	width: 580px;
	height: 324px;
	background: #1d1d1d;
	font-size: 14px;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
	color: #E0E0E0;
	pointer-events: none;
}
.designbox * {
	font-family: Roboto;
	font-size: 14px;
	box-sizing: border-box;
}
.designbox .bar { /* 4dp */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 56px;
	background: #272727;
	box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 20%);
}
.designbox #usertab .ico {
	position: absolute;
	background-color: transparent;
	border: none;
	width: 48px;
	height: 48px;
	border-radius: 24px;
	margin-top: 4px;
	margin-left: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ffffff;
}
.designbox .ico > span {
	display: inline-block;
	width: var(--icon-size,24px);
	height: var(--icon-size,24px);
	background-color: currentColor;
	-webkit-mask: var(--icon-url) no-repeat center;
	mask: var(--icon-url) no-repeat center;
	-webkit-mask-size: cover;
	mask-size: cover;
	vertical-align: sub;
}
.designbox #usertab .ico > span {
	-webkit-mask: url(../res/symicon.php?i=material%2Farrow_back_ios_new&x=24) no-repeat center;
	mask: url(../res/symicon.php?i=material%2Farrow_back_ios_new&x=24) no-repeat center;
}
.designbox.round #usertab .ico > span {
	-webkit-mask: url(../res/symicon.php?i=material%2Farrow_back_ios_new&x=24&t=round_) no-repeat center;
	mask: url(../res/symicon.php?i=material%2Farrow_back_ios_new&x=24&t=round_) no-repeat center;
}
.designbox.sharp #usertab .ico > span {
	-webkit-mask: url(../res/symicon.php?i=material%2Farrow_back_ios_new&x=24&t=sharp_) no-repeat center;
	mask: url(../res/symicon.php?i=material%2Farrow_back_ios_new&x=24&t=sharp_) no-repeat center;
}
.designbox .tit {
	position: absolute;
	left: 56px;
	width: 266px;
	height: 56px;
	line-height: 56px;
	float: none;
	display: inline-block;
	color: #ffffff;
	box-sizing: border-box;
	border: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 16px;
	font-size: 20px;
	background: transparent;
}
.designbox .nav {
	display: block;
	margin-top: 0;
	margin-bottom: 0;
	margin: 0;
	padding-left: 0;
	list-style: none;
	position: absolute;
	top: 0;
	left: 333px;
	white-space: nowrap;
	overflow: hidden;
}
.designbox .nav > li {
	position: relative;
	display: inline-block;
}
.designbox .nav > li a {
	color: rgb(255 255 255 / 60%);
	position: relative;
	display: flex;
	padding: 10px 16px;
	text-decoration: none;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 56px;
	/*text-transform: uppercase;*/
	/*font-weight: 300;*/
	letter-spacing: 1px;
	white-space: nowrap;
	min-width: 72px;
	text-align: center;
}
.designbox .nav > li.active > a {
	color: #ffffff;
	background-color: transparent;
}
.designbox .nav > li.active > a:after {
	content: '';
	position: absolute;
	border-bottom: solid 2px #FFA000;
	border-color: inherit;
	bottom: 0;
	left: 0;
	right: 0;
}
.designbox .nav > li > a > i {
	display: inline-block;
	width: var(--icon-size,24px);
	height: var(--icon-size,24px);
	background-color: currentColor;
	-webkit-mask: var(--icon-url) no-repeat center;
	mask: var(--icon-url) no-repeat center;
	-webkit-mask-size: cover;
	mask-size: cover;
	vertical-align: sub;
	margin-right: 8px;
	vertical-align: text-top;
}
.designbox .nav > li > a > i.home_icon {
	-webkit-mask: url(../res/symicon.php?i=material%2Fhome&x=24&t=f) no-repeat center;
	mask: url(../res/symicon.php?i=material%2Fhome&x=24&t=f) no-repeat center;
}
.designbox.round .nav > li > a > i.home_icon {
	-webkit-mask: url(../res/symicon.php?i=material%2Fhome&x=24&t=round_f) no-repeat center;
	mask: url(../res/symicon.php?i=material%2Fhome&x=24&t=round_f) no-repeat center;
}
.designbox.sharp .nav > li > a > i.home_icon {
	-webkit-mask: url(../res/symicon.php?i=material%2Fhome&x=24&t=sharp_f) no-repeat center;
	mask: url(../res/symicon.php?i=material%2Fhome&x=24&t=sharp_f) no-repeat center;
}
.designbox .nav > li > a > i.cale_icon {
	-webkit-mask: url(../res/symicon.php?i=material%2Fcalendar_today&x=24&t=) no-repeat center;
	mask: url(../res/symicon.php?i=material%2Fcalendar_today&x=24&t=) no-repeat center;
}
.designbox.round .nav > li > a > i.cale_icon {
	-webkit-mask: url(../res/symicon.php?i=material%2Fcalendar_today&x=24&t=round_) no-repeat center;
	mask: url(../res/symicon.php?i=material%2Fcalendar_today&x=24&t=round_) no-repeat center;
}
.designbox.sharp .nav > li > a > i.cale_icon {
	-webkit-mask: url(../res/symicon.php?i=material%2Fcalendar_today&x=24&t=sharp_) no-repeat center;
	mask: url(../res/symicon.php?i=material%2Fcalendar_today&x=24&t=sharp_) no-repeat center;
}
.designbox .left { /* 8dp */
	position: absolute;
	top: 0;
	bottom: 0;
	width: 318px;
	box-shadow: 0 8px 10px 1px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%), 0 5px 5px -3px rgb(0 0 0 / 20%);
	overflow: hidden;
	color: rgb(255 255 255 / 60%);
	background-color: #2d2d2d;
}
.designbox #usertab {
	position: relative;
	width: 318px;
	height: 179px;
	background: #FFA000 center center / cover no-repeat;
}
.designbox #usertab.vignetting:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 84px;
	background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0));
}
.designbox #usertab .name {
	position: absolute;
	bottom: 0;
	color: #ffffff;
	font-size: 18px;
	padding: 0 50px 0 18px;
	width: 318px;
	height: 48px;
	line-height: 48px;
	background-color: rgb(0 0 0 / 20%);
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.designbox #usertab .btn-group {
	position: absolute;
	right: 2px;
	bottom: 0;
}
.designbox #usertab .btn-group > .btnx, .designbox #usertab .btn-group > .btnx:active, .designbox #usertab .btn-group > .btnx:focus {
	background: transparent;
	border-radius: 0;
	border: none;
	color: #ffffff;
	padding: 0;
	font-size: 20px;
	-webkit-appearance: none;
	outline: 0;
	line-height: 1;
	width: 48px;
	height: 48px;
	text-align: center;
}
.designbox #usertab .btn-group > .btnx + .dropdown-toggle {
	float: right;
	width: 20px;
}
.designbox #usertab .btn-group.open .dropdown-toggle {
	box-shadow: none;
}
.designbox .caretbig {
	display: inline-block;
	width: 0;
	height: 0;
	margin-top: -2px;
	vertical-align: middle;
	border-bottom: none;
	border-top: 5px dashed;
	border-right: solid 5px transparent;
	border-left: solid 5px transparent;
}
.designbox button {
	text-overflow: ellipsis;
	box-sizing: border-box;
	-webkit-appearance: none;
	overflow: hidden;
	padding: 2px;
	background: rgb(255 255 255 / 10%);
	color: rgb(255 255 255 / 60%);
	border: none;
	border-radius: 0;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 1;
	font-size: 14px;
}
.designbox button:focus {
	outline: none;
}
.designbox .btninactive {
	color: #212121;
	background: #9E9E9E;
	border: none;
}
.designbox .btnactive {
	color: #121212;
	background: #FFA000;
	border: none;
}
.designbox .sidetab {
	margin-top: 8px;
	margin-bottom: 8px;
	position: relative;
	overflow: hidden;
	border-bottom: solid 1px rgb(255 255 255 / 20%);
}
.designbox .maintab {
	position: absolute;
	top: 62px;
	left: 324px;
	display: block;
	width: 338px;
	float: left;
	margin: 12px;
	padding: 0;
	border-radius: 4px;
	box-shadow: none;
	background-color: #212121;
	color: rgb(255 255 255 / 60%);
	border: solid 1px rgb(255 255 255 / 20%);
	overflow: hidden;
}
.designbox .maintab .contbox .banner {
	background-image: url(../res/images/system/banner.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: rgb(0 0 0 / 20%);
}
.designbox .maintab .contbox {
	overflow: hidden;
}
.designbox .maintab .contitle {
	position: relative;
	top: 8px;
	left: 0;
	padding: 0 16px 0 16px;
	font-size: 18px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 32px;
	line-height: 32px;
	color: #ffffff;
}
.designbox #visufab {
	width: 56px;
	height: 56px;
	text-align: center;
	font-size: 24px;
	border-radius: 28px;
	position: absolute;
	bottom: 27px;
	right: 18px;
	box-shadow: 0 6px 10px 0 rgb(0 0 0 / 14%), 0 1px 18px 0 rgb(0 0 0 / 12%), 0 3px 5px -1px rgb(0 0 0 / 20%);
	color: #000000;
	background: #FFA000;
	font-weight: 300;
	line-height: 1;
}
.cm-s-sys.CodeMirror {color: var(--color-text-100,#4d4d4c);background: var(--color-back-100);}
.cm-s-sys span{font-family: monospace, 'Lucida Console';font-size: var(--font-size);color: var(--accent-back-light);}
.cm-s-sys .cm-keyword { color: color: var(--color-blue-back); } /* function, echo, for etc. */
.cm-s-sys .cm-atom { color: var(--color-purple-back,#f5871f); } /*ture, false, null etc. */
.cm-s-sys .cm-number { color: var(--color-orange-back,#eab700); }
.cm-s-sys .cm-def { color: var(--color-teal-back,#3e999f); }
.cm-s-sys .cm-variable { color: var(--color-text-100); } /* variable ohne $ */
.cm-s-sys .cm-variable-2 { color: var(--color-blue-back,#4271ae); } /* variable mit $ */
.cm-s-sys .cm-variable-3 { color: var(--color-blue-back,#4271ae); }
.cm-s-sys .cm-property { color: var(--color-blue-back,#4271ae); } /* JS, CSS Variable */
.cm-s-sys .cm-operator {/*color: var(--color-blue-back,#4271ae);*/} /* +=/<> etc. */
.cm-s-sys .cm-comment { color: var(--color-text-060,#8e908c); }
.cm-s-sys .cm-string { color: var(--color-light-green-back,#718c00); }
.cm-s-sys .cm-string-2 { color: var(--color-light-green-back,#718c00); }
.cm-s-sys .cm-meta { color: var(--color-text-060,#8e908c); }
.cm-s-sys .cm-qualifier { color: var(--color-text-100); } /* css .class */
.cm-s-sys .cm-builtin { color: var(--color-red-back,#c82829); } /* css id*/
.cm-s-sys .cm-bracket { color: #24C2C7; } /* ?????? */
.cm-s-sys .cm-tag { color: 	var(--color-blue-back,#4271ae); }
.cm-s-sys .cm-attribute {  color: var(--color-blue-back,#4271ae); }
.cm-s-sys .cm-header {color: var(--color-blue-back,blue);} /* ?????? */
.cm-s-sys .cm-quote { color: #24C2C7; } /* ?????? */
.cm-s-sys .cm-hr { color: var(--color-pink-back,pink); } /* ?????? */
.cm-s-sys .cm-link { color: #F4C20B; } /* ?????? */
.cm-s-sys .cm-special { color: #FF9D00; } /* ?????? */
.cm-s-sys .cm-error { color: var(--color-error-back,#AF2018); }
/*
Tomorrow
#ffffff Background
#efefef Current Line
#d6d6d6 Selection
#4d4d4c Foreground
#8e908c Comment
#c82829 Red
#f5871f Orange
#eab700 Yellow
#718c00 Green
#3e999f Aqua
#4271ae Blue
#8959a8 Purple
*/
.cm-s-sys .CodeMirror-activeline-background {background: var(--color-text-008)!important;}
.cm-s-sys .CodeMirror-matchingbracket {font-weight: bold; color: var(--accent-back,#f5871f)!important;}
.cm-s-sys .CodeMirror-selected {
	background: var(--color-text-012);
	background: var(--mark-line);
	opacity: .4;
}
.cm-s-sys.CodeMirror-focused .CodeMirror-selected {
	background: var(--color-text-012);
  	background: var(--mark-line-focus);
  	opacity: .4;
}
.cm-s-sys .CodeMirror-gutters {
	background: var(--color-back-100);
	border-right: solid 1px var(--color-line-060);
}
.cm-s-sys .CodeMirror-linenumber, .CodeMirror-linenumber {
	color: var(--color-text-060);
}
.cm-s-sys .CodeMirror-guttermarker { color: #aaa; }
.cm-s-sys .CodeMirror-guttermarker-subtle { color: #111; }
.cm-s-sys.CodeMirror div.CodeMirror-cursor {
	border-left: solid 1px var(--color-text-100);
}
.spinring {
	display: block;
	animation: spinring-rotate 1568.2352941176ms linear infinite;
	font-size: 0;
	letter-spacing: 0;
	white-space: nowrap;
	opacity: 1;
	position: relative;
	width: 16px;
	height: 16px;
	pointer-events: none;
}
.spinring.big {
	width: 100px;
	height: 100px;
}
.spinring i {
	display: block;
}
.spinring .layer {
	animation: layer-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
}
.spinring .layer {
	position: absolute;
	width: 100%;
	height: 100%;
}
.spinring .clipper {
	display: inline-flex;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.spinring .gap {
	position: absolute;
	top: 0;
	left: 47.5%;
	box-sizing: border-box;
	width: 5%;
	height: 100%;
	overflow: hidden;
}
.spinring .gap svg {
	left: -900%;
	width: 2000%;
	transform: rotate(180deg);
}
.spinring svg {
	position: absolute;
	width: 100%;
	height: 100%;
	width: 200%;
	fill: rgba(0,0,0,0);
	stroke: var(--accent-back);
}
.spinring .left svg {
	animation: left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
}
.spinring .right svg {
	animation: right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
	left: -100%;
}
.spinring circle {
	stroke-width: 18%;
	stroke-dasharray: 272.743px;
	stroke-dashoffset: 141.372px;
}
.spinring.big circle {
	stroke-width: 10%;
	stroke-dasharray: 282.743px;
	stroke-dashoffset: 141.372px;
}
@keyframes spinring-rotate {
	to {
		transform: rotate(360deg);
	}
}
@keyframes layer-rotate {
	12.5% {
		transform: rotate(135deg);
	}
	25% {
		transform: rotate(270deg);
	}
	37.5% {
		transform: rotate(405deg);
	}
	50% {
		transform: rotate(540deg);
	}
	62.5% {
		transform: rotate(675deg);
	}
	75% {
		transform: rotate(810deg);
	}
	87.5% {
		transform: rotate(945deg);
	}
	100% {
		transform: rotate(1080deg);
	}
}
@keyframes left-spin {
	from {
		transform: rotate(265deg);
	}
	50% {
		transform: rotate(130deg);
	}
	to {
		transform: rotate(265deg);
	}
}
@keyframes right-spin {
	from {
		transform: rotate(-265deg);
	}
	50% {
		transform: rotate(-130deg);
	}
	to {
		transform: rotate(-265deg);
	}
}
/* -- BG -- */
.bgimg.bgplant, menu item.thumb.bgplant {
	background-color: #528d14;
	background-image: url('../res/images/background/plant_300x128.jpg&3');
}
.bgimg.bgpeacock, menu item.thumb.bgpeacock {
	background-color: #4b7172;
	background-image: url('../res/images/background/peacock_300x128.jpg&3');
}
.bgimg.bgsea, menu item.thumb.bgsea {
	background-color: #88a9be;
	background-image: url('../res/images/background/sea_300x128.jpg&3');
}
.bgimg.bgswiss, menu item.thumb.bgswiss {
	background-color: #5e716b;
	background-image: url('../res/images/background/swiss_300x128.jpg&3');
}
.bgimg.bgyakushiji, menu item.thumb.bgyakushiji {
	background-color: #0b222f;
	background-image: url('../res/images/background/yakushiji_300x128.jpg&3');
}
.bgimg.bgwaterfall, menu item.thumb.bgwaterfall {
	background-color: #3e4a24;
	background-image: url('../res/images/background/waterfall_300x128.jpg&3');
}
.bgimg.bgnature, menu item.thumb.bgnature {
	background-color: #8d8684;
	background-image: url('../res/images/background/nature_300x128.jpg&3');
}
.bgimg.bgmount-fuji, menu item.thumb.bgmount-fuji {
	background-color: #2a4050;
	background-image: url('../res/images/background/mount-fuji_300x128.jpg&3');
}
.bgimg.bgantelope-canyon, menu item.thumb.bgantelope-canyon {
	background-color: #834b3c;
	background-image: url('../res/images/background/antelope-canyon_300x128.jpg&3');
}
.bgimg.bgakashikaikyou, menu item.thumb.bgakashikaikyou {
	background-color: #3c5366;
	background-image: url('../res/images/background/akashikaikyou_300x128.jpg&3');
}
.bgimg.bgdefault, menu item.thumb.bgdefault {
	background-color: #916264;
	background-image: url('../res/images/background/default_300x128.jpg&3');
}
.bgimg.bgleaf, menu item.thumb.bgleaf {
	background-color: #2e4d0c;
	background-image: url('../res/images/background/leaf_300x128.jpg&3');
}
.bgimg.bgmountain, menu item.thumb.bgmountain {
	background-color: #5b769a;
	background-image: url('../res/images/background/mountain_300x128.jpg&3');
}
.bgimg.bgmatterhorn, menu item.thumb.bgmatterhorn {
	background-color: #7f8584;
	background-image: url('../res/images/background/matterhorn_300x128.jpg&3');
}
.bgimg.bgakashikaikyou2, menu item.thumb.bgakashikaikyou2 {
	background-color: #544b71;
	background-image: url('../res/images/background/akashikaikyou2_300x128.jpg&3');
}
.bgimg.bgplant {
	background-image: url('../res/images/background/plant_1920x1080.jpg&3');
	background-image: image-set(
		url('../res/images/background/plant_1920x1080.jpg&3') 1x,
		url('../res/images/background/plant_3840x2160.jpg&3') 2x
	);
}
.bgimg.bgpeacock {
	background-image: url('../res/images/background/peacock_1920x1080.jpg&3');
	background-image: image-set(
		url('../res/images/background/peacock_1920x1080.jpg&3') 1x,
		url('../res/images/background/peacock_3840x2160.jpg&3') 2x
	);
}
.bgimg.bgsea {
	background-image: url('../res/images/background/sea_1920x1080.jpg&3');
	background-image: image-set(
		url('../res/images/background/sea_1920x1080.jpg&3') 1x,
		url('../res/images/background/sea_3840x2160.jpg&3') 2x
	);
}
.bgimg.bgswiss {
	background-image: url('../res/images/background/swiss_1920x1080.jpg&3');
	background-image: image-set(
		url('../res/images/background/swiss_1920x1080.jpg&3') 1x,
		url('../res/images/background/swiss_3840x2160.jpg&3') 2x
	);
}
.bgimg.bgyakushiji {
	background-image: url('../res/images/background/yakushiji_1920x1080.jpg&3');
	background-image: image-set(
		url('../res/images/background/yakushiji_1920x1080.jpg&3') 1x,
		url('../res/images/background/yakushiji_3300x2160.jpg&3') 2x
	);
}
.bgimg.bgwaterfall {
	background-image: url('../res/images/background/waterfall_1920x1080.jpg&3');
	background-image: image-set(
		url('../res/images/background/waterfall_1920x1080.jpg&3') 1x,
		url('../res/images/background/waterfall_3840x2160.jpg&3') 2x
	);
}
.bgimg.bgnature {
	background-image: url('../res/images/background/nature_1920x1080.jpg&3');
	background-image: image-set(
		url('../res/images/background/nature_1920x1080.jpg&3') 1x,
		url('../res/images/background/nature_3840x2160.jpg&3') 2x
	);
}
.bgimg.bgmount-fuji {
	background-image: url('../res/images/background/mount-fuji_1920x1080.jpg&3');
	background-image: image-set(
		url('../res/images/background/mount-fuji_1920x1080.jpg&3') 1x,
		url('../res/images/background/mount-fuji_3300x2160.jpg&3') 2x
	);
}
.bgimg.bgantelope-canyon {
	background-image: url('../res/images/background/antelope-canyon_1920x1080.jpg&3');
	background-image: image-set(
		url('../res/images/background/antelope-canyon_1920x1080.jpg&3') 1x,
		url('../res/images/background/antelope-canyon_3840x2160.jpg&3') 2x
	);
}
.bgimg.bgakashikaikyou {
	background-image: url('../res/images/background/akashikaikyou_1920x1080.jpg&3');
	background-image: image-set(
		url('../res/images/background/akashikaikyou_1920x1080.jpg&3') 1x,
		url('../res/images/background/akashikaikyou_3150x2100.jpg&3') 2x
	);
}
.bgimg.bgdefault {
	background-image: url('../res/images/background/default_1920x1080.jpg&3');
	background-image: image-set(
		url('../res/images/background/default_1920x1080.jpg&3') 1x,
		url('../res/images/background/default_3840x2160.jpg&3') 2x
	);
}
.bgimg.bgleaf {
	background-image: url('../res/images/background/leaf_1920x1080.jpg&3');
	background-image: image-set(
		url('../res/images/background/leaf_1920x1080.jpg&3') 1x,
		url('../res/images/background/leaf_3840x2160.jpg&3') 2x
	);
}
.bgimg.bgmountain {
	background-image: url('../res/images/background/mountain_1920x1080.jpg&3');
	background-image: image-set(
		url('../res/images/background/mountain_1920x1080.jpg&3') 1x,
		url('../res/images/background/mountain_3840x2160.jpg&3') 2x
	);
}
.bgimg.bgmatterhorn {
	background-image: url('../res/images/background/matterhorn_1920x1080.jpg&3');
	background-image: image-set(
		url('../res/images/background/matterhorn_1920x1080.jpg&3') 1x,
		url('../res/images/background/matterhorn_3840x2160.jpg&3') 2x
	);
}
.bgimg.bgakashikaikyou2 {
	background-image: url('../res/images/background/akashikaikyou2_1920x1080.jpg&3');
	background-image: image-set(
		url('../res/images/background/akashikaikyou2_1920x1080.jpg&3') 1x,
		url('../res/images/background/akashikaikyou2_3840x2160.jpg&3') 2x
	);
}
@media (min-width: 1920px) or (min-height: 1080px) {
	.bgimg.bgplant {
		background-image: url('../res/images/background/plant_3840x2160.jpg&3');
	}
	.bgimg.bgpeacock {
		background-image: url('../res/images/background/peacock_3840x2160.jpg&3');
	}
	.bgimg.bgsea {
		background-image: url('../res/images/background/sea_3840x2160.jpg&3');
	}
	.bgimg.bgswiss {
		background-image: url('../res/images/background/swiss_3840x2160.jpg&3');
	}
	.bgimg.bgyakushiji {
		background-image: url('../res/images/background/yakushiji_3300x2160.jpg&3');
	}
	.bgimg.bgwaterfall {
		background-image: url('../res/images/background/waterfall_3840x2160.jpg&3');
	}
	.bgimg.bgnature {
		background-image: url('../res/images/background/nature_3840x2160.jpg&3');
	}
	.bgimg.bgmount-fuji {
		background-image: url('../res/images/background/mount-fuji_3300x2160.jpg&3');
	}
	.bgimg.bgantelope-canyon {
		background-image: url('../res/images/background/antelope-canyon_3840x2160.jpg&3');
	}
	.bgimg.bgakashikaikyou {
		background-image: url('../res/images/background/akashikaikyou_3150x2100.jpg&3');
	}
	.bgimg.bgdefault {
		background-image: url('../res/images/background/default_3840x2160.jpg&3');
	}
	.bgimg.bgleaf {
		background-image: url('../res/images/background/leaf_3840x2160.jpg&3');
	}
	.bgimg.bgmountain {
		background-image: url('../res/images/background/mountain_3840x2160.jpg&3');
	}
	.bgimg.bgmatterhorn {
		background-image: url('../res/images/background/matterhorn_3840x2160.jpg&3');
	}
	.bgimg.bgakashikaikyou2 {
		background-image: url('../res/images/background/akashikaikyou2_3840x2160.jpg&3');
	}
}
.banner.bgimg.bgplant.w240 {
	background-image: url('../res/images/background/plant_240x540.jpg&3');
	background-image: image-set(
		url('../res/images/background/plant_240x540.jpg&3') 1x,
		url('../res/images/background/plant_480x1080.jpg&3') 2x
	);
}
.banner.bgimg.bgpeacock.w240 {
	background-image: url('../res/images/background/peacock_240x540.jpg&3');
	background-image: image-set(
		url('../res/images/background/peacock_240x540.jpg&3') 1x,
		url('../res/images/background/peacock_480x1080.jpg&3') 2x
	);
}
.banner.bgimg.bgsea.w240 {
	background-image: url('../res/images/background/sea_240x540.jpg&3');
	background-image: image-set(
		url('../res/images/background/sea_240x540.jpg&3') 1x,
		url('../res/images/background/sea_480x1080.jpg&3') 2x
	);
}
.banner.bgimg.bgswiss.w240 {
	background-image: url('../res/images/background/swiss_240x540.jpg&3');
	background-image: image-set(
		url('../res/images/background/swiss_240x540.jpg&3') 1x,
		url('../res/images/background/swiss_480x1080.jpg&3') 2x
	);
}
.banner.bgimg.bgyakushiji.w240 {
	background-image: url('../res/images/background/yakushiji_240x540.jpg&3');
	background-image: image-set(
		url('../res/images/background/yakushiji_240x540.jpg&3') 1x,
		url('../res/images/background/yakushiji_480x1080.jpg&3') 2x
	);
}
.banner.bgimg.bgwaterfall.w240 {
	background-image: url('../res/images/background/waterfall_240x540.jpg&3');
	background-image: image-set(
		url('../res/images/background/waterfall_240x540.jpg&3') 1x,
		url('../res/images/background/waterfall_480x1080.jpg&3') 2x
	);
}
.banner.bgimg.bgnature.w240 {
	background-image: url('../res/images/background/nature_240x540.jpg&3');
	background-image: image-set(
		url('../res/images/background/nature_240x540.jpg&3') 1x,
		url('../res/images/background/nature_480x1080.jpg&3') 2x
	);
}
.banner.bgimg.bgmount-fuji.w240 {
	background-image: url('../res/images/background/mount-fuji_240x540.jpg&3');
	background-image: image-set(
		url('../res/images/background/mount-fuji_240x540.jpg&3') 1x,
		url('../res/images/background/mount-fuji_480x1080.jpg&3') 2x
	);
}
.banner.bgimg.bgantelope-canyon.w240 {
	background-image: url('../res/images/background/antelope-canyon_240x540.jpg&3');
	background-image: image-set(
		url('../res/images/background/antelope-canyon_240x540.jpg&3') 1x,
		url('../res/images/background/antelope-canyon_480x1080.jpg&3') 2x
	);
}
.banner.bgimg.bgakashikaikyou.w240 {
	background-image: url('../res/images/background/akashikaikyou_240x540.jpg&3');
	background-image: image-set(
		url('../res/images/background/akashikaikyou_240x540.jpg&3') 1x,
		url('../res/images/background/akashikaikyou_480x1080.jpg&3') 2x
	);
}
.banner.bgimg.bgdefault.w240 {
	background-image: url('../res/images/background/default_240x540.jpg&3');
	background-image: image-set(
		url('../res/images/background/default_240x540.jpg&3') 1x,
		url('../res/images/background/default_480x1080.jpg&3') 2x
	);
}
.banner.bgimg.bgleaf.w240 {
	background-image: url('../res/images/background/leaf_240x540.jpg&3');
	background-image: image-set(
		url('../res/images/background/leaf_240x540.jpg&3') 1x,
		url('../res/images/background/leaf_480x1080.jpg&3') 2x
	);
}
.banner.bgimg.bgmountain.w240 {
	background-image: url('../res/images/background/mountain_240x540.jpg&3');
	background-image: image-set(
		url('../res/images/background/mountain_240x540.jpg&3') 1x,
		url('../res/images/background/mountain_480x1080.jpg&3') 2x
	);
}
.banner.bgimg.bgmatterhorn.w240 {
	background-image: url('../res/images/background/matterhorn_240x540.jpg&3');
	background-image: image-set(
		url('../res/images/background/matterhorn_240x540.jpg&3') 1x,
		url('../res/images/background/matterhorn_480x1080.jpg&3') 2x
	);
}
.banner.bgimg.bgakashikaikyou2.w240 {
	background-image: url('../res/images/background/akashikaikyou2_240x540.jpg&3');
	background-image: image-set(
		url('../res/images/background/akashikaikyou2_240x540.jpg&3') 1x,
		url('../res/images/background/akashikaikyou2_480x1080.jpg&3') 2x
	);
}
.banner.bgimg.bgplant.w400 {
	background-image: url('../res/images/background/plant_400x48.jpg&3');
	background-image: image-set(
		url('../res/images/background/plant_400x48.jpg&3') 1x,
		url('../res/images/background/plant_800x96.jpg&3') 2x
	);
}
.banner.bgimg.bgpeacock.w400 {
	background-image: url('../res/images/background/peacock_400x48.jpg&3');
	background-image: image-set(
		url('../res/images/background/peacock_400x48.jpg&3') 1x,
		url('../res/images/background/peacock_800x96.jpg&3') 2x
	);
}
.banner.bgimg.bgsea.w400 {
	background-image: url('../res/images/background/sea_400x48.jpg&3');
	background-image: image-set(
		url('../res/images/background/sea_400x48.jpg&3') 1x,
		url('../res/images/background/sea_800x96.jpg&3') 2x
	);
}
.banner.bgimg.bgswiss.w400 {
	background-image: url('../res/images/background/swiss_400x48.jpg&3');
	background-image: image-set(
		url('../res/images/background/swiss_400x48.jpg&3') 1x,
		url('../res/images/background/swiss_800x96.jpg&3') 2x
	);
}
.banner.bgimg.bgyakushiji.w400 {
	background-image: url('../res/images/background/yakushiji_400x48.jpg&3');
	background-image: image-set(
		url('../res/images/background/yakushiji_400x48.jpg&3') 1x,
		url('../res/images/background/yakushiji_800x96.jpg&3') 2x
	);
}
.banner.bgimg.bgwaterfall.w400 {
	background-image: url('../res/images/background/waterfall_400x48.jpg&3');
	background-image: image-set(
		url('../res/images/background/waterfall_400x48.jpg&3') 1x,
		url('../res/images/background/waterfall_800x96.jpg&3') 2x
	);
}
.banner.bgimg.bgnature.w400 {
	background-image: url('../res/images/background/nature_400x48.jpg&3');
	background-image: image-set(
		url('../res/images/background/nature_400x48.jpg&3') 1x,
		url('../res/images/background/nature_800x96.jpg&3') 2x
	);
}
.banner.bgimg.bgmount-fuji.w400 {
	background-image: url('../res/images/background/mount-fuji_400x48.jpg&3');
	background-image: image-set(
		url('../res/images/background/mount-fuji_400x48.jpg&3') 1x,
		url('../res/images/background/mount-fuji_800x96.jpg&3') 2x
	);
}
.banner.bgimg.bgantelope-canyon.w400 {
	background-image: url('../res/images/background/antelope-canyon_400x48.jpg&3');
	background-image: image-set(
		url('../res/images/background/antelope-canyon_400x48.jpg&3') 1x,
		url('../res/images/background/antelope-canyon_800x96.jpg&3') 2x
	);
}
.banner.bgimg.bgakashikaikyou.w400 {
	background-image: url('../res/images/background/akashikaikyou_400x48.jpg&3');
	background-image: image-set(
		url('../res/images/background/akashikaikyou_400x48.jpg&3') 1x,
		url('../res/images/background/akashikaikyou_800x96.jpg&3') 2x
	);
}
.banner.bgimg.bgdefault.w400 {
	background-image: url('../res/images/background/default_400x48.jpg&3');
	background-image: image-set(
		url('../res/images/background/default_400x48.jpg&3') 1x,
		url('../res/images/background/default_800x96.jpg&3') 2x
	);
}
.banner.bgimg.bgleaf.w400 {
	background-image: url('../res/images/background/leaf_400x48.jpg&3');
	background-image: image-set(
		url('../res/images/background/leaf_400x48.jpg&3') 1x,
		url('../res/images/background/leaf_800x96.jpg&3') 2x
	);
}
.banner.bgimg.bgmountain.w400 {
	background-image: url('../res/images/background/mountain_400x48.jpg&3');
	background-image: image-set(
		url('../res/images/background/mountain_400x48.jpg&3') 1x,
		url('../res/images/background/mountain_800x96.jpg&3') 2x
	);
}
.banner.bgimg.bgmatterhorn.w400 {
	background-image: url('../res/images/background/matterhorn_400x48.jpg&3');
	background-image: image-set(
		url('../res/images/background/matterhorn_400x48.jpg&3') 1x,
		url('../res/images/background/matterhorn_800x96.jpg&3') 2x
	);
}
.banner.bgimg.bgakashikaikyou2.w400 {
	background-image: url('../res/images/background/akashikaikyou2_400x48.jpg&3');
	background-image: image-set(
		url('../res/images/background/akashikaikyou2_400x48.jpg&3') 1x,
		url('../res/images/background/akashikaikyou2_800x96.jpg&3') 2x
	);
}
.banner.bgimg.bgplant.w500 {
	background-image: url('../res/images/background/plant_500x87.jpg&3');
	background-image: image-set(
		url('../res/images/background/plant_500x87.jpg&3') 1x,
		url('../res/images/background/plant_1000x174.jpg&3') 2x
	);
}
.banner.bgimg.bgpeacock.w500 {
	background-image: url('../res/images/background/peacock_500x87.jpg&3');
	background-image: image-set(
		url('../res/images/background/peacock_500x87.jpg&3') 1x,
		url('../res/images/background/peacock_1000x174.jpg&3') 2x
	);
}
.banner.bgimg.bgsea.w500 {
	background-image: url('../res/images/background/sea_500x87.jpg&3');
	background-image: image-set(
		url('../res/images/background/sea_500x87.jpg&3') 1x,
		url('../res/images/background/sea_1000x174.jpg&3') 2x
	);
}
.banner.bgimg.bgswiss.w500 {
	background-image: url('../res/images/background/swiss_500x87.jpg&3');
	background-image: image-set(
		url('../res/images/background/swiss_500x87.jpg&3') 1x,
		url('../res/images/background/swiss_1000x174.jpg&3') 2x
	);
}
.banner.bgimg.bgyakushiji.w500 {
	background-image: url('../res/images/background/yakushiji_500x87.jpg&3');
	background-image: image-set(
		url('../res/images/background/yakushiji_500x87.jpg&3') 1x,
		url('../res/images/background/yakushiji_1000x174.jpg&3') 2x
	);
}
.banner.bgimg.bgwaterfall.w500 {
	background-image: url('../res/images/background/waterfall_500x87.jpg&3');
	background-image: image-set(
		url('../res/images/background/waterfall_500x87.jpg&3') 1x,
		url('../res/images/background/waterfall_1000x174.jpg&3') 2x
	);
}
.banner.bgimg.bgnature.w500 {
	background-image: url('../res/images/background/nature_500x87.jpg&3');
	background-image: image-set(
		url('../res/images/background/nature_500x87.jpg&3') 1x,
		url('../res/images/background/nature_1000x174.jpg&3') 2x
	);
}
.banner.bgimg.bgmount-fuji.w500 {
	background-image: url('../res/images/background/mount-fuji_500x87.jpg&3');
	background-image: image-set(
		url('../res/images/background/mount-fuji_500x87.jpg&3') 1x,
		url('../res/images/background/mount-fuji_1000x174.jpg&3') 2x
	);
}
.banner.bgimg.bgantelope-canyon.w500 {
	background-image: url('../res/images/background/antelope-canyon_500x87.jpg&3');
	background-image: image-set(
		url('../res/images/background/antelope-canyon_500x87.jpg&3') 1x,
		url('../res/images/background/antelope-canyon_1000x174.jpg&3') 2x
	);
}
.banner.bgimg.bgakashikaikyou.w500 {
	background-image: url('../res/images/background/akashikaikyou_500x87.jpg&3');
	background-image: image-set(
		url('../res/images/background/akashikaikyou_500x87.jpg&3') 1x,
		url('../res/images/background/akashikaikyou_1000x174.jpg&3') 2x
	);
}
.banner.bgimg.bgdefault.w500 {
	background-image: url('../res/images/background/default_500x87.jpg&3');
	background-image: image-set(
		url('../res/images/background/default_500x87.jpg&3') 1x,
		url('../res/images/background/default_1000x174.jpg&3') 2x
	);
}
.banner.bgimg.bgleaf.w500 {
	background-image: url('../res/images/background/leaf_500x87.jpg&3');
	background-image: image-set(
		url('../res/images/background/leaf_500x87.jpg&3') 1x,
		url('../res/images/background/leaf_1000x174.jpg&3') 2x
	);
}
.banner.bgimg.bgmountain.w500 {
	background-image: url('../res/images/background/mountain_500x87.jpg&3');
	background-image: image-set(
		url('../res/images/background/mountain_500x87.jpg&3') 1x,
		url('../res/images/background/mountain_1000x174.jpg&3') 2x
	);
}
.banner.bgimg.bgmatterhorn.w500 {
	background-image: url('../res/images/background/matterhorn_500x87.jpg&3');
	background-image: image-set(
		url('../res/images/background/matterhorn_500x87.jpg&3') 1x,
		url('../res/images/background/matterhorn_1000x174.jpg&3') 2x
	);
}
.banner.bgimg.bgakashikaikyou2.w500 {
	background-image: url('../res/images/background/akashikaikyou2_500x87.jpg&3');
	background-image: image-set(
		url('../res/images/background/akashikaikyou2_500x87.jpg&3') 1x,
		url('../res/images/background/akashikaikyou2_1000x174.jpg&3') 2x
	);
}
.banner.bgimg.bgplant.w600 {
	background-image: url('../res/images/background/plant_600x330.jpg&3');
	background-image: image-set(
		url('../res/images/background/plant_600x330.jpg&3') 1x,
		url('../res/images/background/plant_1200x660.jpg&3') 2x
	);
}
.banner.bgimg.bgpeacock.w600 {
	background-image: url('../res/images/background/peacock_600x330.jpg&3');
	background-image: image-set(
		url('../res/images/background/peacock_600x330.jpg&3') 1x,
		url('../res/images/background/peacock_1200x660.jpg&3') 2x
	);
}
.banner.bgimg.bgsea.w600 {
	background-image: url('../res/images/background/sea_600x330.jpg&3');
	background-image: image-set(
		url('../res/images/background/sea_600x330.jpg&3') 1x,
		url('../res/images/background/sea_1200x660.jpg&3') 2x
	);
}
.banner.bgimg.bgswiss.w600 {
	background-image: url('../res/images/background/swiss_600x330.jpg&3');
	background-image: image-set(
		url('../res/images/background/swiss_600x330.jpg&3') 1x,
		url('../res/images/background/swiss_1200x660.jpg&3') 2x
	);
}
.banner.bgimg.bgyakushiji.w600 {
	background-image: url('../res/images/background/yakushiji_600x330.jpg&3');
	background-image: image-set(
		url('../res/images/background/yakushiji_600x330.jpg&3') 1x,
		url('../res/images/background/yakushiji_1200x660.jpg&3') 2x
	);
}
.banner.bgimg.bgwaterfall.w600 {
	background-image: url('../res/images/background/waterfall_600x330.jpg&3');
	background-image: image-set(
		url('../res/images/background/waterfall_600x330.jpg&3') 1x,
		url('../res/images/background/waterfall_1200x660.jpg&3') 2x
	);
}
.banner.bgimg.bgnature.w600 {
	background-image: url('../res/images/background/nature_600x330.jpg&3');
	background-image: image-set(
		url('../res/images/background/nature_600x330.jpg&3') 1x,
		url('../res/images/background/nature_1200x660.jpg&3') 2x
	);
}
.banner.bgimg.bgmount-fuji.w600 {
	background-image: url('../res/images/background/mount-fuji_600x330.jpg&3');
	background-image: image-set(
		url('../res/images/background/mount-fuji_600x330.jpg&3') 1x,
		url('../res/images/background/mount-fuji_1200x660.jpg&3') 2x
	);
}
.banner.bgimg.bgantelope-canyon.w600 {
	background-image: url('../res/images/background/antelope-canyon_600x330.jpg&3');
	background-image: image-set(
		url('../res/images/background/antelope-canyon_600x330.jpg&3') 1x,
		url('../res/images/background/antelope-canyon_1200x660.jpg&3') 2x
	);
}
.banner.bgimg.bgakashikaikyou.w600 {
	background-image: url('../res/images/background/akashikaikyou_600x330.jpg&3');
	background-image: image-set(
		url('../res/images/background/akashikaikyou_600x330.jpg&3') 1x,
		url('../res/images/background/akashikaikyou_1200x660.jpg&3') 2x
	);
}
.banner.bgimg.bgdefault.w600 {
	background-image: url('../res/images/background/default_600x330.jpg&3');
	background-image: image-set(
		url('../res/images/background/default_600x330.jpg&3') 1x,
		url('../res/images/background/default_1200x660.jpg&3') 2x
	);
}
.banner.bgimg.bgleaf.w600 {
	background-image: url('../res/images/background/leaf_600x330.jpg&3');
	background-image: image-set(
		url('../res/images/background/leaf_600x330.jpg&3') 1x,
		url('../res/images/background/leaf_1200x660.jpg&3') 2x
	);
}
.banner.bgimg.bgmountain.w600 {
	background-image: url('../res/images/background/mountain_600x330.jpg&3');
	background-image: image-set(
		url('../res/images/background/mountain_600x330.jpg&3') 1x,
		url('../res/images/background/mountain_1200x660.jpg&3') 2x
	);
}
.banner.bgimg.bgmatterhorn.w600 {
	background-image: url('../res/images/background/matterhorn_600x330.jpg&3');
	background-image: image-set(
		url('../res/images/background/matterhorn_600x330.jpg&3') 1x,
		url('../res/images/background/matterhorn_1200x660.jpg&3') 2x
	);
}
.banner.bgimg.bgakashikaikyou2.w600 {
	background-image: url('../res/images/background/akashikaikyou2_600x330.jpg&3');
	background-image: image-set(
		url('../res/images/background/akashikaikyou2_600x330.jpg&3') 1x,
		url('../res/images/background/akashikaikyou2_1200x660.jpg&3') 2x
	);
}
.banner.bgimg.bgplant.w660 {
	background-image: url('../res/images/background/plant_660x60.jpg&3');
	background-image: image-set(
		url('../res/images/background/plant_660x60.jpg&3') 1x,
		url('../res/images/background/plant_1320x120.jpg&3') 2x
	);
}
.banner.bgimg.bgpeacock.w660 {
	background-image: url('../res/images/background/peacock_660x60.jpg&3');
	background-image: image-set(
		url('../res/images/background/peacock_660x60.jpg&3') 1x,
		url('../res/images/background/peacock_1320x120.jpg&3') 2x
	);
}
.banner.bgimg.bgsea.w660 {
	background-image: url('../res/images/background/sea_660x60.jpg&3');
	background-image: image-set(
		url('../res/images/background/sea_660x60.jpg&3') 1x,
		url('../res/images/background/sea_1320x120.jpg&3') 2x
	);
}
.banner.bgimg.bgswiss.w660 {
	background-image: url('../res/images/background/swiss_660x60.jpg&3');
	background-image: image-set(
		url('../res/images/background/swiss_660x60.jpg&3') 1x,
		url('../res/images/background/swiss_1320x120.jpg&3') 2x
	);
}
.banner.bgimg.bgyakushiji.w660 {
	background-image: url('../res/images/background/yakushiji_660x60.jpg&3');
	background-image: image-set(
		url('../res/images/background/yakushiji_660x60.jpg&3') 1x,
		url('../res/images/background/yakushiji_1320x120.jpg&3') 2x
	);
}
.banner.bgimg.bgwaterfall.w660 {
	background-image: url('../res/images/background/waterfall_660x60.jpg&3');
	background-image: image-set(
		url('../res/images/background/waterfall_660x60.jpg&3') 1x,
		url('../res/images/background/waterfall_1320x120.jpg&3') 2x
	);
}
.banner.bgimg.bgnature.w660 {
	background-image: url('../res/images/background/nature_660x60.jpg&3');
	background-image: image-set(
		url('../res/images/background/nature_660x60.jpg&3') 1x,
		url('../res/images/background/nature_1320x120.jpg&3') 2x
	);
}
.banner.bgimg.bgmount-fuji.w660 {
	background-image: url('../res/images/background/mount-fuji_660x60.jpg&3');
	background-image: image-set(
		url('../res/images/background/mount-fuji_660x60.jpg&3') 1x,
		url('../res/images/background/mount-fuji_1320x120.jpg&3') 2x
	);
}
.banner.bgimg.bgantelope-canyon.w660 {
	background-image: url('../res/images/background/antelope-canyon_660x60.jpg&3');
	background-image: image-set(
		url('../res/images/background/antelope-canyon_660x60.jpg&3') 1x,
		url('../res/images/background/antelope-canyon_1320x120.jpg&3') 2x
	);
}
.banner.bgimg.bgakashikaikyou.w660 {
	background-image: url('../res/images/background/akashikaikyou_660x60.jpg&3');
	background-image: image-set(
		url('../res/images/background/akashikaikyou_660x60.jpg&3') 1x,
		url('../res/images/background/akashikaikyou_1320x120.jpg&3') 2x
	);
}
.banner.bgimg.bgdefault.w660 {
	background-image: url('../res/images/background/default_660x60.jpg&3');
	background-image: image-set(
		url('../res/images/background/default_660x60.jpg&3') 1x,
		url('../res/images/background/default_1320x120.jpg&3') 2x
	);
}
.banner.bgimg.bgleaf.w660 {
	background-image: url('../res/images/background/leaf_660x60.jpg&3');
	background-image: image-set(
		url('../res/images/background/leaf_660x60.jpg&3') 1x,
		url('../res/images/background/leaf_1320x120.jpg&3') 2x
	);
}
.banner.bgimg.bgmountain.w660 {
	background-image: url('../res/images/background/mountain_660x60.jpg&3');
	background-image: image-set(
		url('../res/images/background/mountain_660x60.jpg&3') 1x,
		url('../res/images/background/mountain_1320x120.jpg&3') 2x
	);
}
.banner.bgimg.bgmatterhorn.w660 {
	background-image: url('../res/images/background/matterhorn_660x60.jpg&3');
	background-image: image-set(
		url('../res/images/background/matterhorn_660x60.jpg&3') 1x,
		url('../res/images/background/matterhorn_1320x120.jpg&3') 2x
	);
}
.banner.bgimg.bgakashikaikyou2.w660 {
	background-image: url('../res/images/background/akashikaikyou2_660x60.jpg&3');
	background-image: image-set(
		url('../res/images/background/akashikaikyou2_660x60.jpg&3') 1x,
		url('../res/images/background/akashikaikyou2_1320x120.jpg&3') 2x
	);
}
.banner.bgimg.bgsea.w240 .bgtxt4 {
	color: #000000de;
}
.banner.bgimg.bgswiss.w240 .bgtxt1 {
	color: #000000de;
}
.banner.bgimg.bgswiss.w240 .bgsvg2 .fill-black {
	fill: #000000de;
}
.banner.bgimg.bgswiss.w240 .bgsvg2 .stroke-black {
	stroke: #000000de;
}
.banner.bgimg.bgnature.w240 .bgsvg2 .fill-black {
	fill: #000000de;
}
.banner.bgimg.bgnature.w240 .bgsvg2 .stroke-black {
	stroke: #000000de;
}
.banner.bgimg.bgnature.w240 .bgtxt3 {
	color: #000000de;
}
.banner.bgimg.bgantelope-canyon.w240 .bgtxt1 {
	color: #000000de;
}
.banner.bgimg.bgantelope-canyon.w240 .bgsvg2 .fill-black {
	fill: #000000de;
}
.banner.bgimg.bgantelope-canyon.w240 .bgsvg2 .stroke-black {
	stroke: #000000de;
}
.banner.bgimg.bgantelope-canyon.w240 .bgtxt3 {
	color: #000000de;
}
.banner.bgimg.bgmatterhorn.w240 .bgtxt1 {
	color: #000000de;
}
.banner.bgimg.bgmatterhorn.w240 .bgsvg2 .fill-black {
	fill: #000000de;
}
.banner.bgimg.bgmatterhorn.w240 .bgsvg2 .stroke-black {
	stroke: #000000de;
}
.banner.bgimg.bgmatterhorn.w240 .bgtxt3 {
	color: #000000de;
}
.banner.bgimg.bgsea.w600 .bgtxt3 {
	color: #000000de;
}
.banner.bgimg.bgsea.w600 .bglogo4.injectsvg .fill-gray {
	fill: rgb(119, 119, 118);
}
.banner.bgimg.bgsea.w600 .bglogo4.injectsvg .fill-white {
	fill: rgb(255 255 255);
}
.banner.bgimg.bgsea.w600 .bglogo4.injectsvg .fill-black {
	fill: rgb(0 0 0);
}
.banner.bgimg.bgsea.w600 .bglogo4.injectsvg .fill-orange {
	fill: #FFA000;
}
.banner.bgimg.bgsea.w600 .bglogo4.injectsvg .stroke-gray {
	stroke: rgb(119, 119, 118);
}
.banner.bgimg.bgsea.w600 .bglogo4.injectsvg .stroke-white {
	stroke: rgb(255 255 255);
}
.banner.bgimg.bgsea.w600 .bglogo4.injectsvg .stroke-orange {
	stroke: #FFA000;
}
.banner.bgimg.bgnature.w600 .bgsvg1 .fill-black {
	fill: #000000de;
}
.banner.bgimg.bgnature.w600 .bgsvg1 .stroke-black {
	stroke: #000000de;
}
.banner.bgimg.bgnature.w600 .bgtxt2 {
	color: #000000de;
}
.banner.bgimg.bgmatterhorn.w600 .bgsvg1 .fill-black {
	fill: #000000de;
}
.banner.bgimg.bgmatterhorn.w600 .bgsvg1 .stroke-black {
	stroke: #000000de;
}
.banner.bgimg.bgmatterhorn.w600 .bgtxt2 {
	color: #000000de;
}
.bgsea.botdesk .bgtxt1 {
	color: #000000de;
}
.bgsea.botdesk .bgtxt2 {
	color: #000000de;
}