.overlay-text h2 {
	  font-size: 5rem;
	  margin-bottom: 50px;
	  color: #fff;
	  text-shadow: 0 0 10px rgba(0,0,0,.5),0 0 20px rgba(0,0,0,.5),0 0 40px rgba(82,108,60,.5),0 0 2px rgba(0,0,0,.2),0 0 1px rgba(67,92,44,.3);
	  font-family: acumin-pro-condensed,sans-serif;
	}
	.mc05566e52_button {
	  align-items:center;
	  animation:mc05566e52_buttonHover 1s linear infinite alternate;
	  background-color:#fff;
	  border:none;
	  box-shadow:0 10px 40px 0 rgba(62,57,107,.17),0 2px 9px 0 rgba(62,57,107,.16);
	  cursor:pointer;
	  display:flex;
	  /*! font-family:acumin-pro-condensed,sans-serif; */
	  font-size:2rem;
	  font-weight:500;
	  justify-content:space-between;
	  letter-spacing:.08em;
	  line-height:54px;
	  min-height:40px;
	  min-width:225px;
	  overflow:hidden;
	  padding:0;
	  pointer-events:auto;
	  position:relative;
	  text-transform:uppercase;
	  transition:all .3s cubic-bezier(.34,0,.23,1);
	  will-change:transform,box-shadow;
	  display: flex !important;
	  align-items: center;
	  font-weight: bold;
	  text-align: center;
	}

	
	.mc05566e52_button:before {
	  background-color:#e1261c;
	  bottom:0;
	  content:"";
	  display:block;
	  left:0;
	  opacity:0;
	  position:absolute;
	  right:0;
	  top:0;
	  transform-origin:center right;
	  transition:all .3s cubic-bezier(.34,0,.23,1) .05s;
	  width:100%;
	  will-change:opacity,color;
	  z-index:1;
	  /*! font-size: 50px; */
	}
	.mc05566e52_button div:first-child {
	  background-color:#fff;
	  color:#e1261c;
	  flex:1 0 auto;
	  font-family:inherit;
	  font-weight:inherit;
	  padding:0 1em;
	  transition:inherit
	}
	.mc05566e52_button div:first-child,
	.mc05566e52_button div:last-child {
	  align-items:center;
	  /*! display:inline-flex; */
	  height:54px;
	  justify-content:center;
	  pointer-events:none;
	  z-index:2;
	  line-height: 54px;
	  line-height: 54px !important;
	}
	.mc05566e52_button div:last-child {
	  background-color:#e1261c;
	  color:#fff;
	  flex:0 0 auto;
	  line-height:40px;
	  padding:0;
	  width:40px;
	  text-align: center;
	}
	.mc05566e52_button:hover {
	  box-shadow:0 1px 1px 1px rgba(0,0,0,.1)
	}
	.mc05566e52_button:hover:before {
	  animation:mc05566e52_buttonHover .3s cubic-bezier(.335,0,.225,1) both;
	  opacity:1
	}
	.mc05566e52_button:hover div:first-child {
	  background-color:transparent;
	  color:#fff
	}
	.mc05566e52_button:hover [data-icon=cross]:after {
	  transform:rotate(90deg)
	}
	.mc05566e52_button:hover [data-icon=arrowRight]:after {
	  transform:translateX(3px)
	}
	.mc05566e52_button:hover [data-icon=arrowLeft]:after {
	  transform:translateX(-3px) rotate(180deg)
	}
	.mc05566e52_button:hover [data-icon=arrowDown]:after {
	  transform:translateY(3px) rotate(90deg)
	}
	.mc05566e52_button:hover [data-icon=arrowUp]:after {
	  transform:translateY(-3px) rotate(270deg)
	}
	  .mcee341e05_messageBox.mcee341e05_expanded {
	    margin-top:-2.5vw
	  }
	  .mc7ddf2549_ctaContainer,
	  .mc7ddf2549_intro {
	    width:45%;
	    position:relative;
	    /*! transform:translateX(-50%); */
	    margin: 40px auto 20px auto;
	  }
	  .mc7ddf2549_intro {
	    bottom:calc(3% + 112px)
	  }
	  .mc7ddf2549_ctaContainer {
	    /*! bottom:3% */
	  }
	  .mcef995ca3_preloader {
	    height:calc(100vh - 85px)
	  }
	  .background-video {
	  		position: absolute;
	  		top: 0;
	  		left: 0;
	  		width: 100%;
	  		height: 100%;
	  		object-fit: cover;
	  		z-index: -1;
	  	}
	  
	  	.overlay-text {
	  		position: absolute;
	  		top: 50%;
	  		left: 50%;
	  		transform: translate(-50%, -50%) !important;
	  		color: white;
	  		text-align: center;
	  	}
	  
	  	.overlay-text h2 {
	  		font-size: 5rem;
	  		margin-bottom: 50px;
	  	}
	  
	  	.overlay-text p {
	  		font-size: 30px;
	  	}
	  	.banner {
	  	  position: relative;
	  	}
	  
	  .banner .hd ul,
	  .banner .bd ul {
	    list-style: none;
	    padding: 0;
	    margin: 0;
	  }
	  
	  .banner .bd ul li {
	    position: relative;
	    overflow: hidden;
	  }
	  
	  .image-container {
	    position: relative;
	    overflow: hidden;
	  }
	  
	  .banner .bd ul li img {
	    display: block;
	    width: 100%;
	    filter: grayscale(100%);
	    transition: filter 1s ease-in-out;
	    height: 100%;
	  }
	  
	  .banner .bd ul li::before {
	    content: '';
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    width: 0;
	    height: 0;
	    background: rgba(255, 255, 255, 1);
	    border-radius: 50%;
	    transform: translate(-50%, -50%);
	    animation: ripple 5s ease-in-out forwards;
	  }
	  
	  @keyframes ripple {
	    0% {
	      width: 0;
	      height: 0;
	    }
	    50% {
	      width: 100%;
	      height: 100%;
	    }
	    100% {
	      width: 300%;
	      height: 300%;
	      background: rgba(255, 255, 255, 0);
	    }
	  }
	 /* 定义背景图渐变动画 */
	 @keyframes backgroundColorChange {
	     0% {
	         filter: grayscale(100%);
	     }
	     100% {
	         filter: grayscale(0%);
	     }
	 }
	  /* 应用动画到 .parallax 类 */
	  .tame, .teamb,.gameour {
	      filter: grayscale(100%);
	      transition: filter 1s ease-in-out;
	  }
	  
	  .tame.animate, .teamb.animate,.gameour.animate {
	      filter: grayscale(0%);
	  }
	  
	  .banner .bd ul li.animate img {
	      filter: none;
	  }

	  .indexposition{
		 position: fixed;
		    z-index: 2;
		    left: 3%;
		    top: 30%;
		  width: 60px;
		  text-align: center;
	  }
	   .indexposition .num{color:black;font-size:2rem;font-weight: bold;}
