@charset "utf-8";

/* reset css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td {margin:0; padding:0; -webkit-text-size-adjust:none;}
th{font-weight:normal; text-align:left;}
table{border-collapse:collapse; border-spacing:0;}
img{border:0;}
ol, ul{list-style:none;}
a{outline:none; hlbr:expression(this.onFocus=this.blur()); text-decoration:none; cursor:pointer;}
input , select , textarea , button{outline:none; border-radius:0; font-family:arial , "微軟正黑體";}
input[type="number"]::-webkit-inner-spin-button ,
input[type="date"]::-webkit-inner-spin-button{-webkit-appearance:none;}
button{padding:0; cursor:pointer;}

body{font-family:arial , "微軟正黑體";background: #fdf9afba;}

/* header */
#header{position:fixed; left:0; top:0; width:100%; background:#FFF; z-index:2}
#header > .wrap{max-width:1170px; margin:0 auto;    overflow: hidden;}
#logo{float:left;display:block;width: 270px;height:133px;background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511170605/https://award.nmtl.gov.tw/images/logo.png) left center no-repeat;text-indent:-9999px;}
#top-link{float:right;  margin: 0 10px 0 0;margin-left: 131px;}
#top-link li{ float:left;}
#top-link li a{ display:block; font-size:19px; color:#221815; padding:40px 20px 20px 20px;}
#top-link li a:hover ,#top-link li a.active{ background:#333333; color:#FFF;}
#community_link{ float:right; margin: 40px 0 0 0;}
#community_link li{ float:left; margin:0 1px;}
#community_link li a{ display:block; width:24px; height:24px; text-indent:-999999px;}
#community_link li a:hover{ opacity:0.8;}
#community_link li a.pi{ background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511170605/https://award.nmtl.gov.tw/images/top_icon_1.png); background-size:cover;}
#community_link li a.fb{ background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511170605/https://award.nmtl.gov.tw/images/top_icon_2.png); background-size:cover;}
#community_link li a.tw{ background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511170605/https://award.nmtl.gov.tw/images/top_icon_3.png);background-size:cover;}
#search{ float:right; position:relative; margin:0; margin-top: 50px;}
#search input{ width:247px; height:32px; background:#efedeb; margin:0 85px 0 0; display:block; border:0; border-radius:5px; font-size:16px; border-radius:5px; padding:0 20px}
#search button{position:absolute;right:0;top:0;background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511170605/https://award.nmtl.gov.tw/images/search_icon.png) no-repeat #31240b 50px 10px;color: #ffffff;width: 79px;height:32px;font-size:16px;border:0;border-radius:5px;padding:0 15px;box-sizing:border-box;text-align: left;}
#search button:hover{background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511170605/https://award.nmtl.gov.tw/images/search_icon.png) no-repeat #c8bd4e 50px 10px ;}
/* mobile */
#mobi-btn{position:fixed;top:20px;right:30px;display:none;width:50px;height:50px;background: #31240b;box-sizing:border-box;color:#FFF;font-size:12px;text-align:center;z-index:3;border-radius:5px;}
#mobi-btn.active{}
#mobi-btn .threeline {
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 25px;
    height: 2px;
    background: #e3d37d;
    -webkit-transition: background-color 0.6s;
    -moz-transition: background-color 0.6s;
    transition: background-color 0.6s;
    }

#mobi-btn .threeline::before {
  top: -8px;
}
#mobi-btn .threeline::after {
  top: 8px;
}
#mobi-btn .threeline::before, #mobi-btn .threeline:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #e3d37d;
    right: 0;
    -webkit-transition: -webkit-transform .6s, top .6s, background-color 0s;
    -moz-transition: -moz-transform .6s, top .6s, background-color 0s;
    transition: transform .6s, top .6s, background-color 0s;
    }
#mobi-btn.active .threeline {
    background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511170605/https://award.nmtl.gov.tw/images/mobi_line.png);
    width: 30px;
}
#mobi-btn.active .threeline::before {
    top: 0;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
#mobi-btn.active .threeline::after {
    top: 0;
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
}
#mobi-btn.active .threeline::before, #mobi-btn.active .threeline::after { background-color: #FFF;}
/* navigation */
#navigation{position:fixed;background: #31240b;width:100%;height:67px;top:133px;z-index: 2;}
#navigation .menu{width:1170px; margin:0 auto; box-sizing:border-box;}
#navigation .menu li{float:left;width: 14.285%;}
#navigation .menu li a{display:block;font-size:22px;color: #e3d37d;padding: 18.5px 5px;box-sizing:border-box;text-align: center;}
#navigation .menu li a:hover,#navigation .menu li a:active{ background:#dcac03;color:#fff;}

