:root {
	--c1: #FFF;
	--c2: #333;
	--c3: #CCC;
	--c4: #1565C0;
	--c5: #F57F17;
	--c6: #BF360C;
	--c7: #62757F;
	--c8: #263238;
	--c9: #CFD8DC;
	--c10: #ECEFF1;
	--c11: #519657;
	--c12: #C62828;
	--c13: #0D47A1;
	--c14: #1976D2;
	--c15: #2E7D32;
	--c16: #388E3C;
	--c17: #37474F;
	--c18: #EEE;
	--c19: #F00;
	--c20: #B71C1C;
	--c21: #666;
	--c22: #1B5E20;
	/* --c23: #E8F5E9; */
	--c24: #FFECB3;
	--c25: #C8E6C9;
	--c26: #A5D6A7;
	/* --c27: #1E292F; */
	/* --c28: #4C5960; */
	--c29: #435056;
	--c30: #E53935;
	/* --c31: #BBB; */
	/* --c32: #DDD; */

	--cl01: #62757F;
	--cl02: #EEE;
	--cl03: #AAA; /* 03 */
	--cl04: #333; /* 02 */
	--cl05: #BBB; /* 31 */
	--cl06: #DDD; /* 32 */
	--cl08: #C8E6C9; /* 25 */
	--cl09: #EBF4EC;
	--cl10: #519657; /* 11 */
	--cl11: #263238; /* 08 */
	--cl12: #4C5960; /* 28 */
	--cl13: #2b4d60; /* 27 */
	--cl14: #37474F; /* 17 */
	--cl15: #435056; /* 29 */
	--cl16: #313c41;
	--cl17: #3c4447;
	--cl18: #F13F3F;
	--cl19: #B71C1C;
	--cl20: #6dcb48;
	--cl21: #2fbb13;
	--cl22: #e6b35c;
	--cl23: #ed9601;
	--cl24: #494d4e;
	--cl25: #FFF; /* 01 */
	--cl26: #f5d4d4;
	--cl27: #1565C0; /* 04 */
	--cl27-01: rgba(21, 101, 192, 0.1);
}
.field label.title, #list_show {
	color: var(--c2);
}

.field input:disabled,.field select:disabled,.field textarea:disabled {
	background: var(--c1);
}

/* .field input,.field select,.field textarea, table input, .view {
	border-color: var(--c4);
} */

.field input:focus,.field select:focus,.field textarea:focus, table input {
	background: var(--c4);
}

.guide, .guideWindow, legend > span, .actionBar input {
	background: var(--c7);
}

input[type='range']::-webkit-slider-thumb, input[type='range']::-webkit-slider-runnable-track {
	background: var(--c7);
}

input[type='range']::-moz-range-track, input[type=range]::-moz-range-thumb {
	background: var(--c7);
}

input[type='range']::-ms-thumb, input[type='range']::-ms-fill-lower, input[type='range']::-ms-fill-upper, input[type='range']:focus::-ms-fill-lower, input[type='range']:focus::-ms-fill-upper {
	background: var(--c7);
}

.guideWindow {
	border-color: var(--c8);
}

#list_show {
	background: var(--c24);
}

#menuBar, #menuButton, #sysMenu {
	background: var(--c17);
}

#cookie > span { color: var(--cl04); }

#menuBar div, #systemBar span:nth-child(1), .tip, .guide, .guideWindow, .actionBar input, #sysUser {
	color: var(--c18);
}

#systemBar, .guideWindow > span { background: var(--c8); }

req { color: var(--c19); }

/* #srcList input {
	background: var(--c2);
} */

#sysExit, .field input:focus,.field select:focus,.field textarea:focus, table input, legend > span, thead { /* #srcList input  */
	color: var(--c1);
}

#sysExit {
	background: var(--c11);
}

#sysExit:hover {
	background: var(--c20);
}

.tip {
	background: var(--c21);
}