html, li, p, thead,td,h1,h2,h3,h4,h5  {
    font-family: 'Microsoft JhengHei';
}

table.category.table.t1 tbody{
    font-size:17px;
    font-size:1.7rem;
}

.home-banner {
    
     /*margin-top: -100px;*/
     /*margin-bottom: -201px;*/
     position: relative;
     top:0;
}


.home .home-banner {
    
     /*margin-top: -100px;*/
     /*margin-bottom: -201px;*/
     position: relative;
     top:0;
}

.home-sl {
    /*margin-top: 618px;*/
}

#t3-mainnav{
     margin-top: -110px;
     position: relative;
     bottom: 0;
     width: 100%;
}

@media (max-width: 991px) {
  #t3-mainnav{
       margin-top: 0px;
       
  }
}

.lnd_latestnews{
  font-size:18px;
  font-size:1.8rem;
}




.no-padding{
  padding-left:0px;
  padding-right:0px;
}

nav.ontop-menu {
    position: relative;
    top: -8px;
}

ul.lang-block li:first-child::after {
    content: "|";
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
  nav.ontop-menu {
      position: relative;
      top: 10px;
  }
}


.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    
    background-color: #c88374;
}


p {
    font-size: 18px;
    font-size: 1.8rem;
     line-height: 22px;
}

@media screen and (min-width: 768px){
    .home .t3-sl-2 p {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 22px;
    }
}

img{
  max-width: 100%
}

/* Large desktops and laptops */
@media (min-width: 768px) {
  #t3-mainnav .navbar-header{
    display: none;
  }
}



/* Large desktops and laptops */
@media (min-width: 1200px) {

}


/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

}

/* Portrait phones and smaller */
@media (max-width: 480px) {
  ul.nav.navbar-home li img{
    display:none;
  }
  
}
.page-header h2,
h1.article-title, 
h2.article-title,
h2.category-articles {
    color: #429dda;
}


ul.nav.navbar-home li img{
  width:65px;
}
ul.nav.navbar-home li{
        display:inline-block;
  
}

ul.nav.navbar-home li.open li{
 width:100%;
}

/* Landscape phones and portrait tablets */
@media (min-width: 767px) {
  ul.nav.navbar-home li span:before{
  content:"\000A";
  white-space: pre;
}
}



.navbar-default {
    background-color: rgba(248, 248, 248, 0.82)
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
  .t3-mainnav.navbar-default {
      margin-top: -9px;
  }
  .home .navbar-default {
      background-color: rgba(248, 248, 248, 0.82);
      position: relative;
      margin-top: 181px;
  }
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
  .t3-mainnav.navbar-default {
      position: relative;
      margin-top: -9px;
  }

  .home .navbar-default {
      background-color: rgba(248, 248, 248, 0.82);
      position: relative;
      margin-top: 185px;
  }
  
}

div.t3-sl-1.grid{
  background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181021175027/https://sbncp.ncl.edu.tw/templates/t3_bs3_blank/images/grid_bg.gif') repeat #efefef;
}
.container.container-header{
  max-width:1880px;
  width:100%;
  padding-right:0px
  
}
#t3-header{
  background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181021175027/https://sbncp.ncl.edu.tw/templates/t3_bs3_blank/images/bg-t3-header.png') repeat-x;
}

@media (max-width: 767px) {
    #t3-header{
      background: none;
    }
}

.t3-mainnav .nav > li > a {
    padding: 10px 10px;
} 

span.image-title {
    font-size: 17px;
  font-size: 1.7rem;
}

.t3-header {
  padding-top: 0px;
    z-index: 10;
    position: absolute;
    left: 0;
    right: 0;
}

.head-search {
    margin-top: 0px;
}

.container-header{
  padding-left:0px;
}
nav.ontop-menu ul li{
  display: inline-block;
}

nav.ontop-menu ul li:after{
  content:"|";
}

.head-menu, .head-search {
  display: inline-block;
}

.lnd_more_ind a {
    color: #222;
}

