html {
	scroll-behavior: smooth;
}

.usr_label {
	color: #999;
	font-family: arial;
	font-size: 14px;
}

.usr {
	color: #444;
	font-family: arial;
	font-size: 18px;
	background-color: #eee;
	border: solid 1px #666;
	border-radius: 12px;
	padding: 10px;
	box-sizing: border-box;
}

.usr:focus {
	background-color: #fff;
}

.m {
	color: #444;
	font-size: 16px;
	background-color: #eee;
	border: solid 1px #666;
	border-radius: 12px;
	padding: 10px;
	box-sizing: border-box;
}

.m:focus {
	background-color: #fff;
}

.b {
	color: #444;
	font-size: 15px;
	background-color: #ccc;
	border: solid 1px #000;
	border-radius: 12px;
	padding: 10px;
	text-decoration: none;
	box-sizing: border-box;
}

.b:active {
	background-color: #ddd;
}


.c {
	color: #444;
	font-size: 15px;
	background-color: #bef;
	border: solid 1px #666;
	border-radius: 12px;
	padding: 2px;
	text-decoration: none;
}

.d {
	color: #444;
	font-size: 15px;
	background-color: #bef;
	border: solid 1px #666;
	border-radius: 12px;
	padding: 10px;
	text-decoration: none;
}

.table {
	font-size: 14px;
	font-family: Arial;
	border-spacing: 0px;
	border-collapse: collapse;
}

td {
	padding: 10px 7px 10px 7px;
}

.click-font {
  font-family: Special Elite;
  font-size:40px;
}

@keyframes hide {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@keyframes show {
	0% {opacity: 0;}
	100% {opacity: 1;}
}