html, body { margin: 0; padding: 0; height: 100%; border:none; }



.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}

.navbar.affix {
   position: fixed;
   top: 0;
   z-index:9999;
   -webkit-transition: all .6s ease-in-out;
   width:100%;
}

/*header {
min-height:180px;
}*/
.banner {
    overflow:hidden;
    min-height:130px;
}


/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
      .banner {
       margin-left:-1000px;
    }
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
      .banner {
      display:none;
    }
}




.navbar-default {
    background-color: #2A9CCE;
}

.footer {

color:white;
}


#wrapper {
    min-height: 100%;
    position: relative;
    height: auto !important;
    overflow:hidden;
}
.newslist li {
    list-style:none;
    border-bottom:1px dotted #a4a4a4;
    margin-left:-40px;
    padding:2px;

}
.MainContent {
    padding-bottom:100px;
    min-height:300px;
}
footer{
    width:100%;

    background-color:#2286B3;

    margin-bottom:-20px;
    border-top:3px solid #cbcbcb;
    padding-top:10px;
    padding-bottom:20px;
}

.page-header {
    margin: 20px 0 20px;
}

.navbar-default .navbar-nav>li>a {
    color: #FFF;
}

.carousel-caption {
font-size:20px;
}


.nav>li>a {
    position: relative;
    display: block;
    /*padding-right:6px;*/
}



@media screen and (max-width: 767px) {
    /*// 如果使用者之視窗寬度 <= 768px，將會再載入這裡的 CSS。*/    
    .navbar-brand::before {
    content:"AMEC 2016";
    color:white;
}
    .banner {
    display:none;
    }

}


table td {
padding:3px;
}

td p {
margin:0px;
}

#fancybox-title {
    margin-left: 0px;
}

 h1 {
    border-bottom: 1px solid #ececec;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

 
@media screen and (min-width: 768px){
.jumbotron {
    padding: 20px 0;
}

}

/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
  transition-duration: 2.5s;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

label {
    margin-right: 15px;
}

/*訊息對話框RWD*/
.blockMsg {
    width: 60% !important;
    left: 20% !important;
    font-size: 12pt !important;
}

@media screen and (min-width: 601px) and (max-width: 1024px) {
    .blockMsg {
        width: 70% !important;
        left: 15% !important;
        font-size: 12pt !important;
    }
}

@media screen and (max-width: 600px) {
    .blockMsg {
        width: 90% !important;
        left: 5% !important;
        font-size: 11pt !important;
    }

        .blockMsg font {
            font-size: 12pt;
        }
}


.banner {
    margin-left: 0;
}

    .banner .container {
        width: 100%;
        padding: 0;
    }

    .banner img {
        width: 100%
    }