@charset "UTF-8";
@font-face {
  font-family: UTM CAFETA;
  src: url(UTM%20CAFETA-BoDPI9Am.TTF) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
body,
html {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
  font-family: UTM CAFETA;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
body::-webkit-scrollbar,
html::-webkit-scrollbar {
  display: none;
}
ul {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
}
* {
  box-sizing: border-box;
}
.imgFull {
  width: 100%;
  height: auto;
  display: block;
}
section {
  position: relative;
  margin: 0;
  padding: 0;
  z-index: 1;
  display: block;
}
#app {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
#app .particle {
  position: absolute;
  bottom: 0;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  z-index: 10;
  transition: all 0.3s ease;
  box-shadow:
    #ffad32e6,
    #dceb07b3 0 0 1.0416666667vw #00ff9680;
  animation:
    particleTwinkleIntense 1.5s ease-in-out infinite,
    particleFloatDynamic 2.5s ease-in-out infinite alternate;
  background: radial-gradient(circle at 30% 30%, #ffad32e6, #dceb07b3);
}
#app > * {
  margin: 0;
}
main {
  position: relative;
  z-index: 1;
}
.section-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.bg-section-mb {
  display: none;
}
.bg-section,
.bg-section-mb {
  position: relative;
  z-index: 1;
  overflow-clip-margin: border-box;
  overflow: hidden;
}
.menu-fix-top {
  position: sticky;
  top: 0;
  width: 100%;
  height: 4.1666666667vw;
  background: #501f1a;
  z-index: 99;
  transition: all 0.3s ease;
  box-shadow: 0 2px 10px #0000001a;
}
.menu-fix-top.scrolled {
  position: fixed;
}
.menu-fix-top ul {
  display: flex;
  justify-content: center;
  height: 100%;
}
.menu-fix-top li {
  width: 15.625vw;
  height: 100%;
  position: relative;
}
.menu-fix-top li:before {
  content: "";
  display: block;
  width: 1px;
  height: 50%;
  background: #ffac92;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.menu-fix-top a {
  color: #fff;
  text-transform: uppercase;
  font-size: 1.6666666667vw;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 4.1666666667vw;
  transition: all 0.3s ease;
}
.menu-fix-top a:hover {
  background: url(item-menu-bg-pc-C-CCQYLm.png) no-repeat;
  background-size: cover;
  color: #fc0;
}
.section2 {
  z-index: 3;
}
.section2 .btn-prev,
.section2 .btn-next {
  display: none;
}
.section2 .section-container {
  padding-top: 22.3958333333vw;
}
.section2 .section-content {
  background: url(khung-f2-DyCeya6P.png) no-repeat center center;
  background-size: cover;
  width: 63.0208333333vw;
  height: 23.4375vw;
  padding: 3.3854166667vw 3.6458333333vw 0;
  margin: auto;
  color: #a1433c;
  text-align: center;
}
.section2 .section-content .note {
  font-family: Roboto, sans-serif;
  font-size: 0.7291666667vw;
  margin-bottom: 1.0416666667vw;
}
.section2 .section-content .upgrade {
  width: 15.4166666667vw;
  margin: 1.8229166667vw auto 0;
}
.section2 .section-content .upgrade a {
  display: block;
  width: 100%;
  transition: all 0.3s ease;
}
.section2 .section-content .upgrade a:hover {
  filter: brightness(1.2);
  transform: translateY(-0.2604166667vw);
}
.section2 .section-content .total-jade-recharged {
  margin-top: 1.8229166667vw;
}
.section2 .section-content .total-jade-recharged .title {
  font-size: 1.0416666667vw;
  height: 3.6458333333vw;
  color: #fff;
}
.section2 .section-content .total-jade-recharged .content .item-wrapper {
  display: flex;
  justify-content: center;
  gap: 1.09375vw;
}
.section2 .section-content .total-jade-recharged .content .item {
  width: 5.2604166667vw;
  height: 11.5104166667vw;
  padding-top: 6.7708333333vw;
  position: relative;
}
.section2 .section-content .total-jade-recharged .content .item:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #a1433c;
  position: absolute;
  top: -8%;
  left: 60%;
}
.section2 .section-content .total-jade-recharged .content .item:before {
  content: "";
  display: block;
  width: 1.25vw;
  height: 1.3020833333vw;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUY2RkJCRjdFOTA4MTFFRkI4Rjc5RDU4RjkxRTg1QTkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUY2RkJCRjZFOTA4MTFFRkI4Rjc5RDU4RjkxRTg1QTkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkY0MDZFNUZFODc1MTFFRkI3MUZFMzQxNTEzNTE5NjYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkY0MDZFNjBFODc1MTFFRkI3MUZFMzQxNTEzNTE5NjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4lrC98AAABXklEQVR42qyWXUoDMRDHs9O8aUUvoTfwIgpW7FMfego/YHMPn6y40JP0BOolBKG+tHWdwCjjkE3+gQaG0Gz6++VrJ9v0c0fOuUaFS9S69Inaxl/xq83Ft8PLrUgD+gdfCdfgsE/BL3wnv1tU4ivhU1njBSrxlfAX9QySeAC+5bjmWKpnHSrxwMgtvEpCBfiNhp8/Lu2gOumzE8ldSWDXvDPwWMclG6ESAjf03xvNktjnAJEQACcG9oml/OIYlyRUgI8YnkwlIo2S05yEBhJa7hCUip5tQzL6B9m4J46J6rBZzS6TR5nbG9mHd9V8xfEsrMhsSeWWIcmWYScC1PBjjk8DX2i4PdOtTK8ViVP78cFxxOC1LOmhtKXg9/qFs9MPSmYlcbRnInhF4EOpIid5M32z8FwuyklgeCmb5iQQHLkPUpIehaM3WkoCwWvu5GDuYghe+1URZHmqPlt+BBgApoySo5/1E90AAAAASUVORK5CYII=)
    no-repeat center center;
  background-size: cover;
  position: absolute;
  top: -1.5625vw;
  left: 50%;
  transform: translate(-50%);
  transition: all 0.3s ease;
}
.section2
  .section-content
  .total-jade-recharged
  .content
  .item:last-child:after {
  display: none;
}
.section2 .section-content .total-jade-recharged .content .item.active:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZGNDA2RTVGRTg3NTExRUZCNzFGRTM0MTUxMzUxOTY2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZGNDA2RTYwRTg3NTExRUZCNzFGRTM0MTUxMzUxOTY2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkY0MDZFNURFODc1MTFFRkI3MUZFMzQxNTEzNTE5NjYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkY0MDZFNUVFODc1MTFFRkI3MUZFMzQxNTEzNTE5NjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4yW3KVAAAA/UlEQVR42qyWTQ7CIBBGhzo3dOHGtadQqnAVTepVvJJRTJPRTAg/3xBJCKG079EJDLh0oImInKpUaHVJhTavv8KP5/ZNeDmKNKIfsBGuwfGfgi/8Jf2AStgI30uMb6iEjfBFjUESHoTfUQkPwE0SNsIv0s6ohI1wr/qQhAfhHpXwANwk4UG4lqz74lyTTJWERo1k13tHJzvHMnsns73KwJKF4VSBBxWitexk9ht5HjjLLTVJKoSqC89XURBQKEjm7I9acF9bpnr9tiSEwms7GZV04a1c1JLA8F42bUkgOHIelCQJhaMnWkkCwS1ncsz2CwS33iqihMd0bfkIMADg5nzwYTVQ+wAAAABJRU5ErkJggg==)
    no-repeat center center;
  background-size: cover;
}
.section2
  .section-content
  .total-jade-recharged
  .content
  .item.active
  .item-btn
  a {
  background: url(btn-got-gift-BmrawThw.png) no-repeat center center;
  background-size: cover;
  filter: grayscale(100%);
  pointer-events: none;
}
.section2 .section-content .total-jade-recharged .content .item .item-img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.5s ease;
}
.section2
  .section-content
  .total-jade-recharged
  .content
  .item
  .item-img:hover {
  animation: sway 0.5s ease-in-out infinite alternate;
}
.section2 .section-content .total-jade-recharged .content .item .item-nb {
  font-size: 1.0416666667vw;
  z-index: 2;
  position: relative;
}
.section2 .section-content .total-jade-recharged .content .item .item-btn {
  width: 4.1666666667vw;
  margin: 0.5208333333vw auto 0;
  z-index: 2;
  position: relative;
}
.section2 .section-content .total-jade-recharged .content .item .item-btn a {
  display: block;
  width: 100%;
  height: 1.1979166667vw;
  transition: all 0.3s ease;
  background: url(btn-get-gift-5AG42DU_.png) no-repeat center center;
  background-size: cover;
}
.section2
  .section-content
  .total-jade-recharged
  .content
  .item
  .item-btn
  a:hover {
  filter: hue-rotate(170deg);
}
.section3 .section-container {
  display: flex;
  justify-content: flex-end;
  padding-right: 22.3958333333vw;
}
.section3 .section-content {
  width: 36.4583333333vw;
  padding-top: 11.9791666667vw;
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
  column-gap: 5.2083333333vw;
}
.section3 .item {
  position: relative;
  background: url(item-bg-nap-BNjWoaFd.png) no-repeat center center;
  background-size: cover;
  width: 12.5vw;
  height: 18.0729166667vw;
  padding-top: 2.7604166667vw;
  text-align: center;
  color: #fff;
  font-size: 2.34375vw;
  transition: all 0.5s ease;
}
.section3 .item:hover {
  transform: scale(1.05);
}
.section3 .item:last-child {
  margin-top: -5.2083333333vw;
}
.section3 .item .item-title {
  color: #470503;
  display: block;
  margin: auto;
  text-align: center;
  background: #a74a0e;
  -webkit-background-clip: text;
  -webkit-text-stroke: 0.3645833333vw rgba(0, 0, 0, 0);
  color: #fff;
}
.section3 .item .item-img {
  width: 6.71875vw;
  margin: auto;
}
.section3 .item .item-btn {
  width: 7.0833333333vw;
  height: 2.1354166667vw;
  margin: 0.5208333333vw auto 0;
  z-index: 2;
  position: relative;
}
.section3 .item .item-btn a {
  display: block;
  width: 100%;
  height: 2.1354166667vw;
  transition: all 0.3s ease;
  background: url(btn-get-gift-5AG42DU_.png) no-repeat center center;
  background-size: cover;
}
.section3 .item .item-btn a:hover {
  filter: hue-rotate(170deg);
}
.section3 .item.active .item-btn a {
  background: url(btn-got-gift-BmrawThw.png) no-repeat center center;
  background-size: cover;
  filter: grayscale(100%);
  pointer-events: none;
}
.section4 .section-content {
  width: 52.0833333333vw;
  margin: auto;
  position: relative;
}
.section4 .item {
  position: absolute;
  width: 9.8958333333vw;
  height: 12.5vw;
  padding-top: 7.8125vw;
  transition: all 0.5s ease;
}
.section4 .item:hover {
  animation: itemShake 0.5s;
  transform: scale(1.05);
  z-index: 10;
}
.section4 .item:nth-child(1) {
  top: 8.3333333333vw;
  left: 2.0833333333vw;
}
.section4 .item:nth-child(2) {
  top: 18.75vw;
  left: -2.0833333333vw;
}
.section4 .item:nth-child(3) {
  top: 29.1666666667vw;
  left: 1.5625vw;
}
.section4 .item:nth-child(4) {
  top: 36.4583333333vw;
  left: 10.4166666667vw;
}
.section4 .item:nth-child(5) {
  top: 38.0208333333vw;
  left: 20.8333333333vw;
}
.section4 .item:nth-child(6) {
  top: 36.4583333333vw;
  left: 32.2916666667vw;
}
.section4 .item:nth-child(7) {
  top: 29.1666666667vw;
  left: 41.6666666667vw;
}
.section4 .item.active:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZGNDA2RTVGRTg3NTExRUZCNzFGRTM0MTUxMzUxOTY2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZGNDA2RTYwRTg3NTExRUZCNzFGRTM0MTUxMzUxOTY2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkY0MDZFNURFODc1MTFFRkI3MUZFMzQxNTEzNTE5NjYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkY0MDZFNUVFODc1MTFFRkI3MUZFMzQxNTEzNTE5NjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4yW3KVAAAA/UlEQVR42qyWTQ7CIBBGhzo3dOHGtadQqnAVTepVvJJRTJPRTAg/3xBJCKG079EJDLh0oImInKpUaHVJhTavv8KP5/ZNeDmKNKIfsBGuwfGfgi/8Jf2AStgI30uMb6iEjfBFjUESHoTfUQkPwE0SNsIv0s6ohI1wr/qQhAfhHpXwANwk4UG4lqz74lyTTJWERo1k13tHJzvHMnsns73KwJKF4VSBBxWitexk9ht5HjjLLTVJKoSqC89XURBQKEjm7I9acF9bpnr9tiSEwms7GZV04a1c1JLA8F42bUkgOHIelCQJhaMnWkkCwS1ncsz2CwS33iqihMd0bfkIMADg5nzwYTVQ+wAAAABJRU5ErkJggg==)
    no-repeat center center;
}
.section4 .item.active .item-btn a {
  background: url(btn-got-gift-BmrawThw.png) no-repeat center center;
  background-size: cover;
  filter: grayscale(100%);
  pointer-events: none;
}
.section4 .item .item-img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.section4 .item .item-btn {
  width: 6.3541666667vw;
  margin: 0.5208333333vw auto 0;
  z-index: 2;
  position: relative;
}
.section4 .item .item-btn a {
  display: block;
  width: 100%;
  height: 1.8229166667vw;
  transition: all 0.3s ease;
  background: url(btn-get-gift-5AG42DU_.png) no-repeat center center;
  background-size: cover;
}
.section4 .item .item-btn a:hover {
  filter: hue-rotate(170deg);
}
.section5 {
  overflow: hidden;
}
.section5 .section-container {
  padding: 9.375vw 15.625vw 0 0;
  display: flex;
  justify-content: flex-end;
  flex-flow: row wrap;
}
.section5 .note {
  color: #fff;
  font-size: 1.5625vw;
  text-align: center;
  margin-top: -4.7916666667vw;
  width: 100%;
  padding: 0 7.2916666667vw 0 38.0208333333vw;
}
.section5 .section-content {
  width: 50.2083333333vw;
  height: 40.625vw;
  position: relative;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  column-gap: 1.5625vw;
}
.section5 .item {
  position: relative;
  width: 10.0520833333vw;
  height: 17.1875vw;
  padding-top: 12.2395833333vw;
  transition: all 0.5s ease;
  transition: all 0.3s ease;
}
.section5 .item:nth-child(5),
.section5 .item:nth-child(6),
.section5 .item:nth-child(7) {
  margin-top: -6.7708333333vw;
}
.section5 .item:hover {
  animation: hoverLiftAndDrop 0.5s ease-in-out;
}
.section5 .item.active:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZGNDA2RTVGRTg3NTExRUZCNzFGRTM0MTUxMzUxOTY2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZGNDA2RTYwRTg3NTExRUZCNzFGRTM0MTUxMzUxOTY2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkY0MDZFNURFODc1MTFFRkI3MUZFMzQxNTEzNTE5NjYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkY0MDZFNUVFODc1MTFFRkI3MUZFMzQxNTEzNTE5NjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4yW3KVAAAA/UlEQVR42qyWTQ7CIBBGhzo3dOHGtadQqnAVTepVvJJRTJPRTAg/3xBJCKG079EJDLh0oImInKpUaHVJhTavv8KP5/ZNeDmKNKIfsBGuwfGfgi/8Jf2AStgI30uMb6iEjfBFjUESHoTfUQkPwE0SNsIv0s6ohI1wr/qQhAfhHpXwANwk4UG4lqz74lyTTJWERo1k13tHJzvHMnsns73KwJKF4VSBBxWitexk9ht5HjjLLTVJKoSqC89XURBQKEjm7I9acF9bpnr9tiSEwms7GZV04a1c1JLA8F42bUkgOHIelCQJhaMnWkkCwS1ncsz2CwS33iqihMd0bfkIMADg5nzwYTVQ+wAAAABJRU5ErkJggg==)
    no-repeat center center;
}
.section5 .item.active .item-btn a {
  background: url(btn-got-gift-BmrawThw.png) no-repeat center center;
  background-size: cover;
  filter: grayscale(100%);
  pointer-events: none;
}
.section5 .item .item-img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.section5 .item .item-btn {
  width: 8.0729166667vw;
  margin: 0.5208333333vw auto 0;
  z-index: 2;
  position: relative;
}
.section5 .item .item-btn a {
  display: block;
  width: 100%;
  height: 2.34375vw;
  transition: all 0.3s ease;
  background: url(btn-get-gift-5AG42DU_.png) no-repeat center center;
  background-size: cover;
}
.section5 .item .item-btn a:hover {
  filter: hue-rotate(170deg);
}
.footer {
  padding: 1.0416666667vw 0;
}
.menu-top-mobile,
.hide-menu,
.btn-goTop {
  display: none;
}
.logo-age {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}
.logo-age img {
  width: 7.8125vw;
  height: auto;
}
.menu-fix-left {
  position: fixed;
  top: 50%;
  left: 1.0416666667vw;
  transform: translateY(-50%);
  z-index: 8;
}
.menu-fix-left ul li {
  margin-top: 1.0416666667vw;
}
.menu-fix-left ul li a {
  color: #fff;
  font-size: 2.9166666667vw;
  display: block;
  width: 5.2083333333vw;
  height: 5.2083333333vw;
  line-height: 5.2083333333vw;
  text-align: center;
  background: url(btn-choose-page-DegZyThT.png) no-repeat center center;
  background-size: cover;
  transition: all 0.3s ease;
}
.menu-fix-left ul li a:hover {
  filter: hue-rotate(170deg);
  transform: scale(1.1);
}
.right-menu {
  position: fixed;
  width: 7.6041666667vw;
  height: 23.4375vw;
  right: 1.0416666667vw;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
  background: url(bg-box-right-D-Q9348C.png) no-repeat center center;
  background-size: cover;
}
.right-menu .icon-game {
  width: 5.7291666667vw;
  margin: -2.6041666667vw auto 0;
}
.right-menu .qr-code {
  width: 6.09375vw;
  margin: 0.5208333333vw auto 0;
}
.right-menu .download-buttons {
  margin: 0.2604166667vw 0;
  width: 100%;
}
.right-menu .download-buttons a {
  width: 6.7708333333vw;
  height: 2.0833333333vw;
  margin: 0.2604166667vw auto 0;
  display: block;
}
.right-menu .social-group {
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
  width: 81%;
  column-gap: 0.2604166667vw;
  margin: 0.5208333333vw auto 0;
}
.right-menu .social-group a {
  display: block;
  width: 1.875vw;
  height: 1.875vw;
}
.right-menu .btn-download,
.right-menu .btn-social {
  display: block;
  transition: transform 0.3s ease;
}
.right-menu .btn-download:hover,
.right-menu .btn-social:hover {
  filter: brightness(1.2);
  transform: translate(-0.2604166667vw);
}
.right-menu .btn-goTop-right {
  position: absolute;
  bottom: -0.8333333333vw;
  right: 2.9166666667vw;
  z-index: 100;
  width: 1.875vw;
  height: 2.2916666667vw;
}
.popup-event {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.9);
  width: 61.9791666667vw;
  height: 42.7083333333vw;
  padding: 5.7291666667vw 6.7708333333vw 1.5625vw;
  background: url(bg-popup-e_RCJ718.png) no-repeat center center;
  background-size: cover;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.popup-event.show {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%) scale(1);
}
.popup-event .popup-title {
  font-size: 3.125vw;
  color: #a1433c;
  text-align: center;
  margin-bottom: 1.0416666667vw;
  text-transform: uppercase;
}
.popup-event table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #a1433c;
  font-family: UTM CAFETA;
}
.popup-event table thead {
  background: #a1433c;
  position: sticky;
  top: 0;
  z-index: 1;
}
.popup-event table thead th {
  text-transform: uppercase;
  padding: 0.5208333333vw;
  color: #fff;
  font-size: 1.0416666667vw;
}
.popup-event table td {
  padding: 0.4166666667vw;
  text-align: center;
  border: 1px solid #a1433c;
  color: #000;
  font-size: 1.0416666667vw;
  background: #fff;
}
.popup-event .close-popup {
  position: absolute;
  top: 0.78125vw;
  right: 1.3020833333vw;
  width: 3.6979166667vw;
  height: 3.90625vw;
  cursor: pointer;
  transition: transform 0.3s ease;
  background: url(btn-close-CWVEuzw3.png) no-repeat center center;
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup-event .close-popup img {
  width: 3.0208333333vw;
  height: 3.0208333333vw;
}
.popup-event .close-popup:hover {
  transform: rotate(90deg);
}
.popup-event .popup-content {
  overflow-y: auto;
  padding-right: 1.0416666667vw;
  max-height: 28.125vw;
}
.popup-event .popup-content::-webkit-scrollbar {
  width: 0.2083333333vw;
}
.popup-event .popup-content::-webkit-scrollbar-track {
  background: #0018551a;
  border-radius: 0.15625vw;
}
.popup-event .popup-content::-webkit-scrollbar-thumb {
  background: #001855e0;
  border-radius: 0.15625vw;
}
.popup-event .popup-content::-webkit-scrollbar-thumb:hover {
  background: #a1433c;
}
.popup-event .popup-content-text {
  font-size: 14px;
  font-family: Roboto, sans-serif;
}
.popup-event .popup-content-text table {
  font-family: Roboto, sans-serif;
}
.popup-event .popup-content-text table th,
.popup-event .popup-content-text table td {
  font-size: 14px;
}
.popup-notify {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(bg-popup-e_RCJ718.png) no-repeat center center;
  background-size: cover;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  width: 28.8541666667vw;
  height: 20.1041666667vw;
  padding: 2.6041666667vw;
  color: #a1433c;
  text-align: center;
}
.popup-notify.show {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%) scale(1);
}
.popup-notify .popup-title {
  font-size: 2.0833333333vw;
  color: #a1433c;
  margin-bottom: 1.0416666667vw;
  text-transform: uppercase;
}
.popup-notify .popup-content {
  padding: 1.0416666667vw;
  font-size: 1.5625vw;
}
.popup-notify .popup-content .message p {
  margin-bottom: 0.5208333333vw;
}
.popup-notify .close-popup {
  position: absolute;
  top: -0.78125vw;
  right: -1.3020833333vw;
  width: 2.2395833333vw;
  height: 2.5vw;
  cursor: pointer;
  transition: transform 0.3s ease;
  background: url(btn-close-CWVEuzw3.png) no-repeat center center;
  background-size: contain;
  display: block;
}
.popup-notify .close-popup:hover {
  transform: rotate(90deg);
}
.popup-register .popup-content form {
  width: 100%;
}
.popup-register .popup-content .info_refund {
  color: #a1433c;
  font-size: 0.9375vw;
  margin-bottom: 0.5208333333vw;
}
.popup-register .popup-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.popup-register .popup-content li {
  margin-bottom: 0.78125vw;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.popup-register .popup-content li label {
  width: 100%;
  font-size: 1.3020833333vw;
  margin-bottom: 0.5208333333vw;
  display: block;
  color: #a1433c;
}
.popup-register .popup-content li label .Require {
  color: #5f0000;
}
.popup-register .popup-content li select {
  width: 100%;
  background-color: wheat;
  height: 3.3333333333vw;
  padding: 1.0416666667vw;
  font-size: 1.0416666667vw;
  border: none;
  color: #a1433c;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.popup-register .popup-content li select:disabled {
  background-color: wheat;
  cursor: not-allowed;
  color: #5f000084;
}
.popup-register .popup-content li select::-ms-expand {
  display: none;
}
.popup-register .popup-content .custom-a {
  font-size: 1.0416666667vw;
  color: #a1433c;
  text-align: center;
  width: 100%;
}
.popup-register .popup-content .button-group {
  text-align: center;
  margin-top: 1.0416666667vw;
}
.popup-register .popup-content .button-group .btn-register {
  display: block;
  margin: auto;
  background: none;
  border: none;
  width: 25.15625vw;
  cursor: pointer;
  transition: all 0.3s ease;
}
.popup-register .popup-content .button-group .btn-register:hover {
  filter: brightness(1.2);
}
.popup-register .popup-content .button-group .profile-success {
  width: 100%;
  color: green;
  font-size: 1.0416666667vw;
  display: none;
}
.popup-register .popup-content .button-group .profile-success.show {
  display: block;
}
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000cf;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.popup-overlay.show {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 1024px) {
  .logo-age {
    display: none;
  }
  .bg-section-mb {
    display: block;
    margin-bottom: -1px;
  }
  .bg-section,
  .right-menu {
    display: none;
  }
  .btn-goTop {
    position: fixed;
    bottom: 10.7421875vw;
    right: 1.953125vw;
    width: 4.8828125vw;
    height: 5.95703125vw;
    background: url(icon-go-top-D_AVwug8.png) no-repeat center/100% 100%;
    cursor: pointer;
    font-size: 0;
    z-index: 7;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .btn-goTop.show {
    opacity: 1;
    visibility: visible;
    animation: pulse 2s infinite;
  }
  .menu-top-mobile {
    z-index: 10;
    padding: 1.953125vw;
    height: 13.18359375vw;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #501f1a;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .menu-top-mobile .game-brand {
    display: flex;
    align-items: center;
  }
  .menu-top-mobile .game-brand .game-icon {
    width: 14.453125vw;
  }
  .menu-top-mobile .game-brand .game-logo {
    width: 19.53125vw;
    margin-right: 2.9296875vw;
  }
  .menu-top-mobile .menu-buttons {
    display: flex;
    align-items: center;
    gap: 3.90625vw;
    margin-top: 1.953125vw;
  }
  .menu-top-mobile .menu-buttons a {
    display: block;
    width: 19.53125vw;
  }
  .menu-top-mobile .menu-toggle {
    width: 6.8359375vw;
    height: 5.859375vw;
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.9765625vw;
    padding: 0.48828125vw;
    margin-top: 1.66015625vw;
  }
  .menu-top-mobile .menu-toggle span {
    display: block;
    width: 100%;
    height: 0.9765625vw;
    background-color: #fbe384;
    border-radius: 0.9765625vw;
    transition: all 0.3s ease;
  }
  .menu-top-mobile .menu-toggle:hover span:nth-child(2) {
    width: 100%;
  }
  .menu-top-mobile .menu-toggle:hover span:nth-child(3) {
    width: 100%;
  }
  .menu-top-mobile .menu-toggle.active {
    margin-top: 0.9765625vw;
  }
  .menu-top-mobile .menu-toggle.active span {
    width: 100% !important;
  }
  .menu-top-mobile .menu-toggle.active span:first-child {
    transform: translateY(3.125vw) rotate(45deg);
  }
  .menu-top-mobile .menu-toggle.active span:nth-child(2) {
    opacity: 0;
  }
  .menu-top-mobile .menu-toggle.active span:last-child {
    transform: translateY(-0.78125vw) rotate(-45deg);
  }
  .menu-fix-top {
    display: block;
    position: fixed;
    top: 12.6953125vw;
    padding: 0 2.9296875vw;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #250d01e6;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
  }
  .menu-fix-top.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  .menu-fix-top ul {
    display: block;
  }
  .menu-fix-top li {
    width: 100%;
    height: auto;
    display: block;
    color: #fff;
    text-decoration: none;
    margin: 1.46484375vw 0;
    transition: all 0.3s ease;
    padding: 1.46484375vw 0;
    border-bottom: 0.09765625vw solid #685737;
  }
  .menu-fix-top li:before {
    display: none;
  }
  .menu-fix-top li:last-child {
    border-bottom: none;
  }
  .menu-fix-top li a {
    font-size: 2.9296875vw;
  }
  .menu-fix-left {
    position: fixed;
    left: 0;
    transform: none;
    z-index: 8;
    bottom: 0;
    top: inherit;
    width: 100%;
  }
  .menu-fix-left ul {
    display: flex;
    justify-content: center;
  }
  .menu-fix-left ul li {
    margin-top: 1.953125vw;
    width: 20%;
  }
  .menu-fix-left ul li a {
    position: relative;
    color: #fff;
    font-size: 0;
    display: block;
    width: 100%;
    height: 9.27734375vw;
    text-align: center;
    background: url(item-menu-bg-BxKRRPut.png) no-repeat center center;
    background-size: cover;
  }
  .menu-fix-left ul li a:hover {
    filter: none;
    transform: scale(1);
  }
  .menu-fix-left ul li a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    font-size: 2.9296875vw;
    padding: 1.953125vw;
    box-sizing: border-box;
    line-height: 2.9296875vw;
  }
  .menu-fix-left ul li:nth-child(1) a:before {
    content: "Máy chủ mới";
  }
  .menu-fix-left ul li:nth-child(2) a:before {
    content: "Tích lũy nạp 7 ngày";
  }
  .menu-fix-left ul li:nth-child(3) a:before {
    content: "Nạp đúng mốc";
  }
  .menu-fix-left ul li:nth-child(4) a:before {
    content: "Nạp liên tiếp 7 ngày";
  }
  .menu-fix-left ul li:nth-child(5) a:before {
    content: "Điểm danh 7 ngày";
  }
  .footer {
    padding: 1.953125vw 0 11.71875vw;
  }
  .popup-notify {
    width: 68.359375vw;
    height: 46.875vw;
    padding: 4.8828125vw;
  }
  .popup-notify .popup-title {
    font-size: 4.39453125vw;
    margin-bottom: 1.953125vw;
  }
  .popup-notify .popup-content {
    padding: 2.9296875vw;
    font-size: 3.41796875vw;
  }
  .popup-notify .popup-content .message p {
    margin-bottom: 0.9765625vw;
  }
  .popup-notify .close-popup {
    top: -1.46484375vw;
    right: -2.9296875vw;
    width: 4.19921875vw;
    height: 4.6875vw;
  }
  .popup-event {
    width: 87.890625vw;
    height: 59.5703125vw;
    padding: 5.859375vw 2.9296875vw 2.9296875vw;
  }
  .popup-event .popup-title {
    font-size: 4.8828125vw;
    margin-bottom: 1.953125vw;
  }
  .popup-event table thead th {
    padding: 0.9765625vw;
    font-size: 2.9296875vw;
    font-weight: 400;
  }
  .popup-event table td {
    padding: 0.78125vw;
    font-size: 2.44140625vw;
  }
  .popup-event .close-popup {
    top: -2.9296875vw;
    right: -0.9765625vw;
    width: 6.93359375vw;
    height: 7.32421875vw;
  }
  .popup-event .close-popup img {
    width: 5.6640625vw;
    height: 5.6640625vw;
  }
  .popup-event .popup-content {
    padding-right: 0.9765625vw;
    max-height: 42.96875vw;
  }
  .popup-event .popup-content::-webkit-scrollbar {
    width: 0.390625vw;
  }
  .popup-event .popup-content::-webkit-scrollbar-track {
    border-radius: 0.29296875vw;
  }
  .popup-event .popup-content::-webkit-scrollbar-thumb {
    border-radius: 0.29296875vw;
  }
  .popup-event .popup-content-text,
  .popup-event .popup-content-text table th,
  .popup-event .popup-content-text table td {
    font-size: 16px;
  }
  .popup-register .popup-content .info_refund {
    font-size: 2.44140625vw;
    margin-bottom: 0.9765625vw;
  }
  .popup-register .popup-content li {
    margin-bottom: 0.9765625vw;
  }
  .popup-register .popup-content li label {
    font-size: 2.9296875vw;
    margin-bottom: 0.9765625vw;
  }
  .popup-register .popup-content li select {
    height: 4.8828125vw;
    padding: 0.9765625vw 1.953125vw;
    font-size: 1.953125vw;
  }
  .popup-register .popup-content .custom-a {
    font-size: 2.44140625vw;
  }
  .popup-register .popup-content .button-group {
    margin-top: 0.9765625vw;
  }
  .popup-register .popup-content .button-group .btn-register {
    width: 47.16796875vw;
  }
  .popup-register .popup-content .button-group .profile-success {
    font-size: 2.44140625vw;
  }
  .section2 {
    z-index: 3;
  }
  .section2 .section-container {
    padding-top: 83.0078125vw;
  }
  .section2 .section-content {
    background: none;
    width: 93.5546875vw;
    height: 70.703125vw;
    padding: 6.34765625vw 5.859375vw 0;
  }
  .section2 .section-content .note {
    font-size: 1.5625vw;
    margin-bottom: 1.953125vw;
  }
  .section2 .section-content .upgrade {
    width: 37.6953125vw;
    margin: 14.16015625vw auto 0;
  }
  .section2 .section-content .upgrade a {
    display: block;
    width: 100%;
    transition: all 0.3s ease;
  }
  .section2 .section-content .upgrade a:hover {
    filter: brightness(1.2);
    transform: translateY(-0.2604166667vw);
  }
  .section2 .section-content .total-jade-recharged {
    margin-top: 4.39453125vw;
    position: relative;
  }
  .section2 .section-content .total-jade-recharged .title {
    font-size: 2.9296875vw;
    height: 6.8359375vw;
    color: #fff;
  }
  .section2 .section-content .total-jade-recharged .content {
    width: 100%;
    overflow: hidden;
  }
  .section2 .section-content .total-jade-recharged .content::-webkit-scrollbar {
    display: none;
  }
  .section2 .section-content .total-jade-recharged .content .item-wrapper {
    justify-content: flex-start;
    display: flex;
    gap: 0;
    padding-top: 3.90625vw;
    width: 100%;
  }
  .section2 .section-content .total-jade-recharged .content .item {
    flex: 0 0 auto;
    width: 16.89453125vw;
    height: 31.25vw;
    padding-top: 18.5546875vw;
    padding-right: 2.63671875vw;
    position: relative;
  }
  .section2 .section-content .total-jade-recharged .content .item:after {
    width: 85%;
    top: -7.5%;
    left: 52%;
  }
  .section2 .section-content .total-jade-recharged .content .item:before {
    width: 3.125vw;
    height: 3.125vw;
    top: -3.90625vw;
    left: 5.76171875vw;
    transform: none;
  }
  .section2 .section-content .total-jade-recharged .content .item .item-img {
    width: 14.2578125vw;
  }
  .section2 .section-content .total-jade-recharged .content .item .item-nb {
    font-size: 2.9296875vw;
  }
  .section2 .section-content .total-jade-recharged .content .item .item-btn {
    width: 11.23046875vw;
    margin: 0.9765625vw auto 0;
  }
  .section2 .section-content .total-jade-recharged .content .item .item-btn a {
    height: 3.22265625vw;
  }
  .section2 .section-content .btn-prev,
  .section2 .section-content .btn-next {
    position: absolute;
    top: 60%;
    width: 5.859375vw;
    display: block;
    cursor: pointer;
  }
  .section2 .section-content .btn-prev img,
  .section2 .section-content .btn-next img {
    width: 100%;
  }
  .section2 .section-content .btn-prev {
    left: -6.34765625vw;
    transform: rotate(180deg);
  }
  .section2 .section-content .btn-next {
    right: -6.34765625vw;
  }
  .section3 .section-container {
    display: block;
    padding-right: 0;
  }
  .section3 .section-content {
    width: 100%;
    padding-top: 68.359375vw;
    column-gap: 19.53125vw;
  }
  .section3 .item {
    width: 33.0078125vw;
    height: 47.65625vw;
    padding-top: 7.8125vw;
    font-size: 5.859375vw;
  }
  .section3 .item:last-child {
    margin-top: -12.6953125vw;
  }
  .section3 .item .item-title {
    -webkit-text-stroke: 0.68359375vw rgba(0, 0, 0, 0);
  }
  .section3 .item .item-img {
    margin-top: 0.9765625vw;
    width: 16.6015625vw;
  }
  .section3 .item .item-btn {
    width: 18.75vw;
    height: 5.6640625vw;
    margin: 1.953125vw auto 0;
  }
  .section3 .item .item-btn a {
    height: 5.6640625vw;
  }
  .section4 .section-content {
    padding-top: 112.3046875vw;
    width: 100%;
    margin: auto;
    position: relative;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    column-gap: 0;
  }
  .section4 .item {
    position: relative;
    width: 24.21875vw;
    height: 26.3671875vw;
    top: inherit !important;
    left: inherit !important;
    padding-top: 14.6484375vw;
  }
  .section4 .item .item-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .section4 .item .item-btn {
    width: 15.625vw;
    margin: 5.859375vw auto 0;
  }
  .section4 .item .item-btn a {
    height: 4.4921875vw;
  }
  .section5 .section-container {
    padding: 83.0078125vw 0 0;
  }
  .section5 .note {
    font-size: 3.41796875vw;
    margin-top: 6.8359375vw;
    padding: 0;
  }
  .section5 .section-content {
    width: 100%;
    height: auto;
    column-gap: 2.9296875vw;
  }
  .section5 .item {
    width: 19.62890625vw;
    height: 33.59375vw;
    padding-top: 22.94921875vw;
  }
  .section5 .item:nth-child(5),
  .section5 .item:nth-child(6),
  .section5 .item:nth-child(7) {
    margin-top: -2.9296875vw;
  }
  .section5 .item .item-btn {
    width: 18.45703125vw;
    margin: 2.44140625vw auto 0;
  }
  .section5 .item .item-btn a {
    height: 5.56640625vw;
  }
}
@keyframes sway {
  0%,
  to {
    transform: rotate(-2deg);
  }
  50% {
    transform: rotate(2deg);
  }
}
@keyframes popIn {
  0% {
    opacity: 0;
    transform: scale(0.7);
  }
  80% {
    opacity: 0.8;
    transform: scale(1.1);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes particleTwinkleIntense {
  0%,
  to {
    opacity: 0.2;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1.5);
  }
}
@keyframes particleFloatDynamic {
  0% {
    transform: translateY(0) rotate(0) scale(0.8);
  }
  to {
    transform: translateY(-1.5625vw) rotate(360deg) scale(1.2);
  }
}
@keyframes itemShake {
  0%,
  to {
    transform: translate(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate(-3px);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translate(3px);
  }
}
@keyframes hoverLiftAndDrop {
  0%,
  to {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}