@charset "utf-8";

/* CSS Document */

.block {
    display: none
}
@media (max-width:1675px) {
    .bg2{
           background-size: 23%; 
    }
}
@media (max-width:1220px) {
    #logo{
        padding-top:15px
    }
    #logo img{
        max-width: 237px;   
    }
    .news_list .list_date{
        min-width: 148px;
    }
    .news_list .list_word{
        padding: 9px 10px 9px 12px;
    }
}
@media (max-width:1181px) {
    .w-info .w-bottom .w-date,.w-info .w-bottom .w-map{
        font-size: 1em;
    }
}
@media (max-width:1090px){
    .w-info .w-bottom .w-date,.w-info .w-bottom .w-map{
        font-size: 0.9em;
    }
    .w-info .w-title{
        width: 276px;
    }
}
@media (max-width:1020px){
    .w-info .w-bottom .w-date,.w-info .w-bottom .w-map{
        font-size: 0.8em;
    }
}
@media (max-width:1110px){
    .footer_word{
        width: 48%;
    }
}
@media (max-width:1100px){
    .home_img3 a {
        height: 456px;}
    .top_menu{
        max-width: 697px;
    }  
    .vica{
        padding-top: 61px;
    }
    
}
@media (max-width:990px) {
    .modal-dialog{
        width: 100% !important;
    }

    .ekko-lightbox{
        display: flex;
        align-items: center;  
        justify-content: center;
    }
    .fancybox-slide--iframe .fancybox-content {
        width: 90% !important;
        height: 439px !important;
        max-width: calc(100% - 0px) !important;
    }
    
    .home_img .owl-dots {
        position: relative;
        top: -32px;
    }
    .home_img .owl-dots .owl-dot span{
        border: solid 2px #fff;
        width: 10px;
        height: 10px;
    }
    #footer_main{
        padding-top: 0;
    }
    #footer .footer_img a {
        padding: 0 10px;
        display: inline-block;
        text-align: center;
        margin-bottom: 0px;
    }
    .footer_fb {
        width: 358px;
        display: block;
        vertical-align: top;
        margin: 0 auto;
        text-align: center;
    }
    .footer_word{
        width: 100%;
    }
    .bg5{
        padding-top: 37px;
        padding-bottom: 13px;
    }
    .bg4{
        height: auto;
        padding-bottom: 1px;
    }
    .home_img3 a {
        height: 396px;
    }
    .vica {
        padding-top: 48px;
        font-size: 0.92em;
    }
    .w-more3 {

        width: 155px;
        padding: 8px 0;
        font-size: 1.15em;
        margin-top: 43px;

    }
    .w-more3:before {
        right: 19px;
        top: 4px;
        font-size: 1.25em;
    }
    .owl-carousel.center .owl-stage-outer{
        padding-top: 31px;
        padding-bottom: 26px;
    }
    .media-carousel .owl-nav{
        display: none !important;
    }
    .bg2{
        background: none;
        padding-bottom: 14px;
    }
    .h2_info{
        float: none;
    padding: 0;
    margin-top: -72px;
    margin-bottom: 56px;
    }
    .bg1{
        background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170512195259/https://wood.mlc.gov.tw/in_images/bg01-.jpg) center;
        margin-top: 62px;
        padding-bottom: 54px;
    }

    .w-info .w-title {
        width: 295px;
    }
    .w-info .w-bottom .w-date,.w-info .w-bottom .w-map{
        font-size: 1.125em;
    }
    iframe {
        max-width: 100%;
        height: 432px;
    }
    #header {
        height: auto;
    }
    .article {
        min-height: inherit;
    }
    .article .owl-carousel img {
        width: auto;
        max-height: 150px !important
    }
    .article .box .owl-next {
        right: 10px;
    }
    .article .box .owl-prev {
        left: 10px;
    }
    #main_type {
        padding: 0 0 5px 0;
    }
    .list {
        margin-top: 5px;
    }
    .footer_img,
    .footer_word {
        display: block;
        text-align: center;
    }
    .footer_word {
        white-space: normal;
        padding: 10px;
        margin-top: 0;
    }
    #logo {
        width: calc(100% - 40px);
        float: none;
        display: inline-block;
        padding-bottom: 21px;
    }
    #logo  img {
        max-height: 54px;
    }
    #main_type input#kd {
       
    }
    .main_bn {
        float: none;
        margin: 5px 0;
    }
    #main_type {
        text-align: left
    }
    h2 {
        background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170512195259/https://wood.mlc.gov.tw/images/title_icon.png) no-repeat 0 20px;
        padding: 20px 10px 5px 50px;
    }
    .menu2 {
        width: 100%;
        border-radius: 0;
        padding: 15px 10px;
        background: #845a41;
    }
    #main_menu .menu2 li a{
        color: #fff;
    }
    #main_menu .menu2 li a:hover{
        background-color: #59331d;
    }
    .menu2 li {
        margin-bottom: 0.2em;
    }
    #ff_btn,
    .calendar,
    .display_no,
    .main_bn,.main_bn2,
    .menu_nav,
    .menu_navigation,
    .left_menu,
    .top_menu,
    .calendar_type,
    .goback .Gotop2 {
        display: none
    }
    #header {
        background: none
    }
    .calendar2,
    .block,
    .type_word,
    .share_mob,
    #menu_bth,
    .block,
    .b_main {
        display: block
    }
    .tabulation_word .example {
        display: block;
        margin-top: 5px;
    }

    .share {
        width: 100%;
        height: auto;
        font-size: 1em;
        font-weight: bold;
        position: static;
        display: table;
        padding: 0;
    }
    .share li {
        width: auto;
        display: table-cell;
        height: 45px;
        margin: 0;
    }
    .Gotop {
        width: auto;
        height: auto;
        background: #311e13;
        position: fixed;
        bottom: 12%;
        right: 2%;
        opacity: 0.7;
        z-index: 999
    }
    .Gotop a {
        color: #fff;
        padding: 0.2em 0.5em;
        text-align: center;
        display: block;
    }
    .Gotop a:before {
        content: "\f0d8";
        font-family: FontAwesome;
        font-size: 1.5em;
        transition: all 0.3s;
        display: block;
        line-height: 20px;
    }
    .search_title,.tabulation .tabulation_tt {
      background: none;
      font-weight: bold;
    }
    .tabulation .tabulation_word {
      
    }
    .search_txt,
    .search_title,
    .tabulation .tabulation_tt,
    .tabulation .tabulation_word {
        display: block;
         padding:0 5px;
         margin-bottom: 5px;
    }
    .search_txt,
    .search_title,
    .tabulation_tt,
    .tabulation_word {
        width: 100%;
        text-align: left;
    }
    .tabulation_blank {
        display: none
    }
    .tabulation2 .tabulation_tt,
    .tabulation2 .tabulation_word {
        padding: 0 0 5px 0;
    }
    .login,
    .registration1 {
        width: 100%;
    }
    /*----------------------------gallery---------------------*/
    .gallery_list .title {
        display: block;
    }
    .gallery_list .title strong {
        width: 100%;
        display: block;
        max-width: inherit;
        overflow: inherit;
        white-space: inherit;
    }
    .gallery_list .title p {
        width: auto;
        display: block;
        text-align: left;
    }
    /*----------------------------calendar---------------------*/
    .calendar ul li dl span,
    .calendar ul .date .plan dd {
        display: none
    }
    .calendar ul .date span {
        padding: 0;
    }
    .calendar ul .date span a {}
    .calendar_month,
    .calendar_type,
    .calendar2_week {
        float: none;
        position: static;
        margin-bottom: 10px;
    }
    .calendar2_week {
        width: 100%;
    }
    .calendar2_week a {
        width: calc(100%/6 - 2px);
        margin-right: calc(2px * 6 / 5);
        padding: 0;
    }
    .calendar2_week a:last-of-type {
        margin-right: 0;
    }
    .calendar_title {
        padding: 0;
    }
    .calendar_type a {
        padding: 0 10px;
    }
    /*----------------------------rwd-table---------------------*/
    .rwd-table {
        background: #fff;
        overflow: hidden;
    }
    .rwd-table {
        min-width: 100%;

    }
    .rwd-table .list_head {
        display: none;
    }
    .rwd-table dd {
        display: block;
    }
    .rwd-table span:before {
        content: attr(data-th) "  ";
        color: #000;
        font-weight: bold;
    }
    .rwd-table li,
    .rwd-table dd {
        text-align: left;
    }
    .rwd-table li,
    .rwd-table dd:before {
        font-weight: bold;
    }
    .rwd-table .list li {
        border-bottom: 1px solid #ccc;
    }
    .list_date {
      
    }
    .rwd-table li {
        padding-bottom: 5px;
    }
    .rwd-table li:last-of-type {
       
    }
    .rwd-table .list {}
    .rwd-table .list_date span {
        display: block;
        width: 100%;
        padding: 5px
    }
    .rwd-table .list_date a {
        display: inline
    }
    .rwd-table .list_date i {
        font-size: 1em;
    }
    .rwd-table .list_word {
        background: none;
        padding: 5px;
    }

    .spel li{
        border-bottom:none
    }
    .spel .spel_date{
        margin-bottom: 2px;
        border-bottom: 1px #ccc dotted;
    }
    .spel .list_date span {
        padding: 2px;
    }
    /*----------------------------links---------------------*/
    .links li:nth-child(odd) {
        background: none;
    }
    .links .list_word {
        text-align: left;
        background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170512195259/https://wood.mlc.gov.tw/images/icon_list.png) no-repeat 10px 18px;
        padding: 10px 10px 10px 25px !important;
    }
    .links li {
        margin: 0;
        padding: 0;
        border: 0
    }
    .links li span:nth-child(even) {
        background-color: #E3E3E3;
    }
    /*----------------------------tour2---------------------*/
    .tour2 li .item a .cover,
    .tour2 li .item a .cover span {
        position: static;
    }
    .tour2 li .item a .cover {
        background: none;
        color: #000;
        line-height: 25px;
        padding: 0.5em 0;
    }
    .tour2 li .item a:hover .cover {
        background: none;
    }
    .tour2 li.tour2_2item .item img,
    .tour2 li.tour2_3item .item img {
        width: 100%;
        height: auto;
    }


    .search_btn li {
        float: none;
        margin: 0 0 5px 0;
    }

    .search_btn li a {
        border-radius: 0;
    }

    .m_20,
    .m_30,
    .m_40,
    .m_50,
    .m_60,
    .m_70,
    .m_90 {
        margin-bottom: 20px
    }
}

