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

#stage1 {
position: relative;
max-width:576px;
margin: 0 auto;
background:#fff;
}
#stage2 {
position: relative;
max-width:576px;
margin: 0 auto;
background:#fff;
}
#stage3 {
position: relative;
max-width:576px;
margin: 0 auto;
background:#fff;
}
.pic {
position: absolute;
}
.pic img {
width: 100%;
height: auto;
opacity:0;
-moz-animation: imgTrans 15s infinite;
-webkit-animation: imgTrans 15s ease-in infinite;
animation: imgTrans 15s infinite;
}
#photo1 img {
-moz-animation-delay: 5s;
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
#photo2 img {
-moz-animation-delay: 10s;
-webkit-animation-delay: 10s;
animation-delay: 10s;
}
#photo3 img {
-moz-animation-delay: 15s;
-webkit-animation-delay: 15s;
animation-delay: 15s;
}
#photo4 img {
-moz-animation-delay: 5s;
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
#photo5 img {
-moz-animation-delay: 10s;
-webkit-animation-delay: 10s;
animation-delay: 10s;
}
#photo6 img {
-moz-animation-delay: 15s;
-webkit-animation-delay: 15s;
animation-delay: 15s;
}
#photo7 img {
-moz-animation-delay: 5s;
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
#photo8 img {
-moz-animation-delay: 10s;
-webkit-animation-delay: 10s;
animation-delay: 10s;
}
#photo9 img {
-moz-animation-delay: 15s;
-webkit-animation-delay: 15s;
animation-delay: 15s;
}

@-webkit-keyframes imgTrans {
0% { opacity:0; }
15% { opacity:1; }
30% { opacity:1; }
60% { opacity:0; }
100% { opacity:0; }
}
@-moz-keyframes imgTrans {
0% { opacity:0; }
15% { opacity:1; }
30% { opacity:1; }
60% { opacity:0; }
100% { opacity:0; }
}
@keyframes imgTrans {
0% { opacity:0; }
15% { opacity:1; }
30% { opacity:1; }
60% { opacity:0; }
100% { opacity:0; }
}