/*影片播放*/
.video-container video{
  z-index: 0;
    position: relative;
    /*top: -85px;*/
}

/*計畫源起*/
.t3-sl.t3-sl-2{
  background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181021175027/https://sbncp.ncl.edu.tw/templates/t3_bs3_blank/images/reading.jpg') repeat-y;
  background-position: center top;
    background-size: 100% auto;
}

@media (max-width: 480px) {
  .t3-sl.t3-sl-2{
    background: #a4dbb2 url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181021175027/https://sbncp.ncl.edu.tw/templates/t3_bs3_blank/images/reading_mobile.jpg') no-repeat;
    background-position: center bottom;
      background-size: 100% auto;
  }
  
}

/*首頁計畫源起*/
.circle {
    width: 140px;
    height: 140px;
    background: blue;
    -moz-border-radius: 70px;
    -webkit-border-radius: 70px;
    border-radius: 70px;
    margin:0 auto;
}

.circle.blue{
    background-color:#47b7ff;
}

.circle.orange{
    background-color:#e5572b;
}

.circle.green{
    background-color:#49d2bd;
}

.circle.geo{
    background-color:#cbcc66;
}

.circle.region{
    background-color:#fdcb99;
}

.circle.traffic{
    background-color:#f5db7e;
}

.circle{
color:#fff;
padding:40px;
font-size:44px;
font-size:4.4rem;
margin-bottom: 15px;
}

.circle+span {
    font-size: 22px;
    font-size: 2.2rem;}
@media (max-width: 480px) {
  
  .circle+span {
    font-size: 12px;
    font-size: 1.2rem;}
}


.home .t3-sl-2 p{
    text-align: left;
}



@media screen and (min-width: 768px){
  .t3-spotlight-1 .t3-module {
      margin: 30px 5px 5px 5px;
      /*background-color: #fff;*/
        height: 100%;
      /*-webkit-box-shadow: -4px 6px 18px -4px rgba(0,0,0,0.75);
      -moz-box-shadow: -4px 6px 18px -4px rgba(0,0,0,0.75);
      box-shadow: -4px 6px 18px -4px rgba(0,0,0,0.75);*/
  }

  .t3-spotlight-1 .t3-module  .module-inner{
    padding:20px;
  }

}

@media (max-width: 767px){
  .open .dropdown-menu {
      width: 100%;
  }  
}


/*blog-x版型*/
.pull-left.item-image{
  padding:0 20px 20px 0;
}

.pull-left.item-image img{
  max-width:300px;
      width: 100%;
}

.blog-item .readmore{
  float:right;
}

.blog-item .article-intro{
  /*display:inline-block;*/
}

.blog-items article{
  margin-top:20px;
}

/*讓裡頭不同高度的div對齊，超神的*/
.t3-spotlight-1.row{
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; /* Safari */ 
          flex-wrap: wrap;
  margin-bottom: 30px;


}
.t3-spotlight-1.row>div{
  background-color: #fff;
  -webkit-box-shadow: -4px 6px 18px -4px rgba(0,0,0,0.75);
      -moz-box-shadow: -4px 6px 18px -4px rgba(0,0,0,0.75);
      box-shadow: -4px 6px 18px -4px rgba(0,0,0,0.75);

}

.t3-spotlight-1.row .col-md-3{
}

/*施工日誌*/
.wrap.t3-sl.t3-sl-4 {
    background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181021175027/https://sbncp.ncl.edu.tw/templates/t3_bs3_blank/images/ruler.png) no-repeat;
    background-position: top left;
}

.t3-sl.t3-sl-4 .div_lnd_intro img {
    border-radius: 50%;
}



/*大事記*/
.milestones .blog-item .col-md-8{
border-left:5px solid blue;
}

.milestones .blog-item .col-md-8 .item-image{
  max-width: 200px;
  display:block;
}

/*.milestones .table-bordered, 
.milestones .table-striped{
    border: 0px solid #dddddd;
}*/