@media (max-width: 767px) {
    .news_list .bth a{
        margin-right: 35px;
    width: 156px;
    padding: 9px 0;
    font-size: 1.125em;
    }
    .news_list .bth a::before{
        right: 19px;
        top: 9px;
    }
    .news_list li{
        margin-bottom: 13px;
    }
    
    .news_list .list_word {
        width: 100%;
        display: block;
        white-space: initial;
        max-width:none ;
        padding: 3px 10px 3px 0px;
        }
        .news_list .list_date {
            width: 100%;
            display: block !important;
            text-align: left;
            padding: 3px 9px 3px 41px;
            background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170512195259/https://wood.mlc.gov.tw/in_images/new_icon.png) no-repeat 0px center;
        }

        
     .list .list_word {
width: 100%;
display: block;
}
.list .list_date{
    width: 100%;
    display: block;
    text-align: left;
}


    .col-xs-6:nth-child(2n+1) {
    clear: both;
}
    iframe {
        max-width: 100%;
        height: 225px;
    }
    .inputXS,
    .inputS,
    .inputM,
    .inputL,
    .inputXL {
        width: 100%
    }

    .search_table2 {
        width: calc(100% - 60px);
    }

    .content_txt .imgbox,
    .faq .imgbox,
    .gallery_list .imgbox,
    .gallery_list .imgbox2 {
        float: none;
        padding: 0;
    }

    .pic dl {
        width: 100%;
        max-width: none;
    }
        .page {
   max-width: 265px;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   margin: 10px auto;
}
.page li {
    width: calc(100%/3);
    margin: 0 0 10px 0;
}
}
@media (max-width:912px) {
    .home_img3 a {
        height: 358px;
    }
    .vica {
        padding-top: 48px;
        font-size: 0.85em;
    }
}
@media (max-width: 768px){
    .home_img3 a {
        height: 312px;
    }
}
@media (max-width: 788px){
    .w-more3 {
        margin-top: 28px;
    }
    .vica{
        padding: 30px 12px; 
        padding-top: 36px;
    }
    
}
@media (max-width: 710px){
    .vica .vi_p {
        margin-top: 16px;
    }
    .w-more3 {
        margin-top: 22px;
    }
}

