body {
	background-color: #000000;
	color: #FFFFFF;
	text-align: center;
    font-weight: 900;
    font-family: sans-serif;
}

a {
    color: #FFB0B0;
    text-decoration: underline dotted #8080FF;
}

.main {
    width: 75%;
    float: none;
    margin: auto;
}

.whole {
		width: 90%;
		padding: 2px;
}
.half {
		width: 45%;
		padding: 2px;

}
.third {
		width: 30%;
		padding: 2px;
}

img.banner_a {
	height: 20px;
	image-rendering: crisp-edges;	
}
img.banner_b {
	height: 62px;
	image-rendering: crisp-edges;
}
img.banner_big {
	height: 155px;
	image-rendering: crisp-edges;
}
img.banner_c {
	height: 65px;
	image-rendering: crisp-edges;
}
.box {
	background-color: #100020;
	display: inline-flex;
	padding: 10px;
	border-radius: 10px;
	outline-style: dotted;
	outline-color: #8000E0;
}
@media (max-width: 1000px) {
		.main {
				width: 90%;
				font-size: 1.2em;
		}
		.whole {
				width: 90%;
		}
		.half {
				width: 90%;
		}
		.third {
				width: 90%;
		}
}