@charset "UTF-8";
.view{ height:350px; background: url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511170341/http://moica.nat.gov.tw/images/view-ind.jpg") top center no-repeat; background-size: cover;}
.view .in{  height:350px; }
.view .in .visitNum{ bottom: 7px; right:5px;font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";}
/*banners*/
.banners { position: relative;width: 100%; height: 0; padding-bottom: 19%; overflow: hidden; }
.banners img{width: 100%;  height: auto;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:5%;}
.swiper-pagination{ bottom:0; height: 10px;}
/*content*/
.content{  margin: 30px 0 0; }
/*news*/
.news{background: #fff; border-radius: 6px; padding: 0 0 20px ;}
.news .top{ display: flex; justify-content: space-between; padding: 20px 0 10px; margin: 0 15px 10px; border-bottom: 3px solid #ebebeb;}
.news .top h2 span{ padding: 0 0 0 5px;}
.news .top a{ color:#059af7; font-size: 14px; font-weight:bold;}
.news .top a:hover{ color:#0384d7; }
.news ul li{ padding: 10px 15px; }
.news ul li a{position: relative;display: flex; align-items: center; padding: 0 0 0 20px; font-weight: 400; }
.news ul li a:hover{ color:#0493f8;}
.news ul li a::before{position: absolute; left:0; content:" "; width:5px; height: 10px; display: block; background: #666666; }
.news ul li a:hover::before{background: #0384d7; }
.news ul li a span:first-child{font-size: 14px; font-family:  "Helvetica Neue", Helvetica, Arial, "sans-serif"; }
.news ul li a span:last-child{  padding:0 0 0 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;  }
.news ul li.hot a span:last-child::before{ width:42px; height: 16px; display:block; float: left; content: "HOT ";font-size: 12px; font-family:  "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: 500; background: url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511170341/http://moica.nat.gov.tw/images/tag-hot.svg")   no-repeat;  color:#fff;  padding: 0 0 0 6px;vertical-align: middle;}

/*links-outer*/
.links-outer{ position: relative; width:1000px; padding: 0 50px; margin: 0 auto 20px; overflow: hidden; box-sizing: border-box; }
.links { width:100%; overflow: hidden;  }
.links .swiper-slide{ padding: 10px; background: #fff; box-shadow: 0px 0px 5px rgba(0,0,0,.3);}
.links img{width: 100%;  height: auto;}

@media screen and (max-width: 999px) {
    .view, .view .in{  height:270px; }
    .view .in .visitNum{ bottom: 5px; right:20px;}
    /*links-outer*/
    .links-outer{ width:100%; }
}
@media screen and (max-width: 767px) {
    /*view*/
    .view{height:auto;margin: 0 0 60px;}
    .view .in{width:100%; height: 0; padding-bottom: 53%; display: block;background: url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511170341/http://moica.nat.gov.tw/images/view-m.jpg") top center no-repeat; background-size: cover;}
    .view .in .visitNum{bottom: -40px; right:0px;width:100%; height: 40px; font-size: 14px; display: flex; justify-content: center; align-items: center; background: #035d92; letter-spacing: 1px;}
    .view .txt_m p{color:#fff; line-height: 1.2;text-align: center;   letter-spacing: 1px;}
    .view .txt_m p:first-child{font-size:2.250em ; font-weight:600; text-shadow: 0px 0px 5px rgba(0,0,0,.6);}
    .view .txt_m p:last-child{font-size:1em ;  }
     /*subMenu*/
    .subMenu{  margin: 0 0 10px;}
    /*banners*/
    .banners { padding-bottom: 32%; margin: 0 0 10px;}
    /*content*/
    .content{  margin: 0 0; }
    /*news*/
    .news{padding: 0 0 15px ;}
    .news .top{  padding: 20px 15px ; margin: 0 0 15px ; align-items: flex-end; }
    .news .top h2 span{ display: block;padding:7px 0 0;  text-transform: uppercase; font-weight: bold;  letter-spacing: .4px;}
    .news .top a{ color:#fff; border-radius: 99em; background:#059af7; font-size: 14px; font-weight:bold;  height: 30px;  line-height: 30px; padding: 0 20px;vertical-align: middle;}
    .news ul li{ padding: 15px ; }
    .news ul li a{ padding: 0; flex-wrap: wrap; }
    .news ul li a::before{top:3px;}
    .news ul li a span:first-child{ padding: 0 0 5px 12px;}
    .news ul li.hot a span:first-child::after{ width:42px; height: 16px; display:inline-block; content: "HOT ";font-size: 12px; font-family:  "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: 500; background: url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511170341/http://moica.nat.gov.tw/images/tag-hot-rv.svg")   no-repeat;  color:#fff;  padding: 0 0 0 12px; }
    .news ul li a span:last-child{  padding:0; width:100%; font-weight:bold;text-overflow:inherit; white-space:normal; overflow:visible; line-height: 1.1;}
    .news ul li.hot a span:last-child::before{ display: none;}
    /*links-outer*/
    .links-outer{ padding: 0 20px;}
    .swiper-button-next, .swiper-button-prev{display: none;}
}
@media screen and (max-width: 374px) {
    /*links-outer*/
    .links-outer{ padding: 0 10px;}
}






/*
     FILE ARCHIVED ON 17:03:41 五月 11, 2017 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 16:42:08 五月 23, 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)).
*/