#UIContent {
  width: 100%;
  height: 100%;
  position: absolute;
  pointer-events: none;
  z-index: 100;
}

.menu {
  box-sizing: border-box;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  bottom: 10%;
  z-index: 101;
  display: none;
  flex-direction: column;
  gap: .5rem;
  align-items: center;
  padding: .6vw;
  pointer-events: auto;
}

.menuBtn {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  cursor: pointer;
}
.menu1Btn {
  flex: 0 0 auto;
}
#menu2 {
  background-image: url(./ui/menu2bg.png);
  width: 140px;
  height: 260px;
  padding: 1.5vw .8vw;
  /* gap: 2vw; */
  left: 83%;
}

#menu2Btn1 {
  background-image: url(./ui/menu2Btn1.png);
  aspect-ratio: 158 / 99;
  /* width: 158px;
  height: 99px; */
}

#menu2Btn2 {
  background-image: url(./ui/menu2Btn2.png);
  aspect-ratio: 158 / 66;
  /* width: 158px;
  height: 66px; */
}

#menu2Btn3 {
  background-image: url(./ui/menu2Btn3.png);
  aspect-ratio: 158 / 99;
  /* width: 158px;
  height: 99px; */
}

#menu1 {
  background-image: url(./ui/menu1bg.png);
  width: 140px;
  height: 240px;
  left: 71%;
  /* padding: 1.5vw .8vw; */
  /* gap: 1.5vw; */
}

#menu1SubBtn1 {
  background-image: url(./ui/menu1SubBtn1.png);
  aspect-ratio: 141 / 58;
}

#menu1SubBtn2 {
  background-image: url(./ui/menu1SubBtn2.png);
  aspect-ratio: 141 / 90;
}

#menu1SubMenu1 {
  background-image: url(./ui/menu1SubMenu1bg.png);
  width: 140px;
  height: 150px;
  bottom: -8%;
  right: 100%;
  gap: .5vw;
}

#menu1SubMenu2 {
  background-image: url(./ui/menu1SubMenu2bg.png);
  width: 140px;
  height: 320px;
  bottom: -8%;
  right: 100%;
  gap: .5rem;
  overflow-y: auto;
  /* scrollbar-width: thin;
  scrollbar-color: #6E9396 #C6DDE0 ; */
}

#menu1SubMenu2::-webkit-scrollbar-button {
  display: none;
}

#menu1SubMenu2::-webkit-scrollbar {
  width: 8px;
}

#menu1SubMenu2::-webkit-scrollbar-track {
  background: #C6DDE0;
  border-radius: .5rem;
}

#menu1SubMenu2::-webkit-scrollbar-thumb {
  background: #6E9396;
  border-radius: 4px;
}


#menu1Btn1 {
  background-image: url(./ui/menu1Btn1.png);
  aspect-ratio: 141 / 44;
}

#menu1Btn2 {
  background-image: url(./ui/menu1Btn2.png);
  aspect-ratio: 141 / 44;
}

#menu1Btn3 {
  background-image: url(./ui/menu1Btn3.png);
  aspect-ratio: 141 / 44;
}

#menu1Btn4 {
  background-image: url(./ui/menu1Btn4.png);
  aspect-ratio: 141 / 44;
}


#menu1Btn5 {
  background-image: url(./ui/menu1Btn5.png);
  aspect-ratio: 141 / 44;
}

#menu1Btn6 {
  background-image: url(./ui/menu1Btn6.png);
  aspect-ratio: 141 / 44;
}

#menu1Btn7 {
  background-image: url(./ui/menu1Btn7.png);
  aspect-ratio: 141 / 44;
}

#menu1Btn8 {
  background-image: url(./ui/menu1Btn8.png);
  aspect-ratio: 141 / 44;
}

#menu1Btn9 {
  background-image: url(./ui/menu1Btn9.png);
  aspect-ratio: 141 / 44;
}

#menu1Btn10 {
  background-image: url(./ui/menu1Btn10.png);
  aspect-ratio: 141 / 44;
}

#menu1Btn11 {
  background-image: url(./ui/menu1Btn11.png);
  aspect-ratio: 141 / 44;
}

#menu1Btn12 {
  background-image: url(./ui/menu1Btn12.png);
  aspect-ratio: 141 / 44;
}

#menu1Btn13 {
  background-image: url(./ui/menu1Btn13.png);
  aspect-ratio: 141 / 44;
}

#menu1Btn14 {
  background-image: url(./ui/menu1Btn14.png);
  aspect-ratio: 141 / 44;
}

#menu1Btn15 {
  background-image: url(./ui/menu1Btn15.png);
  aspect-ratio: 141 / 44;
}

#menu1Btn16 {
  background-image: url(./ui/menu1Btn16.png);
  aspect-ratio: 141 / 44;
}

#menu1Btn17 {
  background-image: url(./ui/menu1Btn17.png);
  aspect-ratio: 141 / 74;
}

#menu1Btn18 {
  background-image: url(./ui/menu1Btn18.png);
  aspect-ratio: 141 / 44;
}

#menu1Btn19 {
  background-image: url(./ui/menu1Btn19.png);
  aspect-ratio: 141 / 44;
}

#menu1Btn20 {
  background-image: url(./ui/menu1Btn20.png);
  aspect-ratio: 141 / 44;
}

#menu1Btn21 {
  background-image: url(./ui/menu1Btn21.png);
  aspect-ratio: 141 / 44;
}

#menu1Btn22 {
  background-image: url(./ui/menu1Btn22.png);
  aspect-ratio: 141 / 44;
}

#menu1Btn23 {
  background-image: url(./ui/menu1Btn23.png);
  aspect-ratio: 141 / 44;
}

#menu1Btn24 {
  background-image: url(./ui/menu1Btn24.png);
  aspect-ratio: 141 / 44;
}

#menu1Btn25 {
  background-image: url(./ui/menu1Btn25.png);
  aspect-ratio: 141 / 44;
}

#menu1Btn26 {
  background-image: url(./ui/menu1Btn26.png);
  aspect-ratio: 141 / 74;
}

#menu1Btn27 {
  background-image: url(./ui/menu1Btn27.png);
  aspect-ratio: 141 / 74;
}

#menu1Btn28 {
  background-image: url(./ui/menu1Btn28.png);
  aspect-ratio: 141 / 44;
}

#menu1Btn29 {
  background-image: url(./ui/menu1Btn29.png);
  aspect-ratio: 141 / 44;
}

#menu1Btn30 {
  background-image: url(./ui/menu1Btn30.png);
  aspect-ratio: 141 / 44;
}

#menu1Btn31 {
  background-image: url(./ui/menu1Btn31.png);
  aspect-ratio: 141 / 44;
}