@media (max-width: 680px){

    .bg3{
        position: relative;
    }
    .h2_info2 {
        background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170512195259/https://wood.mlc.gov.tw/in_images/h2_2.png) no-repeat left center;
        font-size: 0em;
        height: 33px;
        margin-top: 162px;
        margin-bottom: 18px;
    }
    .w-more2{
        display: inline-block;
        text-align: center;
        position: absolute;
        font-weight: bold;
        letter-spacing: 1px;
        margin-right: 43px;
        color: #fff;
        border: solid 1px #fff;
        width: 157px;
        padding: 7px 0;
        font-size: 1.25em;
        float: right;
        margin-top: 0;
        bottom: 2%;
        left: 50%;
        transform: translateX(-50%);
    }
    .w-more2:before {
        content: "\f105";
        position: absolute;
        right: 19px;
        top: 4px;
        font-family: FontAwesome;
        font-size: 1.25em;
        transition: all 0.3s;
    }
}


@media (max-width: 800px){
    .home_img3 a {
    
        background-size: cover !important;
        cursor: initial;
    }
    .vica{
        padding: 16px 12px;
        padding-top: 13px;
        background: rgba(141, 95, 62,0.8);
        width: 56%;
        float: right;
        color: #ffffff;
        font-size: 0.85em;
    }
    .vicaa{
        width: 100%;
        background-size: cover !important;
    }
    .vicab{
        display: none;
    }
    .vica .vi_title{
        border-bottom: solid 1px #fff; 
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .vica .vi_p {
        margin-top: 10px;
        white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    }
    .w-more3 {
        margin-top: 17px;
        width: 155px;
    padding: 8px 0;
    font-size: 1.15em;
    }
    
}

@media (max-width: 679px){
    .vicaa{
        width: 100%;
        background-size: contain !important;
    }
}
@media (max-width: 600px) {
    .owl-carousel.center .owl-item{
        padding: 0 72px;
    }
    .media-carousel .owl-nav.disabled, .media-carousel .owl-dots.disabled{
        display: block !important;
    }

    .owl-theme .owl-nav .owl-next{
        right: 13px;  
    }
    .owl-theme .owl-nav .owl-prev {
        left: 13px;
    }
    .media-carousel .owl-dots .owl-dot{

    }
    .media-carousel .owl-dots .owl-dot span{
        background: none;
        border: solid 3px #fff;
        width: 12px;
        height: 12px;
    }
    .media-carousel  .owl-dots .owl-dot.active span, .media-carousel .owl-dots .owl-dot:hover span{
        background:#fff;
    }
    .media-carousel .owl-dots .owl-dot{
        top: 12px;
        position: relative;
    }
    .media-carousel .owl-dots.disabled{
        display: block;
}
.h2_info2{
    margin-top: 124px; 
}
.w-more2{
    bottom: 3%; 
}

}
@media (max-width: 530px){
    .w-more2{
        bottom: 2%; 
    }
}
@media (max-width: 500px) {
    .fancybox-slide--iframe .fancybox-content{
        width: 90% !important;
        height: 239px !important;
        max-width: calc(100% - 0px) !important;
    }
    .vica {
        padding: 11px 12px;
        padding-top: 11px;
        background: rgba(141, 95, 62,0.8);
        width: 67%;
        float: right;
        color: #ffffff;
        font-size: 0.8em;
    }
    .vica .vi_title {
        border-bottom: solid 1px #fff;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .vica .vi_name {
        font-size: 1.5em;
        text-align: left;
        font-weight: 700;
        letter-spacing: 2px;
    }
    .vica .vi_p {
        margin-top: 3px;
    }
    .w-more3 {
        margin-top: 7px;
        width: 118px;
        padding: 3px 0;
        font-size: 1.05em;
    }
    .w-more3:before {
        right: 19px;
        top: 0px;
        font-size: 1.25em;
    }
    .pic dl {
        width: 100%;
    }

    .registration_date3 {
        padding: 0
    }

    .registration_enroll {
        padding: 0
    }

    .registration_sign {
        padding: 0
    }

    .mail3_date {
        font-size: 78%;
        letter-spacing: -1px;
    }

    .search_title {}

    #search_btn li {
        width: 100%;
        margin-bottom: 10px;
    }

    #search_btn {
        margin-bottom: 0px;
    }

    .calendar2_date {
        width: 20%;
    }

    .calendar2_date2 {
        width: 20%;
    }
    /*----------------------------tour2---------------------*/
    .tour2 li.tour2_2item .item,
    .tour2 li.tour2_3item .item {
        width: 100%;
        float: none;
    }
}
@media (max-width: 470px){
    .owl-carousel.center .owl-item {
        padding: 0 53px;
    }
    .h2_info2 {
        margin-top: 149px;
    }
    .news_list .bth a::before {
        right: 13px;
        top: 6px;
    }
    .news_list .bth a {
        margin-right: 15px;
        width: 121px;
        padding: 6px 0;
        font-size: 1.125em;
    }
    .h2_info3{
        background-size: contain;
    }
}
@media (max-width: 420px){
    .h2_info{
        background-size: contain;
    }
    .h2_info2{
        background-size: contain;
    }
    
    .w-info .w-bottom .w-date, .w-info .w-bottom .w-map {
        font-size: 1em;
    }
}
@media (max-width: 400px){
    .news_tt li a{
        padding: 0 16px;
        font-size: 1.1em;
    }
    .w-more2 {
        bottom: 5%;
    }
}
@media (max-width: 380px){
    .w-info .w-title {
        width: 276px;
    }
    .w-info .w-title{
        font-size: 1.125em;
    }
    .w-info .w-bottom .w-date, .w-info .w-bottom .w-map {
        font-size: 0.85em;
    }
}
@media (max-width: 360px){
    .footer_fb {
        width: 90%;

    }
    .news_list .bth a {
        margin-right: 15px;
        width: 104px;
        padding: 6px 0;
        font-size: 1.125em;
        padding-right: 18px;
    }
    .news_list .bth a::before {
        right: 13px;
        top: 6px;
    }
}
@media (min-width: 991px) {
    #main_menu .menu2 {
        display: none !important
    }

    .left_menu .menu2 {
        display: block !important
    }
}





/*
     FILE ARCHIVED ON 19:52:59 五月 12, 2017 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 16:32:49 六月 22, 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)).
*/