/* @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;
}

/* 按鈕 */
#shop {
  position: absolute;
  top: 19.7vw;
  right: 40.1vw;
  width: 20vw;
  height: 4.4vw;
}
#intro {
  position: absolute;
  top: 58.4vw;
  right: 63vw;
  width: 6.5vw;
  height: 3vw;
}
#product {
  position: absolute;
  top: 58.4vw;
  right: 55vw;
  width: 6.5vw;
  height: 3vw;
}
#psy {
  position: absolute;
  top: 58.4vw;
  right: 46.9vw;
  width: 6.5vw;
  height: 3vw;
}
#trial {
  position: absolute;
  top: 58.4vw;
  right: 38.9vw;
  width: 6.5vw;
  height: 3vw;
}
#more {
  position: absolute;
  top: 58.4vw;
  right: 30.7vw;
  width: 6.5vw;
  height: 3vw;
}
#ec {
  position: absolute;
  top: 128.3vw;
  right: 54vw;
  width: 21vw;
  height: 4.4vw;
}
#play {
  position: absolute;
  top: 128.3vw;
  right: 25vw;
  width: 22.3vw;
  height: 4.4vw;
}

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

/* 頁籤 */
#intro_bookmark {
  position: absolute;
  top: 69vw;
  right: 50vw;
  width: 10vw;
  height: 3vw;
}
#product_bookmark {
  position: absolute;
  top: 147vw;
  right: 50vw;
  width: 10vw;
  height: 3vw;
}
#psy_bookmark {
  position: absolute;
  top: 213vw;
  right: 50vw;
  width: 10vw;
  height: 3vw;
}
#trial_bookmark {
  position: absolute;
  top: 283vw;
  right: 50vw;
  width: 10vw;
  height: 3vw;
}

/* 規格輪播 */
.format_carousel {
  position: absolute;
  top: 279.7vw;
  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;
  }

  /* menu */
  #menu {
    position: absolute;
    top: 2.9vw;
    right: 4.2vw;
    width: 8.5vw;
    height: 8.5vw;
  }
  #menu_list {
    display: none;
    position: absolute;
    top: 14vw;
    right: 0vw;
    width: 28.4vw;
    height: 8.5vw;
  }

  /* 按鈕 */
  #shop {
    position: absolute;
    top: 155.5vw;
    right: 31.5vw;
    width: 37vw;
    height: 8vw;
  }
  #intro_mo {
    position: absolute;
    top: 6.5vw;
    right: 2.5vw;
    width: 23vw;
    height: 9vw;
  }
  #product_mo {
    position: absolute;
    top: 21.5vw;
    right: 2.5vw;
    width: 23vw;
    height: 9vw;
  }
  #psy_mo {
    position: absolute;
    top: 36.5vw;
    right: 2.5vw;
    width: 23vw;
    height: 9vw;
  }
  #trial_mo {
    position: absolute;
    top: 52vw;
    right: 2.5vw;
    width: 23vw;
    height: 9vw;
  }
  #more_mo {
    position: absolute;
    top: 67vw;
    right: 2.5vw;
    width: 23vw;
    height: 9vw;
  }
  #ec {
    position: absolute;
    top: 377vw;
    right: 32.5vw;
    width: 35vw;
    height: 6.5vw;
  }
  #play {
    position: absolute;
    top: 388.5vw;
    right: 32.5vw;
    width: 35vw;
    height: 6.5vw;
  }
  
  /* 社群按鈕 */
  #fb {
    position: absolute;
    top: 1019vw;
    right: 56.9vw;
    width: 8vw;
    height: 8vw;
  }
  #ig {
    position: absolute;
    top: 1019vw;
    right: 46.7vw;
    width: 8vw;
    height: 8vw;
  }
  #yt {
    position: absolute;
    top: 1019vw;
    right: 36.5vw;
    width: 8vw;
    height: 8vw;
  }
  
  /* 頁籤 */
  #intro_bookmark {
    position: absolute;
    top: 184vw;
    right: 50vw;
    width: 10vw;
    height: 3vw;
  }
  #product_bookmark {
    position: absolute;
    top: 432vw;
    right: 50vw;
    width: 10vw;
    height: 3vw;
  }
  #psy_bookmark {
    position: absolute;
    top: 723vw;
    right: 50vw;
    width: 10vw;
    height: 3vw;
  }
  #trial_bookmark {
    position: absolute;
    top: 907vw;
    right: 50vw;
    width: 10vw;
    height: 3vw;
  }

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