.logoGroup {
	display: block;
	width: 420px;
	height: 240px;
	position: relative;
	margin: 20px 20px 30px;
/*	float: left;*/
}
.logowork {
	display:block;
	width:100%;
	height:100%;
}
.logoGroup img {
	width:100%;
	height:100%;
	position:absolute;
	display:block;
}
.logoGroup .detail {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	background:none;
}
.logoGroup .detail p {
	font-size: 12px;
	text-align: left;
}
/*	Without CSS3 */
.logoGroup.slide {
	overflow: hidden;
}
.logoGroup.slide .detail {
	bottom:-364px;
}
/*  CSS3 Flip */	
.logoGroup.flip {
	-webkit-perspective:800px;
	-moz-perspective:800px;
	-ms-perspective:800px;
	-o-perspective:800px;
	perspective:800px;
}
.logoGroup.flip .logowork {
	-webkit-transition: -webkit-transform 1s;
	-moz-transition: -moz-transform 1s;
	-ms-transition: -ms-transform 1s;
	-o-transition: -o-transform 1s;
	transition: transform 1s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.logoGroup.flip .detail, .logoGroup.flip .theFlip {
	-webkit-transform: rotateX(-180deg);
	-moz-transform: rotateX(-180deg);
	-ms-transform: rotateX(-180deg);
	-o-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
}
.logoGroup.flip img, .logoGroup.flip .detail {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}