html,body {
	margin: 0px;
	padding: 0px;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
}

@media only screen and (max-width: 360px) and (min-width: 320px) {
	html, body {
		font-size: 10px; 
	} 
}

@media only screen and (max-width: 400px) and (min-width: 360px) {
	html, body {
		font-size: 11.25px; 
	} 
}

@media only screen and (max-width: 470px) and (min-width: 400px) {
	html, body {
		font-size: 12.5px; 
	} 
}

@media only screen and (max-width: 480px) and (min-width: 470px) {
	html, body {
		font-size: 14.6875px; 
	} 
}

@media only screen and (max-width: 540px) and (min-width: 480px) {
	html, body {
		font-size: 15px; 
	} 
}

@media only screen and (max-width: 560px) and (min-width: 540px) {
	html, body {
		font-size: 16.875px; 
	} 
}

@media only screen and (max-width: 570px) and (min-width: 560px) {
	html, body {
		font-size: 17.5px; 
	} 
}

@media only screen and (min-width: 640px) {
	html, body {
		font-size: 20px;
	} 
}

div,p,a,ul,li,ol,span {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.this_1200 {
	width: 1200px;
	margin: auto;
}

.clearfix:after {
	content: " ";
	clear: both;
	margin: 0px;
	padding: 0px;
	display: block;
}
.clearfix:before {
	content: " ";
	clear: both;
	margin: 0px;
	padding: 0px;
	display: block;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

a {
	text-decoration: none;
}

.this_1360 {
    width: 1360px;
    margin: auto;
}

@media(max-width: 1400px) {
  .this_1360 {
		width: 100%;
		margin: auto;
	}
}

@media screen and (min-width:769px) and (max-width:1024px) {

}

@media screen and (min-width:641px) and (max-width:768px) {
	
}

@media only screen and (max-width: 640px) {
	
}

@media only screen and (max-width: 470px) and (min-width: 400px) {

}

@media only screen and (max-width: 375px) and (min-width: 375px) {

}