@charset "UTF-8";

/* html { font-size : 62.5%; } */
/* html { font-size : 22%; } */
/* html { font-size : 27.77777778%; } */
html { font-size : 4.444432px; }

/* @media (min-width: 768px) {
	html { font-size : 20%; }
} */

@media (max-width: 767.98px) { 
	html { font-size : .7vw; }
}

@media (max-width: 499.98px) { 
	html { font-size : 1vw; }
}



html, body {
	-webkit-text-size-adjust : none;
	-ms-text-size-adjust : none;
	-moz-text-size-adjust : none;
	-o-text-size-adjust : none;
}

a, abbr, address, applet, article, aside, audio, b, big, blockquote, body, button, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hr, html, i, iframe, img, input, ins, kbd, label, legend, li, main, mark, menu, nav, object, ol, optgroup, output, p, pre, progress, q, ruby, s, samp, section, select, small, span, strike, strong, sub, summary, sup, svg, table, tbody, td, textarea, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	vertical-align: baseline;
	box-sizing: content-box;
	padding: 0;
	border: 0;
	margin: 0;
	overflow: visible;
	background: transparent;
	line-height: 160%;
	text-decoration: none;
	text-shadow: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* letter-spacing: -0.1rem; */
}

/* body { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } */

*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
} 

input, textarea, button {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

/* additional display */
article, aside, details, dialog, figcaption, figure, footer, header, main,
menu, nav, section, summary, svg {
	display: block;
}
audio, canvas, progress, video {
	display: inline-block;
}
[hidden], template {
	display: none;
}

/* decoration */
body {
	font-weight: 500;
	font-size: 1.6rem;
	width: 100%;
	word-break: keep-all;
}
div {
	-webkit-overflow-scrolling: touch;
}
abbr[title] {
	border-bottom: none;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
b, strong {
	font-weight: 700;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, b:after {
	content: none;
}
code, kbd, pre, samp {
	font-family: Consolas, "Lucida Console", monospace, "Courier New";
}
hr {
	height: 0;
}
img {
	border-style: none;
	max-width: 100%;
	vertical-align: top;
}
ol, ul {
	list-style: none;
}
svg:not(:root) {
	overflow: hidden;
}
table {
	border-spacing: 0;
}
table, th, td {
	border-collapse: collapse;
}
/* user interface */
a, button, input, option, select, textarea,
[type=checkbox] + label, [type=radio] + label {
	color: inherit;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	font-family: inherit;
	font-weight: inherit;
	font-size: inherit;
}
html.ui_mode_dark,
html.ui_mode_dark a { 
	color: #fff;
}
textarea, [type=email], [type=number], [type=password], [type=search],
[type=tel], [type=text], [type=url] {
	cursor: text;
}
optgroup, [type=date], [type=datetime], [type="datetime-local"],
[type=month], [type=range], [type=time], [type=week]  {
	cursor: default;
}
button:disabled, input:disabled, option:disabled, select:disabled,
textarea:disabled {
	cursor: default !important;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
a {
	box-sizing: border-box;
	-webkit-text-decoration-skip: objects;
}
button {
	border: none;
	cursor: pointer;
}
*:focus {
	outline: none !important;
}
button > * {
	position: relative;
}
input, select, textarea {
	border: 0.1rem solid #CCCCCC;
	background-color: #fff;
	font-size: 2rem;
}
button, select {
	text-transform: none;
}
button, [type=button], html [type=button], [type=reset], [type=submit] {
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
}
[type=number], [type=search] {
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
[type=search] {
	outline-offset: -0.2rem;
}
optgroup {
	font-weight: bold;
}
select, textarea {
	overflow: auto;
}
textarea {
	resize: none;
}
[type=checkbox], [type=radio] {
	width: 1.3rem;
	height: 1.3rem;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	padding: 0;
	/*border: 0;*/
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto;
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}
input::-ms-clear {
	display: none;
}
input::-ms-reveal {
	display: none;
}

::-webkit-input-placeholder {
	color: #999;
	font: inherit;
}
::-moz-placeholder {
	color: #999;
	font: inherit;
}
:-ms-input-placeholder {
	color: #999 !important;
	font: inherit;
}
:-moz-placeholder {
	color: #999;
	font: inherit;
}
::-webkit-file-upload-button {
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	font: inherit;
}
button, input, select, textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
}
select::-ms-expand {
	display: none;
}
::-moz-selection {
	background: #0A0B0C;
	color: #fff;
}
::selection {
	background: #0A0B0C;
	color: #fff;
}
img::selection {
	background:none
}
::-webkit-scrollbar {
	width: 1rem;
	height: 0.6rem;
}
::-webkit-scrollbar-thumb {
	background: #fff;
	/* background: rgba(0,0,0,0.35); */
	border-radius: 99em;
}
::-webkit-scrollbar-track {
	background: transparent;
}