body * {
font-family: "Microsoft JhengHei", "Segoe UI", sans-serif;
}

.mainVisualContainer{display:none;}


/* table */

.state01 {background-color: #090909;background-image: url(https://image.card.tw.r10s.com/images/common/landing/ad09/2026/sec02_bg.jpg);background-repeat: no-repeat;background-position: center bottom;padding: 60px 0px;position: relative;height: auto;text-align: center;}
.state02 {  background-image: url(https://image.card.tw.r10s.com/images/common/landing/ad09/2026/sec04_bg.jpg);
  background-color: #8a0504;
  background-repeat: no-repeat;
  background-position: left top;
  height: auto;
  padding: 20px;
  position: relative;}

.contents-inner {
    width: 950px;
    margin: 15px auto 0;
    position: relative;
    color: #333333;
}

.title {
  margin: 60px auto 30px auto;
  display: table;
}


.monkeyf {
  width: 100%;
  margin:20px auto;
  border-collapse: separate;
  border-spacing: 0;

}

.monkeyf td {
  padding: 30px 5px;
  background-color: #bb0000cc;
  color: #FFF;
  text-align: center;
  font-size: 23px;
  font-weight: 400;
  border: 0px;

}

.monkeyf tr:nth-of-type(even) td {
  background-color: #8b0000f2;
}

/*第一欄第一列：左上*/
.monkeyf tr:first-child td:first-child {
  border-top-left-radius: 30px;
}

/*第一欄最後列：左下*/
.monkeyf tr:last-child td:first-child {
  border-bottom-left-radius: 30px;
}

/*最後欄第一列：右上*/
.monkeyf tr:first-child td:last-child {
  border-top-right-radius: 30px;
}

/*最後欄第一列：右下*/
.monkeyf tr:last-child td:last-child {
  border-bottom-right-radius: 30px;
}

.tbt {
  color: #f5b087;
  border-bottom: #f5b087 solid 2px;
  width: 35%;
  margin: -20px auto 5px auto;
  line-height: 1.5;
}


.tbig {
  font-size: 50px;
  font-weight: 800;
  color: #fff;
}

/* table */

.other_offers {
    display: flex;
    margin: 10px auto;
    justify-content: center;
}

.other {
  vertical-align:middle;
  display:flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  font-size: 16px;
  color: #810200;
  padding:5px 10px;
  line-height: 1.3;
  }


.other_offers li img{border-bottom: 1px solid #ebebeb;}


.other_offers li {
    list-style: none;
    margin: 20px;
    text-align: center;
    background-color: #FFF;
    
}

.other_offers li p{font-size: 18px;color: #8a0504;padding: 15px 10px;}

.other_offers li a {
    text-decoration: none;
}

.other_offers li:hover {
    text-decoration: none;
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
    transition: all 0.2s ease;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


/* button */
.btn-gradient {
  -webkit-animation-duration: 2.5s;
  -webkit-animation-iteration-count: infinite;
  padding: 10px;
  text-align: center;
  margin: 60px auto;
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
}

.btn-gradient a {
  text-align: center;
  width: 30%;
  padding: 24px 10px;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  align-items: center;
  align-content: center;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #fff;
  margin: 0 auto;
  background: linear-gradient(to right, rgb(254 1 21) 0%, rgb(255 0 0) 100%);
  /* border: 3px solid #000; */
  border-radius: 100px;
  /* box-shadow: 5px 5px #000; */
  text-decoration: none;
}

.btn-gradient a span {
  flex: auto;
  font-size: 24px;
  font-family: "Noto Sans TC", Arial, "微軟正黑體", "新細明體", sans-serif;
  font-weight: 800 !important;
}

.btn-gradient a span.icon {
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  position: relative;
}

.btn-gradient a span.icon::after {
  content: "";
  position: absolute;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  width: 45px;
  height: 45px;
  top: calc(50% - 22.5px);
  right: 10px;
  /* background: url(https://stg.image.card.tw.r10s.com/images/common/landing/ad04/icon_arr.png) center center no-repeat; */
  background-size: cover;
}

.btn-gradient a:hover {
  color: #fff;
}


.btn-gradient a:hover .icon {
  padding-right: 10px;
}

.btn-gradient a:hover .icon::after {
  right: 15px;
}

/* button */