.Img.ibanner img{ height:450px; object-fit: cover; object-position: center center;}
.bannerArea .Txt{ text-align: center; padding: 0; }

.gamespartner{ filter: invert(100%) brightness(80%) sepia(10%);}
.cooperateArea .cooperateList .item:hover{ animation: floatY 1.25s ease-in-out infinite;}

.productListH{ padding-left: 10px;}
.showHOT{
  translate: none; rotate: none; scale: none; transform: translate3d(0px, 10.0721px, 0px); opacity: 0.7986;
  animation: fadeUp 700ms cubic-bezier(.22,.9,.35,1) forwards;
}
.showHOT .Img img{ width: 296px; height: 178px;} /*300px*/

/* -------------------------------------------
CSS Animation
------------------------------------------- */
@keyframes floatY {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px); 
  }
}
@keyframes fadeUp {
  0% {
    transform: translateY(40px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1; 
  }
}

/* -------------------------------------------
Responsive Style
------------------------------------------- */
@media (max-width: 1366px) {
  footer .infoBox{ grid-column: auto / span 11; }
}
@media (max-width: 767px) {
  .Img.ibanner img{ height: 240px; object-position: right center;}
}