/* @font-face {
  font-family: OPPOSans-B5-M;
  src: url(/fonts/OPPOSans-B5-M.ttf);
} */
body {
  position: relative;
  font-family: OPPOSans-B5-M;
  margin: 0;
}
img {
  width: 100%;
}
.mo {
  display: none;
}
a {
  cursor: pointer;
  text-decoration: none;
}

/* 按鈕 */
#intro {
  position: absolute;
  top: 51vw;
  right: 47.1vw;
  width: 8vw;
  height: 3vw;
}
#product {
  position: absolute;
  top: 51vw;
  right: 37.1vw;
  width: 8vw;
  height: 3vw;
}
#psy {
  position: absolute;
  top: 51vw;
  right: 27vw;
  width: 8vw;
  height: 3vw;
}
#trial {
  position: absolute;
  top: 51vw;
  right: 15vw;
  width: 10vw;
  height: 3vw;
}
#shop {
  position: absolute;
  top: 404.5vw;
  right: 54vw;
  width: 21vw;
  height: 4.4vw;
}
#ec {
  position: absolute;
  top: 404.5vw;
  right: 25.5vw;
  width: 21vw;
  height: 4.4vw;
}
#play {
  position: absolute;
  top: 434.5vw;
  right: 37.9vw;
  width: 24.2vw;
  height: 4vw;
}

/* 社群按鈕 */
#fb {
  position: absolute;
  top: 475.5vw;
  right: 55.1vw;
  width: 5.6vw;
  height: 5vw;
}
#ig {
  position: absolute;
  top: 475.5vw;
  right: 47.85vw;
  width: 5.6vw;
  height: 5vw;
}
#yt {
  position: absolute;
  top: 475.5vw;
  right: 40.5vw;
  width: 5.6vw;
  height: 5vw;
}

/* 頁籤 */
#intro_bookmark {
  position: absolute;
  top: 67vw;
  right: 50vw;
  width: 10vw;
  height: 3vw;
}
#product_bookmark {
  position: absolute;
  top: 275vw;
  right: 50vw;
  width: 10vw;
  height: 3vw;
}
#psy_bookmark {
  position: absolute;
  top: 420vw;
  right: 50vw;
  width: 10vw;
  height: 3vw;
}

/* 活動輪播 */
.event_carousel {
  position: absolute;
  top: 136vw;
  width: 100%;
}
.event_carousel .item {
  position: relative;
  height: 50vw;
}

/* 規格輪播 */
.format_carousel {
  position: absolute;
  top: 271.9vw;
  width: 100%;
}
.format_carousel .item {
  position: relative;
  height: 50vw;
}

/*輪播區塊*/
.carousel {
  width: 100%;
  position: absolute;
  /* padding-bottom: 3vw; */
}
.carousel-inner {
  width: 100vw;
  margin: 0 auto;
}
/* .carousel-item {
  padding: 0 2.4vw;
} */

/*控制項*/
.carousel-control-prev {
  opacity: 0.5;
  left: -4.5vw;
}
.carousel-control-next {
  opacity: 0.5;
  right: -4.5vw;
}
.carousel:hover .carousel-control-next, 
.carousel:hover .carousel-control-prev {
  opacity: 0.8;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  width: 2vw;
  height: 2vw;
  background-image: url("/img/arrow.png");
}
.carousel-control-prev-icon {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
/*手機版*/
@media(max-width: 768px) {
  .mo {
    display: block;
  }
  .pc {
    display: none;
  }

  /* 按鈕 */
  #intro {
    position: absolute;
    top: 156.5vw;
    right: 75.7vw;
    width: 17.5vw;
    height: 6vw;
  }
  #product {
    position: absolute;
    top: 156.5vw;
    right: 54vw;
    width: 17.5vw;
    height: 6vw;
  }
  #psy {
    position: absolute;
    top: 156.5vw;
    right: 32.8vw;
    width: 17vw;
    height: 6vw;
  }
  #trial {
    position: absolute;
    top: 156.5vw;
    right: 7vw;
    width: 21.1vw;
    height: 6vw;
  }
  #shop {
    position: absolute;
    top: 864vw;
    right: 55vw;
    width: 38vw;
    height: 8.3vw;
  }
  #ec {
    position: absolute;
    top: 864vw;
    right: 7vw;
    width: 38vw;
    height: 8.3vw;
  }
  #play {
    position: absolute;
    top: 908vw;
    right: 34vw;
    width: 32vw;
    height: 5.5vw;
  }
  /* 社群按鈕 */
  #fb {
    position: absolute;
    top: 959.5vw;
    right: 57.5vw;
    width: 7vw;
    height: 7.6vw;
  }
  #ig {
    position: absolute;
    top: 959.5vw;
    right: 47.3vw;
    width: 7vw;
    height: 7.5vw;
  }
  #yt {
    position: absolute;
    top: 959.5vw;
    right: 37vw;
    width: 7vw;
    height: 7.5vw;
  }

  /* 頁籤 */
  #intro_bookmark {
    position: absolute;
    top: 176vw;
    right: 50vw;
    width: 10vw;
    height: 3vw;
  }
  #product_bookmark {
    position: absolute;
    top: 643vw;
    right: 50vw;
    width: 10vw;
    height: 3vw;
  }
  #psy_bookmark {
    position: absolute;
    top: 870vw;
    right: 50vw;
    width: 10vw;
    height: 3vw;
  }
  #trial_bookmark {
    position: absolute;
    top: 350vw;
    right: 50vw;
    width: 10vw;
    height: 3vw;
  }

  /* 活動輪播 */
  .event_carousel {
    top: 303vw;
  }
  /* 規格輪播 */
  .format_carousel {
    top: 648vw;
  }
  .carousel-control-prev {
    left: -1.5vw;
  }
  .carousel-control-next {
    right: -1.5vw;
  }
  .carousel-control-prev-icon,
  .carousel-control-next-icon {
    width: 4vw;
    height: 4vw;
  }
}