#main { padding-top: 80px; }
@media (min-width: 992px) {  #main { padding-top: 100px; } }

.indexSliderArea { z-index: 99; }
.topSlider .item { height: 100%; width: 80%; margin-left: auto; }
.topSlider .item .itemimg { height: 100%; width: 100%; margin-left: auto; 
  background-size: cover; background-position:center center; }
.itemimg1 { background-image: url(../img/index_slider_1_m.jpg); }
.itemimg2 { background-image: url(../img/index_slider_2_m.jpg); }
.itemimg3 { background-image: url(../img/index_slider_3_m.jpg); }

@media(min-width:900px){
  .itemimg1 { background-image: url(../img/index_slider_1.jpg); }
  .itemimg2 { background-image: url(../img/index_slider_2.jpg); }
  .itemimg3 { background-image: url(../img/index_slider_3.jpg); }
}

.bx-controls { position: absolute; left: 0; bottom: 0; 
  width: 100%; height: 28%; padding: 5.2%;
  background-color: rgba(255, 255, 255, 0.84); 
}
.itemtxt h4 { font-size: 16px; }
.itemtxt h1 { font-size: 30px; }
.itemtxt h4::after { background: none; }

.bx-wrapper { margin-bottom: 0; border: 0;  background: transparent;
  -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; }

.bx-wrapper .bx-controls-direction { position: absolute; left: 4%; bottom: 20px; }
.bx-wrapper .bx-controls-direction a { position: relative; 
  top: auto; left: auto; right: auto; bottom:-5px; display: inline-block;
  background-size: contain; background: no-repeat center; width: 30px; height: 15px; }
.bx-wrapper .bx-controls-direction .bx-prev { background-image: url(../img/topSlider_prev.svg); }
.bx-wrapper .bx-controls-direction .bx-next { background-image: url(../img/topSlider_next.svg);
  margin-left: 40px; } 
.bx-wrapper .bx-controls-direction .bx-prev:focus, 
.bx-wrapper .bx-controls-direction .bx-prev:hover,
.bx-wrapper .bx-controls-direction .bx-next:focus, 
.bx-wrapper .bx-controls-direction .bx-next:hover{background-position: center;}

.bx-wrapper .bx-pager { position: absolute; left: 4%; bottom: 20px; 
  width: 100px; text-align: center; padding: 0;  }

section { margin: 0 auto 60px; padding-bottom: 60px; }

@media (min-width: 992px) {
  .topSlider .item .itemimg { width: 90%; }
  .itemtxt h4  { font-size: 16px; }
  .itemtxt h1 { font-size: 32px; }
  .bx-controls { width: 32%; height: 40%; bottom: 10%; padding: 40px 20px 20px 5.5%; 
    background-color: rgba(255, 255, 255, 1); }
  .bx-wrapper .bx-controls-direction { left: auto; }
  .bx-wrapper .bx-pager { left: auto; }
}
@media (min-width: 1400px) {
  .topSlider .item .itemimg { width: 80%; }
  .bx-controls { width: 35%; }
  .itemtxt h4 { font-size: 24px; }
  .itemtxt h1 { font-size: 45px; }
}

/*最新訊息  small 以下尺寸 */
@media (max-width: 601px) {
  section { margin: 0 auto 50px; padding-bottom: 40px; }
  .newsCard { border-bottom: none ; margin-bottom: 0;padding: 0 ;}
}