/*===========================================
Registration
===========================================*/

div.cloud{
	background:url(/apage2016/images/cloudE.png?20160923) no-repeat;
	width:200px; height:110px;
	position:absolute; right:200px; bottom:40px;
	z-index:1;
	font-size:13px;
	color:#222;
	padding:31px 0 0 18px;
	line-height:12px;
}

/*-------------------------------------------
Step
-------------------------------------------*/
#step{
	background-color:#f9f9f9;
	padding:20px 20px 35px;
	margin-bottom:20px;
}
	#step div{
		float:left;
		width:25%;
		height:42px;
		position:relative;
		text-align:center;
		font-size:18px;
	}
	#step div.active{
		color:#ea6da5;
	}
		#step .number{
			display:inline-block;
			background-color:#fce6f0;
			color:#fff; font-size:18px; line-height:24px;
			width:24px;
			height:24px;
			border-radius:50%;
			position:absolute; left:50%; margin-left:-12px; bottom:-13px; z-index:2;
		}
		#step div.active .number{
			background-color:#ea6da5;
		}
		#step .underline{
			display:block;
			height:3px;
			background-color:#fce6f0;
			margin-top:15px;
		}
		#step .step1 .underline{
			width:50%;
			position:absolute; right:0;
		}
		#step .step4 .underline{
			width:50%;
			position:absolute;
		}
		#step div.active .underline{
			background-color:#ea6da5;
		}

/*-------------------------------------------
Check Icon
-------------------------------------------*/
#chkMail, #chkPassword{
	display:inline-block;
	margin-left:5px;
	width:24px; height:24px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	text-indent:-99999em;
}
#chkMail.O, #chkPassword.O{background-image:url(../images/icon_checkO.png);}
#chkMail.X, #chkPassword.X{background-image:url(../images/icon_checkX.png);}

/*-------------------------------------------
Confirm Content
-------------------------------------------*/	
#confirmContent{
	background-color:#fffdf1;
	padding:20px;
	border:1px solid #f8dea7;
}

/*-------------------------------------------
@2x
-------------------------------------------*/
@media 
all and (min--moz-device-pixel-ratio: 1.5),
all and (-o-min-device-pixel-ratio: 3/2),
all and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-device-pixel-ratio: 1.5),
all and (min-resolution: 1.5dppx) {
	
}