*{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: "helvetica";
}
html, body{
	min-height: 100%;
}
.b{
	width: 100%;
	display: table;
}
.b > *{
	display: table-cell;
	vertical-align: middle;
}
.b > * > *{
	margin: auto;
}
a{
	color: inherit;
	text-decoration: none;
}


h1{
	font-size: 48px;
}
h2{
	font-size: 32px;
}
h3{
	font-size: 24px;
}
h4{
	font-size: 16px;
}
h5{
	font-size: 12px;
}
h6{
	font-size: 8px;
}

.fill, .c_fill > *, .gc_fill > * > *{
	width: 100%;
}

.lr_divider > *:not(:first-child, :last-child){
	padding-left: 2px;
	padding-right: 2px;
}
.lr_divider > *:first-child{
	padding-right: 2px;
}
.lr_divider > *:last-child{
	padding-left: 2px;
}
.tb_divider > *:not(:first-child, :last-child){
	padding-top: 2px;
	padding-bottom: 2px;
}
.tb_divider > *:first-child{
	padding-bottom: 2px;
}
.tb_divider > *:last-child{
	padding-top: 2px;
}

.gap, .c_gap > *, .gc_gap > * > *{
	padding: 8px;
}
.content, .c_content > *, .gc_content > * > *{
	padding: 16px;
}

.container, .c_container > *, .gc_container > * > *
{
	overflow: hidden;
	border-radius: 4px;
}

.fixed{
	position: fixed;
/*	box-shadow: 0px 0px 8px black;*/
}
.hide{
	visibility: hidden;
}
.hidden{
	display: none;
}
.center{
	text-align: center;
}
.right{
	text-align: right;
}
.ca_top > *{
	vertical-align: top;
}
.ca_middle > *{
	vertical-align: middle;
}

img{
	width: 100%;
	display: block;
}
label{
	font-weight: bold;
}
input, select, textarea{
	width: 100%;
	border: none;
	padding: 8px;
	outline: none;
	overflow: hidden;
	border-radius: 0px;
	box-sizing: border-box;
	-webkit-appearance: none;
}
input[type=text], input[type=password], input[type=file], select, textarea{
	color: var(--d_dark);
	background-color: var(--l_light);
}
input[type=submit], input[type=button]{
	font-weight: bold;
	color: var(--l_light);
	background-color: var(--d_dark);
}

.body{
	max-width: 1024px;
}

.fit{
	height: 100%;
}
.fill{
	width: 100%;
}
.scroll{
	height: 100%;
	overflow: scroll;
}

.l_side, .r_side{
	width: 100%;
}
.l_side > *:first-child, .r_side > *:last-child{
	width: 25%;
}

.equal{
	width: 100%;
	table-layout: fixed;
}

.table{
	display: table;
}
.table > *{
	display: table-row;
}
.table > * > *{
	display: table-cell;
}

.table{
	color: var(--d_dark);
	background-color: var(--l_light);
}
.table > *:nth-child(odd) {
	background-color: rgba(0, 0, 0, 0.04);
}
.table > * > *:nth-child(even) {
	background-color: rgba(0, 0, 0, 0.02);
}
.table > div:hover, .table > a:hover {
	background-color: rgba(0, 0, 0, 0.08);
}
.table > * > div:hover, .table > * > a:hover {
	background-color: rgba(0, 0, 0, 0.04);
}

.dark, .c_dark > *, .gc_dark > * > *{
	color: var(--l_light);
	background: var(--dark);
}
.light, .c_light > *, .gc_light > * > *{
	color: var(--d_dark);
	background: var(--light);
}
.r_dark, .cr_dark > *, .gcr_dark > * > *{
	color: var(--l_light);
	background: var(--r_dark);
}
.r_light, .cr_light > *, .gcr_light > * > *{
	color: var(--d_dark);
	background: var(--r_light);
}

.d_dark, .cd_dark > *{
	color: var(--l_light);
	background-color: var(--d_dark);
}
.d_light, .cd_light > *{
	color: var(--l_light);
	background-color: var(--d_light);
}
.l_dark, .cl_dark > *{
	color: var(--d_dark);
	background-color: var(--l_dark);
}
.l_light, .cl_light > *{
	color: var(--d_dark);
	background-color: var(--l_light);
}

*{
	--dark: -webkit-linear-gradient(45deg, var(--d_dark), var(--d_light));
	--light: -webkit-linear-gradient(45deg, var(--l_dark), var(--l_light));
	--r_dark: -webkit-linear-gradient(45deg, var(--d_light), var(--d_dark));
	--r_light: -webkit-linear-gradient(45deg, var(--l_light), var(--l_dark));
}
.grid{
	display: grid;
	grid-template-columns: 1fr;
	grid-column-gap: 4px;
	grid-row-gap: 4px;
}
@media screen and (min-width: 768px){
	.grid {
		grid-template-columns: 1fr 1fr;
	}
}