*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	   -moz-tap-highlight-color: rgba(0,0,0,0);
		-ms-tap-highlight-color: rgba(0,0,0,0);
		 -o-tap-highlight-color: rgba(0,0,0,0);     
}
*:before, *:after{
	box-sizing:inherit;
}
:focus {
	outline:none;
}
:invalid, :required , :valid {
	border:0;
	outline:none;
	-webkit-box-shadow:none;
	   -moz-box-shadow:none;
	        box-shadow:none;
}
::selection{
	background:#111;
	color:#fff;
}
html{
	height:100%;
}
body{
	font-family: "Outfit", serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	width:100%;
	height:100%;
	background: #fff;
	color: #000;
}
input:not([type="range"]),textarea,select,option,button{
	font-family:inherit;
	font-size:inherit;
	color:inherit;
	border:none;
	background:none;
	outline: none;
	line-height:inherit;
	-webkit-appearance:none;
	   -moz-appearance:none;
	    -ms-appearance:none;
	     -o-appearance:none;
	        appearance:none;
}
input:not([type="range"]){
	text-overflow:ellipsis;
	overflow:hidden;
}
select, select option{
	background:#fff;
	color:#000;
	padding:10px;
}
::placeholder{
	color:inherit;
	opacity:0.5;
}
.material-symbols-outlined{
	font-size: 1.125em;
    line-height: inherit;
	vertical-align: bottom;
}
a{
	text-decoration:none;
	color:inherit;
}
mark{
	background:none;
	color:inherit;
}
img, figure, iframe{
	display:block;
}
img{
	color:transparent !important;
	text-shadow:none !important;
}
img.cover{
	width:100%;
	height:100%;
	object-fit:cover;
}
br + br, .clear{
	clear:both;
}
.ease, a{
	transition: all 250ms ease;
}
.easeSlow{
	transition: all 500ms ease;
}
.easeNone{
	transition:none;
}
.easeStop *{
	transition:none !important;
}

h1, h2, h3, h4, h5, h6{
	font-family:inherit;
    line-height: inherit;
	font-weight: 700;
}
h1{
	font-size:2em;
}
h2{
	font-size:1.5em;
}
h3{
	font-size:1.25em;
}
h4{
	font-size:1.125em;
}
h5{
	font-size:1em;
}
h6{
	font-size:0.875em;
}

.seo-friendly{
	position:relative;
	display:block;
	width:100%;
	min-height:100%;
	max-width: 1920px;
	margin:auto;
	overflow:hidden;
	padding-top: 100px;
	outline: 1px solid red;
}
.seo-friendly.sell{
	padding-top: 160px;
}

.main, .main-layout, .main-box, .main-content, .main-header{
	position: relative;
	float: left;
	width: 100%;
}
.main-layout.hide{ display: none; }
.main-layout.right{ float: right; }
.main-layout.padding10{ padding: 10px; }
.main-layout.padding20{ padding: 20px; }
.main-layout.split2{ width: calc(100% / 2); }
.main-layout.split3{ width: calc(100% / 3); }
.main-layout.split3-merge2{ width: calc((100% / 3) * 2); }
.main-layout.split4{ width: calc(100% / 4); }
.main-box{ 
	background: #fff;
	outline: 1px solid red;
	transition: all 500ms ease;
}

.loadmore{
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	padding: 20px;
}
.loadmore a{
	display: inline-block;
	padding: 10px 30px;
	outline: 1px solid red;
}

@media screen and (max-width:1200px){
	body{ font-size:14px; }
	.seo-friendly{
		padding-top: 80px;;
	}
	.seo-friendly.sell{
		padding-top: 120px;
	}

	.main-layout.padding10{
		padding: calc(15px / 2);
	}

	.loadmore{
		padding: 15px;
	}
} 

@media screen and (max-width:800px){
	.seo-friendly{
		padding-top: 60px;;
	}
	.seo-friendly.sell{
		padding-top: 100px;
	}

	.main-layout.padding10{
		padding: 5px;
	}

	.loadmore{
		padding: 10px;
	}
}