/* mobile */
#mobile{ position:fixed; top:90px; left:0; z-index:3;width: 100%; height:100%;background-color: #00000073;overflow-y:scroll; display:none;}
#mobile > .zhe_z > ul > li{ border-bottom:1px solid #eee;}
#mobile > .zhe_z > ul > li > a{ font-size:20px; color:#000000; padding:10px 20px; display:block;}
#mobile .community_link{ float:left; margin: 0 0 20px 15px;}
#mobile .community_link li{ float:left; margin:0 1px; border:0}
#mobile .community_link li a{ display:block; width:40px; height:40px; text-indent:-999999px; padding:0;}
#mobile .community_link li a:hover{ opacity:0.8;}
#mobile .community_link li a.pi{ background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511170605/https://award.nmtl.gov.tw/images/top_icon_1.png) #FFF; background-size:cover;}
#mobile .community_link li a.fb{ background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511170605/https://award.nmtl.gov.tw/images/top_icon_2.png) #FFF; background-size:cover;}
#mobile .community_link li a.tw{ background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511170605/https://award.nmtl.gov.tw/images/top_icon_3.png) #FFF; background-size:cover;}
#mobile .search{ width:100%; float:left; position:relative; padding:15px; box-sizing:border-box;}
#mobile .search input{ width:100%; height:32px; background:#FFF; margin:0 30px 0 0; display:block; border:0; border-radius:5px; font-size:16px;}
#mobile .search button{ position:absolute; right:15px; top:15px; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511170605/https://award.nmtl.gov.tw/images/search_icon.png) no-repeat #313131 50px 10px ; color:#FFF; width:79px; height:32px; font-size:16px; border:0; border-radius:5px; padding:0 15px; box-sizing:border-box; text-align: left;}
#mobile .zhe_z {
    width: 75%;
    background-color: #fff;
    min-height:100%;
}
/* banner */
#banner{position:relative; margin-top:200px;}
#banner img{ width:100%; height:auto;}

