@charset "utf-8";

*{
 margin:0;
 padding:0;
}
a img {
 border:none;
}
body {
	background-color: #000000;	
}
#mainBg {
	position: absolute;
	top: 40%;
	left: 50%;
	margin-left: -195px;
	margin-top: -50px;
	text-align: center;
}
#mainBg img{
	margin-bottom: 60px;
}
#mainBg .online_btn{
	display: inline-block;
	width: 191px;
	height: 34px;
}

#mainBg .online_btn:hover{
	background: none;
	background: url("../img/online_btn_on.png") no-repeat;
}

#mainBg .online_btn:hover img{
	visibility: hidden;
}

@media screen and (max-width: 600px){
	#mainBg{
		width:234px;
		height:60px;
		margin-left:-117px;
		margin-top:-30px;
	}
	#mainBg img{
		display:block;
		width:100%;
		margin-bottom: 40px;
	}
}