.milestones .table > thead > tr > th, 
.milestones .table > tbody > tr > th, 
.milestones .table > tfoot > tr > th, 
.milestones .table > thead > tr > td, 
.milestones .table > tbody > tr > td, 
.milestones .table > tfoot > tr > td {
    border-top: 0px solid #dddddd;
}

.milestones .cat-list-row0:hover,.milestones .cat-list-row1:hover {
    background: none;
}


.milestones .cat-list-row1, 
.milestones tr.cat-list-row1 td {
    background: #fff;
}
.milestones th#categorylist_header_title{
    display:none;
}

.milestones .table > thead > tr > th {
    border-bottom: 0px solid #fff;
}

.milestones .list-date {
    border-right:7px solid #429dda;
    }
section.t3-copyright {
    background-color: #272727;
   color:#fff
}

section.t3-copyright a{
     color:#fff;
}

section.t3-copyright p {
    font-size: 15px;
    font-size: 1.5rem;
}
ul.db8sitelastmodified li {
    font-size: 15px;
    font-size: 1.5rem;
}
ul.db8sitelastmodified  {
    list-style: none;
    padding-left: 0px;
}

.post-user{display:none;}


#webuiPopover0{
  top:150px!important;
}


#webuiPopover0{
    right: 100px!important;
    left:0px!important;
}

/*讓裡頭不同高度的div對齊，超神的*/
.blog-item .col-md-3{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

/*影像記錄加上播放*/
.positioner {
  display: none;
      width: 50%;
    height: 50%;
    position: relative;
    left: 0;
    top: -100px;
  /*background: hsla(0, 100%, 50%, 0.4);*/
}

img.playicon + .positioner {
      display: block;
    position: absolute;
    top: -24px;
}
.icon {
  color:#fff;
  position: absolute;
  right: -10px;
  top: 60%;
  width: 32px;
  height: 32px;
  /*border-radius: 20px;
  border: 4px solid white;
  background: blue;*/
}


.icon.tag {
 
  right: 0px;
  top: 60%;
 
}



img.playicon + .icon .fa{
    color:#fff;
}


/*夢想南館*/
.wallfactory-view .postwrapper{
  display: inline-block;
  padding:10px;
  background-color:#efefef;
  border:1px solid #ccc;
  margin:15px;
}

.wallfactory-view .post{
  width:100%;
  height:100%;
  /*background-color:#efefef;
  border:1px solid #ccc;*/
  padding:10px;
  margin:5px;

}

@media (min-width: 768px){
  .postwrapper.col-md-3{
    width:22%;
  }
}

@media (max-width: 992px){
  .postwrapper.col-sm-6{
    width:46%;
  }
}

div.wallfactory-view div.posts div.post-contents {
    margin-left: 0px;
}

.t3-spotlight-1 .col-lg-6.col-md-6.col-sm-6.col-xs-12 {
    margin-bottom: 30px;
}

/*影像紀錄*/
h2.article-title{
  font-size: 30px;
  font-size: 3rem;
}
.article-header h2.article-title{
  font-size:24px;
  font-size:2.4rem;
}
@media (max-width: 480px) {
  
  .head-search {
    /*display:none;*/
    visibility: hidden;
  }
  .logo+.col-xs-12{
    display:none;
    visibility: hidden;
  }
  ul.nav.navbar-home li {
    display: block;
    height:35px;
    border-bottom: 1px solid #ccc;
  }

  .circle {
      width: 80px;
      height: 80px;
      padding:16px;
      font-size:32px;
      font-size:3.2rem;
  }

}

/*手機側收*/
#t3-off-canvas{
  padding-right:25px;
}
#t3-off-canvas li img{
  display:none;
}

.btn-primary {
    color: #b94a48;
    background-color: rgba(255, 255, 255, 0);
    border-color: #ffffff;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #b94a48;
    background-color: rgba(255, 255, 255, 0);
    border-color: #ffffff;
}
.black.jquery-accordion-menu>ul>li.active>a, .black.jquery-accordion-menu>ul>li:hover>a {
    background: #b94a48;
    color: #8995b2;
}

