@charset "utf-8";
/*----    aboutCasio    ----*/
#casio{
	position:relative;
	max-width:1280px;
	margin:0 auto;
	font-family:Arial,"微軟正黑體";
}
#casio .topTitle{
	position:relative;
	top:81px;
	margin-left:369px;
}
#casio .topTitle .title{
	margin-left:124px;
	width:0px;
	height:49px;
	background:url(../../images/about/aboutCasio_topTitle.png)no-repeat;
}
#casio .topTitle .underLine{
	margin-top:2px;
	margin-left:0px;
	width:100px;
	height:4px;
	background-color:black;
}
#casio .topTitle .pencil{
	margin-top:-55px;
	margin-left:55px;
	width:104px;
	height:56px;
	background:url(../../images/about/pencil.png)no-repeat;
}
#casio .subTitle{
	margin-top:140px;
	margin-left:226px;
	text-align:justify;
	font-size:1.005em;
	font-weight:500;
	letter-spacing:0.05em;
	opacity:0;
}
#casio .subTitle .text:first-child{
	margin-top:125px;
	width:328px;
	height:183px;
	line-height:1.85em;
}
#casio .subTitle .text:last-child{
	margin-top:50px;
	margin-left:0px;
	width:328px;
	height:155px;
	line-height:1.85em;
}
#casio .diagram .diagramCover{
	position:relative;/**/
	margin-top:-600px;
	margin-left:-20px;
	top:0px;
	left:0px;
	width:545px;
	height:635px;
	opacity:1;
/*	background-color:aqua;*/
}
#casio .diagram{
/*	display:inline-block;*/
	margin-top:-388px;
	margin-left:572px;
	opacity:0;
}
#casio .diagram .BG_hash{
	position:relative;
	top:-15px;
	left:-20px;
	margin-top:0px;
	margin-left:0px;
	width:454px;
	height:570px;
	background:url(../../images/about/aboutCasio_building_sprites.png)-453px 0px no-repeat;
}
#casio .diagram .building_black{
	position:relative;
	top:15px;
	left:20px;
	margin-top:-545px;
	margin-left:32px;
	width:443px;
	height:563px;
	background:url(../../images/about/aboutCasio_building_sprites.png)-418px -570px no-repeat;
}
#casio .diagram .building_color{
	position:relative;
	top:-15px;
	left:-20px;
	margin-top:-563px;
	margin-left:32px;
	width:416px;
	height:540px;
	opacity:0;
	background:url(../../images/about/aboutCasio_building_sprites.png)0px -570px no-repeat;
}
.opacity_on{
	animation-name:op_on;
	animation-duration:4s;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
}
@keyframes op_on{
	0%{opacity:0;}
	52%{opacity:0;}
	100%{opacity:1;}
}
#casio .diagram .BG_border{
	position:relative;
	top:-15px;
	left:0px;
	margin-top:-564px;
	margin-left:-20px;
	width:450px;
	height:567px;
	cursor:pointer;
	background:url(../../images/about/aboutCasio_building_sprites.png);
}