@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC&display=swap');

.carousel-container {
  /*margin-top:169px; /*桌機預留給上面導航*/
  margin-bottom:0px; /*桌機預留給下面*/
  padding:0px;/*邊界值*/
  border-bottom: solid 1px #eaeaea;/*下面邊線*/
  }

#carouselExampleIndicators .carousel-indicators li{ /*游標原始顏色與位置*/
    background-color: #fff;
    position: relative;
    left: -25%;/*從中間偏到左邊位置*/
  }
  
  #carouselExampleIndicators  .carousel-control-prev{
    width: 8%;
  }
  #carouselExampleIndicators  .carousel-control-next {
    width: 8%;
  }
  
  #carouselExampleIndicators .carousel-caption { /*圖面上玻璃幕字樣*/
    position: absolute;
    background: rgba(74, 72, 83, 0.4);
    padding: 15px 10px;
  }
  

.carousel-title{
  margin-top:15px;
  font-family:Microsoft JhengHei;
  font-weight:bold;
  font-size: 28px; 
  color:#C36;
  margin-left:10px;/*邊界間距*/
  margin-right:10px;
}
.carousel-descript{
  font-family:Microsoft JhengHei;
  font-weight:bold;  
  font-size: 20px;
  margin-left:10px;/*邊界間距*/
  margin-right:10px;
    
}

.col-nopadding {/*col欄位間距*/
  padding:0px;
}

.col-BGcolor{/*col顏色底色*/
  background-color: #f0ece6
}

.carousel-btn {
  border-radius: 5px;
  font-family:Microsoft JhengHei;
  font-weight: bold;
  font-size: 20px;
  background-color: #C36;
  border:0px;
  margin-top:5px;
}

.carousel-btn:hover, .carousel-btn:focus, .carousel-btn.active {
  background: rgb(180, 44, 89);
}


@media only screen and (max-width: 768px) {
  
  .carousel-container {
    /*margin-top:60px; /*桌機預留給上面導航*/
    padding:0px;/*邊界值*/
    padding:0px;
    }

 
  #carousel-innertxt{/*在手機時滑動區的高度 indicators 相對置底*/
   min-height:600px 
   }
     
   .col-BGcolor{
      background-color:#fff;
    }

    .carousel-title{/*標題大小*/
      font-size: 20px; 
    }
    .carousel-descript{
     font-size: 15px;/*本文大小*/
    }
    
    .carousel-btn {
     font-size: 16px;
      margin-top:0px;
      max-width: 100px;
    }


#carouselExampleIndicators  .carousel-indicators li{ /*手機indicator*/
   background-color: rgb(210, 30, 141);
   position: relative;
   left: 0%;
  }
#carouselExampleIndicators .carousel-control-prev-icon {
  position: relative;
  top: -35%;
  left: 15%;
  fill: blue;
}
#carouselExampleIndicators .carousel-control-next-icon {
  position: relative;
  top: -35%; /*top 負越少越下面 70％一半在35*/
  left: -15%;
  fill: blue;
  }

  .hide-in-mobile{ /*當手機時不顯現*/
    display:none;
  }
}