/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */


 .carousel-item {
  height: 65vh;
  min-height: 0px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.portfolio-item {
  margin-bottom: 30px;
}

/* .carousel-indicators button img { border-radius:4px; }
    .carousel-indicators button.active img { border-color:#f00078 !important; } */
    .background_style {
      background-color: #f00078;
    }
    .nav-link a:active{
      background-color: #f00078;
    }
      .partyboxtable {
      margin:30px auto;
      width:auto;
    }
    .partyboxtable table tbody th{
      font-size:90%;
      padding:10px;
      text-align:center; 
    }
    .partyboxtable table tbody td{
      font-size:90%;
      padding:10px;
      text-align:center; 
    }
    
    
    #carouselExampleIndicators { display:flex; flex-direction:column; position:relative; }
    #carouselExampleIndicators .carousel-inner { order:1; width:100%; padding-bottom:0; }
    #carouselExampleIndicators .carousel-indicators { order:2; position:static; margin:6px auto 0; gap:.5rem; padding:0; }
    #carouselExampleIndicators .carousel-indicators .thumb-btn { border:0; background:transparent; padding:0; cursor:pointer; }
    #carouselExampleIndicators .carousel-indicators img { width:90px; height:60px; object-fit:cover; border:2px solid transparent; border-radius:4px; display:block; }
    #carouselExampleIndicators .carousel-indicators .thumb-btn.active img { border-color:#f00078!important; }
    /* #carouselExampleIndicators .carousel-control-prev, #carouselExampleIndicators .carousel-control-next { left:0; right:0; width:auto; z-index:3; padding:.5rem; } */

    /* 保持左右箭頭在大圖兩側（絕對定位） */
    #carouselExampleIndicators .carousel-control-prev,
    #carouselExampleIndicators .carousel-control-next {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 30px;
      height: 60px;
      background-color: #f00078;
    }
    /* 小螢幕 */
    @media (max-width:1024px){
      #carouselExampleIndicators .carousel-indicators img{ width:75px; height:63px; }
    }
    @media (max-width:768px){
      #carouselExampleIndicators .carousel-indicators img{ width:60px; height:48px; }
    }
    @media (max-width:576px){
      #carouselExampleIndicators .carousel-indicators img{ width:55px; height:44px; }
    }