@charset "UTF-8";
/* CSS Document */

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

@-webkit-keyframes fadeInOut { 0%,100% { opacity: 0; } 25%,75% { opacity: 1; } }
@-moz-keyframes fadeInOut { 0%,100% { opacity: 0; } 25%,75% { opacity: 1; } }
@keyframes fadeInOut { 0%,100% { opacity: 0; } 25%,75% { opacity: 1; } }



#divPersonalData_container {
	width: 100%;
	height: 600px;
}



#divPersonalData_s0 {
	position: relative;
	width: 570px;
	height: 570px;
	margin: auto;
}


#divPersonalData_s1 {
	margin: auto;
	width: 100%;
	background-color:#FFF;
	float: left;
	left: 0;
	position: absolute;
}
#divPersonalData_s1 {
	height: 570px;
	top: 4px;
}
#divPersonalData_s1 a {
	color: #3170d8;
	text-decoration: none;
}
#divPersonalData_s1 a:hover {
	text-decoration: underline;
}







#divPersonalData_s1 {
	z-index: 100;
}
#divPersonalData_s1_IMG { width: 570px; margin: auto; margin-top: -20px; }
#divPersonalData_s1_IMG_canvascloud,
#divPersonalData_s1_IMG_personaldata,
#divPersonalData_s1_IMG_eyes {
	margin: auto;
	width: 568px;
	position: absolute;
}

#divPersonalData_s1_IMG_eyes {
	opacity: 0;
	-webkit-animation: fadeIn ease-in 1;
	-moz-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 1.5s;
	-moz-animation-duration: 1.5s;
	animation-duration: 1.5s;
}
#divPersonalData_s1_IMG_personaldata {
	opacity: 0;
	-webkit-animation: fadeIn ease-in 1;
	-moz-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	animation-duration: 1s;
}

#divPersonalData_s1_IMG_canvascloud { 
	z-index: 113;
}
#divPersonalData_s1_IMG_personaldata { 
	z-index: 112;
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
#divPersonalData_s1_IMG_eyes { 
	z-index: 111;
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	animation-delay: 1.5s;
}

#divPersonalData_s1_text01 {
	font-style: italic;
	opacity: 0;
	-webkit-animation: fadeIn ease-in 1;
	-moz-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	animation-duration: 1s;
}
#divPersonalData_s1_text01 {
	margin: auto;
	margin-top: 40px;
	top: 10px;
	width: 720px;
	z-index: 121;
	position:relative;
	font-size: 20px;
	line-height: 140%;
	color: #D91B5C;
	text-align: justify;
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	animation-delay: 3s;
}








/* For different resolutions */






/* container width 420px */

/*
@media (min-device-width:1024px) and (max-width:989px),
       screen and (max-device-width:480px),
	   (max-device-width:640px) and (orientation:landscape),
       (min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait) {
*/


@media screen and (min-device-width:1024px) and (max-width:989px),
       screen and (max-device-width:480px),
	   screen and (max-device-width:640px) and (orientation:landscape),
       screen and (min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait),
	   only screen and (min-device-width:481px) and (max-device-width:1024px) and (-moz-min-device-pixel-ratio: 1.5) and (orientation:portrait), 
	   only screen and (min-device-width:481px) and (max-device-width:1024px) and (-o-min-device-pixel-ratio: 3/2) and (orientation:portrait), 
	   only screen and (min-device-width:481px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation:portrait), 
	   only screen and (min-device-width:481px) and (max-device-width:1024px) and (min-device-pixel-ratio: 1.5) and (orientation:portrait),
	   only screen and (min-device-width:481px) and (max-device-width:1024px) and (-moz-min-device-pixel-ratio: 2) and (orientation:portrait), 
	   only screen and (min-device-width:481px) and (max-device-width:1024px) and (-o-min-device-pixel-ratio: 2/1) and (orientation:portrait), 
	   only screen and (min-device-width:481px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:portrait), 
	   only screen and (min-device-width:481px) and (max-device-width:1024px) and (min-device-pixel-ratio: 2) and (orientation:portrait) {	
	

	#divPersonalData_container { height: 800px; }
	
	#divPersonalData_s0 {
		width: 350px;
		height: 520px;
		top: 4px;
	}
	#divPersonalData_s1 {
		height: 450px;
		top: 4px;
	}
	#divPersonalData_s1_IMG { width: 350px; margin-top: -200px; }

	
	
	#divPersonalData_s1_IMG_canvascloud,
	#divPersonalData_s1_IMG_personaldata,
	#divPersonalData_s1_IMG_eyes {
		width: 348px;
	}
	#divPersonalData_s1_IMG_canvascloud img,
	#divPersonalData_s1_IMG_personaldata img,
	#divPersonalData_s1_IMG_eyes img {
		width: 346px;
		height: 346px;
	}
	
	
	#divPersonalData_s1_text01 {
		font-size: 18px;
		margin-top: 360px;
		width: 90%;
	}
	
	
	
	   
}





