p,
h1 {
  margin: 0;
  padding: 0;
  /* color: #333; */
}
.handset_title {
  color: red;
  letter-spacing: 0px;
  font-size: 18px;
  margin-bottom: 0!important;
}
.banner-div {
  position: relative;
}
@media (max-width: 1024px) {
  .handset_title {
    padding: 0px 23px;
  }
  #lead_in {
    font-size: 1.4rem;
  }
}
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.banner-div {
  width: 100%;
  text-align: center;
  height: 100%;
  /* height: 440px; */
}
/* .swiper-wrapper img {
  width: 100%;
} */
.offer_text_margin {
  margin-top: 50px;
}
.item_header {
  width: 50%;
  border-right: 1px solid #cccccc;
}
.content {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  float: unset;
}
.title {
  width: 71px;
}
.pagination {
  display: block;
  bottom: 3px!important;
}
.highlight_red {
  color: red;
  white-space: nowrap;
  font-family: NotoSansCondBold, NotoSansTCBlack;
}
.arrow_content a:link {
  color: red !important;
  font-weight: normal;
}
body.v4 footer {
  margin-top: 50px;
}
#swiper-main-bg {
  display: flex;
  align-items: center;
  position: absolute;
  background: none!important;
}
#swiper-main-bg-mobile {
  display: flex;
  align-items: center;
  position: absolute;
  background: none!important;
}
#swiper-main-bg-otherTab {
  display: flex;
  /* display: none; */
  bottom: 0;
}
#swiper-main-bg-mobile-otherTab {
  display: none;
  bottom: 0;
}
.padding_normal {
  padding: 0;
}
#lead_in {
    padding: 0 16px;
  }
@media screen and (max-width: 767px) {
  .content {
    width: 100% !important;
    padding: 0;
  }
  .offer_item {
    width: 100%;
  }
  /* #swiper-main-bg {
    display: none;
  }
  #swiper-main-bg-mobile {
    display: flex;
  } */
  #lead_in, #lead_in_remark{
    margin: 0;
    color: var(--palette-grey-90);
  }
  /* #swiper-main-bg {
    display: none !important;
  }
  #swiper-main-bg-mobile {
    display: flex;
  }*/
  #swiper-main-bg-otherTab {
    display: none;
  }
  #swiper-main-bg-mobile-otherTab {
    display: flex;
  } 
  .banner-div {
    width: 100%;
    text-align: center;
    /* height: 768px; */
  }
}
@media screen and (max-width: 600px) {
  .banner-div {
    /* height: 600px; */
  }
}
@media screen and (max-width: 500px) {
  .banner-div {
    /* height: 500px; */
  }
}
@media screen and (max-width: 414px) {
  .banner-div {
    /* height: 414px; */
  }
}
@media screen and (max-width: 375px) {
  .banner-div {
    /* height: 375px; */
  }
}

/* react css */
.tabContent p.MuiTypography-root {
  margin: 0;
}
.MuiTabs-flexContainer button:focus {
  outline: 0;
}
.css-1xv4oq1 a.MuiTypography-root {
  color: var(--palette-white-main);
}
.theme[lang="en-US"] .MuiButtonBase-root .tabContent .MuiTypography-root,
.theme[lang="en-US"] .MuiTableBody-root .MuiTableCell-root {
  font-weight: 500;
}

.css-edi6b8-MuiTableContainer-root .MuiTableBody-root .MuiTableCell-root {
  /* white-space: nowrap; */
}
