@-moz-keyframes pandoraUp {
  from {
    height: 0;
  }
  to {
    height: 100%;
  }
}
@-webkit-keyframes pandoraUp {
  from {
    height: 0;
  }
  to {
    height: 100%;
  }
}
@keyframes pandoraUp {
  from {
    height: 0;
  }
  to {
    height: 100%;
  }
}
@-moz-keyframes pandoraDown {
  from {
    height: 100%;
  }
  to {
    height: 0;
  }
}
@-webkit-keyframes pandoraDown {
  from {
    height: 100%;
  }
  to {
    height: 0;
  }
}
@keyframes pandoraDown {
  from {
    height: 100%;
  }
  to {
    height: 0;
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-moz-keyframes fadeInRight {
  from {
    opacity: 0;
    margin-left: 0;
  }
  to {
    opacity: 1;
    margin-left: 10px;
  }
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    margin-left: 0;
  }
  to {
    opacity: 1;
    margin-left: 10px;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    margin-left: 0;
  }
  to {
    opacity: 1;
    margin-left: 10px;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-moz-keyframes fadeInUp {
  from {
    opacity: 0;
    margin-top: 0;
  }
  to {
    opacity: 1;
    margin-top: -20px;
  }
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    margin-top: 0;
  }
  to {
    opacity: 1;
    margin-top: -20px;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    margin-top: 0;
  }
  to {
    opacity: 1;
    margin-top: -20px;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-moz-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* 左右游戏卡片 slideLeft, slideRight */
@-moz-keyframes slideLeft {
  from {
    left: 0;
  }
  to {
    left: -123px;
  }
}
@-webkit-keyframes slideLeft {
  from {
    left: 0;
  }
  to {
    left: -123px;
  }
}
@keyframes slideLeft {
  from {
    left: 0;
  }
  to {
    left: -123px;
  }
}
.slideLeft {
  -webkit-animation-name: slideLeft;
  animation-name: slideLeft;
  -webkit-animation-duration: 1.1s;
  animation-duration: 1.1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-moz-keyframes slideRight {
  from {
    right: 0;
  }
  to {
    right: -150px;
  }
}
@-webkit-keyframes slideRight {
  from {
    right: 0;
  }
  to {
    right: -150px;
  }
}
@keyframes slideRight {
  from {
    right: 0;
  }
  to {
    right: -150px;
  }
}
.slideRight {
  -webkit-animation-name: slideRight;
  animation-name: slideRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* 底部三个小方块曲线运动 moveUp */
@-moz-keyframes moveUp {
  from {
    bottom: 0;
  }
  to {
    bottom: 40px;
  }
}
@-webkit-keyframes moveUp {
  from {
    bottom: 0;
  }
  to {
    bottom: 40px;
  }
}
@keyframes moveUp {
  from {
    bottom: 0;
  }
  to {
    bottom: 40px;
  }
}
.moveUp {
  -webkit-animation-name: moveUp;
  animation-name: moveUp;
  -webkit-animation-duration: 6s;
  animation-duration: 6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* 底部三个小方块曲线运动, selfRotate */
@-moz-keyframes selfRotate {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
  }
}
@-webkit-keyframes selfRotate {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
  }
}
@keyframes selfRotate {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
  }
}
.selfRotate {
  -webkit-animation-name: selfRotate;
  animation-name: selfRotate;
  -webkit-animation-duration: 6s;
  animation-duration: 6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  -o-animation-timing-function: linear;
}
@-moz-keyframes moveCurve-1 {
  from {
    margin-left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    margin-left: -80px;
  }
}
@-webkit-keyframes moveCurve-1 {
  from {
    margin-left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    margin-left: -80px;
  }
}
@keyframes moveCurve-1 {
  from {
    margin-left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    margin-left: -80px;
  }
}
.moveCurve-1 {
  -webkit-animation-name: moveCurve-1;
  animation-name: moveCurve-1;
  -webkit-animation-duration: 6s;
  animation-duration: 6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-moz-keyframes moveCurve-2 {
  from {
    margin-left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  60% {
    margin-left: -15px;
    -webkit-transform: rotate(-24deg);
    -moz-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    -o-transform: rotate(-24deg);
  }
  to {
    margin-left: -5px;
    -webkit-transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
  }
}
@-webkit-keyframes moveCurve-2 {
  from {
    margin-left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  60% {
    margin-left: -15px;
    -webkit-transform: rotate(-24deg);
    -moz-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    -o-transform: rotate(-24deg);
  }
  to {
    margin-left: -5px;
    -webkit-transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
  }
}
@keyframes moveCurve-2 {
  from {
    margin-left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  60% {
    margin-left: -15px;
    -webkit-transform: rotate(-24deg);
    -moz-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    -o-transform: rotate(-24deg);
  }
  to {
    margin-left: -5px;
    -webkit-transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
  }
}
.moveCurve-2 {
  -webkit-animation-name: moveCurve-2;
  animation-name: moveCurve-2;
  -webkit-animation-duration: 6s;
  animation-duration: 6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-moz-keyframes moveCurve-3 {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    margin-left: 0;
  }
  to {
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    margin-left: 5px;
  }
}
@-webkit-keyframes moveCurve-3 {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    margin-left: 0;
  }
  to {
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    margin-left: 5px;
  }
}
@keyframes moveCurve-3 {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    margin-left: 0;
  }
  to {
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    margin-left: 5px;
  }
}
.moveCurve-3 {
  -webkit-animation-name: moveCurve-3;
  animation-name: moveCurve-3;
  -webkit-animation-duration: 6s;
  animation-duration: 6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.movie-resource {
  position: relative;
  height: 674px;
}
.movie-resource .bottom-shadow {position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 93px;background-repeat: repeat-x}
.movie-resource .separate-line {position: absolute;
  width: 1024px;
  height: 1px;
  left: 50%;
  margin-left: -512px;
  
  top: 77px;background-repeat: no-repeat;}
.movie-resource .bg-container {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -337px 0 0 -622.5px;
  width: 1245px;
  height: 100%;
  z-index: -11;
}
.movie-resource .movie-bg-1 {
  position: absolute;
  top: -110px;
  left: -176px;
  width: 384px;
  height: 385px;
  background: url(../images/movie-bg-1-d8766a2.png) no-repeat center center;
}
.movie-resource .movie-bg-2 {
  position: absolute;
  top: -6px;
  left: 107px;
  width: 222px;
  height: 273px;
  background: url(../images/movie-bg-2-c96612d.png) no-repeat center center;
}
.movie-resource .movie-bg-3 {
  position: absolute;
  top: -57px;
  left: 255px;
  width: 257px;
  height: 309px;
  background: url(../images/movie-bg-3-ab47586.png) no-repeat center center;
}
.movie-resource .movie-bg-4 {
  position: absolute;
  top: -57px;
  left: 423px;
  width: 352px;
  height: 277px;
  background: url(../images/movie-bg-4-4354daf.png) no-repeat center center;
}
.movie-resource .movie-bg-5 {
  position: absolute;
  top: 179px;
  left: 309px;
  width: 230px;
  height: 276px;
  background: url(../images/movie-bg-5-18019ce.png) no-repeat center center;
}
.movie-resource .movie-bg-6 {
  position: absolute;
  top: 130px;
  left: 486px;
  width: 274px;
  height: 337px;
  background: url(../images/movie-bg-6-e4e80dc.png) no-repeat center center;
}
.movie-resource .movie-bg-7 {
  position: absolute;
  top: 245px;
  left: -109px;
  width: 336px;
  height: 437px;
  background: url(../images/movie-bg-7-8ba7803.png) no-repeat center center;
}
.movie-resource .movie-bg-8 {
  position: absolute;
  top: 308px;
  left: 207px;
  width: 275px;
  height: 347px;
  background: url(../images/movie-bg-8-29ecd00.png) no-repeat center center;
}
.movie-resource .movie-bg-9 {
  position: absolute;
  top: 306px;
  left: 424px;
  width: 325px;
  height: 418px;
  background: url(../images/movie-bg-9-b91dd5b.png) no-repeat center center;
}
.movie-resource .left-panel {
  float: left;
  width: 64%;
}
.movie-resource .movie-sug {position: relative;
  width: 330px;
  height: 62px;
  margin-top: 250px;
  margin-left: 242px;background-repeat: no-repeat;}
.movie-resource .movie-icon {position: absolute;
  top: -33px;
  left: -38px;
  width: 91px;
  height: 85px;background-repeat: no-repeat;}
.movie-resource .sug-bg-blue {position: absolute;
  top: -47px;
  left: -52px;
  width: 42px;
  height: 42px;
  
  z-index: -10;background-repeat: no-repeat;}
.movie-resource .sug-bg-orange {position: absolute;
  top: -48px;
  left: 13px;
  width: 51px;
  height: 51px;
  
  z-index: -10;background-repeat: no-repeat;}
.movie-resource .sug-bg-green {position: absolute;
  top: 15px;
  left: -52px;
  width: 47px;
  height: 47px;
  
  z-index: -10;background-repeat: no-repeat;}
.movie-resource .right-panel {
  float: left;
  width: 36%;
}
.movie-resource .right-panel .title {
  height: 53px;
  font-size: 38px;
  line-height: 53px;
  vertical-align: middle;
  color: #3f505b;
  font-weight: 500;
}
.movie-resource .right-panel .description {
  height: 60px;
  width: 288px;
  margin-top: 22px;
  font-size: 18px;
  line-height: 30px;
  vertical-align: middle;
  color: #6c6c6c;
}
.movie-resource .right-panel .learn-more {
  display: inline-block;
  zoom: 1;
  _display: inline;
  *display: inline;
  height: 30px;
  margin-top: 26px;
  font-size: 18px;
  line-height: 30px;
  vertical-align: middle;
  color: #2b9ae9;
  cursor: pointer;
}
.movie-resource .right-panel .learn-more:hover {
  text-decoration: underline;
}
.movie-resource .title {
  margin: 200px 0 0 0;
}
.file-finder {
  height: 500px;
}
.file-finder .left-panel {
  float: left;
  width: 52%;
}
.file-finder .left-panel .title {
  height: 53px;
  font-size: 38px;
  line-height: 53px;
  vertical-align: middle;
  color: #3f505b;
  font-weight: 500;
}
.file-finder .left-panel .description {
  height: 60px;
  width: 288px;
  margin-top: 22px;
  font-size: 18px;
  line-height: 30px;
  vertical-align: middle;
  color: #6c6c6c;
}
.file-finder .left-panel .learn-more {
  display: inline-block;
  zoom: 1;
  _display: inline;
  *display: inline;
  height: 30px;
  margin-top: 26px;
  font-size: 18px;
  line-height: 30px;
  vertical-align: middle;
  color: #2b9ae9;
  cursor: pointer;
}
.file-finder .left-panel .learn-more:hover {
  text-decoration: underline;
}
.file-finder .right-panel {
  float: left;
  width: 48%;
}
.file-finder .title {
  margin: 202px 0 0 0;
}
.file-finder .title,
.file-finder .description,
.file-finder .learn-more {
  margin-left: 177px;
}
.file-finder .radar-icons {
  position: relative;
  width: 377px;
  height: 377px;
  margin-top: 107px;
}
.file-finder .radar-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.file-finder .radar-inner {position: absolute;
  top: 50%;
  left: 50%;
  width: 141px;
  height: 141px;
  margin-top: -70.5px;
  margin-left: -70.5px;background-repeat: no-repeat;}
.file-finder .radar-middle {position: absolute;
  top: 50%;
  left: 50%;
  width: 253px;
  height: 253px;
  margin-top: -126.5px;
  margin-left: -126.5px;background-repeat: no-repeat;}
.file-finder .radar-outer {position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;background-repeat: no-repeat;}
.file-finder .search-icon {position: absolute;
  top: 156px;
  left: 138px;
  width: 109px;
  height: 111px;background-repeat: no-repeat;}
.file-finder .music-icon {position: absolute;
  top: 47px;
  left: 239px;
  width: 114px;
  height: 104px;background-repeat: no-repeat;}
.file-finder .image-icon {position: absolute;
  top: 200px;
  left: 285px;
  width: 91px;
  height: 78px;background-repeat: no-repeat;}
.file-finder .pdf-icon {position: absolute;
  top: 274px;
  left: 150px;
  width: 102px;
  height: 116px;background-repeat: no-repeat;}
.file-finder .movie-icon {position: absolute;
  top: 185px;
  left: -6px;
  width: 122px;
  height: 107px;background-repeat: no-repeat;}
.file-finder .doc-icon {position: absolute;
  top: 21px;
  left: 68px;
  width: 114px;
  height: 130px;background-repeat: no-repeat;}
.funny-games {
  position: relative;
  height: 660px;
}
.funny-games .left-panel {
  position: relative;
  float: left;
  width: 64%;
}
.funny-games .game-container {
  position: relative;
  margin: 212px 0 0 250px;
  width: 330px;
  height: 391px;
  overflow: visible;
}
.funny-games .game-center {
  position: absolute;
  top: 0;
  left: 0;
  width: 330px;
  height: 391px;
  background: url(../images/game-center-76dca89.png) no-repeat;
}
.funny-games .game-left {
  position: absolute;
  top: 15px;
  left: -123px;
  width: 238px;
  height: 347px;
  background: url(../images/game-left-fb27ec5.png) no-repeat;
  z-index: -2;
}
.funny-games .game-right {
  position: absolute;
  top: 15px;
  right: -150px;
  width: 238px;
  height: 347px;
  background: url(../images/game-right-a7619f9.png) no-repeat;
  z-index: -2;
}
.funny-games .game-icon {position: absolute;
  bottom: -55px;
  right: -85px;
  width: 206px;
  height: 207px;background-repeat: no-repeat;}
.funny-games .cards-shadow {position: absolute;
  top: -10px;
  left: -40px;
  display: block;
  width: 417px;
  height: 406px;
  
  z-index: -1;background-repeat: no-repeat;}
.funny-games .right-panel {
  float: left;
  width: 36%;
}
.funny-games .right-panel .title {
  height: 53px;
  font-size: 38px;
  line-height: 53px;
  vertical-align: middle;
  color: #3f505b;
  font-weight: 500;
}
.funny-games .right-panel .description {
  height: 60px;
  width: 288px;
  margin-top: 22px;
  font-size: 18px;
  line-height: 30px;
  vertical-align: middle;
  color: #6c6c6c;
}
.funny-games .right-panel .learn-more {
  display: inline-block;
  zoom: 1;
  _display: inline;
  *display: inline;
  height: 30px;
  margin-top: 26px;
  font-size: 18px;
  line-height: 30px;
  vertical-align: middle;
  color: #2b9ae9;
  cursor: pointer;
}
.funny-games .right-panel .learn-more:hover {
  text-decoration: underline;
}
.funny-games .title {
  margin: 334px 0 0 0;
}
.funny-games .separate-line {position: absolute;
  width: 1024px;
  height: 1px;
  left: 50%;
  margin-left: -512px;
  
  top: 85px;background-repeat: no-repeat;}
.more-wonderful {
  position: relative;
  overflow: hidden;
  height: 778px;
}
.more-wonderful .more-title {
  width: 100%;
  height: 106px;
  padding-top: 230px;
  margin: 0;
  font-size: 38px;
  line-height: 53px;
  vertical-align: middle;
  text-align: center;
  color: #3f505b;
  font-weight: 500;
}
.more-wonderful .download-now {
  margin: 80px auto 256px auto;
  text-align: center;
}
.more-wonderful .download-now .button-download {
  display: block;
  width: 170px;
  margin: 0 auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #ff6d13;
  color: #ffffff;
  text-align: center;
  height: 48px;
  line-height: 48px;
  vertical-align: middle;
  font-size: 26px;
}
.more-wonderful .download-now .button-download:hover {
  background-color: #ff9e00;
}
.more-wonderful .separate-line {position: absolute;
  width: 1024px;
  height: 1px;
  left: 50%;
  margin-left: -512px;
  
  top: 90px;background-repeat: no-repeat;}
.bottom-boxes {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 1245px;
  height: 600px;
  margin-left: -622.5px;
  overflow: visible;
  z-index: -2;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}
.bottom-boxes .rotate-boxes {
  position: absolute;
  width: 620px;
  height: 620px;
  left: 540px;
  bottom: -82px;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}
.bottom-boxes .purple-box {position: absolute;
  left: -158px;
  bottom: -154px;
  width: 516px;
  height: 516px;
  
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);background-repeat: no-repeat;}
.bottom-boxes .yellow-box {position: absolute;
  left: -86px;
  bottom: 276px;
  width: 216px;
  height: 216px;
  
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);background-repeat: no-repeat;}
.bottom-boxes .green-box {position: absolute;
  left: 40px;
  bottom: 476px;
  width: 110px;
  height: 110px;
  
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);background-repeat: no-repeat;}
.footer {
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  height: 58px;
  line-height: 58px;
  vertical-align: middle;
}
.footer a {
  color: #ffffff;
}
.movie-resource .bottom-shadow{background-position:0px 0px}.movie-resource .bottom-shadow{background-image: url(../images/main_x-09e05d4.png)}.movie-resource .separate-line{background-position:0px 0px}.funny-games .separate-line{background-position:0px 0px}.more-wonderful .separate-line{background-position:0px 0px}.movie-resource .movie-sug{background-position:-694px -51px}.movie-resource .movie-icon{background-position:-933px -163px}.movie-resource .sug-bg-blue{background-position:-982px -298px}.movie-resource .sug-bg-orange{background-position:-977px -390px}.movie-resource .sug-bg-green{background-position:-973px -487px}.file-finder .radar-inner{background-position:-883px -588px}.file-finder .radar-middle{background-position:-771px -779px}.file-finder .radar-outer{background-position:-647px -1082px}.file-finder .search-icon{background-position:-915px -1509px}.file-finder .music-icon{background-position:-910px -1670px}.file-finder .image-icon{background-position:-933px -1824px}.file-finder .pdf-icon{background-position:-922px -1952px}.file-finder .movie-icon{background-position:-902px -2118px}.file-finder .doc-icon{background-position:-910px -2275px}.funny-games .game-icon{background-position:-818px -2455px}.funny-games .cards-shadow{background-position:-610px -2712px}.bottom-boxes .purple-box{background-position:-512px -3165px}.bottom-boxes .yellow-box{background-position:-850px -3727px}.bottom-boxes .green-box{background-position:-946px -3951px}.movie-resource .separate-line,.funny-games .separate-line,.more-wonderful .separate-line,.movie-resource .movie-sug,.movie-resource .movie-icon,.movie-resource .sug-bg-blue,.movie-resource .sug-bg-orange,.movie-resource .sug-bg-green,.file-finder .radar-inner,.file-finder .radar-middle,.file-finder .radar-outer,.file-finder .search-icon,.file-finder .music-icon,.file-finder .image-icon,.file-finder .pdf-icon,.file-finder .movie-icon,.file-finder .doc-icon,.funny-games .game-icon,.funny-games .cards-shadow,.bottom-boxes .purple-box,.bottom-boxes .yellow-box,.bottom-boxes .green-box{background-image: url(../images/main_z-6fa8d5a.png)}