.a-box{width:80%;margin:auto}
.a-box h1{margin-bottom:3.6vh}
.a-box h1 sup{color:#e00;font-size:0.9rem}
.ah-box{width:100%}
.ah-box .ah-l, .ah-box .ah-r{width:50%;float:left}
.ah-box .ah-l{text-align:center}
.ah-box .ah-r .adva{width:76%;margin:5vh auto 0;border-radius:25px;background:#f1f1f1;color:#222;padding:3vh;line-height:150%}
.ah-box .ah-r .adva h2{margin-bottom:1.3vh}
.a-adb{width:100%;margin:3.9vh auto;position:relative;cursor:default}
.a-adb h3{width:1000px;text-align:center;position:absolute;left:50%;top:50%;z-index:1;color:#e00;font-size:5vh;letter-spacing:0.6vw;margin:-30px 0 0 -500px;transition:letter-spacing 1s ease, color 1s ease}
.a-adb h3:hover{letter-spacing:1vw;color:#a8adab}



.a-carousel-container {
  position: relative;
  width: 700px;
  margin: auto;
  overflow: hidden;
}

.a-carousel {
  display: flex;
  transition: transform 0.6s ease;
}

.a-carousel img {
  width: 100%;
  flex-shrink: 0;
}

.a-prev, .a-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0,0,0,0.05);
  color: white;
  border: none;
  font-size: 1rem;
  cursor: pointer;
  z-index: 10;
  display: block;
  width:50px;
  height:50px;
  border-radius: 50%;
  transition:background-color 0.5s ease;
}

.a-prev { left: 10px;}
.a-next { right: 10px;}

.a-prev:hover, .a-next:hover {
  background-color: rgba(238,0,0,0.3);
  border:none;
}








.fd8-box {
  width: 60%;
  margin: 10vh auto;
  position: relative;
  overflow: visible;
}
.fd8-box h2{color:#e00}

/*.fd8 {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding: 20px 0;
}*/

.fd8 {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  overflow: visible;
  padding: 20px 0;
  justify-content: flex-start;
}

.fd8-card {
  flex: 1 1 200px;
  min-width: 300px;
  min-height: 230px;
  padding:1.6vh;
  background: #f9f9f9;
  color: #222;
  border-radius: 12px;
  /*display: flex;*/
  align-items: center;
  justify-content: center;
  font-size: 1rem;
}
.fd8-card img{mix-blend-mode:multiply}
.fd8-card h3{font-size:1.1rem;margin-bottom:0.6rem;color:#000}

/*.fd8-card {
  min-width: 300px;
  min-height: 230px;
  color: #fff;
  background: linear-gradient(to bottom, #e00 0%, #bbb 100%);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  padding:1vw;
}*/

.fd8::-webkit-scrollbar {
  display: none;
}

.fd8-left,
.fd8-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0,0,0,0.05);
  color: white;
  border: none;
  font-size: 1rem;
  cursor: pointer;
  z-index: 10;
  display: block;
  width:50px;
  height:50px;
  border-radius: 50%;
  transition:background-color 0.5s ease;
display:none;
}

.fd8-left:hover,
.fd8-right:hover {
  background-color: rgba(238,0,0,0.3);
  border:none;
}

.fd8-left {
  left: -69px;
}

.fd8-right {
  right: -69px;
}



.sp-box {
  width: 60%;
  margin: 10vh auto;
  position: relative;
  overflow: visible;
}
.sp-box h2{color:#000}
.sp-box table{width:100%;border-left:1px solid #ccc;border-top:1px solid #ccc;margin:0;padding:0}
.sp-box table td, .sp-box table th{border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin:0;padding:0.5vh}
.sp-box table thead{color:#fff;background:#e1190c;/*background:url(../images/big-table-thead-bg.jpg?v=1) repeat-y left top*/}

.a-button{display:block;width:130px;padding:10px;margin:auto;background:#f1f1f1;color:#000;border:1px solid gray;text-decoration:none;text-align:center}
.a-button:hover{background:#e3e3e3}



@media (max-width:1279px) {
.a-box{margin-top:13vh}
.ah-l, .ah-r{float:none !important;width:100% !important}
.ah-l img{width:100%}
.adva{width:90% !important;padding:5% !important;border-radius:12px !important}
.a-carousel-container{width:100%}
.a-box, .fd8-box, .sp-box{width:90%}
.a-big-table{transform:scale(0.66);transform-origin:top left;overflow:visible}
.a-adb h3{display:none}
}