/*brother i library - basic css, last-edited: 2020-07-11*/
* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	outline: none;
	/*prevent callout to copy image, etc when tap to hold*/
	-webkit-touch-callout: none;
	/*prevent tap highlight color or shadow*/
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
*:not(input):not(textarea) {
	/*prevent text selection*/
	-webkit-user-select: none;
}
body {
	font-family: Arial, Helvetica, Garuda, sans-serif;
}
body, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, fieldset {
	/*Don't forget*/
	/*the top and bottom distance of text can also be setted by line-height*/
	padding: 0;
	margin: 0;
}
p, blockquote {
	padding: 0;
	margin: 10px 0;
}
span {
	/*group the words together at the line break*/
	display: inline-block;
	font-size: inherit;
}
a {
	color: inherit;
	text-decoration: none;
}
img {
	border: 0;
}
button, input, select {
	vertical-align: middle;
	height: 40px;
}
button, input[type="button"], input[type="submit"], input[type="reset"] {
	cursor: pointer;
}
button:focus, input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:focus {
	outline: blue;
}
input[type="text"], input[type="number"], input[type="password"], input[type="tel"], input[type="email"], input[type="search"], input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"], select {
	font-size: 16px;
	padding: 0 5px;
}
input[type="checkbox"], input[type="radio"] {
	width: 20px;
	height: 20px;
	margin: 0 5px 0 10px;
}
input[type="checkbox"]:first-child, input[type="radio"]:first-child {
	margin-left: 5px;
}
label {
	vertical-align: middle;
}
textarea {
	font-size: inherit;
	resize: none;
}
table {
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
}
th, td {
	vertical-align: text-top;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}
tr:first-child th, tr:first-child td {
	border-top: 1px solid black;
}
th:first-child, td:first-child {
	border-left: 1px solid black;
}
th {
	font-weight: bold;
}
table button, table input, table select {
	max-width: 100%;
	height: 24px;
}
/*standard class*/
.ableSelectText {
	-webkit-user-select: text;
}
.textCenter {
	text-align: center;
}
.textRight {
	text-align: right;
}
.textLeft {
	text-align: left;
}
.button {
	vertical-align: middle;
	cursor: pointer;
}
input.noPicker::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}
.scene {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 200;
}
.ground {
	position: fixed;
	top: -100%;
	left: 0;
	width: 100%;
	height: 300%;
	z-index: 100;
}
.boxMiddle {
	position: absolute;
	top: 50%;
	left: 0;
	text-align: center;
	transform: translateY(-50%);
	width: 100%;
}
.column {
	text-align: center;
	padding-top: 20px;
}
.column>* {
	display: block;
	margin: 0 auto 10px;
}
.column>label {
	margin-bottom: 5px;
}
.column>button, .column>input[type="button"], .column>input[type="submit"], .column>input[type="reset"] {
	margin: 20px auto;
}
.noBorder, table.noBorder th, table.noBorder td,
tr.noBorder th, tr.noBorder td {
	border: none;
}
.noBorderLeft {
	border-left: none;
}
.noBorderRight {
	border-right: none;
}
.noBorderBottom, tr.noBorderBottom th, tr.noBorderBottom td {
	border-bottom: none;
}
.standardTable {
	/*easy to read the table data*/
	background: white;
	color: black;
	font-size: 14px;
	width: 100%;
	margin: auto;
}
.standardTable th, .standardTable td {
	/*set the table cell's height and limit to only 1 line.*/
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: middle;
	height: 40px;
	padding: 0 5px;
}
.standardTable button, .standardTable input, .standardTable select {
	/*font-size will inherit from table element*/
	font-size: inherit;
}
/*animation*/
/*for any reverse animation, set animation-direction to reverse*/
@keyframes zoom {
	0% { transform: scale(1) }
	100% { transform: scale(1.5) }
}
@keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes fadeInZoomIn {
	0% { opacity: 0; transform: scale(0.8); }
	100% { opacity: 1;  transform: scale(1); }
}
@keyframes fadeInZoomOut {
	0% { opacity: 0; transform: scale(1.5); }
	100% { opacity: 1;  transform: scale(1); }
}
@keyframes fadeInFlipUp {
	0% { opacity: 0; transform: rotateX(180deg); }
	100% { opacity: 1;  transform: rotateX(0); }
}
@keyframes clockwise180 {
	0% { transform: rotateZ(0); }
	100% { transform: rotateZ(180deg); }
}
@keyframes clockwise360 {
	0% { transform: rotateZ(0); }
	100% { transform: rotateZ(360deg); }
}
[inViewport] {
	animation-fill-mode: both;
}
/*standard print*/
@media print {
	.standardPrint, .standardPrint * {
		background: white !important;
		color: black !important;
		box-shadow: none;
	}
	.standardPrint img {
		page-break-inside: avoid !important;
	}
	.standardPrint video, .standardPrint nav {
		display: none !important;
	}
	body.standardPrint {
		padding-top: 0 !important;
	}
	.standardPrint header, .standardPrint footer {
		position: static !important;
	}
	.standardPrint input, .standardPrint select {
		border: 0 !important;
		-webkit-appearance: none !important;
		-moz-appearance: none !important;
	}
	[inViewport] {
		transform: none !important;
		opacity: 1 !important;
	}
}