/*影像記錄-tag*/
/*ul.category.list-striped li {
    display: inline-block;
    width: 32%;
}*/

.list-striped li:hover, .list-striped dd:hover, .row-striped .row:hover, .row-striped .row-fluid:hover, .cat-list-row1, tr.cat-list-row1 td, .list-striped li:nth-child(odd), .list-striped dd:nth-child(odd), .row-striped .row:nth-child(odd), .row-striped .row-fluid:nth-child(odd) {
    background-color: transparent;
}

.head-search div{
  display:inline-block;
}

.head-search div ul.lang-block{

}

ul.lang-block li, div.mod-languages ul.lang-block li{display:inline-block!important;}

.jmb-tree.jmb-tree-totolink-pd.sitemap-type ul {
    list-style: none;
}

.jmb-tree-sitemap ol { counter-reset: item }
.jmb-tree-sitemap li { display: block }
.jmb-tree-sitemap li:before { content: counters(item, "-") " "; counter-increment: item }

.milestones td.list-title:before {
    content: "\f10c";
    font-family: FontAwesome;
    color: #429cdb;
    padding-right: 20px;
    margin-left: -17px;
    background-color: #fff;
}
@media (min-width:996px){
    .list-striped li, .list-striped dd, .row-striped .row, .row-striped .row-fluid {
        border-bottom: 0px solid #fff;
        
    }
}
.webui-popover-content img {
    width: 200px;
}

.wimg.droppicslightbox {
    border: 1px solid #ddd;
    margin-bottom: 21px;
    margin-left: 2px;
    margin-top: 10px;
}


.wimg.droppicslightbox a{
margin:0 auto!important;
}

.wimg.droppicslightbox span {
    color: #4e4e4e;
    bottom: -28px;
}

#droppicsgallery52.droppicsgallerydefault .img{
    margin-left:auto;
    margin-right:auto;
}

div.wimg.droppicslightbox a.cboxElement img{
  margin: 40px auto;
}
.flex-container{
          display: -webkit-flex; /* Safari */ 
          display: flex;
          
         }

         .flex-container-inline{
          display: -webkit-inline-flex; /* Safari */ 
          display: inline-flex;
         }

         .flex-container-ltr{
          -webkit-flex-direction: row; /* Safari */ 
          flex-direction: row;
         }

         .flex-container-rtl{
          -webkit-flex-direction: row-reverse; /* Safari */ 
          flex-direction: row-reverse; 
         }

         .flex-container-ttb{
          -webkit-flex-direction: column; /* Safari */ 
          flex-direction: column;
         }

         .flex-container-btt{
          -webkit-flex-direction: column-reverse; /* Safari */ 
          flex-direction: column-reverse;
         }

         .flex-container-wrap{
          -webkit-flex-wrap: wrap; /* Safari */ 
          flex-wrap: wrap;
         }

         .flex-container-wrap-reverse{
         -webkit-flex-wrap: wrap-reverse; /* Safari */ 
         flex-wrap: wrap-reverse;

         }

         .flex-container-align-left{
          -webkit-justify-content: flex-start; /* Safari */ 
          flex-start;
         }

         .flex-container-align-right{
          -webkit-justify-content: flex-end; /* Safari */ 
          justify-content: flex-end;
         }
        .flex-container-align-center{
          -webkit-justify-content: center; /* Safari */ 
          justify-content: center;
        }

        .flex-container-align-justify{
          -webkit-justify-content: space-between; /* Safari */ 
          justify-content: space-between;
        }

        .flex-container-align-space-around{
          -webkit-justify-content: space-around; /* Safari */ 
          justify-content: space-around;
        }

         .flex-item{
          background: #fff;
          
          
          
         }
.head-menu {
    position: relative;
    top: 8px;
}





/*
     FILE ARCHIVED ON 17:50:27 十月 21, 2018 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 1:47:51 五月 24, 2026.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/