﻿.wheel-icon {
	position: absolute;
	cursor: pointer;
}
.wheel-bg {
	position: absolute;
}
.wheel-bg-large {
	position: absolute;
}
.wheel-bg-earlier { position: absolute; top: 2px; left: 10px; }
.b-wheel-main-title {
	position: absolute;
	font-size: 32px;
	font-weight: 600;
	overflow: hidden;
}
.b-wheel-main-title.position2, .b-wheel-main-title.position2 div {
	width: 180px; 
	height: 90px;
}
.b-wheel-main-title.position1 {
	width: 250px;
	height: 45px; 
	text-align: center;
}
.b-wheel-main-title .blue {
	color: #6699FF;
}
.b-wheel-main-title .pink {
	color: #FF66CC;
}
.b-wheel-main-title .emerald {
	color: #00CCCC;
}
.wheel-subtitle {
	position: absolute;
	display: none;
	background-color: transparent;
	color: white;
	font-size: 12px;
	line-height:13px;
	text-align: center;
}
.wheel-icon div { position: absolute; }
.wheel-icon img.on,
.wheel-icon img.hover,
.wheel-icon div.wheel-subtitle { display: none; }
.wheel-icon:hover img.normal,
.wheel-icon:hover img.on { display: none; }
.wheel-icon:hover img.hover { display: inline; }
.wheel-icon:hover div.wheel-subtitle { display : block; }
.wheel-icon.on img.normal,
.wheel-icon.on img.hover { display: none; }
.wheel-icon.on img.on { display: inline; }
.wheel-icon.on:hover img.normal,
.wheel-icon.on:hover img.hover { display: none; }
.wheel-icon.on:hover img.on { display: inline; }
.wheel-icon.on:hover div.wheel-subtitle { display : none; }