/*tab_con */
#tab_con .wrapper{max-width:1170px;width:90%;margin:0 auto;padding: 20px 0;}
#tab_con .title{font-size: 28px;margin: 80px 0 25px 0;color: #31240b;padding-left: 24px;position: relative;font-weight: normal;}
#tab_con .title:before{content: "";width: 5px;height: 31px;background: #31240b;position: absolute;left: 0;top: 4px;}
#tab_con .more{ font-size:22px; border:1px solid #9e9c9b; color:#9e9c9b; border-radius:20px; padding:10px 0; margin:40px auto; text-align:center; width:96px; display:block;}
#tab_con .more:hover{ background:#9e9c9b; color:#FFF;}
.tab-block .tabs{ overflow:hidden;}
.tab-block .tabs li{ float:left;}
.tab-block > .contents > li{ display:none;}
.one_tabs{ background:#eee;}
.one_tabs li a{ display:block; color:#707070; font-size:22px; padding:15px 30px; box-sizing:border-box; text-align:center;}
.one_tabs li:hover a,.one_tabs li.active a{ background:#7d4c26; color:#FFF;}
.tab-block2 .tabs{ overflow:hidden;}
.tab-block2 .tabs li{ float:left;}
.tab-block2 .contents2 li{ display:none;}
.two_tabs{ margin:28px 0 30px 0;}
.two_tabs li{ margin:10px 10px 0 0;}
.two_tabs li a{ background:#eeeeee; display:block; color:#9e9c9b; font-size:18px; padding:10px; box-sizing:border-box; border-radius:10px;}
.two_tabs li:hover a,.two_tabs li.active a{ background:#7ecef4; color:#FFF;}
.contents2 p{font-size:19px;line-height: 35px;letter-spacing: 1.5px;margin-bottom: 15px;}
.contents2 h3{ font-size: 22px; padding: 10px 0; margin: 15px 0; border-bottom: 1px dashed; letter-spacing: 1.5px; font-weight: normal;}
.contents2 .bold {text-align: right;margin-top: 35px;}
.contents2 .bold a{font-size:22px;color: #fff;margin:0 0 15px 0;background: #c7cdd0;padding: 1%;}
.contents2 .bold a:hover{font-size:22px;color: #fff;margin:0 0 15px 0;background: #000;padding: 1%;}
.box2{background:/* url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511170605/https://award.nmtl.gov.tw/images/growup_bg.jpg) bottom no-repeat */ #fbfbfb;padding:20px 0;}
.box4{ background:/*url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511170605/https://award.nmtl.gov.tw/images/fire_bg.jpg) center no-repeat*/ #fbfbfb;padding:20px 0}

/* news */
.news dl{padding:20px 0; overflow:hidden; border-bottom:1px dashed #e0e0e0;}
/* .news dl:last-child{border-bottom:1px solid #e0e0e0;} */
.news dt{width:20%;font-size:18px;color: #342f2f;margin:1px 0 0 0;padding:0 10px;box-sizing:border-box;float:left;text-align:center;}
.news dd{ width:80%; padding:0 10px; box-sizing:border-box; float:left;}
.news dd a{display:block; font-size:18px; color:#342f2f; transition:all .3s; -webkit-transition:all .3s;}
.news dd a:hover{color:#c42929;}
.news dl.con-title{ border-bottom:none; padding:0; margin:0 0 10px 0;}
.news dl.con-title dt, .news dl.con-title dd, .news dl.con-title div{background: #f9e8af;padding:10px 0;font-size:22px;color: #434343;text-align:center;float:left;border-right:1px solid #fff;margin:0;}

.news_buluo dl{padding:20px 0; overflow:hidden; border-bottom:1px dashed #e0e0e0;}
.news_buluo dl:last-child{border-bottom:1px solid #e0e0e0;}
.news_buluo dd{ width:90%;margin-left:5%; padding:0 10px; box-sizing:border-box; float:left;}
.news_buluo dd a{display:block; font-size:18px; color:#333; transition:all .3s; -webkit-transition:all .3s;}
.news_buluo dd a:hover{color:#c42929;}
.news_buluo dl.con-title{ border-bottom:none; padding:0; margin:0 0 10px 0;}
.news_buluo dl.con-title dt, .news_buluo dl.con-title dd, .news_buluo dl.con-title div{background:#ab9670; padding:10px 0;font-size:22px; color:#fff; text-align:center; float:left;border-right:1px solid #fff; margin:0;}

#tab_con .more_a{display:block;text-align:center;line-height:60px;color: #434343;font-size:18px;border-bottom: 1px solid #e0e0e0;background: #f9e8af;transition: all .3s;}
#tab_con .more_a:hover{background:#31240b;color:#e3d37d;}
/*tab-block */
.tab-block{overflow:hidden;}
.new_vid .h_s{margin-top:40px;font-size:1.25em;border-left:6px solid #d66230;padding-left:10px;color:#3d3d3d;font-weight:bold;}
.new_vid ul{overflow:hidden;padding:10px 50px;box-sizing:border-box;}
.new_vid ul li{float:left;box-sizing: border-box;width:100%;padding:10px;}
.new_vid ul li .pic{
    position: relative;
    display: block;
    overflow: hidden;
    border:1px solid #ddd;
    margin: 0;
}
.new_vid ul li .pic:after{  padding-top: 67%;
    content: "";
    display: block;}
.new_vid ul li img{display: block;
    height: auto;
    /* transition: all .3s; */
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;}
.new_vid ul li .tit{height:100px;box-sizing: border-box;padding:20px;background:#dcdcdc;}
.new_vid ul li .tit > div{line-height:30px;height:60px;color:#3d3d3d;font-weight:bold;font-size:1.1875em;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.new_vid .owl-carousel .owl-buttons > div{position:absolute;text-indent:-999px; top:50%; width:34px; height:60px; margin-top:-30px; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511170605/https://award.nmtl.gov.tw/images/arrow.png);  text-indent:-9999px;}
.new_vid .owl-carousel .owl-buttons .owl-prev{left:0; background-position:left top;}
.new_vid .owl-carousel .owl-buttons .owl-next{right:0; background-position:right top;}
/*year_show */

/*book_show */

/*text_pic */
.text_pic{ overflow:hidden;}
.text_pic .left{ float:left; width:50%;}
.text_pic .right{ float:right;width:50%; padding:0 0 0 140px; box-sizing:border-box;}
.text_pic .pic_show a { position:relative; display:block; padding-bottom:62%; background:#eeeeee;}

/*text_pic */

/*text_viedo*/

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*space*/
#space dl{margin-bottom:5%;}
#space dl:after{content:""; display:block; clear:both;}
#space dt{width:33%; overflow:hidden;text-align: center;}
#space .left dt{float:left;}
#space .right dt{float:right;}
#space dt a{float:left; display:block; width:100%; margin:.5%;position:relative; }
#space dt a img{display:block; width:90%; height:auto;}
#space dt a:before{ content:""; position:absolute; left:0; bottom:0; display:block; width:100%; height:0; z-index:1; transition:all .3s; -webkit-transition:all .3s; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511170605/https://award.nmtl.gov.tw/images/photo_more.png) center  no-repeat rgba(0,0,0,.3); }
#space dt a:hover:before{ height:100%;}
#space dd{width:64%;}
#space .left dd{float:right;}
#space .right dd{float:left;}

/* table_link */
.table_link{color: #737373; border-top:1px solid #ccc; border-left:1px solid #ccc; width:100%; font-size:18px; text-align:left;}
.table_link tr th{padding: 10px 5px; box-sizing:border-box;  border-right:1px solid #ccc; border-bottom:1px solid #ccc;color:#fff}
.table_link tr td{padding: 10px 5px; box-sizing:border-box;  border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.table_link tr td a{ color: #737373; text-decoration:underline}
.table_link tr td a:hover{color:#999;}
.table_link tr.even{background:#333;}
.table_link tr.odd{background:#eee;}

/*footer*/
#footer{border-top: 3px solid #dcb260;margin:75px 0 0 0;position:relative;}
#gotop{background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511170605/https://award.nmtl.gov.tw/images/top_icon.png) center #dcb260 no-repeat;width:73px;height:73px;position:absolute;top:-73px;right:0;cursor:pointer;text-indent:-9999px;}
#gotop:hover{ background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511170605/https://award.nmtl.gov.tw/images/top_icon.png) center #31240b no-repeat;}
#footer .wrap{max-width:1170px; margin:0 auto; width:90%; margin:0 auto;}
#footer .info{ float:left; font-size:18px; line-height:33px; letter-spacing: 3px; margin:20px 60px 20px 0;}
#footer .right{ float:left; margin:20px 0 20px 0;}
#footer .right .sponsor{ font-size:16px; float:left; margin:0 20px 0 0}
#footer .right .main{font-size: 16px;}
#footer .right .sponsor img{ vertical-align:top; margin:0 0 0 10px;}
#footer .right .visitors{  font-size:16px; width:100%; margin:70px 0 0 0;}
#footer .right .visitors span{ letter-spacing:5px; }

/* timeline */


/* RWD */
@media screen and (max-width:1170px){
#banner img{ padding-top:90px;}
#header{ padding:0 10px; box-sizing:border-box; height:90px; }
#logo{ width:140px; height:80px; background-size:140px auto; margin:5px 0 0 10px;  }
#navigation{ display:none;}
#mobi-btn { display: block;}
#top-link{ display:none;}
#community_link{ display:none;}
#search{display:none;}

#navigation{ display:none;}
#banner{margin-top:90px; margin:0;}
}
@media screen and (max-width:768px){
.one_tabs{ background:none; border-bottom:1px solid #000;}
.tab-block > .tabs > li{ width:33.3%;}
.one_tabs li a{ padding:15px 10px;}
.one_tabs li:hover a, .one_tabs li.active a {background: #000;}
.text_pic .left{ float:none; width:100%;}
.text_pic .right{ float:none; width:100%; padding: 0 0 20px 0;}
.box4{ background:#dcdcdc;}
.text_viedo .text{ width: 100%; padding: 30px;}
.text_viedo .viedo{ position:relative; width:100%; float:left;}
#footer .info{ margin: 20px 0;}
.pic_list dl{ width:50%;}

/* space */
#space dt ,
#space dd{float:none; width:100%;}
#space dt{margin-bottom:20px;}

/* timeline */
#timeline .year-content{padding:0 60px;}
#timeline .year-content .item .wrap{min-height:auto;}
#timeline .year-content .item .wrap .left ,
#timeline .year-content .item .wrap .right{display:block !important; width:100% !important; margin-bottom:50px;}
#timeline .year-content .item .wrap .right{padding-left:0;}
#timeline .year-content .item .wrap .right h2{font-size:25px;}
#timeline .year-content .owl-nav > div{width:20px; height:35px; margin-top:-17.5px;}
}

@media screen and (max-width:600px){
.news dd {width:100%;}
.news dt {width:100%; text-align:left; margin-bottom:10px;}
}

@media screen and (max-width:480px){
.one_tabs li a{ font-size:18px;}
#footer .right .sponsor{ float:none;}
#footer .right .visitors{ margin:15px 0 0 0;}
#footer .info p span{ display:block;}
#gotop{ top:0}
} 





/*
     FILE ARCHIVED ON 17:06:05 五月 11, 2017 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 4:47:07 五月 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)).
*/