/* container width 300px */

/*
@media (min-device-width:1024px) and (max-width:509px),
       (max-device-width:480px) and (orientation:portrait) {
*/


@media screen and (max-device-width:320px), 
       screen and (min-device-width:1024px) and (max-width:509px),
       screen and (max-device-width:480px) and (orientation:portrait),
	   only screen and (max-device-width:480px) and (-moz-min-device-pixel-ratio: 1.5) and (orientation:portrait), 
	   only screen and (max-device-width:480px) and (-o-min-device-pixel-ratio: 3/2) and (orientation:portrait), 
	   only screen and (max-device-width:480px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation:portrait),
	   only screen and (max-device-width:480px) and (min-device-pixel-ratio: 1.5) and (orientation:portrait),
	   only screen and (max-device-width:480px) and (-moz-min-device-pixel-ratio: 2) and (orientation:portrait), 
	   only screen and (max-device-width:480px) and (-o-min-device-pixel-ratio: 2/1) and (orientation:portrait), 
	   only screen and (max-device-width:480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:portrait), 
	   only screen and (max-device-width:480px) and (min-device-pixel-ratio: 2) and (orientation:portrait),
	   only screen and (max-width:720px) and (-moz-min-device-pixel-ratio: 1.5) and (orientation:portrait), 
	   only screen and (max-width:720px) and (-o-min-device-pixel-ratio: 3/2) and (orientation:portrait), 
	   only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation:portrait), 
	   only screen and (max-width:720px) and (min-device-pixel-ratio: 1.5) and (orientation:portrait), 
	   only screen and (max-width:720px) and (-moz-min-device-pixel-ratio: 2) and (orientation:portrait), 
	   only screen and (max-width:720px) and (-o-min-device-pixel-ratio: 2/1) and (orientation:portrait), 
	   only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:portrait), 
	   only screen and (max-width:720px) and (min-device-pixel-ratio: 2) and (orientation:portrait) {	
	 
	
	#divPersonalData_container { height: 360px; }
	
	#divPersonalData_s0 {
		width: 260px;
		height: 480px;
	}
	#divPersonalData_s1 { top: 160px; height: 400px; }
	#divPersonalData_s1_IMG { width: 260px; }
	#divPersonalData_s1_IMG { margin-top: -320px; }
	
	
	#divPersonalData_s1_IMG_canvascloud,
	#divPersonalData_s1_IMG_personaldata,
	#divPersonalData_s1_IMG_eyes {
		width: 258px;
	}
	#divPersonalData_s1_IMG_canvascloud img,
	#divPersonalData_s1_IMG_personaldata img,
	#divPersonalData_s1_IMG_eyes img {
		width: 256px;
		height: 256px;
	}
	
	
	#divPersonalData_s1_text01 {
		font-size: 16px;
		left: 0;
		margin-top: 260px;
	}
	
	
	
	   
}