.indexposition .heng{height: 3px;background: red;}
.indexposition .zong{
	 writing-mode: vertical-rl; /* 从上到下，从右到左 */
	  text-orientation: upright;
	 color: #999;
	 font-size: 1.5rem;
	 margin: 0px auto;
	 width: 40px;
	 text-align: center;
	 margin-top: 20px;
	 letter-spacing: 5px;
}
.mccb50df05_panelHeadlineContainer.mccb50df05_showAnims .mccb50df05_tagline {
  animation-delay: .2s;
}
.gametext{
	position: absolute;
	right:0%;
	bottom:60px;
	z-index:98;
	width: 500px;
	text-align: left;
}
.gametext .gamet1{font-size:2rem;color:#999;}
.gametext .gamet2 h1{font-size:64px;font-weight: bold;
 background:-o-linear-gradient(transparent,transparent);
    background:url(headline_texture_games.bd00c98f.jpg) no-repeat;
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent!important;
line-height: 64px;
text-align: left;
background-size: 100% 100%;
}
.teamb .gametext .gamet2 h1{
	  background:url(teambg.jpg) 80% no-repeat;
	  -webkit-background-clip: text;
	  background-clip: text;
}
.gametext .mc7ddf2549_ctaContainer{
	margin:40px auto 20px 0px;
}


.tame .gametext{
	left:10%;
	right:auto;
	bottom:40%;
}
.tame  .gametext .gamet2 h1{font-size:64px;font-weight: bold;
 background:-o-linear-gradient(transparent,transparent);
    background:url(headline_texture_careers.8bb3ee4b.jpg) 50% no-repeat;
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent!important;
line-height: 64px;
text-align: left;
background-position: center;
background-size: 100%;
}

.teamb .gametext .gamet1{color:#999;/*! display: none; */}
/* Progress bar styles */
.progress-bar {
    position: fixed;
    left: 0;
    top: 0;
    width: 5px;
    height: 0;
    background-color: red;
    z-index: 10000;
}
.sectionbg{
	 position: sticky;
	    top: 0;
	    width: 100%;
	    height: 100vh;
	    background-size: cover;
	    background-attachment: scroll; 
  }

@media only screen and (max-width: 768px) {
    .gameour,.tame{
        /*! background-position: center !important; */
    }
    .gametext {
        width: 80%;
        right: auto;
        left: 10%;
    }
	.topshare {display:none;}
	.m-footer .main{padding:0px 2em;box-sizing: border-box;}
	.m-footer .main .mes2 .fcopy1{flex-wrap: wrap;}
	.m-footer .main .mes2 .fcopy1 a{padding:0px 10px;margin:5px;}
	.m-footer .main .mes2 .fcopy{margin-left:0px;}
	.m-footer .main .mes2{flex-wrap: wrap;}
	.m-footer .main .mes2 p img{max-width:200px;}
	.m-footer .main{flex-wrap: wrap;width:100%;padding: 0px 15px;}
	.fcopy .fcopy2{margin-top:10px;}
	.m-footer .share{margin-left:0px;margin-top:10px;}
	.m-footer .main .footnav{flex-wrap: wrap;}
	.m-footer .main .footnav a{padding:0px;width:31%;border: none;margin: 10px 0px;text-align: center;font-size: 16px;}
	.sectionbg img{
		/*! object-fit: cover; */
		height: 100%;
	}
	.overlay-text {
	  position: absolute;
	  top: 50%;
	  left: 10%;
	  transform: none;
	  color: white;
	  text-align: center;
	  width: 80%;
	  transform: none !important;
	}
	.overlay-text h2{font-size:2em;margin-bottom:20px;}
	.overlay-text p{font-size:20px;}
	.banner .bd li a{width:100%;}
	.banner .bd ul li{height: 100vh;min-width: 300px;}
.banner .bd ul li img {
    display: block;
  
    height: 100vh; /* Ensure the image covers the full viewport height */
    object-fit: cover; /* Maintain aspect ratio and cover the area */
    object-position: left;
}
    .gametext .gamet1 {
        font-size: 1.5rem;
        margin-bottom: ;
        display: none;
    }

    .gametext .gamet2 h1 {
        font-size: 2rem !important;
        line-height: 2rem !important;
        line-height: 50px !important;
        text-align: center !important;
    }

    .mc05566e52_button {
        font-size: 1rem;
        min-width: 100px;
        height: 54px;
        line-height: 54px;
    }
.mc7ddf2549_ctaContainer, .mc7ddf2549_intro{width:100%;margin: 20px auto !important;}
    .indexposition {
        left: 1%;
        top: 10%;
        display: none;
    }

    .indexposition .num {
        font-size: 1.5rem;
    }

    .indexposition .zong {
        font-size: 1rem;
    }
}