html,body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}

body {
	background-color: #007cdc;
	background-image: url("../img/bg.png");
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: center top;
}

.single {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.container {
	color: #ffffff;
}

.container p {
	letter-spacing: 1px;
}

.container strong {
	font-size: 24px;
	letter-spacing: 4px;
}

.floor {
	letter-spacing: 0px;
}

.float .rm .ico_0 {
	border-radius: 50%;
	background-color: #f8a232;
	background-image: url("../img/float/ico_demo.png");
}

.float .rm .ico_1 {
	border-radius: 50%;
	background-color: #e84336;
	background-image: url("../img/float/ico_group.png");
}

.float .rm .ico_2 {
	border-radius: 50%;
	background-color: #74b856;
	background-image: url("../img/float/ico_server.png");
}

.float .rm .ico_3 {
	border-radius: 50%;
	background-color: #ff8345;
	background-image: url("../img/float/ico_vvip.png");
}

.float .rm .ico_4 {
	border-radius: 50%;
	background-color: #cd7bdd;
	background-image: url("../img/float/ico_ad.png");
}

/* pc */
@media screen and (min-width: 960px){

	body {
		background-size: 20%;
	}

	.float .rm {
		position: fixed;
		top: 256px;
		right: 8px;
		z-index: 1001;	
	}
	
	.float .rm div {
		margin-top: 6px;
		width: 58px;
		height: 58px;
		background-size: 100% 100%;	
	}

	.logo {
		width: 60%;
		max-width: 256px;
	}

}

/* phone */
@media screen and (max-width: 960px){

	body {
		background-size: 50%;
	}

	.float .rm {
		position: fixed;
		top: 128px;
		right: 8px;
		z-index: 1001;
	}

	.float .rm div {
		margin-top: 6px;
		width: 42px;
		height: 42px;
		background-size: 100% 100%;	
	}

	.logo {
		width: 60%;
		min-width: 128px;
	}

}