@charset "utf-8";

#intro {position:fixed; top:0; right:0; width:100%; height:100%;}
#intro .contain {display:table; width:100%; height:100%; margin:0 auto;}
#intro .cell {display:table-cell; width:100%; height:100%; vertical-align:middle;}
#intro img {display:block; margin:0 auto;}

.animate {transition: all 1.5s ease-out 0s;}
.animate2 {transition: all 3s ease-out 0s;}
.animate3 {transition: all 4s ease-out 0s;}

.delay01 {transition-delay: 0.1s}
.delay02 {transition-delay: 0.2s}
.delay03 {transition-delay: 0.3s}
.delay04 {transition-delay: 0.4s}
.delay05 {transition-delay: 0.5s}
.delay06 {transition-delay: 0.6s}
.delay07 {transition-delay: 0.7s}
.delay08 {transition-delay: 0.8s}
.delay09 {transition-delay: 0.9s}
.delay10 {transition-delay: 1.0s}

.fade-in {opacity: 0;visibility: hidden;}

.trans-up { 
	opacity: 0;visibility: hidden;
	-moz-transform: translate3d(0px, 30px, 0px);-ms-transform: translate3d(0px, 30px, 0px);-o-transform: translate3d(0px, 30px, 0px);-webkit-transform: translate3d(0px, 30px, 0px);transform: translate3d(0px, 30px, 0px);   
}

.active .fade-in {opacity: 1;visibility: visible;}

.active .trans-up { 
	opacity: 1;visibility: visible;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	filter: alpha(opacity=100);
	-moz-transform: translate3d(0px, 0px, 0px);-ms-transform: translate3d(0px, 0px, 0px);-o-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);transform: translate3d(0px, 0px, 0px); 
}