.carousel {
  max-width: 100vw;
  margin: 0 auto; }

.big {
  width: 100vw;
  height: 70vh;
  margin: 0 auto;
  position: relative; }

.big-box {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden; }

.big-box .big-pic {
  width: 100%;
  height: 100%;
  background-size: cover;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 8s;
  -o-transition: all 8s;
  transition: all 8s; }

.big-box.move .big-pic {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 5%;
  bottom: 10%;
  z-index: 2; }

.dot {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  margin: 0 4px;
  background-color: white;
  cursor: pointer; }

@media (max-width: 430px) {
  .dots {
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%); } }

.carousel.custom-size {
  max-width: calc(100vw - (70px * 2));
  height: 80vh;
  max-height: 450px;
  margin-bottom: 64px;
  border-radius: 10px;
  overflow: hidden; }
  .carousel.custom-size .big {
    width: 100%;
    height: 100%; }
  .carousel.custom-size .dots {
    right: 24px;
    bottom: 28px; }

@media (max-width: 430px) {
  .carousel.custom-size {
    max-width: calc(100vw - (20px * 2)); }
    .carousel.custom-size .dots {
      right: 50%; }
  .big-box .big-pic {
    background-position: center; } }

.logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 38px auto 51px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .logos img {
    margin: 0 16px 20px; }

.performance_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 1000px;
  margin: 36px auto 0; }

.performance {
  min-width: 120px;
  margin: 0 24px;
  text-align: center;
  z-index: 3; }
  .performance .number {
    color: #c49e62;
    font-family: 'Roboto';
    font-size: 64px;
    font-weight: 300; }
    .performance .number:after {
      content: '+';
      display: inline-block;
      color: #CCCCCC;
      font-size: 42px;
      -webkit-transform: translateY(-22px);
      -ms-transform: translateY(-22px);
      transform: translateY(-22px); }
  .performance .type {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }

.button {
  margin: 12px auto 60px;
  text-align: center; }
  .button a {
    display: inline-block;
    font-family: Noto Sans TC;
    background-color: #fff;
    line-height: 23.17px;
    letter-spacing: 0.1em;
    padding: 12px 24px;
    border-radius: 30px;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(73, 171, 208, 0.05);
    box-shadow: 0px 4px 4px 0px rgba(73, 171, 208, 0.05);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .button a:hover {
      -webkit-box-shadow: 0px 10px 20px 5px rgba(73, 171, 208, 0.2);
      box-shadow: 0px 10px 20px 5px rgba(73, 171, 208, 0.2); }

.center_p {
  color: #878787;
  line-height: 180%;
  margin-bottom: 0; }
  .center_p span {
    font-weight: 600; }

.bk {
  color: #000;
  font-weight: 400 !important; }
  .bk:hover {
    text-decoration: underline; }

@media (max-width: 430px) {
  .logos img {
    width: 40%;
    height: auto; }
  .carousel.custom-size {
    margin-bottom: 32px; }
  .center_title,
  .center_p {
    padding: 0 16px; } }