@font-face {
	font-family: 'Helvetica';
	src: url('hthin.otf');
	src: url('hthin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Helvetica';
	src: url('hlight.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Helvetica';
	src: url('hreg.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html{
	width: 100%;
	height: 100%;
}

body {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  color:var(--c-black);
  font-family:'Helvetica', arial;
}

h1,
h2,
h3,
h4,
h5,
h6,
{
  margin: 0;
}
/*
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
*/
picture {
  margin: 0;
  padding: 0;
}

button,
a {
  line-height: inherit;
  font-family: inherit;
  font-size: inherit;
  color: currentColor;
  -webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-moz-transition: all 0.3s ease;
  text-decoration: none;
}

i{font-style:normal;}

.dfs{
	border: 1px solid var(--rc);
	border-radius: 3px;
	background: rgba(0,0,0,0.8);
	color:#fafafa;
	padding: 5px;
	font-size: 16px;
}