@-webkit-keyframes logoBack1 { 0% { transform:translate(0px,-300px) rotate(300deg); -webkit-transform:translate(0px,-300px) rotate(300deg); -moz-transform:translate(0px,-300px) rotate(300deg); opacity:0; } 100% { transform:translate(0px,0px) rotate(0deg); -webkit-transform:translate(0px,0px) rotate(0deg); -moz-transform:translate(0px,0px) rotate(0deg); opacity:1; } } @keyframes logoBack1 { 0% { transform:translate(0px,-300px) rotate(300deg); -webkit-transform:translate(0px,-300px) rotate(300deg); -moz-transform:translate(0px,-300px) rotate(300deg); opacity:0; } 100% { transform:translate(0px,0px) rotate(0deg); -webkit-transform:translate(0px,0px) rotate(0deg); -moz-transform:translate(0px,0px) rotate(0deg); opacity:1; } } @-webkit-keyframes logoBack2 { 0% { transform:translate(300px,-300px) rotate(-180deg); -webkit-transform:translate(300px,-300px) rotate(-180deg); -moz-transform:translate(300px,-300px) rotate(-180deg); opacity:0; } 100% { transform:translate(0px,0px) rotate(0deg); -webkit-transform:translate(0px,0px) rotate(0deg); -moz-transform:translate(0px,0px) rotate(0deg); opacity:1; } } @keyframes logoBack2 { 0% { transform:translate(300px,-300px) rotate(-180deg); -webkit-transform:translate(300px,-300px) rotate(-180deg); -moz-transform:translate(300px,-300px) rotate(-180deg); opacity:0; } 100% { transform:translate(0px,0px) rotate(0deg); -webkit-transform:translate(0px,0px) rotate(0deg); -moz-transform:translate(0px,0px) rotate(0deg); opacity:1; } } @-webkit-keyframes logoBack3 { 0% { transform:translate(300px,300px) rotate(-540deg); -webkit-transform:translate(300px,300px) rotate(-540deg); -moz-transform:translate(300px,300px) rotate(-540deg); opacity:0; } 100% { transform:translate(0px,0px) rotate(0deg); -webkit-transform:translate(0px,0px) rotate(0deg); -moz-transform:translate(0px,0px) rotate(0deg); opacity:1; } } @keyframes logoBack3 { 0% { transform:translate(300px,300px) rotate(-540deg); -webkit-transform:translate(300px,300px) rotate(-540deg); -moz-transform:translate(300px,300px) rotate(-540deg); opacity:0; } 100% { transform:translate(0px,0px) rotate(0deg); -webkit-transform:translate(0px,0px) rotate(0deg); -moz-transform:translate(0px,0px) rotate(0deg); opacity:1; } } @-webkit-keyframes logoBack4 { 0% { transform:translate(0px,300px); -webkit-transform:translate(0px,300px); -moz-transform:translate(0px,300px); opacity:0; } 100% { transform:translate(0px,0px); -webkit-transform:translate(0px,0px); -moz-transform:translate(0px,0px); opacity:1; } } @keyframes logoBack4 { 0% { transform:translate(0px,300px); -webkit-transform:translate(0px,300px); -moz-transform:translate(0px,300px); opacity:0; } 100% { transform:translate(0px,0px); -webkit-transform:translate(0px,0px); -moz-transform:translate(0px,0px); opacity:1; } } @-webkit-keyframes logoBack5 { 0% { transform:translate(-300px,300px) rotate(720deg); -webkit-transform:translate(-300px,300px) rotate(720deg); -moz-transform:translate(-300px,300px) rotate(720deg); opacity:0; } 100% { transform:translate(0px,0px) rotate(0deg); -webkit-transform:translate(0px,0px) rotate(0deg); -moz-transform:translate(0px,0px) rotate(0deg); opacity:1; } } @keyframes logoBack5 { 0% { transform:translate(-300px,300px) rotate(720deg); -webkit-transform:translate(-300px,300px) rotate(720deg); -moz-transform:translate(-300px,300px) rotate(720deg); opacity:0; } 100% { transform:translate(0px,0px) rotate(0deg); -webkit-transform:translate(0px,0px) rotate(0deg); -moz-transform:translate(0px,0px) rotate(0deg); opacity:1; } } @-webkit-keyframes logoBack6 { 0% { transform:translate(-300px,-300px) rotate(1080deg); -webkit-transform:translate(-300px,-300px) rotate(1080deg); -moz-transform:translate(-300px,-300px) rotate(1080deg); opacity:0; } 100% { transform:translate(0px,0px) rotate(0deg); -webkit-transform:translate(0px,0px) rotate(0deg); -moz-transform:translate(0px,0px) rotate(0deg); opacity:1; } } @keyframes logoBack6 { 0% { transform:translate(-300px,-300px) rotate(1080deg); -webkit-transform:translate(-300px,-300px) rotate(1080deg); -moz-transform:translate(-300px,-300px) rotate(1080deg); opacity:0; } 100% { transform:translate(0px,0px) rotate(0deg); -webkit-transform:translate(0px,0px) rotate(0deg); -moz-transform:translate(0px,0px) rotate(0deg); opacity:1; } } @-webkit-keyframes logoNameEn { 0% { transform:translate(0px,30px); -webkit-transform:translate(0px,30px); -moz-transform:translate(0px,30px); opacity:0; } 100% { transform:translate(0px,0px); -webkit-transform:translate(0px,0px); -moz-transform:translate(0px,0px); opacity:1; } } @keyframes logoNameEn { 0% { transform:translate(0px,30px); -webkit-transform:translate(0px,30px); -moz-transform:translate(0px,30px); opacity:0; } 100% { transform:translate(0px,0px); -webkit-transform:translate(0px,0px); -moz-transform:translate(0px,0px); opacity:1; } } @-webkit-keyframes showScroll { 0% { opacity:0; } 100% { opacity:1; } } @keyframes showScroll { 0% { opacity:0; } 100% { opacity:1; } }